/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Inter:400,600|Inter:500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* 1. Theme default css */
:root {
  --theme-color: #1AA86D;
  --primary-color: #fea116;
  --secondary-color: #1AA86D;
}

body {
  font-family: 'Inter', sans-serif;
  font-weight: normal;
  font-style: normal;
  overflow-y: scroll;
}

header{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
}

a,
.button,
button {
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a {
  color: #42495b;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

a:hover {
  text-decoration: none;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

button {
  cursor: pointer
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #1AA86D;
  margin-top: 0px;
  font-style: normal;
}

h1 {
  font-size: 30px;
  font-weight: 700;
}

h2 {
  font-size: 25px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  color: #9a9a9a;
  margin-bottom: 15px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none
}

button.meanmenu-reveal {
  display: none;
}

.owl-controls {
    display: none;
}

#navbarNavDropdown {
    display: block;
}

.navbar-toggler span {
  background-color: #ffffff;
}

.navbar-toggler.collapsed span{
  background-color: #14A76C;
}

.hero-area{
  background-image: url(../img/bus.png);
  background-size: cover;
  position: relative;
  background-position: center;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.1) 30%);
  opacity: 0;
}

.hero-area h1{
  color: #FEA116;
}

.hidden{
  display: none !important;
}

.mobile-menu{
  display: none;
}

#putnici .nice-select{
  line-height: unset;
}

.unavailable-online, .closed {
  background-color: #fff;
  border-radius: 5px;
  color: #9a9a9a;
  width: 100px;
  border: 1px solid rgba(0,0,0,.125);
}

.unavailable-online, .closed {
  font-size: 14px;
  width: 100%;
  border: none;
  color: #000;
  padding: 5px;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  background: transparent;
}

/* button */
.primary-btn {
  display: inline-block;
  position: relative;
  padding: 10px 15px;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  background-color: #fea116;
  border: 1px solid #fea116;
  margin-right: 20px;
  text-transform: capitalize;
  border-radius: 5px;
}

.primary-btn:hover {
  background: #ffffff !important;
  color: #0BA76C;
  border:1px solid #0BA76C !important;
}

.secondary-btn {
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #0BA76C;
  border: 1px solid #0BA76C;
  margin-right: 20px;
  text-transform: capitalize;
  border-radius: 5px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

.ovjeraPovKarte .button-wrapper {
  justify-content: end;
}

.ovjeraPovKarte .button-wrapper .btn-buy a {
  font-size: 10px;
}

.ovjeraPovKarte .route-direction-opened .routePd {
  padding-right: 0;
}

.log-btn:hover {
  color: #0BA76C;
  background-color: #fff;
}

.log-btn {
  display: inline-block;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  text-transform: capitalize;
  border-radius: 5px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

.secondary-btn:hover {
  color: #00bcb3;
  background-color: #fff;
}

button.secondary-btn i {
  font-size: 13px;
}

h3{
  font-size: 20px;
  margin-bottom: 0px;
}

h4{
  font-size: 17px;
  margin-bottom: 0px;
}

h5{
  font-size: 14px;
}

span{
  font-family: 'Inter', sans-serif;
}

.mobile-menu .user-setting.mobile .btn-secondary img, .user-setting .btn-secondary img {
  width: 24px;
  height: auto;
}

button.navbar-toggler span{
  background-color: #14A76C;
}

.newsletter-content .form-wrapper {

}

.social-networks figure {
  display: inline-block;
  margin-right: 15px;
}


.social-networks .facebook img, .social-networks .twitter img{
  width: 45px;
}

.title-wrapper {
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.more-wrapper{
  text-align: center;
  margin-top: 30px;
}

.more{
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #14A76C;
  color: #fff!important;
  font-family: 'Inter', sans-serifsd;
  padding: 10px 10px 10px 10px;
  font-weight: 700;
}
.more:hover{
  color: #fff;
}

#Capa_1{
  display: none;
  height: 38px;
  width: 38px;
}

.work-process-area.changed .accordion>.card {
  overflow: visible;
}

.work-process-area.changed #one-way{
  border: unset!important;
  padding-top: 0px;
  padding-bottom: 0px
}

.selected-route-single{
  cursor: pointer;
}

.work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4{
  font-size: 30px;
  display: inline-block;
  margin-bottom: 0px;
}

.work-process-area.changed #accordion-search-from-wrapper .card{
  width: 100%;
}

.work-process-area.changed #one-way button{
  padding-top: 15px;
  right: 0px;
  left: unset;
}

#collapseOne-search-from-wrapper .hero-area{
  padding: 0px;
}

#collapseOne-search-from-wrapper .hero-content.changed{
  padding: 0px;
}

/* sectiontitle */
.section-title {
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 14px;
  color: #fea116;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.section-title.white-text h2,
.section-title.white-text h3,
.section-title.white-text p {
  color: #fff;
}

.section-title h3 {
  font-size: 55px;
  text-transform: capitalize;
}

.section-title.title-bg {
  position: relative;
}

.section-title.title-bg:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 125%;
  background: url(../img/section-title-bg.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: -15%;
  opacity: 1;
  z-index: -9;
}
.title-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%) scale(1.2);
  -ms-transform: translate(-50%) scale(1.2);
  transform: translate(-50%) scale(1.2);
  top: 0px;
}

.section-title.white-text {
  position: relative;
}

.title-content {
  position: relative;
}
.primary-theme-bg {
  background-color: #fea116;
}

.secondary-theme-bg {
  background-color: #00bcb3;
}

/* theme container */
.container-fluid {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-image: url('../img/preloader.gif');
  background-repeat: no-repeat;
  background-color: #FFF;
  background-position: center;
}

/* top header  */
.main-header {
  padding-right: 8%;
  background-color: #F7F9FF;
  transition: .3s;
}

header .container-fluid {
  position: relative;
}

.top-header-wrapper .col-md-8 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-header-wrapper {
  padding: 20px 0px;
  padding-left: 19%;
  padding-right: 8%;
  transition: .3s;
}

.top-header-wrapper .col-md-5{
  padding-right: 65px;
  transition: .3s;
}

.top-header {
  background: #ffffff;
}

.top-header-left p {
  color: #42495b;
  color: #FEA116;
}

.top-header-left {
  padding-top: 15px;
}

.call-btn:hover a {
  color: #fea116;
}

.top-header-left p a {
  color: #fea116;
  font-family: "Inter", sans-serif;
}

.select-lang .dropdown-menu{
  min-width: 200px;
  padding-left: 15px;
}

.select-lang .dropdown-menu .col-md-6:first-child{
  padding-right: 0px;
}

.select-lang .dropdown-menu .col-md-6:last-child{
  padding-left: 0px;
}

.select-lang a.btn.btn-secondary:focus,
.user-setting a.btn.btn-secondary:focus {
  background: transparent;
  outline: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select-lang a.btn.btn-secondary:active,
.user-setting a.btn.btn-secondary:focus {
  color: #42495b;
  outline: 0;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.top-header-right .dropdown-menu {
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: 0 0 10px #00000017;
  box-shadow: 0 0 10px #00000017;
}

.top-header-right .select-lang img {
  padding-right: 5px;
  padding-bottom: 2px;
}

.top-header-wrapper .email {
  color: #000;
  text-transform: capitalize;
}

.select-lang .dropdown-menu.show {
  margin-top: 10px;
}

.select-lang a.btn.btn-secondary {
  background-color: transparent;
  color: #42495b;
  border: none;
  font-size: 15px;
}

.dropdown-item{
  width: auto!important;
}

.top-header-right .dropdown-menu a.dropdown-item {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.select-lang {
 /* margin-right: 20px; */
}

.signin-btn a.secondary-btn {
  padding: 13px 15px;
  margin-right: 0;
  min-width: 125px;
}

.signin-btn {
  margin-right: 10px;
  margin-left: 10px;
}

.user-setting a.btn.btn-secondary span {
  text-align: left;
}

.user-setting a.btn.btn-secondary {
  background: transparent;
  color: #42495b;
  border: none;
  padding: 0px 0px 0px 0px;
}

.user-setting .first-name, .user-setting .first-name:after{
  display: none;
}

.user-setting .dropdown-toggle::after {
  top: 34px;
  right: 10px;
  position: relative;
  border-top: none;
  border-right: none;
  border-left: none;
}

/* hero area */
section.hero-area {
  position: relative;
 /* padding: 0 8%; */
  padding-top: 100px;
  padding-bottom: 40px;
 /* background-color: #F7F9FF;*/
}

.hero-area.second-step {
  padding-bottom: 0px!important;
  padding-top: 100px;
}

section.hero-area-inside .hero-content{
  padding-top: 0px;
  padding-bottom: 10px;
}

.hero-img {
  position: absolute;
  right: 20px;
}

.hero-content {
  padding-top: 30px;
  padding-bottom: 10px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  transition: .3s;
}

.advance-search .form-control[readonly] {
  background: #fff;
}

.advance-search-area .form-control {
  border: 1px solid #e8e8e8;
}

.advance-src.home2 .section-title h2 {
  font-size: 24px;
}

section.hero-area.advance-src.home2 {
  padding-bottom: 100px;
}

.single-input {
  position: relative;
  margin-bottom: 5px;
}

.single-input i {
  position: absolute;
  z-index: 1;
  padding-left: 20px;
  top: 13px;
  color: #fea116;
}

.single-date-input {
  position: relative;
  margin-bottom: 5px;
}

.single-date-input i {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 18px;
  color: #fea116;
}

.hero-area .submit-btn .primary-btn{
  padding: 12px 10px;
  color: #fff;
}

.hero-area .submit-btn .primary-btn:hover{
  background: #ffffff !important;
  color: #0BA76C;
  border:1px solid #0BA76C !important;
}

.hero-area .advanced-search{
  position: unset;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.hero-area .advanced-search .fa-chevron-down{
  padding-left: 5px;
  font-size: 15px;
  color: #0BA76C;
}

.col-lg-6.submit-btn i {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
}

.single-input .primary-btn i {
  color: #fff;
}

.hero-content .passenger{
  flex: 0 0 11%;
  max-width: 11%;
  padding-left: 0px;
  padding-right: 5px;
}

.hero-content .passenger .form-control{
  border: 1px solid #14A76C;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-content .passenger .dropdown{
  text-align: right;
  padding-right: 0px;
}

.hero-content .passenger .dropdown .dropdown-menu{
  min-width: 250px;
  left: -25px!important;
  right: unset;
  margin-top: 15px;
}

.hero-content .passenger .dropdown .dropdown-menu .col-md-6:last-child{
  text-align: left;
  padding-left: 0px;
}

.hero-content .passenger .dropdown .dropdown-menu input{
  width: 50px;
  -moz-appearance:textfield;
  -webkit-appearance: none;
  margin: 0;
  border: 1px solid #14A76C;
  border-radius: .25rem;
  padding-left: 5px;
}

.hero-content .passenger .dropdown .dropdown-menu i{
  cursor: pointer;
}

.hero-content .passenger .dropdown .dropdown-menu i, .hero-content .passenger .dropdown .dropdown-menu input{
  display: inline-block;
}

.hero-content .passenger .dropdown .btn{
  padding-left: 0px;
}

.hero-content .passenger .dropdown .dropdown-toggle{
  padding-right: 0px;
}

.hero-content .passenger .dropdown i{
  color: #FEA116;
}

.hero-content .passenger .dropdown .dropdown-toggle::after{
  color: #FEA116;
}

.hero-content .submit-btn{
  flex: 0 0 10.85%;
  max-width: 10.85%;
  height: 51px;
  padding-left: 0;
}

.return-confirmation .search-col-padding{
  flex: 0 0 66.65%;
  max-width: 66.65%;
  padding-right: 0px;
  margin-bottom: 5px;
}

.return-confirmation .submit-btn{
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding-right: 0px;
}


/* feature area */
.feature-area {
  background-image: url(../img/feature/feature-bg.jpg);
  background-size: cover;
  background-position: center;
}

section.feature-area .section-title {
  position: relative;
}
section.feature-area .section-title .title-icon{
  opacity: .15;
}

section.feature-area .section-title .title-icon img {
  max-width: 85%;
}

.feature-content {
  padding: 0 32px;
  padding-right: 0;
}

.feature-btn {
  margin-bottom: 30px;
}

.feature-title {
  margin-bottom: 20px;
}

.feature-widget p {
  margin-bottom: 10px;
}

.feature-widget p span {
  display: inline-block;
}

.feature-widget p:first-child span:not(:last-child) {
  margin-right: 25px;
}

.feature-widget p:nth-child(2) span:not(:last-child) {
  margin-right: 65px;
}

.feature-widget {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 2px solid #e4e6ec;
}

.feature-widget p span i {
  color: #fea116;
  margin-right: 10px;
}

.single-feature {
  background: #fff;
  padding-bottom: 40px;
}

.feature-footer-img {
  margin-right: 20px;
}

.feature-footer-content p {
  margin: 0;
  color: #fea116;
}

.feature-footer-content h5 {
  margin-bottom: 0;
}

.feature-footer-content h5 a {
  font-size: 18px;
  color: #42495b;
}

.feature-img {
  position: relative;
  margin-bottom: 40px;
  max-height: 287px;
  overflow: hidden;
}

.feature-img img {
  width: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.price-tag {
  position: absolute;
  left: 65px;
  top: 30px;
  background: #fea116;
  padding: 10px 30px;
  color: #fff;
  font-size: 15px;
}

.price-tag:before {
  content: '\f084';
  position: absolute;
  height: 42px;
  width: 40px;
  background: #e38800;
  left: -40px;
  top: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 40px;
}

.price-tag:after {
  content: '';
  position: absolute;
  left: -40px;
  width: 0;
  top: 40px;
  height: 0;
  background: transparent;
  border-top: 0px solid transparent;
  border-right: 20px solid #e38800;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #e38800;
}

.feature-title h4 a {
  color: #42495b;
  font-size: 24px;
  text-transform: capitalize;
}

.feature-title h4 a:hover {
  color: #fea116;
}

.single-feature:hover .feature-img img {
  -webkit-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(2deg);
}

/* slick slider next prev btn */

.kliknuti_datum{
  color: rgb(255, 255, 255) !important;
  background-color: rgb(66, 71, 91)!important;
}

button.slick-arrow {
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  z-index: 10;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

button.slick-arrow.slick-next {
  left: auto;
  right: -10px;
}

/* destinatino area */
.destination-area {
  padding: 135px 55px;
  padding-bottom: 70px;
}
.destination-area.home2 {
  padding-bottom: 100px;
}

.destination-img img {
  width: 100%;
}

.destination-hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 40px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden;
}

section.destination-area.home3 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.single-destination:hover .destination-hover-content {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.single-destination:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #0d0d0da6), color-stop(60%, #ffffff00));
  background: -webkit-linear-gradient(bottom, #0d0d0da6 12%, #ffffff00 60%);
  background: -o-linear-gradient(bottom, #0d0d0da6 12%, #ffffff00 60%);
  background: linear-gradient(to top, #0d0d0da6 12%, #ffffff00 60%);
  content: '';
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.single-destination:hover:before {
  opacity: 1;
}

.single-destination {
  position: relative;
}

.destination-wrapper:first-child .destination-content-title h3 a {
  font-size: 55px;
  margin-bottom: 10px;
}

.destination-content-title h3 a {
  color: #fff;
  font-size: 35px;
  margin-bottom: 5px;
  display: inline-block;
}

.destination-content-title p {
  color: #fff;
  font-size: 15px;
  padding-left: 30px;
  position: relative;
}

.destination-content-title p:before {
  content: '\f5a0';
  position: absolute;
  left: 5px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.destination-hover-btn {
  position: absolute;
  right: 40px;
  bottom: 30px;
}

.destination-hover-btn .heart-btn {
  background: #fff;
  color: #fea116;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.destination-hover-btn .heart-btn:hover {
  background: #fea116;
  color: #fff;
}

/* work-process-area */

/*
.work-process-area{
  margin-top: 60px;
}
 */

.work-process-area.changed {
  background-size: cover;
  background-position: center;
  margin-top: 100px;
}

.work-process-area.changed.kartPd .second-step {
  padding-top: 30px;
}

.work-process-area.changed.header{
  margin-top: 0px;
  padding-top: 25px;
  padding-bottom: 20px;
  background-color: #fff;
}

.work-process-area .selected-route-single{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  border: 1px solid rgba(0,0,0,.125);
  background-color: #dee2ef;
}

.work-process-area .selected-route-return{
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
  background-color: #F7F9FF;
}

.work-process-area .selected-route-single h1{
  color: #000000;
  font-weight: 700;
  margin-bottom: 0px;
  padding-right: 10px;
}

.work-process-area .selected-route-return h2{
  color: #000000;
  margin-bottom: 0px;
}

.work-process-area .selected-route-single span {
  margin-right: 10px;
}

.work-process-area .selected-route-return span {
  margin-right: 10px;
}

.work-process-area .selected-route-single i {
  margin-left: 5px;
  margin-right: 5px;
}

.work-process-area .selected-route-return i {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.single-date, .fa-calendar-week{
  font-size: 18px;
}

.single-route{
  font-size: 18px;
}

.work-process-area .section-title.title-bg:after {
  z-index: 0;
}

.work-process-img {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}

.work-process-content h4 {
  margin-bottom: 12px;
}

.single-work-process {
  padding: 20px 20px;
  padding-bottom: 60px;
}

.work-process-img:before {
  position: absolute;
  content: '';
  width: 170px;
  height: 170px;
  background: #fff5e7;
  border-radius: 50%;
  opacity: .5;
  left: -50px;
  top: -30px;
  z-index: 0;
}

.work-process-img img {
  position: relative;
  z-index: 1;
}

/* section.choose-us-area */
.choose-us-area {
  background-image: url(../img/choose-us/choose-us-bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.choose-us-area .section-title h3 {
  font-size: 52px;
  text-transform: capitalize;
  letter-spacing: -2px;
}


.choose-us-wrapper {
  background: #fff;
  padding: 90px 80px;
  padding-bottom: 55px;
  position: relative;
  z-index: 2;
}

.choose-us-wrapper .section-title {
  margin-bottom: 40px;
}

.single-choose-us h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.single-choose-us {
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}

.single-choose-us:before {
  position: absolute;
  content: '\f00c';
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  left: 0;
  background: #fea116;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}

.choose-us-wrapper:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #ffffff73;
  left: 20px;
  top: 20px;
  z-index: -1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}


/* tesitmonia area */
.testimonial-img {
  padding-top: 15px;
  margin-right: 30px;
  padding-left: 10px;
}

.testimonial-content {
  padding: 40px 40px;
  border: 1px solid #e4e4e4;
  position: relative;
}

.testi-content-text {
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-bottom: 2px solid #f1f1f1;
}

.testimonial-content:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  background: #fff;
  left: -13px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

.testi-content-footer h5 {
  font-size: 22px;
}

.testi-content-footer h6 {
  font-size: 14px;
  color: #5f5f5f;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}

.testi-footer-icon {
  margin-top: 10px;
}

.testi-content-footer {
  position: relative;
}

.testi-content-footer:after {
  position: absolute;
  content: '\f10e';
  top: -5px;
  right: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 64px;
  color: #fea116;
}

.testi-footer-icon {
  font-size: 13px;
  color: #feae1c;
}

/* blog-area */
.blog-area {
  background-image: url(../img/blog/blog-bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

section.blog-area:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1d1d1d;
  content: '';
  opacity: .8;
}

.blog-img img {
  width: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.blog-img {
  max-height: 262px;
  overflow: hidden;
}

.single-blog {
  background: #fff;
}

.blog-content {
  padding: 0 35px;
  padding-bottom: 15px;
  padding-top: 35px;
}

.blog-text h4 a {
  font-size: 20px;
  margin-bottom: 15px;
  color: #42495b;
}

.blog-wid {
  margin-top: 10px;
}

.blog-wid span {
  display: inline-block;
  color: #5f5f5f;
  font-size: 15px;
  margin-right: 10px;
}

.datum {
  text-transform: capitalize;
  color: #42495b;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

.social span{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}

.blog-wid span:first-child {
  margin-right: 10px;
}

.blog-wid span i {
  margin-right: 8px;
  color: #fea116;
}

.single-blog:hover .blog-img img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}


/* form area */
section.subscribe-area {
  background: #f5f7fd;
}

form.subscribe-form input {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 20px;
}

section.subscribe-area .container-fluid {
  position: relative;
}

.form-side-img {
  position: absolute;
  left: 0;
}

.subscribe-now {
  position: absolute;
  right: 10%;
  top: 0;
}

section.subscribe-area .container-fluid:before {
  content: "Newsletters";
  position: absolute;
  right: 0;
  font-size: 200px;
  color: #42495b;
  top: 77%;
  opacity: .07;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1;
}

/* brand area */
.single-brand {
  text-align: center
}
.single-brand img {
  opacity: .5;
  transition: .3s;;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.single-brand:hover img {
  opacity: 1;
}
.brand-area.gallery-style .single-brand img {
  opacity: 1;
}

.single-brand img {
  display: inline-block;
}


.slick-slide:focus {
  outline: 0;
}

.brand-slider {
  margin-left: -15px;
  margin-right: -15px;
}

/* footer area */
footer {
  /*background-color: #42475B; */
}

footer .section-title{
  margin-bottom: 30px;
}
.newsletter-content{
  background-color: #F7F9FF;
}

.newsletter-content .section-title {
  margin-bottom: 20px;
}

.newsletter-content .section-title h3{
  font-size: 35px;
}

footer .footer-logo{
  text-align: left!important;
  margin-bottom: 30px;
}

footer .footer-logo img{
  max-width: 165px;
}

.footer-content {
  padding-left: 0;
  padding-right: 0;
}

.logo {
  display: inline-block;
  position: absolute;
  left: 8%;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.logo a {
  display: inline-block;
}

.logo a img {
  width: 180px !important;
  transition: .3s;
}

.logo-small{
  display: none;
}

.logo-small a img {
  transition: .3s;
}

.footer-text h2 a {
  font-size: 50px;
  color: #fff;
  margin-bottom: 5px;
  line-height: 1;
  display: block
}

footer .container-fluid {
  position: relative;
}

.single-footer.email-us .footer-content-title h4 {
  font-weight: 400;
  font-size: 22px;
}

.single-footer.email-us .footer-content-title h4 span {
  color: #fea116;
  font-weight: 700;
}

.footer-content-title h4 {
  color: #03492C;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  max-width: 171px;
  font-size: 15px;
}

.footer-content-text p {
  display: block;
  color: #fff;
  line-height: 30px;
  font-size: 15px;
  margin-bottom: 20px;
}

.footer-content-title {
  margin-bottom: 30px;
}

.footer-content-text ul li a {
  color: #0BA76C;
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  position: relative;
}

.footer-content-text ul li a:hover {
  color: #fea116;
}

.single-footer:not(.email-us) {
  padding-left: 40px;
}

.single-footer.email-us {
  padding-right: 30px;
}

.footer-img {
  position: absolute;
  right: 15px;
}

.logo-style2 h2 a {
  font-size: 35px;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  z-index: 9999;
}

.logo-style2 h5 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
}

.footer-copyright {
  margin-top: 0px;
}

.footer-copyright p {
  font-size: 14px;
}

.footer-copyright p {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 10px;
  color: #5f5f5f;
  text-align: left;
  line-height: 20px;
  margin-bottom: 0;
}

.footer-content-text p {
  display: block;
  color: #5f5f5f;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 10px;
}

.logo-style2 h2 a i {
  font-size: 26px;
  display: inline-block;
  color: #fea116;
  margin-right: 5px;
}

.footer-copyright div {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 10px;
  color: #fff;
  text-align: left;
}

.bank-guarantee {
  color: #5f5f5f;
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 700;
}

.bank-guarantee .col-md-4 {
  padding-left: 0px;
}

/* homepage 2 */

/* latest vacation */
.single-vacation {
  position: relative;
}

.vacation-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-bottom: 30px;
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.vacation-content h4 a {
  color: #fff;
  margin-bottom: 10px;
  font-size: 24px;
}

.vacation-content p {
  color: #fff;
  margin-bottom: 10px;
}

.vacation-widget span {
  color: #fff;
}

.single-vacation img {
  width: 100%;
}

.single-vacation:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #000000c2), to(#ffffff21));
  background: -webkit-linear-gradient(bottom, #000000c2 20%, #ffffff21);
  background: -o-linear-gradient(bottom, #000000c2 20%, #ffffff21);
  background: linear-gradient(to top, #000000c2 20%, #ffffff21);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 1;
}

.vacation-content i {
  color: #fea116;
  margin-right: 8px;
}

.vacation-widget a {
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  font-size: 15px;
}

.single-vacation:hover:before {
  opacity: 1;
}

.single-vacation:hover .vacation-content {
  opacity: 1;
}

/* feature-2-area */
.feature-2-area {
  background-image: url(../img/feature-2/dot-image.jpg);
  background-size: cover;
  background-position: center
}

.feature-2-area .section-title.white-text.title-bg:after {
  opacity: .3;
}

.signle-feature-2 {
  background: #fff;
  padding: 60px 30px;
  border-radius: 10px;
  padding-bottom: 40px;
}

.feature-2-icon {
  font-size: 85px;
  color: #fea116;
  display: inline-block;
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
}

.feature-2-icon:before {
  position: absolute;
  content: '';
  left: -20px;
  width: 100px;
  height: 100px;
  background: #fff5e7;
  z-index: -1;
  border-radius: 50%;
}

.feature-2-content h4 a {
  color: #42495b;
  font-size: 35px;
  margin-bottom: 20px;
  display: block;
}

.feature-2-content p {
  color: #5f5f5f;
}

section.feature-2-area .section-title {
  margin-bottom: 70px;
}

/* perfect-tour */
.feature-content.perfect-tour {
  position: relative;
}

.feature-footer-img.perfect-tour {
  position: absolute;
  right: 30px;
  margin: 0;
  top: -70px;
  z-index: 1;
}

.feature-footer-img.perfect-tour:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #ffffff63;
  border-radius: 50%;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.single-feature.perfect-tour:hover .feature-widget.perfect-tour {
  border-color: #fea116;
}

.feature-widget.perfect-tour {
  margin: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.single-feature.perfect-tour {
  padding-bottom: 0;
}

.destination-hover-btn.tranding-home span {
  font-size: 18px;
  color: #fff;
}

.destination-wrapper .destination-hover-btn.tranding-home i.far {
  font-size: 14px;
  color: #fea116;
}

.destination-wrapper:first-child .destination-hover-btn.tranding-home i.far {
  font-size: 18px;
}


.destination-wrapper:first-child .destination-content-title.tranding-home h3 a {
  font-size: 40px;
  margin-bottom: 10px;
}

.destination-wrapper:first-child .destination-hover-btn.tranding-home {
  position: absolute;
  right: 30px;
  left: auto;
  top: 12px;
}

.destination-wrapper .destination-hover-btn.tranding-home {
  position: relative;
  right: auto;
  left: 0;
  top: 0;
}

.destination-wrapper .destination-content-title.tranding-home h3 a {
  font-size: 25px;
  margin-bottom: 0;
}


/* choose us 2 */
.choose2-icon i {
  color: #fea116;
  font-size: 20px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px #0000001f;
  box-shadow: 0 0 15px #0000001f;
  margin-right: 22px;
  display: block;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.choose2-text h5 a {
  color: #42495b;
  font-size: 20px;
  display: block;
}

.single-choose-us2 {
  margin-bottom: 30px;
}

.single-choose-us2:hover .choose2-icon i {
  color: #fff;
  background: #fea116;
}

section.choose-us2-area {
  background: #f9f8f6;
  position: relative;
}

.choose2-img {
  position: absolute;
  right: 110px;
  bottom: 0;
}

section.choose-us2-area .choose2-img img {
  max-height: 730px;
}

.choose-us-content a.primary-btn {
  min-width: 190px;
}

/* testimonial 2 */
.single-testimonial.testimonial-2 .testimonial-img {
  margin-right: 0;
  padding: 0;
}

.single-testimonial.testimonial-2 .testimonial-content {
  border: none;
  padding-top: 30px;
}

.single-testimonial.testimonial-2 .testimonial-content::before {
  display: none;
}

.single-testimonial.testimonial-2 .testimonial-img img {
  display: inline-block;
  border: 2px dashed #d0cbc0;
  border-radius: 50%;
}

.single-testimonial.testimonial-2 .testi-content-footer:after {
  display: none;
}

.single-testimonial.testimonial-2 .testi-content-text {
  padding-bottom: 0;
  margin-bottom: 15px;
  border-bottom: none;
}

.single-testimonial.testimonial-2 .testi-content-text p {
  color: #5f5f5f
}

.single-testimonial.testimonial-2 .testi-content-footer h5 a span {
  color: #feae1c;
  font-size: 12px;
}

.single-testimonial.testimonial-2 .testi-content-footer h5 a {
  font-size: 20px;
  color: #42495b
}

/* article */
.article-img img {
  width: 100%;
}

.article-slider{
  margin-left: -15px;
  margin-right: -15px;
}

.single-article {
  position: relative;
}

.article-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 50px;
  padding-bottom: 50px;
  padding-right: 40px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #00000087), to(#fff0));
  background: -webkit-linear-gradient(bottom, #00000087 15%, #fff0);
  background: -o-linear-gradient(bottom, #00000087 15%, #fff0);
  background: linear-gradient(to top, #00000087 15%, #fff0);
}

.article-content h4 a {
  color: #fff;
  margin-bottom: 15px;
  font-size: 30px;
  display: block;
}

.article-wid a {
  color: #fff;
  font-size: 15px;
  margin-right: 10px;
}

.article-wid a i {
  color: #fea116;
  display: inline-block;
  margin-right: 5px;
}

.article-btn a {
  background: #fff;
  padding: 9px 20px;
  border-radius: 5px;
  color: #fea116;
  font-size: 15px;
}

.article-btn {
  margin-bottom: 30px;
}

.article-btn a:hover {
  background: #fea116;
  color: #fff;
}

.single-article:hover .article-content {
  opacity: 1;
}

.article-slider button.slick-arrow {
  top: -110px;
  left: auto;
  right: 15px;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(254, 161, 22, 0.22);
  box-shadow: 0px 10px 32px 0px rgba(254, 161, 22, 0.22);
}
button.slick-arrow i {
  color: #0BA76C;
}

.article-slider button.slick-arrow.slick-prev {
  left: auto;
  right: 100px;
}

/* home 2 header */
.header-style2 .top-header {
  background: transparent;
  padding: 25px 70px;
  border-bottom: 1px solid #777777;
}

.select-opt ul li a {
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  display: inline-block;
}


.select-opt ul li ul {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  width: 80px;
  z-index: 99;
}


.select-opt ul li {
  position: relative;
}

.select-opt ul li:hover ul {
  opacity: 1;
  visibility: visible;
}

.select-opt ul li ul li a {
  display: block;
  padding: 3px 0;
}

.select-opt ul li ul li a:hover {
  color: #fea116;
}

.select-opt {
  padding-top: 10px;
  margin-right: 60px;
}

.header-logo.logo-style2 h2 {
  margin-bottom: 0;
}

.header-link a {
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-size: 15px;
}

.header-link a:hover {
  color: #fea116;
}

.call-btn p {
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
}

.call-btn a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
}

.call-btn {
  margin-right: 40px;
}

.search-btn {
  position: relative;
  margin-right: 40px;
}

.search-btn .search-content {
  position: absolute;
  right: 0;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  -webkit-transition: .3s;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  margin-top: 15px;
  z-index: 99;
}

.search-btn a {
  font-size: 30px;
  display: inline-block;
  color: #fff;
  padding: 10px 0;
}

form.search-form input {
  width: 230px;
  background: #F7F9FF;
  border: none;
  border-radius: 5px;
  padding: 10px 0;
  padding-left: 20px;
  color: #5f5f5f;
}

form.search-form button {
  position: absolute;
  right: 10px;
  top: 3px;
  background: transparent;
  border: none;
  font-size: 24px;
  color: #5f5f5f;
}

.search-btn:hover .search-content {
  opacity: 1;
  visibility: visible;
  margin: 0;
}

.header-user a {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  padding: 10px;
}

.header-user a:hover {
  color: #fea116;
}

.search-btn:hover a {
  color: #fe9f36;
}


/* slider area */
.single-slider {
  padding-top: 360px;
  padding-bottom: 200px;
  background: #333;
  background-image: url(../img/slider/slider-bg-1.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.single-slider:nth-child(2) {
  background-image: url(../img/slider/slider-bg-2.jpg);
}

.single-slider:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #080808;
  opacity: .5;
}

.slider-title p {
  color: #fff;
  font-size: 24px;
  margin-bottom: 30px;
}

.slider-title h1 {
  font-size: 180px;
  color: #fff;
  line-height: 150px;
  font-weight: 900;
}

.slider-btn a.slider-btn {
  min-width: 180px;
  display: inline-block;
  padding: 15px 0;
  background: transparent;
  border-radius: 5px;
  margin-right: 25px;
  border: 2px solid #fff;
  color: #fff;
}

.slider-btn a.slider-btn:hover {
  background: #f99d25;
  border-color: #f99d25;
}

.slider-title {
  margin-bottom: 40px;
}

.slider-area button.slick-arrow {
  left: 70px;
  right: auto;
}

.slider-area button.slick-arrow.slick-next {
  left: auto;
  right: 70px;
}

.hero-area.advance-src{
  background-color: #f9f8f6;
  padding: 130px 0;
}
.hero-area.advance-src .hero-content {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  background-position: center
}

/* brand-area pt-130 pb-130 gallery-style */
.brand-area.gallery-style{
  padding-left: 55px;
  padding-right: 55px;
}
.brand-area.gallery-style .single-brand{
  opacity: 1;
}
.brand-area.gallery-style .single-brand img{
  width: 100%;
}

/* footer-style2 */
.footer-style2{
  background-image: url(../img/footer/footer-bg2.jpg);
}

.footer-style2 .logo-style2 h2 a,.footer-style2 .footer-content-title h4 {
  color: #42495b;
}

.footer-style2 .logo-style2 h5 {
  color: #8f8f8f;
}

.footer-style2 .footer-content-text p,.footer-style2 .footer-content-text ul li a  {
  color: #737373;
}

.footer-style2 .section-title{
  margin-bottom: 30px;
}

/* list grid view */
.list-grid.hero-content {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  background: transparent;
}

.feature-area.list-grid{
  background: #fff;
}

.feature-area.list-grid .single-feature {
  background: #f7f9ff;
}

.submit-btn .secondary-btn {
  width: 100%;
  font-size: 15px;
  padding: 19px 10px;
}

/* banner-area */
.banner-area{
  background-color: #fffbf6;
  padding-bottom: 55px;
  padding-top: 285px;
}

.banner-area .section-title p i {
  font-size: 13px;
}

.banner-area .section-title p a {
  color: #9a9a9a;
}

.banner-area .section-title p a:hover {
  color: #5f5f5f;
}

.pagination {
  margin-bottom: 20px;
}

  /* pagination */
.pagination a {
  display: block;
  width: 20px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  margin-right: 10px;
  color: #999999 !important;
  padding: 0 !important;
  font-weight: 500;
}

.pagination a.active.back-color-tp {
  background-color: #ffffff !important;
  color: #0BA76C !important;
  margin-right: 0;
}

.pagination {
  margin-top: 20px;
  justify-content: center;
}

.pagination a:hover:not(.pagination-dot) {
  color: #999999 !important;
  border-color: #999999;
}
.pagination .pagination-dot{
  border: none;
  background: transparent;
  font-size: 12px;
}
/* aside  */
.single-aside {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  margin-bottom: 40px;
}

.aside-title {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.aside-title:before, .aside-title:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 10px;
  height: 2px;
  background: #fea116;
}
.aside-title:after {
  left: 17px;
  top: 100%;
  width: 25px;
}

.aside-content.single-explore img {
  width: 100%;
}

.aside-content.single-explore h5 a{
  position: absolute;
  bottom: 20px;
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
}

.aside-content.single-explore {
  position: relative;
  margin-bottom: 20px;
}

.aside-content.single-explore:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #0000008c), to(#fff0));
  background: -webkit-linear-gradient(bottom, #0000008c 5%, #fff0);
  background: -o-linear-gradient(bottom, #0000008c 5%, #fff0);
  background: linear-gradient(to top, #0000008c 5%, #fff0);
}

.aside-content.aside-sub-content p {
  margin-bottom: 30px;
}

form.aside-form input, form.aside-form textarea {
  width: 100%;
  max-width: 300px;
  padding: 18px 0;
  padding-left: 20px;
  border-radius: 10px;
  border: 1px solid #fea116;
  margin-bottom: 15px;
}

form.aside-form textarea {
  min-height: 140px;
  resize: none;
}

form.aside-form button {
  padding: 15px 10px;
  border-radius: 10px;
  background: #fea116;
  color: #fff;
  border: 1px solid #fea116;
  min-width: 210px;
}

form.aside-form button:hover {
  background: #fff;
  color: #5f5f5f;
}

form.aside-form {
  margin-bottom: 20px;
}

.newslatter-img {
  border-radius: 50%;
  margin-right: 20px;
}

.newsletter-content h6 a{
  font-size: 15px;
  color: #42495b;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.single-newslatter:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4ddcf;
}

/* aside-banner */
.aside-banner{
  background-image: url(../img/aside/aside-banner.jpg);
  background-size: cover;
  background-position: bottom;
}

.aside-banner {
  padding: 0 50px;
  padding-top: 90px;
  padding-bottom: 80px;
  position: relative;
}

.aside-banner-content h3 {
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 40px;
  color: #fff;
}
.aside-banner-content p{
  color: #fff;
  margin-bottom: 40px;
}

.aside-banner:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 100%;
  width: 100%;
  background: #42495b;
  opacity: .83;
  z-index: 0;
}

.aside-banner-content {
  position: relative;
}

/* listing list page*/
.single-feature.listing-list {
  background: transparent;
}

.single-feature.listing-list .feature-widget {
  padding-bottom: 0;
  margin-bottom: 15px;
  border-bottom: none;
}

.single-feature.listing-list .feature-btn {
  margin-bottom: 15px;
}

.single-feature.listing-list .feature-title {
  margin-bottom: 10px;
}

.listing-list-btn i {
  font-size: 14px;
  color: #fea116;
}
.listing-list-btn span {
  color: #5f5f5f;
}

section.feature-area.list-view {
  background: #fff;
}

.single-feature.listing-list .feature-img {
  margin-bottom: 0;
}

.single-feature.listing-list .single-feature {
  padding-bottom: 0;
}

/* map */
.map-area {
  width: 100%;
  overflow: hidden;
}

.map-area iframe {
  min-height: 750px;
  width: 100%;
  margin-top: -50px;
  margin-left: -3px;
}

.map-area.contact-us2 iframe {
  min-height: 800px;
}

.map-area.home3 iframe {
  min-height: 1000px;
  width: 100%;
  margin-top: -50px;
  margin-left: -3px;
}

.map-area.small-map iframe{
  max-height: 400px;
  margin-left: -3px;
}

.single-feature.map-grid {
  position: relative;
  padding-bottom: 0;
}
.single-feature.map-grid .feature-img {
  margin-bottom: 0;
  position: relative;
  max-height: 100%;
}

.feature-content.map-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 20px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #000000bf), to(#fff0));
  background: -webkit-linear-gradient(bottom, #000000bf 15%, #fff0);
  background: -o-linear-gradient(bottom, #000000bf 15%, #fff0);
  background: linear-gradient(to top, #000000bf 15%, #fff0);
}
.feature-content.map-grid .feature-title {
  margin-bottom: 0;
}

.map-grid.feature-widget {
  border: none;
  margin: 0;
  padding: 0;
  margin-left: 30px;
}

.feature-btn.map-grid {
  margin-bottom: 20px;
}

.feature-content.map-grid .feature-title h4 a, .feature-content.map-grid .feature-title p, .feature-content.map-grid .feature-widget p{
  color: #fff;
}

/* blog grid */
section.feature-area.blog-grid {
  background: transparent;
}

.single-blog.blog-grid {
  border: 1px solid #EBEFFB;
  margin-bottom: 40px;
}

.blog-img.blog-standard {
  max-height: 500px;
}

.blog-content.blog-standard {
  padding: 0;
  margin-bottom: 55px;
  padding-top: 35px;
}

.standard-blog-btn {
  margin-top: 30px;
}
.standard-blog-btn a.secondary-btn{
  background-color: #fff5e7;
  min-width: 130px;
  border-color: #fff5e7;
  color: #5f5f5f
}
.standard-blog-btn a.secondary-btn:hover{
  background-color: #fea116;
  border-color: #fea116;
  color: #fff
}

section.feature-area.blog-grid .blog-content {
  border: 2px solid #ebeffb;
}

/* blog standard */

.blog-quoat {
  background: #fea116;
  position: relative;
}
.qouat-content {
  padding: 0 30px;
  position: relative;
}
.qouat-content h4 {
  color: #fff;
  font-size: 30px;
}

.quoat-icon {
  position: absolute;
  top: 25px;
  left: 50%;
  font-size: 180px;
  color: #fff;
  opacity: .2;
  line-height: 1;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}


/* redwan code */

/* FAQ Section Style */
.faq-title h2 {
  font-size: 42px;
  color: #42495b;
  line-height: 0.9;
  margin-bottom: 35px;
}
.faq-title p {
  margin-bottom: 0;
}
.single-faq {
  margin-top: 65px;
}
.single-card {
  padding: 0 50px;
  padding-top: 23px;
  border: 2px solid #E9EEFE;
  margin-bottom: 20px;
}
.single-faq-title h3 {
  font-size: 30px;
  border-bottom: 2px solid #E9EEFE;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.single-faq-title h3:before{
  content: "";
  position: absolute;
  background-color: var(--theme-color);
  width: 80px;
  height: 4px;
  left: 0;
  bottom: -2.5px;
}
.card-title{
  margin-bottom: 0;
  position: relative;
}
.card-title a.collapse-heading {
  font-size: 18px;
  color: #42495b;
  margin-bottom: 25px;
  padding-right: 25px;
  display: block;
}
.card-title a::after, .card-title a[aria-expanded="false"]::after {
  font-family: "Font Awesome 5 Free";
  content: "\f06e";
  font-weight: 900;
  float: right;
  position: absolute;
  right: 0;
  margin-left: 20px;
  top: 0;
}
.card-title a[aria-expanded="true"]::after {
  content: "\f070";
}
.card-title a[aria-expanded="true"] {
  color: var(--theme-color);
}
.card-content p {
  margin-bottom: 30px;
}

.single-aside.aside-call-btn.text-center {
  position: relative;
  padding-bottom: 40px;
}

.aside-callbtn-content h4 {
  font-size: 32px;
  margin-bottom: 25px;
}

.aside-callbtn-content a {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.departure-opened p{
  margin-bottom: 10px;
}

.aside-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(-45deg);
  -ms-transform: translate(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
  font-size: 180px;
  line-height: 1;
  color: #ecebe9;
}

.aside-callbtn-content {
  position: relative;
}

.aside-callbtn-content a:hover {
  color: #fea116;
}

/* Form CSS */
.form-wrapper.bg-img{
  background-image: url(../img/bg-imgs/form-bg-img-1.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.bg-man-img {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}
.bg-man-img img{
  height: 100%;
  height: 100%;
}
.form-control:focus{
  -webkit-box-shadow: none ;
  box-shadow: none ;
}
.user-form {
  background-color: #fff;
  padding: 60px 70px;
}
.form-title {
  position: relative;
}
.form-title h3 {
  color: #fff;
  font-size: 31px;
  line-height: 0.5;
  text-transform: capitalize;
}
.form-title.bg-icon{
  position: relative;
}
.form-title.bg-icon::before {
  position: absolute;
  content: "";
  top: 25px;
  right: 0;
  width: 110px;
  height: 110px;
  background-image: url(../img/icons/form-title-icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.user-form .form-group{
  position: relative;
}
.user-form .form-group input, .user-form .form-group textarea {
  border: 2px solid #EAEDF4;
  width: 100%;
  padding: 30px 25px;
  color: #5f5f5f;
  font-size: 16px;
  margin-bottom: 15px;
  border-radius: 6px;
  resize: none;
}
#register-form .form-group input{
  padding-left: 50px;
}
.user-form .form-group input::-webkit-input-placeholder{
  color: #5f5f5f;
}
.user-form .form-group input:-ms-input-placeholder{
  color: #5f5f5f;
}
.user-form .form-group input::-ms-input-placeholder{
  color: #5f5f5f;
}
.user-form .form-group input::placeholder{
  color: #5f5f5f;
}
textarea::-webkit-input-placeholder{
  color: #5f5f5f;
}
textarea:-ms-input-placeholder{
  color: #5f5f5f;
}
textarea::-ms-input-placeholder{
  color: #5f5f5f;
}
textarea::placeholder{
  color: #5f5f5f;
}
.user-form .form-group i {
  position: absolute;
  color: var(--theme-color);
  top: 25px;
}
#register-form .form-group i{
  left: 25px;
}
#message-form .form-group i {
  right: 32px;
}

.user-form  .form-check {
  padding-left: 0em;
  margin: 30px 0;
}

.user-form input[type="checkbox"] + label {
  display: block;
  color: #5f5f5f;
  font-size: 16px;
  padding-left: 40px;
  margin-top: 35px;
  margin-bottom: 40px;
}
.user-form  input[type="checkbox"]{
  display: none;
}
.user-form input[type="checkbox"] + label::before {
  content: "\2714";
  border: 2px solid #EAEDF4;
  border-radius: 6px;
  display: inline-block;
  padding: 1px 7px;
  color: transparent;
  position: absolute;
  left: 0;
  top: -2px;
}
.user-form input[type="checkbox"]:checked + label:before{
  color: #000;
  border: 2px solid var(--theme-color);
}
.user-form .primary-btn i{
  margin-left: 10px;
  font-size: 13px;
}
.form-wrapper.mfp-iframe-scaler{
  padding-bottom: 0;
}
.contact-us-wrap .user-form .form-group input, .contact-us-wrap .user-form .form-group textarea {
  padding: 37px;
}
.contact-us-wrap .user-form .form-group i{
  top: 30px;
}
/* Form CSS end */

/* Host Features CSS */
.host-feature-wrap .section-title {
  margin-bottom: 80px;
}
.single-host-feature .feature-icon{
  border: 2px dashed #E0E6F4;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 0px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-bottom: 20px;
  -webkit-transition: 0.35s linear;
  -o-transition: 0.35s linear;
  transition: 0.35s linear;
  border-radius: 8px;
  -webkit-animation: rotate 1s;
  animation: rotate 1s;
}

.single-host-feature {
  padding: 0 20px;
}
.single-host-feature:hover .feature-icon{
  background-color: var(--theme-color);
  color: #fff;
  border: 2px dashed var(--theme-color);
}
.single-host-feature .feature-icon i {
  font-size: 55px;
  line-height: 2.1;
}
.single-host-feature h4{
  margin-top: 50px;
}
/* Host Features CSs end */

/* Feature Two CSS */

.feature-two-wrap.bg-img{
  background-image: url(../img/bg-imgs/feature-bg-img-1.png);
  background-size: cover;
  background-position: center;
}
.single-feature-two {
  background-color: #fff;
  padding: 40px 50px;
  margin-bottom: 20px;
  overflow: hidden;
  padding-right: 15px;
}
.single-feature-two p {
  margin-bottom: 0;
}
.single-feature-two .feature-icon {
  float: left;
  background-color: var(--theme-color);
  color: #fff;
  border-radius: 50%;
  margin-top: 5px;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
}
.single-feature-two .single-feature-two .feature-icon i{
  font-size: 40px;
}
.single-feature-two .feature-content{
  width: 70%;
  float: left;

}
/* Feature Two CSS end */

/* CTA Area css */
.cta-wrap .bg-img{
  position: relative;
}
.cta-wrap .bg-img:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-imgs/CTA-bg-img-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
.cta-area h1 {
  font-size: 50px;
  color: #fff;
}
.cta-area p {
  font-size: 24px;
  color: #fff;
  font-weight: 900;
  margin-top: 40px;
  position: relative;
  padding-left: 70px;
}
.cta-area p i {
  background-color: var(--theme-color);
  padding: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -15px;
}
/* CTA Area css end */

/* Contact Info CSS */
.contact-title {
  margin-bottom: 45px;
}
.contact-title h4 {
  margin-bottom: 15px;
}
.contact-info {
  padding-left: 40px;
  margin-bottom: 45px;
}
.contact-info h5 {
  color: #868fa7;
}
.contact-info h5 i {
  margin-right: 10px;
}
.contact-info p {
  color: #42495b;
  font-size: 18px;
}
/* contact us section */
.contact-us-wrap .contact-info-wrap {
  border: 2px solid #EAEDF4;
  padding: 60px;
  border-radius: 6px;
  padding-bottom: 35px;
}
.contact-us-wrap .contact-info-wrap .contact-info {
  padding-left: 0;
  margin-bottom: 60px;
}
.contact-us-wrap .contact-info-wrap .contact-info h5 {
  color: #868fa7;
  margin-bottom: 20px;
}
.contact-us-wrap .contact-info-wrap .contact-info:last-child {
  margin-bottom: 0;
}
.contact-us-wrap .user-form {
  padding: 0;
  padding-left: 50px;
}
.contact-us-wrap .user-form .primary-btn {
  padding: 26px 125px;
  margin-left: 2px;
}
.form-title h5 {
  color: var(--theme-color);
}
.form-title h1 {
  font-size: 55px;
  line-height: 1;
}
.contact-us-wrap .form-title {
  padding: 0;
  margin-bottom: 50px;
  padding-left: 50px;
}
.contact-us-wrap .contact-title {
  margin-bottom: 40px;
}
/* Contact Info CSS end */

/* Map Style */
.form-wrapper.mfp-iframe-scaler {
  position: relative;
  min-height: 985px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  position: relative;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.map-wrap .mfp-iframe-scaler{
  min-height: 400px;
}
/* map style end */

/* 404 Error Section */
.error h1 {
  font-size: 85px;
  margin-top: 120px;
}
.error p{
  font-size: 24px;
  margin: 40px 0;
}
/* 404 Error Section end */



/* about  us page */

/* About Us Section */
.about-us-wrap .section-title h2 {
  font-size: 35px;
}
.about-us-wrap .section-title {
  margin-bottom: 60px;
}
.choose-us-area.bg-2 {
  background-image: url(../img/choose-us/choose-bg2.jpg);
}

.choose-us-wrapper.choose2 {
  padding: 90px;
  padding-right: 105px;
  padding-bottom: 100px;
}
.choose-us-wrapper.choose2 .choose-us-content p {
  color: #5f5f5f;
  margin-bottom: 40px;
}
section.article-area.about-page .section-title{
  position: relative;
}
section.article-area.about-page .section-title .title-icon{
  opacity: .15;
}
section.article-area.about-page .section-title .title-icon img{
  max-width: 85%;
}
section.article-area.about-page .blog-footer {margin-top: 20px;margin-bottom: 20px;}

.choose-us3-wrapper .section-title {
  margin-bottom: 40px;
}
.choose-us3-wrapper .section-title h3 {
  line-height: 1;
  margin-bottom: 15px;
}

.about-us {
  padding: 0px 35px;
  padding-right: 50px;
}
.about-us p {
  margin-bottom: 25px;
  line-height: 35px;
}
.contact-number {
  background-color: #FFF1DC;
  display: inline-block;
  padding: 35px 50px 30px 50px;
  border-radius: 40px;
  position: relative;
  margin-top: 15px;
}
.contact-number h4 {
  color: var(--theme-color);
  margin-left: 25px;
  line-height: 0;
}
.contact-number i {
  background-color: var(--theme-color);
  color: #fff;
  padding: 22px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 8px;
}

.single-aside.aside-call-btn.text-center {
  position: relative;
  padding-bottom: 40px;
}

.aside-callbtn-content h4 {
  font-size: 32px;
  margin-bottom: 25px;
}

.aside-callbtn-content a {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.aside-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(-45deg);
  -ms-transform: translate(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
  font-size: 180px;
  line-height: 1;
  color: #ecebe9;
}

.aside-callbtn-content {
  position: relative;
}

.choose-us-content p {
  color: #5f5f5f;
  margin-bottom: 30px;
}
/* About Us Section End */

/* Counter Section */
.counter-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto;
  background-color: #FFF5E7;
  border-radius: 50%;
  color: var(--theme-color);
  position: relative;
  margin-bottom: 20px;
}
.counter-icon i {
  font-size: 42px;
  position: absolute;
  top: -15px;
  left: 0;
}
.single-counter p {
  font-size: 14px;
  color: #5f5f5f;
}
.single-counter span {
  font-size: 55px;
  color: #42495b;
  font-weight: 700;
}

/* Counter Section End */

/* Team Section */
.team-member{
  position: relative;
}
.member-info{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.member-info h4 {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.member-info h6 {
  color: var(--theme-color);
  font-size: 14px;
  margin-bottom: 0;
}
.team-member:hover .member-info, .team-member:focus .member-info{
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.team-member:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-linear-gradient(bottom, #0d0d0da6 12%, #ffffff00 60%);
  background: -o-linear-gradient(bottom, #0d0d0da6 12%, #ffffff00 60%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #0d0d0da6), color-stop(60%, #ffffff00));
  background: linear-gradient(to top, #0d0d0da6 12%, #ffffff00 60%);
  content: '';
  opacity: 0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.team-member:hover:before {
  opacity: 1;
  opacity: 0.70;
}
/* Team Section End */

section.choose-us2-area .choose-us-wrapper {
  padding: 0;
}

.choose-us2-img img{
  width: 100%;
  max-height: 570px;
}

.about-us-banner img {
  max-width: 100%;
}

/* article section */
section.article-area.about-page {
  background: #f7f9ff;
}

/* property details page */
.sidebar-search.single-aside {
  padding-top: 0;
  padding-bottom: 60px;
  margin-top: -140px;
}

.property-details p {
  color: #5f5f5f;
}

.advance-search-title {
  background: #fea116;
  margin-left: -30px;
  margin-right: -30px;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 38px;
}

.advance-search-title h4 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 0;
}

.advance-search-title h4 span {
  font-size: 16px;
}

.feature-content.prop-details {
  padding: 0;
}
.feature-content.prop-details .feature-widget{
  border: none;
  padding: 0;
}


/* Blog Details Footer */

/* Blog Tages */
.blog-tags h5, .blog-share h5 {
  font-size: 20px;
  margin-bottom: 5px;
}
.blog-tags a {
  color: #5f5f5f;
  text-transform: capitalize;
}
/* Blog Tags End */

/* Blog Share */
.blog-share .share-link a, .blog-author .share-link a{
  margin-right: 15px;
  color: #5F5F5F;
}
.blog-share .share-link a:hover, .blog-author .share-link a:hover{
  color: var(--theme-color);
}
/* Blog Share End */

/* Blog Details Footer End */

/* Blog Details Pagination */
.blog-details-pagination {
  border: 2px solid #E7E4FF;
  padding: 40px 30px 0 30px;
}
.blog-details-pagination .single-blog-pagination {
  margin-bottom: 35px;
}
.blog-details-pagination .single-blog-pagination > a{
  color: #6e6e6e;
}
.blog-details-pagination .single-blog-pagination > a:hover{
  color: #252525;
}
.blog-details-pagination .pagination-content {
  margin-bottom: 15px;
}
.blog-details-pagination .pagination-content .pagi-thumb {
  width: 75px;
  height: 75px;
  margin-right: 20px;
}
.blog-details-pagination .pagination-content .pagi-content a {
  display: block;
}
.blog-details-pagination .pagination-content .pagi-content a:hover{
  color: #42495b;
}
.blog-details-pagination .pagination-content .pagi-content span {
  font-size: 12px;
  margin-top: 10px;
  display: inline-block;
}
/* Blog Details Pagination End */

/* Blog Author */
.blog-author {
  position: relative;
  padding: 50px 60px;
  box-shadow: 0px 0px 32px 0px rgba(235, 235, 235, 0.66);
}
.blog-author .author-img{
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -50px;
}
.blog-author .author-img img{
  width: 100%;
}
.blog-author h5 {
  font-size: 20px;
  margin-bottom: 10px;
  padding-top: 30px;
}
.blog-author p{
  margin-bottom: 10px;
}
/* Blog Author End */

/* Blog Comment */
.area-title h4 {
  position: relative;
  padding-bottom: 25px;
}
.area-title h4:before, .area-title h4:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: var(--theme-color);
}
.area-title h4:before{
  left: 0;
  width: 30px;
}
.area-title h4:after{
  width: 10px;
  left: 35px;
}
.single-comment {
  margin-top: 25px;
}
.comment-title h5 a{
  font-size: 18px;
}
.comment-title h5 a:hover{
  color: #42495b;
}
.comment-title span {
  color: #5f5f5f;
  font-size: 15px;
  margin-left: 10px;
}
.comment-author-img {
  padding-right: 30px;
}
.comment-text p {
  margin-bottom: 5px;
}
.reply-btn a i{
  margin-left: 10px;
}
.reply-btn a:hover{
  color: var(--theme-color);
}
.single-replied-comment {
  margin-top: 42px;
  margin-bottom: 25px;
  padding-left: 55px;
}
/* Blog Comment End */

.comment-box .user-form{
  padding: 0
}

.comment-box-title {
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative;
}

.comment-box-title:before, .comment-box-title:after {
  position: absolute;
  content: '';
  left: 0;
  top: 100%;
  width: 30px;
  height: 2px;
  background: #fea116;
}

.comment-box-title:after {
  width: 10px;
  left: 35px;
}

/* property page */

/* Property Details */
.property-details h4 {
  margin-bottom: 20px;
}
/* Property Details End */

/* Pricing Plan CSS */
.pricing-plan h4 {
  margin-bottom: 25px;
}

.pricing-plan .pricing-plan li{
  font-size: 15px;
  margin-bottom: 15px;
  color: #5f5f5f;
}
.pricing-plan .pricing-plan li span{
  font-weight: 700;
  color: #42495b;
  font-size: 18px;
}
/* Pricing Plan CSS End */

/* Features Area */
.catalouge-area .catalouge-area h4{
  margin-bottom: 10px;
}
.catalouge-area .catalouge-list li a {
  font-size: 15px;
  color: #5f5f5f;
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}
.catalouge-area .catalouge-list li a:hover {
  color: #fea116;
}
.catalouge-area .catalouge-list li a i{
  color: var(--theme-color);
  margin-right: 5px;
}
.accomodation-list.catalouge-list > li > a {
  font-weight: 700;
  font-size: 17px;
}
.catalouge-list li .sub-catelouge-list {
  padding-left: 20px;
}
/* Features Area End */

/* Video Section */
.property-video .video-area{
  position: relative;
  margin-bottom: 30px;
}
.property-video .video-area:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(66, 73, 91, 0.65 )
}
.property-video .video-area .video-play-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  background: #fea116;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  margin-top: -50px;
  margin-left: -50px;
  display: inline-block;
  padding: 11px 40px;
  font-size: 25px;
  border: 2px solid #fea116;
}

.property-video .video-area .video-play-btn:hover {
  background: #fff;
  color: #fea116;
}
/* Video Section End */

/* Terms and Ruls */
.property-terms-rules h4 , .property-terms-rule-information h4{
  margin-bottom: 15px;
}
.property-terms-rules p , .property-terms-rule-information p{
  color: #5f5f5f;
}
.property-terms-rules p{
  margin-bottom: 8px;
}
.property-terms-rules p i{
  margin-right: 10px;
}
.property-terms-rules p i.fa-window-close{
  color: var(--theme-color);
}
.property-terms-rules p i.fa-check{
  color: #04D2C8;
}
/* Terms and Ruls End */

/* Availability Area */
.availability-content h4 {
  margin-bottom: 20px;
}
.availability-content p i, .availability-content p span{
  color: var(--theme-color);
}
.availability-content p{
  line-height: 20px;
  margin-bottom: 10px;
}
.availability-content p span{
  font-weight: 700;
}
.availability-content p i{
  margin-right: 10px;
}
/* Availability Area End */

/* Property Author  */
/* .property-author-img{
  margin-right: 45px;
} */
.property-author-content {
  margin-top: 30px;
}
.property-author-content .primary-btn{
  padding: 17px 25px;
}
.property-author-content .primary-btn i{
  margin-left: 10px;
}
/* Property Author End */

.property-details-top .feature-btn {
  margin: 0;
}

.feature-content.prop-details .feature-title h4 {
  font-size: 45px;
}

/* blog details search */
form.aside-search {
  position: relative;
}

form.aside-search input {
  color: #42495b;
  font-size: 16px;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #eaedf4;
  transition: .3s;;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
form.aside-search input:focus {

  border-color:#fea116;
}

form.aside-search button {
  position: absolute;
  right: 15px;
  top: 21px;
  background: transparent;
  border: none;
  color: #fea116;
}

.single-blog.blog-details .blog-text h4 {
  font-size: 30px;
  margin-bottom: 30px;
}

/* homepage 3 start*/

.advance-search-area .submit-btn button.primary-btn {
  padding: 18px 0;
  max-width: 100%;
}

.advance-search-area .advance-search {
  background: #fff;
  box-shadow: 0 0 15px #0003;
  padding-top: 70px;
  padding-bottom: 49px;
  margin-top: -230px;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  padding-left: 30px;
  padding-right: 30px;
}

.advance-title.text-center h2 {
  font-size: 55px;
}

.advance-title.text-center {
  margin-bottom: 40px;
}

/* home3 headear */
header.header-style3 {
  position: relative;
  background: #fea116;
  padding-top: 140px;
  margin-top: -134px;
  z-index: 1;
  padding-bottom: 35px;
}


.logo.logo-style3 {
  top: auto;
  bottom: 65px;
}

.logo.logo-style3 h2 a, .logo.logo-style3 h5 {
  color: #fff;
}

.logo.logo-style3 h2 a {
  font-size: 35px;
}

.logo.logo-style3 h2 a i {
  font-size: 28px;
  margin-right: 2px;
}

.header-style3 .header-user a:hover, .header-style3 .search-btn a{
  color: #fff;
}

.header-style3 .main-header-right {
  padding-top: 18px;
}

/* home3 pop-cat */
.pop-cat3-btn .primary-btn {
  padding: 7px 5px;
  min-width: 145px;
  border-radius: 30px;
  margin-right: 15px;
}

.popular-cat-feature.pop-cat3 {
  position: relative;
}

.popular-cat-feature.pop-cat3 .populer-cat-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background: linear-gradient(to top, #080808ba, #fff0);
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 15px;
}

.pop-cat3-btn {
  margin-bottom: 20px;
}

.pop-cat3-btn a {
  color: #fff;
  display: inline-block;
}

.popular-cat-feature.pop-cat3 .populer-cat-content p {
  color: #fff;
}

.popular-cat-feature.pop-cat3 .popular-cat-img {
  margin: 0;
}

.pop-cat3-btn a i {
  margin-right: 5px;
}

/* home3-destination */
.destination-img.long-img img {
  max-height: 478px;
}

.destination-img.long-img2 img {
  max-height: 709px;
}

/* home3 workprocess */
.work-process2-area .single-work-process {
  background: transparent;
}
.work-process2-area .work-process-img img {
  max-width: 70px;
}
.work-process2-area .work-process-img:before {
  left: -53px;
  top: -40px;
}
.work-process2-area .work-process-img {
  min-height: 100px;
  margin-bottom: 65px;
}

.work-process2-area.workpro-bg{
  background-image: url(../img/work-process/workpro-bg.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}

.workpro-step {
  position: absolute;
  background: #fea116;
  right: -65px;
  top: -35px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 1.2;
  padding-top: 13px;
  text-align: center;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-size: 14px;
}

/* home3 travel-area */
.travel-img {
  position: relative;
}

.travel-img img {
  width: 100%;
}

.travel-pricetag {
  position: absolute;
  background: #fea116;
  right: 30px;
  bottom: -15px;
  border-radius: 20px;
  padding: 5px 14px;
  color: #fff;
}

.travel-content {
  padding-top: 40px;
  padding-right: 20px;
}

.travel-content h4 {
  margin-bottom: 30px;
}

.travel-widget span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #9a9a9a;
  font-size: 15px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 13px;
}

.travel-widget span i {
  color: #fea116;
  margin-right: 8px;
}

.travel-widget {
  margin-bottom: 25px;
}

.travel-btn .primary-btn {
  min-width: 190px;
  background: #fff5e7;
  border: none;
  color: #42495b;
}

.travel-btn .primary-btn:hover {
  background: #fea116;
  color: #fff;
}

/* home3 testimonial */
.testimonial-area.home3 .section-title.title-bg {
  display: inline-block;
  margin-bottom: 30px;
}

.testi3-author-img {
  margin-right: 20px;
}

.testi3-author-name h5 {
  font-size: 22px;
  margin-bottom: 0;
}

.testi3-author-name p {
  margin-bottom: 0;
}

.testi3-icon i.far {
  font-size: 13px;
  color: #feae1c;
}

.testi3-rating-img {
  margin-bottom: 3px;
}

.testimonial3-title {
  margin-bottom: 25px;
}

.testimonial3-content p {
  font-size: 15px;
  color: #5f5f5f;
  line-height: 32px;
}

.testimonial3-content p span {
  font-size: 30px;
  color: #fea116;
}

.single-testimonial3 {
  padding: 60px 48px;
  box-shadow: 0px 8px 20px 0px rgba(193, 193, 193, 0.28);
  background: #fff;
  padding-bottom: 35px;
}

.testimonial3-content p span i {
  position: relative;
  top: 20px;
}

.testimonial-area.home3 {
  background: #f7f9ff;
}

.testimonial-area.home3 .section-title.title-bg:after {
  z-index: 0;
}

.testimonial-area.home3 .slick-track{
  padding-bottom: 30px;
  padding-top: 40px;
}

.testimonial-area.home3 button.slick-arrow {
  top: -110px;
  left: auto;
  right: 15px;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(254, 161, 22, 0.22);
  box-shadow: 0px 10px 32px 0px rgba(254, 161, 22, 0.15);
}

.testimonial-area.home3 button.slick-arrow.slick-prev {
  left: auto;
  right: 90px;
}

/* shortby style */
.shortby.single-opt a.btn-secondary {
  background: transparent;
  color: #42495b;
  border: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  padding: 0;
}

.page-no p {
  font-size: 16px;
  color: #42495b;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.view-as p {
  margin: 0;
  font-size: 16px;
  color: #42495b;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}

.view-as p a {
  display: inline-block;
  margin-left: 8px;
  border: 1px solid #dddddd;
  line-height: 1;
  padding: 5px;
  color: #333333;
}

/* home3 blog */
.blog-btn a.round-btn {
  width: 49px;
  height: 49px;
  background: #fea116;
  display: inline-block;
  text-align: center;
  line-height: 49px;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #fea116;
  font-size: 15px;
}

.blog-btn a.round-btn:hover {
  color: #5f5f5f;
  background: #fff;
}

.blog-footer .feature-footer-img{
  margin-right: 15px;
}

.blog3-area .single-blog .blog-content {
  background: #fff;
  border: 2px solid #ebeffb;
}


form.search-from input.form-control {
  padding: 20px 30px;
}

.first-name{
  font-size: 14px;
}

.how-we-do-wrapper{
  background-color: #E6E6E6;
  border-radius: 5px;
}

.how-we-do-wrapper p{
  color: #595959;
}

.how-we-do{
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 10px;
}

.how-we-do h2{
  color: #000000;
}

.circle-wrapper{
  display: inline-block;
}

.circle-wrapper h4{
  padding-left: 20px;
}

.circle-green{
  background-color: #14A76C;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-orange{
  background-color: #FD9F30;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-green img, .circle-orange img{
  width: 28px;
  height: 28px;
}

.work-process-content{
  text-align: center;
}
.work-process-content p{
  text-align: right;
}
.work-process-content h4{
  display: inline-block;
  color: #595959;
  padding-left: 10px;
}

.where h2{
  background: url("../img/planet-earth.svg") no-repeat;
  background-size: 30px;
  padding-left: 40px;
  color: #595959;
}

.datepicker.dropdown-menu{
  z-index: 999999!important;
  //top: 280px!important;
}

.table thead th {
  border-bottom: 2px solid #dee2e6!important;
}


.datepicker-dropdown.datepicker-orient-bottom:before{
  bottom: unset!important;
  border-bottom: unset!important;
  border-top: unset!important;
}


.datepicker-dropdown.datepicker-orient-bottom:after{
  bottom: unset!important;
  border-bottom: unset!important;
  border-top: unset!important;
}

.route-start, .route-end{
  font-size: 12px;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{
  background-color: #14A76C!important;
  background-image: none;
}

.main-header-right .user-setting {
  display: none;
}

.main-header-right .top-header-left {
  display: none;
}

.one-way-round{
  padding-left: 0px;
}

.one-way-round .radio-group{
  margin-left: 25px;
}

input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.one-way-round label {
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 8px 8px 8px 0;
  margin-bottom: 0px;
  background-color: #fff;
  color: #6c757d;
  font-size: 14px;
}

.radio-group label:nth-child(2){
  margin-right: -5px;
}

input[type=radio]:checked + label {
  color: #fff;
  background-color: #FEA116;
  font-weight: 700;
}

label + input[type=radio] + label {
  border-left: solid 1px #fea116;
  background-color: #fff;
}

.radio-group {
  border: 1px solid #fea116;
  display: inline-block;
  /* margin: 5px; */
  border-radius: 5px;
  overflow: hidden;
}

.single-input input, .single-date-input input, .single-input textarea, .form-control{
  border: 1px solid #ededed;
}

.departure-point input, .destination-point input{
  padding-left: 40px!important;
}
/*
.departure-point{
  padding-right: 5px;
}

.destination-point{
  padding-left: 5px;
  padding-right: 5px;
}
*/

.return-confirmation section.hero-area-inside .hero-content {
  padding-top: 15px;
}

.return-confirmation .departureCalender-wrapper {
  flex: 0 0 18%;
  max-width: 18%;
}

.return-confirmation .rezervacija-point {
  flex: 0 0 17.5%;
  max-width: 17.5%;
}

.departureCalender-wrapper{
  /*padding-left: 0px;
  padding-right: 5px;*/
  flex: 0 0 26%;
  max-width: 26%;
}

.returnCalender-wrapper{
  display: none;
  /*padding-right: 5px; */
  flex: 0 0 12.5%;
  max-width: 12.5%;
  flex-direction: column;
}
.returnCalender-wrapper input{
  border-left: none!important;
}

.exchange{
  padding-left: 0px;
  padding-right: 0px;
  flex: 0 0 4.15%;
  max-width: 4.15%;
  font-size: 1rem;
  font-weight: 400;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exchange i {
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #FEA116;
  border: 1px solid #fea116;
  text-transform: capitalize;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}

.change .percent {
  right: 17px!important;
}

.percent{
  position: absolute;
  top: 0px;
  right: -17px;
  z-index: 10;
}

.percent img{
  height: 25px;
  width: 25px;
}

.hero-content.changed{
  background: none;
  background-color: #ffffff;
}

#accordion .card{
  overflow: visible;
}

.card{
  border: none;
  border-top: none;
}

.card-return{
  border-bottom-left-radius: 15px!important;
}

.card-header{
  border-top: 1px solid rgba(0,0,0,.125);
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.card-body{
  padding: 0px;
}

.card-body-inside-wrapper{
  padding: 7px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background-color: #F7F7F7;
}

.card-body-inside{
  background-color: #fff;
}

.card-body-inside .row .col-sm-3{
  align-self: center;
}

.card-body-inside .row .col-sm-9 .head{
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-body-inside .row .col-sm-9 .head.row{
  border-bottom: unset;
}

.card-body .container{
  border-bottom: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
}

.accordion-notification-wrapper {
  padding-left: 0px;
  min-height: 570px;
}

.accordion .fa{
  margin-right: 0.5rem;
}

.card{
  position: relative;
}

#accoridion .card:nth-child(even).card-header{
  background-color: #F7F7F7;
}

#accoridion .card:nth-child(even).card-header{
  background-color: #F7F7F7;
}

.card:nth-child(odd) .card-header{
  background-color: #fff!important;
}

.card button{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11;
  cursor: pointer;
  color: #FEA116;
}

.card button:hover{
  color: #FEA116;
}

.duration{
  padding-left: 20px;

}

.change{
  padding-left: 20px;
  top: 0px;
}

.change span{
  margin-right: 5px;
}

.departure, .stop-duration, .destination{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.departure{
  padding-left: 35px;
}

.departure h5, .destination h5{
  font-weight: 400;
  color: #212529;
}

.review-wrapper{
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
}

.review-wrapper, .ticket-price{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
}
.naplata_euro {
  font-size: 10px;
}

.review-wrapper, .ticket-price h3{
  margin-bottom: 0px;
}

.review-wrapper div{
  display: inline-block;
  text-transform: uppercase;
}

.review-opened-wrapper .company-abbrevation{
  text-transform: uppercase;
}
.button-wrapper{
  padding-left: 0px;
  padding-right: 30px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.btn-buy{
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  border-radius: 5px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #fff;
  background-color: #0BA76C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:  15px 10px 15px 10px;
  cursor: pointer;
}

.btn-buy h3{
  color: #fff;
  margin-bottom: 0px;
  font-size: 15px;
}

.review-wrapper .level {
  background-color: #14A76C;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 3px;
  margin-left: 10px;
  border-radius: 5px;
  display: inline-block;
}

.review-wrapper .level i{
  margin-right: 3px;
}

.timetable-wrapper .fa.fa-list-alt, .discount-wrapper .fa.fa-percent, .loyalty-wrapper .fa.fa-heart, .review-wrapper, .review-wrapper-opened {
  position: relative;
  opacity: 1;
}

.timetable-wrapper .tooltip-wrapper, .discount-wrapper .tooltip-wrapper, .loyalty-wrapper .tooltip-wrapper {
  position: absolute;
  bottom: 25px;
  left: 8px;
  z-index: 9999!important;
  visibility: hidden;
}

.review-wrapper .tooltip-wrapper {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 9999!important;
  visibility: hidden;
}

.review-wrapper-opened .tooltip-wrapper {
  position: absolute;
  bottom: 95px;
  left: 50%;
  z-index: 999999!important;
  visibility: hidden;
}

.timetable-wrapper .timetable-container, .discount-wrapper .discount-container, .loyalty-wrapper .container, .review-wrapper .container, .review-wrapper-opened .tooltip-wrapper .container {
  padding: 5px;
}

.timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext, .loyalty-wrapper .tooltip-wrapper .tooltiptext {
  visibility: hidden;
  width: 700px;
  background-color: #42475B;
  color: #fff;
  text-align: left;
  border-radius: 3px;
  padding: 5px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -100%;
  font-size: 13px;
}

.review-wrapper .tooltip-wrapper .tooltiptext, .review-wrapper-opened .tooltip-wrapper .tooltiptext{
  visibility: hidden;
  width: 200px!important;
  background-color: #42475B;
  color: #fff;
  text-align: left;
  border-radius: 3px;
  padding: 5px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -100%;
  font-size: 13px;
}

.timetable-wrapper .tooltip-wrapper .tooltiptext::after, .discount-wrapper .tooltip-wrapper .tooltiptext::after,
.loyalty-wrapper .tooltip-wrapper .tooltiptext::after,  .review-wrapper .tooltip-wrapper .tooltiptext::after,
.review-wrapper-opened .tooltip-wrapper .tooltiptext::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #42475B transparent transparent transparent;
}

.timetable-wrapper .fa.fa-list-alt:hover .tooltiptext, .discount-wrapper .fa.fa-percent:hover .tooltiptext,
.loyalty-wrapper .fa.fa-heart:hover .tooltiptext, .review-wrapper:hover .tooltiptext, .review-wrapper-opened:hover .tooltiptext{
  visibility: visible;
}

.timetable-wrapper .tooltiptext .number, .discount-wrapper:hover .tooltiptext .number,
.loyalty-wrapper .tooltiptext, .review-wrapper-opened .tooltiptext {
  display: block;
  color: #FEA116;
  margin-top: 15px;
  margin-bottom: 15px;
}

.trip-details-header h5, .discount-details-header h5, .loyalty-details-header h5{
  color: #14A76C;
  border-bottom: 1px solid #14A76C;
  padding-top: 10px;
  padding-bottom: 10px;
}
.loyalty-details-header h6{
  font-size: 13px;
}

.loyalty-details-rules h6{
  font-size: 11px;
  padding-top: 5px;
}

.loyalty-details-rules h6:first-child {
  padding-top: 10px;
  margin-top: 5px;
  border-top: 1px solid #14A76C;
}

.timetable-wrapper .timetable-details .head, .discount-wrapper .discount-details .head, .loyalty-wrapper .loyalty-details .head{
  color: #14A76C;
  padding-bottom: 5px;
  padding-top: 0px;
}
.timetable-wrapper .timetable-details .head div, .discount-wrapper .discount-details .head div, .loyalty-wrapper .loyalty-details .head div{
  font-weight: 700;
}

.timetable-wrapper .timetable-details .row div, .discount-wrapper .discount-details .row div, .loyalty-wrapper .loyalty-details .row div{
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

.route-direction-wrapper {
  position: relative;
  height: 20px;
}

.horizontal-line{
  border-top: 1px solid #bababa;
  display: inline-block;
  width: 100px;
  margin-top: 10px;
  margin-left: 15px;
}

.arrow-left {
  display: inline-block;
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
}

.arrow-left img{
  height: 20px;
  width: 20px;
}

.arrow-right {
  display: inline-block;
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  right: 3px;
}

.arrow-right img{
  height: 20px;
  width: 20px;
}

.route-direction {
  border-left: 1px solid #e6e6e6;
  position: relative;
  margin-top: 15px;
  height: 90px;
  width: 10%;
  display: inline-block;
  z-index: 1000;
}

.route-direction:before {
  background: #e6e6e6 none repeat scroll 0 0;
  border-radius: 50%;
  color: #727272;
  content: "";
  height: 15px;
  position: absolute;
  left: -8px;
  top: -8px;
  width: 15px;
}

.route-direction:after {
  background: #e6e6e6 none repeat scroll 0 0;
  border-radius: 50%;
  color: #727272;
  content: "";
  height: 15px;
  position: absolute;
  left: -8px;
  bottom: -8px;
  width: 15px;
}

.route-direction-names{
  width: 85%;
  display: inline-block;
  height: 90px;
}

.mticket h6{
  font-size: 9px;
}

.stop-duration{
  padding: 0px;
}

.no-reviews{
  display: block!important;
  color: #FEA116;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 5px;
}

.review-opened-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.review-wrapper-opened .amenities{
  display: flex;
  justify-content: center;
  align-items: center;
}

.review-wrapper-opened  .amenities .number {
  font-weight: 600;
  padding: 5px;
  margin-left: 10px;
  border-radius: 5px;
  display: inline-block;
}
.review-wrapper-opened .amenities .text{
  font-size: 12px;
}
.mticket-opened {
  margin-bottom: 0px;
  margin-right: 15px;
}

.review-wrapper-opened .text-center{
  margin-bottom: 0px;
}

.review-opened-wrapper .level {
  background-color: #14A76C;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  padding: 3px;
  margin-left: 10px;
  border-radius: 5px;
  display: inline-block;
}

.review-opened-wrapper .level i{
  margin-right: 3px;
}

.arrow-up {
  width: 0;
  height: 0;
}

.arrow-up {
  height: 20px;
  width: 20px;
  margin-top: -9px;
}

.arrow-down {
  width: 0;
  height: 0;
}

.arrow-down img{
  height: 20px;
  width: 20px;
}

.vertical-line{
  height: 90px;
  border-left: 1px solid #000000;
  margin-left: 9px;
  margin-top: 5px;
  margin-bottom: 0px;
}

.route-direction-opened {
  padding-left: 35px;
  padding-right: 0px;
}

.route-direction-opened .col-md-10{
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.card-body-inside{
  border: 1px solid #e6e6e6;
}

.card-body-inside .col-md-3, .card-body-inside .col-md-9{
  display: flex;
  align-items: center;
  justify-content: start;
}

.card-body-inside #putnici .col-md-3{
  display: block;
}

.card-body-inside .col-md-9{
  padding-left: 15px;
}

.card-body .container:last-child{
  border: none;
}

.user_count_container{
  position: relative;
}

.badge{
  position: absolute;
  padding: 1px;
  top: -7px;
  left: 13px;
  background-color: #14A76C;
  color: #fff;
  border-radius: 5px;
}

.badge.bus-change{
  position: unset;
}

.lowest-fare-slider{margin-top:0px;
  padding-left: 0px;
  padding-right: 0px;}

.lowest-fare-slider h5{margin-bottom:0px;font-weight:bold; padding-top:5px;}

.lowest-fare-slider span{font-size:13px;padding-bottom: 5px;display: block;}

flight-listing .sort{margin-top:30px;}

.date-sort{
  margin-top: 15px;
  margin-bottom: 15px;
}

.date-sort .sort:first-child{
  padding-right: 0px;
}

.lowest-fare-slider .slick-slide{
  background:#fff;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.date-sort .col-md-8 {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  border: solid 1px #e8e8e8;
  font-weight: 700;
  background: #f7f7f7;
}

.date-sort .col-md-4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.date-sort .col-md-4 .row {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.date-sort .col-md-4 .row .col-md-6:first-child{
  padding-left: 0px;
}

.date-sort .col-md-4 .row .col-md-6:last-child{
  padding-right: 0px;
}

.col-11-custom{
  flex: 0 0 97%;
  max-width: 97%;
  margin-left: 3%;
  padding-right: 0px;
}

.filter-area{
  padding: 10px 25px 15px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.filter-area .col-md-12{
  padding-left: 0px;
}

.filter-area h3{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000000;
}

.filter-area h5{
  margin-bottom: 4px;
  font-size: 17px;
  color: #000000;
}

.filter-wrapper{
  display: none;
}

.search-button{
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #14A76C;
  color: #fff;
  font-family: 'Inter', sans-serifsd;
  padding: 10px 10px 10px 10px;
  font-weight: 700;
}
.search-button:hover{
  color: #fff;
}

.bus-equipment-wrapper{
  padding-left: 30px;
}

.equipment-wrapper .custom-control{
  padding-left: 35px;
  padding-right: 0px;
}

.bus-equipment{
  padding-right: 0px;
  padding-left: 0px;
}

.bus-equipment i {
  min-width: 25px;
}

.custom-control-input:checked~.custom-control-label::before{
  background-color: #14A76C;
  border: 1px solid #14A76C;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before{
  background-color: #14A76C;
  border: #14A76C;
}

.custom-control-input:focus~.custom-control-label::before{
  box-shadow: 0 0 0 0.2rem rgba(20,167,108,.25);
  border: 1px solid #14A76C;
}

.dropdown-item{
  padding-left: 10px;
}

.notification-wrapper{
  color: #000000;
  background-color: #FFE0B6;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 1rem;
  border-color: unset;
  border-radius: unset;
  border-top: 1px solid rgba(0,0,0,.125);
  border-bottom: 1px solid rgba(0,0,0,.125);
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
}

.accordion-wrapper:last-child{
  margin-bottom: 40px;
}


/*** Other transfers ***/
.other-transfer{
  margin-top: 40px;
  margin-bottom: 80px;
  color: #1AA86D;
}

.other-transfer .body{
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid rgba(0,0,0,.125)!important;
  border-right: 1px solid rgba(0,0,0,.125)!important;
  border-bottom: 1px solid rgba(0,0,0,.125)!important;
}

.other-transfer .selected-route-single{
  background-color: #DCF4E9;
}

.other-transfer .row .col-md-5{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #212529;
}

.other-transfer.row .col-md-5 .fa-map-marker{
  font-size: 15px;
  padding: 7px;
  color: #14A76C;
}

.filter-wrapper .equipment-wrapper .custom-control-label{
  font-size: 12px;
  padding-top: 3px;
}

.other-transfer .row .details{
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
}

.other-transfer .row .details .persons, .other-transfer .row .details .amenities{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #212529;
}

.other-transfer .row .details .fa-user-friends{
  padding-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #14A76C;
}

.other-transfer .row .col-md-5 .col-md-2 .col-md-12{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #BABABA;
}
.other-transfer .row .col-md-5 .col-md-2 .fa-car, .other-transfer .row .col-md-5 .col-md-2 .fa-shuttle-van{
  font-size: 30px;
}

.other-transfer .row .col-md-5 .col-md-2 .car, .other-transfer .row .col-md-5 .col-md-2 .van{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #212529;
  font-size: 13px;
}


/***Purchase***/

.passenger-detail-body {
  border: solid 1px #e8e8e8;
  padding: 15px;
}

.passenger-detail-body .brisanje button {
  background-color: #FEA116;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  padding: 10px 17px;
}

#putnici{
  padding: 15px;
}

.osiguranje_bus_container{
  float: right;
}

.cek input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.cek input[type=checkbox]:checked + label:before {
  content: "\f00c";
  font-size: 22px;
  color: #f57b13;
}

.cek input[type=checkbox] {
  width: 15px !important;
  position: absolute;
  top: 48px;
  background: transparent;
  z-index: -500;
}

.cek input[type=checkbox] + label {
  cursor: pointer;
}

.cek.cek_sm input[type=checkbox]:checked + label:before {
  font-size: 16px;
  letter-spacing: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border: 1px #FEA116 solid;
  border-radius: 5px;
  padding-left: 3px;
}

.add-passanger{
  text-align: right;
  margin-bottom: 15px;
}

.add-passanger button{
  position: unset!important;
  border: none;
  color: #fff!important;
  display: inline-block;
}

.total-wrapper .col-md-5{
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-entry span{
  border: 1px solid #14A76C;
  display: inline-block;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
}

.passanger-wrapper input {
  border: 1px solid #14A76C;
}

.passenger-detail input{
  border: 1px solid #14A76C;
}

#passenger-info h3{
  color: #000000;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 10px;
}

#modal_loyalty_div .col-md-12 br {
  display: none;
}

#passenger-info span, #passenger-info h5{
  color: #000000;
  font-size: 16px;
}

#passenger-info .titleSeats i,
#passenger-info .titleSeats #seats{
  font-size: 14px;
}

#passenger_total{
  background-color: #e9ecef;
}

.passenger-detail-body button{
  position: unset;
  display: inline-block;
  color: #fff!important;
  border: none;
}

.brisanje{
  margin-top: 5px;
}

.izbor-korisnik_ima_nalog label {
  color: #f78d1d;
  background: #fff;
  border: 1px solid #f47a20;
  padding: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  margin-top: 5px;
  font-weight: bold;
  cursor: pointer;
}

input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

.passenger-detail-body input[type=radio] {
  display: inline-block;
  visibility: visible;
  margin-top: 7px;
}

.izbor-korisnik_ima_nalog span{
  margin-left: 20px;
}

.item-entry {
  overflow: hidden;
  margin: 20px 0px;
}

.izbor-placanja label {
  color: #f78d1d;
  background: #fff;
  border: 1px solid #f47a20;
  padding: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  margin-top: 5px;
  font-weight: bold;
  cursor: pointer;
}

.izbor-placanja span{
  padding-left: 20px;
}

.collapse.in {
  display: block;
}

.izbor-placanja img{
  width: 40px;
}

#sum_total, #total{
  background-color: #E9ECEF;
}

.abcRioButtonContents span{
  color: #fff!important;
}

.login-box .abcRioButtonContents span{
  font-size: 14px;
}

/* The container */
.container-check {
  display: inline-block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #E9ECEF;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
  background-color: #E9ECEF;
  border-radius: 5px;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  background-color: #FEA116;
  border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 7px;
  top: 3px;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container-check{
  float: right;
  font-size: 16px;
}

.insurance{
  margin-top: 10px;
}

#putnici .nice-select.open .list{
  width: 300px;
}

#modal_email_container{
    display: unset!important;
}

#modal_ime_container{
  display: unset!important;
}

#modal_lozinka_container .input-group-btn{
  background-color: #0BA76C;
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#modal_lozinka_container .input-group-btn button {
  background-color: transparent;
}

#modal_lozinka_container, #modal_google_login_container{
  display: none;
}

#modal_google_login_container{
  padding-right: 0px;
  align-items: flex-end;
}


#modal_google_login_container .vertical-center{
  display: inline-block;
  padding-right: 10px;
}

#my-signin{
  display: inline-block;
  padding-left: 0px!important;
}

.ui-menu .ui-menu-item-wrapper{
  /*padding: 0px!important;*/
}

.ui-menu-item {
  display: block;
  padding: 3px 7px 3px 7px !important;
  border-bottom: 1px solid #EEEEEE;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333 !important;
  white-space: nowrap;
}

.selected {
  display: block;
  padding: 3px 7px 3px 7px !important;
  border-bottom: 1px solid #EEEEEE!important;
  background-color: #DCDCDC!important;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #000 !important;
  white-space: nowrap;
}

.first-selected {
  display: block;
  padding: 3px 7px 3px 7px !important;
  border-bottom: 1px solid #EEEEEE!important;
  background-color: #DCDCDC!important;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #000 !important;
  white-space: nowrap;
}

.ui-menu-item i {
  padding-right: 5px !important;
}

.ui-menu-item span {
  color: #ADABAB !important;
  font-weight: bold !important;
}

.ui-menu-item p {
  color: #adabab !important;
  padding-left: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 13px !important;
}
.ui-menu-item:hover, .ui-menu .ui-menu-item:focus{
  color: #000!important;
  font-weight: 700;
  background-color: #DCDCDC!important;
  border: none;
}

.ui-menu-item a{
  /*background-color: red !important;*/
  border: none;
}

.ui-menu-item span{
  border: none!important;
}

.ui-menu-item:hover a, .ui-menu .ui-menu-item:focus a, .ui-menu-item:hover a:first-child, .ui-menu .ui-menu-item:focus a:first-child{
  color: #000!important;
  font-weight: 700;
  background-color: unset!important;
  border: none;
}

.ui-menu .ui-menu-item-wrapper span{
  color: #FEA116!important;
  font-weight: 700;
  border: none;
}

.ui-state-hover a, .ui-state-hover i, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #000 !important;
  font-weight: 700;
  text-decoration: none;
  background-color: unset!important;
  border: none;
}

.ui-menu .ui-menu-item-wrapper span:hover, .ui-menu .ui-menu-item-wrapper span:focus{
  background-color: #DCDCDC!important;
  color: #FEA116!important;
  font-weight: 700;
  border: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  color: #555555 !important;
  background: #DCDCDC !important;
  border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: none!important;
  color: #000!important;
}

.modal-body{
  padding: 0px;
}

.newsletter-sign{
  margin-top: 10px;
}

.newsletter-sign .container-check {
    float: left;
}

.brisanje{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-left: 10px;
  padding-right: 10px;
}

.brisanje button{
  width: 40px;
  text-align: center;
  height: 40px;
}

.brisanje .fa-times{
  margin-right: 0px;
}

.post-title h5{
  margin-top: 15px;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{
  background: #14A76C!important;
}

.second-step{
  background-image: none;
  height: unset!important;
}

.block-wrapper{
    display: flex;
    width: 100%;
    justify-content: center;
}

.button-container{
  display: block;
  width: 100%;text-align: center;
}

#obavezna_stampa_karte{
  text-align: center;
}

.container-check a{
  text-decoration: underline;
}

.select-lang img{
  width: 39px;
}

.card-header .row {
  margin-right: 0px;
  margin-left: 0px;
}
/***Countries that busticket supports***/

.main-footer-country{
  padding-top: 50px;
  padding-bottom: 50px;
}

.main-footer-country h2{
  color: #000;
  text-align: center;
  margin-bottom: 60px;
  max-width: 550px;
  font-size: 28px;
}

.main-footer-country li{
  margin-bottom: 5px;
  display: flex;
  justify-content: start;
  align-items: center;
  text-align: center;
}

.main-footer-country.individual li {
  margin-bottom: 15px;
}

.main-footer-country li img{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 30px;
  fill: #fff;
}

.main-footer-country li img path{
  fill: #fff;
}

.main-footer-country .img-wrapper{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 50%;
  border: 1px solid #14A76C;
}

/***Contact us***/
.contact-address .col-md-4{
  text-align: center;
}

.contact-page-wrapper{
    background-color: #ffffff;
}

.contact-page-wrapper h1, .contact-page-wrapper h4 {
  color: #000000;
  text-align: center;
}

.contact-address h5, .contact-address p, .contact-address a, .contact-address i{
  color: #03492C;
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
}

.contactMd img {
  height: 55px;
}

.contact-page-wrapper h4{
  margin-bottom: 10px;
}

.contact-page-wrapper i{
  font-size: 40px;
}

.contact-us-wrap h4, .contact-us-wrap h2{
    color: #1AA86D;
  margin-bottom: 10px;
  text-align: center;
}

.contact-us-wrap .single-input{

}

/***Faq***/

.faq{
  padding-top: 50px;
  padding-bottom: 50px;
}
  .card-header.faq{
    padding: 15px 20px;
  }
  .card-header.faq i {
    float: right;
    color: #FEA116;
  }

  .faq p {
    padding-left: 15px;
    padding-right: 15px;
  }
    .card-header.faq{
      background-color: #F7F9FF;
      border: none !important;
    }


/***Change***/
.change-wrapper{
  padding: 7px;
  border-top: 1px solid rgba(0,0,0,.125)!important;
  border-bottom: 1px solid rgba(0,0,0,.125)!important;
  border-left: 1px solid rgba(0,0,0,.125)!important;
  border-right: 1px solid rgba(0,0,0,.125)!important;
}

.change-title{
  background: #f7f7f7;
  padding: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid rgba(0,0,0,.125)!important;
  border-left: 1px solid rgba(0,0,0,.125)!important;
  border-right: 1px solid rgba(0,0,0,.125)!important;
}

.change-title h3{
  color: #FEA116;
}

.button-wrapper.change{
  justify-content: flex-end;
  position: unset;
  padding: 7px;
  background: #f7f7f7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid rgba(0,0,0,.125)!important;
  border-left: 1px solid rgba(0,0,0,.125)!important;
  border-right: 1px solid rgba(0,0,0,.125)!important;
  flex: 0 0 100%;
  max-width: 100%;
}

.ticket-price.change{
  position: relative;
}

.ticket-price.change .percent{
  right: 30px;
}

/***Blog***/

.social{
  display: inline-block;!important;
}

.page-title{
  margin-bottom: 30px;
}

.single-blog{
  margin-bottom: 30px;
}

.blog-text h4{
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #000000;
  margin-top: 0px;
  font-style: normal;
  text-transform: capitalize;
}

.blog-text h5{
  text-transform: uppercase;
}

.blog .primary-btn a{
  color: #fff;
  background-color: #fea116;
}

.blog .primary-btn:hover{
  color: #fff;
  background-color: #fea116;
}

.modalDvj .modalCont{
  display: none;
}


.modalDvj .modalCont.aktivno{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  background: #ffffffa8;
}

.modalCont.aktivno .single-aside{
  max-width: 280px;
}

.modalCont .zatvoriOvjModal{
  display: none;
}

.modalDvj .modalCont.aktivno .zatvoriOvjModal{
  display: block;
}

.recent-post .sidebar-body .no-padding,
.post-cat .sidebar-body .no-padding{
  margin-bottom: 40px;
  position: relative;
}

.sidebar-body .list-group-item:after,
.recent-post .sidebar-body .no-padding:after,
.post-cat .sidebar-body .no-padding:after
{
  content: '';
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}

.recent-post .sidebar-body .wrapper:first-child .no-padding,
.post-cat .sidebar-body .wrapper:first-child .no-padding
{
  margin-top: 20px;
}

.searchBtnAu{
  padding-right: 0;
}

.recent-post .sidebar-body .wrapper:last-child .no-padding:after,
.sidebar-body .list-group-item:last-child:after{
  display: none;
}

.recent-post .sidebar-body .no-padding:after,
.post-cat .sidebar-body .no-padding:after
{
  bottom: -20px;
}

.sidebar-booking-box.searchPrevoznik .col-md-9,
.sidebar-booking-box.searchStanicu .col-12{
  background: #f1f1f1;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.sidebar-booking-box.searchPrevoznik .col-md-9 label,
.sidebar-booking-box.searchStanicu .col-12 label
{
  margin-bottom: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.sidebar-booking-box.searchPrevoznik .col-md-9 .input-group,
.sidebar-booking-box.searchStanicu .col-12 .input-group
{
  display: flex;
  flex-direction: column;
  align-items: start;
  background: #ffff;
  padding-left: 15px;
}

.sidebar-booking-box.searchPrevoznik,
.sidebar-booking-box.searchStanicu
{
  border: none;
  border-radius: 0;
}

.sidebar-booking-box.searchPrevoznik .col-md-9 .input-group input,
.sidebar-booking-box.searchStanicu .col-12 .input-group input
{
  width: 100%;
  padding-left: 15px !important;
  border: none;
  background: transparent;
  color: #000;
  font-size: 12px;
  height: 40px;
  padding-bottom: 25px;
  padding-top: 16px;
  margin-left: -15px;
  padding-right: 0;
}

.sidebar-booking-box.searchPrevoznik .col-md-9 .inputBtn input,
.sidebar-booking-box.searchStanicu .col-12 .inputBtn input
{
  height: 70px;
  border-radius: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.single-aside h4{
  background: #f1f1f1;
  color: #000000 !important;
  padding: 17px;
  margin-bottom: 0;
  font-size: 14px;
}

.single-aside.recent-post h4,
.single-aside.post-cat h4
{
  background: #f1f1f1;
  color: #000000 !important;
  padding: 17px 20px;
  margin-bottom: 0;
  font-size: 13px;
  letter-spacing: 2px;
}

.single-aside.post-cat h4{
  padding: 17px 30px;
}

.recent-post .sidebar-body .no-padding{
  padding-left: 20px;
  padding-right: 20px;
}

.recent-post .sidebar-body a{
  color: #000000;
}

.recent-post .sidebar-body a:hover{
  color: #0BA76C;
}

.recent-post .sidebar-body .no-padding:after{
  width: 84%;
}

.single-aside .filter-head{
  font-size: 18px;
}

.single-aside .booking-box-body .grand-total{
  background: #f1f1f1;
}
.booking-box-body h4 {
  margin-bottom: 0px;
  padding: 0;
}

.grand-total .col-md-12{
  padding-left: 0px;
  padding-right: 0px;
}
.grand-total p{
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  line-height: 18px;
  color: #000000;
  font-size: 13px;
}

.grand-total .ovjModalTxt{
  color: #0BA76C;
  text-transform: uppercase;
  font-size: 12px;
}

.individual{
  background-color: unset;
}

.social-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-blog{
  margin-bottom: 90px;
  display: flex;
  gap: 60px;
}

.single-blog > div{
  flex: 1;
}

.single-blog .blog-img img{
  height: 100%;
  object-fit: cover;
  min-height: 290px;
}

.single-blog .col-md-4{
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-sidebar .sidebar-body img{
    max-width: 80px !important;
    height: 50px !important;
    object-fit: cover;
}

.booking-sidebar h4{
  color: #FEA116;
}

.booking-sidebar h4 i{
  margin-right: 10px;
}

.custom_badge {
  display: inline-block;
  min-width: 25px;
  padding: 3px 5px !important;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-align: center;
  vertical-align: baseline;
  background-color: #d3efff;
  border-radius: 25px;
}

.sidebar-body .list-group-item{
  border: unset;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 10px;
  position: relative;
  padding-left: 15px;
}

.post-cat .sidebar-body .list-group-item{
  padding-left: 30px;
  padding-right: 30px;
}

.post-cat .sidebar-body .list-group-item a{
  font-size: 12px;
  color: #000000;
}

.post-cat .sidebar-body .list-group-item:after{
  width: 76%;
}

.post-cat .sidebar-body .list-group{
  padding-top: 10px;
  padding-bottom: 10px;
}

.sidebar-body .list-group-item a{
  padding: 0 !important;
}

.sidebar-body .col-md-12{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.sidebar-body .col-md-12 a{
  font-size: 12px;
}

.blog-btn{
  /*
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  color: #fff;
  background-color: #fea116;
  border: 1px solid #fea116;
  margin-right: 20px;
  text-transform: capitalize;
  border-radius: 5px;
  min-width: 120px;

   */
  background: none;
  border: none;
}

#commentform .blog-btn{
  background: #0BA76C;
  color: #fff;
  width: 100%;
  padding: 8px;
  font-weight: 600;
  font-size: 18px;
}

.blog-btn a{
  color: #999;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 300;
}

.blogDatum .datum {
  color: #999;
  font-weight: normal;
  font-size: 12px;
}

.blogT{
  font-size: 17px !important;
  color: #000000 !important;
  font-weight: 700;
}

.blogItemInfo .blog-text .blogDatum{
  margin-top: 10px;
}

.blogItemInfo .blog-text p{
  color: #000;
  line-height: 20px;
  margin-top: 22px;
  max-width: 300px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog .page-title h1,
.blog .page-title h4{
  color: #000000;
}

.blog .page-title h4{
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
}

/***Blog_detalji***/

#review{
  margin-top: 20px;
}

.blog-detalji h3{
  margin-top: 15px;
}

.blog-wid p span{
  color: #42495b!important;
  font-size: 16px;
}
.blog-wid p{
  margin-bottom: 5px;
}

.reviews, .comments{
  border: 1px solid #f1f1f1;
  border-radius: 0;
  margin-bottom: 40px;

}

.reviews h5, .comments h5{
  background-color: #f1f1f1;
  color: #000;
  font-size: 18px;
  padding: 15px;
  margin-bottom: 10px;
}

.reviews-inner, .form-wrapper{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.individual-review{
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #f1f1f1;
}

.individual-review p{
  margin-top: 10px;
}

.review-header .recenzijeBox h2{
  color: #03492C;
  margin-bottom: 1px;
}

.review-header .recenzijeBox h5{
  color: #03492C;
  font-size: 14px;
  font-weight: 400;
}

.review-header .ocjenaBox{
  font-size: 14px;
}

.tab-content #review{
  margin-top: 0;
}

.reviewCnt a{
  color: #000000;
}

.individual-review i {
  font-size: 15px;
}
.individual-review h3, .individual-review h4{
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

.individual-review h3{
  font-size: 14px;
  margin-top: 5px;
}

/***Prevoznici***/

.carrier-grid-view{

  border-radius: 5px;
  margin-bottom: 20px;
}

.carrier-grid-view .img-wrapper{
  webkit-box-shadow: 0px 0px 9px 4px rgb(179 179 179 / 13%);
  -moz-box-shadow: 0px 0px 9px 4px rgb(179 179 179 / 13%);
  box-shadow: 0px 0px 9px 4px rgb(179 179 179 / 13%);
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.carrier-title{
  margin-top: 10px;
  margin-bottom:10px;
}

.carrier-title h5, .carrier-title p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-top: 0px;
  font-style: normal;
  margin-bottom: 0px;
  text-align: left;
}

.carrier-title p{
  text-transform: uppercase;
}

.carrier-info .carrier-desc p{
  text-align: left;
  padding: 0;
  color: #000;
  line-height: 22px;
  height: 64px;
}

.carrier-details.prevoznikBox a{
  border: 1px solid #0BA76C;
  padding: 2px 12px;
  border-radius: 6px;
  color: #0BA76C;
  font-weight: 400;
  text-transform: capitalize;
}

.carrier-details.prevoznikBox span img{
  margin-top: 0;
  margin-bottom: 0;
  height: 14px;
  position: absolute;
  left: 6px;
}

.carrier-details.prevoznikBox span{
  background: #0BA76C;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 20px 3px 30px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}

.carrier-title h5{
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}

.carrier-title p {
  font-size: 10px;
  min-height: 30px;
}
.carrier-desc p{
  height: 90px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 10px;
}

.carrier-grid-view img{
  margin-top: 20px;
  margin-bottom: 20px;
}
.carrier-rating i{
  color: #FEA116;
}
.carrier-details h4{
  background: #F7F9FF;
  color: #FEA116;
  padding: 15px;
  margin-top: 15px;
  text-transform: uppercase;
}
.sidebar-booking-box .filter-head, .sidebar-booking-box i{
  color: #FEA116;
}
.sidebar-booking-box i{
  margin-left: 10px;
}
.sidebar-booking-box input{
  border: 1px solid #14A76C;
  border-radius: 5px!important;
}

/***Stanice lista***/
.sort-area{
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.station-list-view{
  padding-top: 20px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.station-list-view .station-box a{
  color: #000;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}

.station-list-view .station-box h5{
  margin-bottom: 6px;
}

.station-list-view .station-box h5 a{
  background: #14A76C;
  color: #ffff;
  padding: 5px;
  border-radius: 3px;
}

.station-list-view .user-rating span{
  font-size: 12px;
  font-weight: 600;
}

.station-list-view .user-rating i{
  color: #FEA116;
}

.user-rating span{
  display: block;
}

.station-header h4, .station-header p{
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #42495b;
  margin-top: 0px;
  font-style: normal;
}

.station-header h4{
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #000000;
  font-size: 14px;
}

.station-header p{
  margin-bottom: 0px!important;
  line-height: 17px;
}

.station-header i {
  margin-right: 10px;
}

.station-box a{
  color: #FEA116;
}

.rating-box{
  margin-bottom: 15px;
}

.station-box h5, .station-box a{
  margin-bottom: 0px;
  text-transform: uppercase;
  line-height: 15px;
}

.station-facility{
  margin-top: 15px;
}

.station-facility span{
  margin-right: 10px;
  color: #0BA76C;
}

.rent-a-bus{
  border-radius: 5px;
}


/***Detalji autobuske stanice***/

.station-ammenties{
  margin-bottom: 15px;
}
.icon-wrapper{
  display: inline-block;
  margin-bottom: 15px;
}
.icon-inside{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  margin-right: 15px;
  background-color: #1AA86D;
  color: #fff;
}

.karakteristike_stanice_garderoba_det {
  position: relative;
  background-image: url("/html-template/assets/img/hanger_det.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  z-index: 999999 !important;
  display: inline-block;
  height: 35px;
  width: 35px;
}

.custom-head{
  margin-bottom: 20px!important;
}

.bus-station-detail .room-ammenties h3{
  margin-bottom: 15px;
}

.station-desc .col-md-12{
  padding-left: 0px;
  padding-right: 0px;
}

.bus-station-detail .primary-btn{
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.bus-station-detail .primary-btn a{
  color: #fff;
}

.bus-station-detail .primary-btn:hover a{
  color: #FEA116;
}

.bus-station-detail p{
  margin-bottom: 5px;
}

  /***Red voznje autobuske stanice***/

.station-desc{
  margin-top: 20px;
  margin-bottom: 20px;
}

.station-desc .col-md-2{
  display: flex;
  align-items: center;
  justify-content: center;
}

.station-desc .col-md-10 {
  align-items: center;
}


.redAutSt .station-desc > .col-12{
  padding-left: 0;
}

.redAutSt .station-desc .station-name > div{
  padding-left: 15px;
}

.departures #datum_red_voznje{
  border-radius: 5px!important;
}

.departures .input-group{
  align-items: center;
}

.departures .input-group span{
  margin-left: 10px;
}

.datepicker.dropdown-menu{

}

.datepicker-dropdown.datepicker-orient-top:before{
  border: none!important;
}

.datepicker-dropdown.datepicker-orient-top:after{
  border: none!important;
}


.bus-station-title .container{
  display: flex;
}

.bus-station-title h1, .bus-station-title h5{
  display: inline-block;
  color: #000000;
}

.busDetH{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0000;
}

  /***Login***/

.for-pass-wrapper{
  margin-top: 15px;
  margin-bottom: 15px;
}

.login .social-wrapper{
  display: block!important;
  padding-top: 20px;
}

.login-wrapper button{
  padding: 10px 15px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  background-color: #fea116;
  border: 1px solid #fea116;
  margin-right: 20px;
  text-transform: capitalize;
  border-radius: 5px;
}

.facebook-wrapper #login_fb{
  background-color: #4267B2;
  color: #fff;
  border: none;
  border-radius: 0;
  font-weight: 700;
  margin-left: 0px !important;
  width: 250px;
  font-size: 14px;
  height: 50px;
}

.facebook-wrapper button i{
  font-size: 20px;
  margin-right: 5px;
  font-weight: 200;
  font-size: 16px;
}

.register-wrapper {
  padding: 10px 15px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  background-color: #0BA76C;
  border: 1px solid #0BA76C;
  text-transform: capitalize;
  border-radius: 5px;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.register-wrapper a {
  color: #fff;
  font-size: 16px;
}

.login-box .register-wrapper{
  border-radius: 0;
  height: 50px;
}

.login-box .register-wrapper a{
  font-size: 14px;
}

.register-wrapper a i{
  margin-right: 5px;
}

/***Ovjera povratne karte***/

.advantages{
  /*
  background-color: #F7F9FF;
   */
}

.advantages .col-md-6{
  margin-bottom: 20px;
}

#prevoznik_naziv_trazi{
  border-radius: 5px;
}

.ovj-okv{
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #03492C;
  padding: 25px 35px 25px 55px;
  font-size: 16px;
  position: relative;
}

.advantages .tab-pane{
  padding-top: 20px;
}

/***Red voznje***/
.time-table h3{
  margin-bottom: 15px;
}

.breadcrumb{
  background-color: #F7F9FF;
  border-top: 1px solid rgb(220, 230, 255);
  border-bottom: 1px solid rgb(220, 230, 255);
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.timetable-btn{
  margin-bottom: 50px;
}


/***Register***/

.user-profile .form-control{
  margin-bottom: 10px!important;
}

.user-profile .nice-select{
  display: flex;
  height: calc(1.5em + .75rem + 2px)!important;
  align-items: center;
}

.user-profile .nice-select span{
  font-weight: 200!important;
}


/***Dobrodosli***/

.user-profile .user-personal-info h3{
  margin-bottom: 15px;
}

.user-profile-tabs {
  margin-bottom: 40px;
}

.item-footer strong{
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 900;
  color: #42495b;
}

.item-footer p{
  border-top: 1px solid #0BA76C;
  color: #42495b;
}
.item-content{
  padding: 15px;
}

.item-body h4{
  margin-bottom: 15px;
}

.item-body{
  font-family: 'Inter'!important;
}

.tab-pane{
  padding: 15px;
}

.user-name{
  margin-bottom: 15px;
}

.user-profile-tabs .nav-tabs li a{
  color: #000000;
  height: 70px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
}

.user-profile-tabs .nav-tabs a.active{
  color: #000000;
}

.nav-tabs {
  border-bottom: none!important;
}

.nav-tabs i {
  margin-right: 5px;
}

.statistika-kupovine p{
  margin-top: 5px;
  margin-bottom: 0px!important;
}

.brief-info-wrapper{
  padding: 15px;
  border: 1px solid #999999;
  border-radius: 5px;
}

.brief-info-footer{
  margin-bottom: 15px;
}

.most-recent-booking{
  border: 1px solid #999999;
  border-radius: 5px;
  padding: 15px;
  margin-top: 15px;
}

.user-profile-tabs .nav-tabs .active{
  background-color: #fff!important;
}

.user-profile #profile-overview img{
  width: 100px;
  height: auto;
}

.user-profile #profile-overview .briefInfoImg{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}

.user-profile #profile-overview .briefInfoImg a{
  color: #0BA76C;
  font-size: 12px;
  text-transform: uppercase;
}

.user-profile #profile-overview .brief-info-wrapper h5{
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 10px;
}

.user-profile #loyalty .table thead th{
  background: #0BA76C;
  color: #fff;
  border: 1px solid #0BA76C !important;
  border-right: 1px solid #fff !important;
}

.user-profile #loyalty label{
  font-size: 14px;
  font-weight: 500;
  color: #0BA76C;
}

.user-profile #loyalty .table th,
.user-profile #loyalty .table td{
  padding: .75rem .95rem;
  font-size: 14px;
}

.user-profile #sadrzaj_karata p a{
  color: #0BA76C;
}

.user-profile #sadrzaj_karata p{
  color: #000000;
}

.user-profile #loyalty h5{
  margin-bottom:20px;
}

.user-profile #loyalty h5 span{
  font-weight: 500;
}

.user-profile #loyalty table{
  margin-bottom: 1.5rem;
}

.user-profile #loyalty h5 .fa-info-circle{
  color: #03492C;
}

.user-profile-tabs .nav-tabs a.active i{
  color: #0BA76C;
}

.user-profile #profile-overview .most-recent-booking{
  background: #f1f1f1;
  border: none;
  border-radius: 0;
}

.user-profile #profile-overview .brief-info-wrapper{
  border: none;
  border-radius: 0;
}

.user-profile #profile-overview .most-recent-booking h4{
  font-size: 14px;
}

.user-profile #profile form label{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
}

.user-profile #profile form .form-control,
.user-profile #profile form input{
  font-size: 12px;
}

.user-profile #profile .primary-btn{
  background: #0BA76C;
  border: 1px solid #0BA76C;
  border-radius: 0;
  margin-right: 0;
  min-width: 100px;
}

.user-profile #profile .primary-btn.odustani{
  background: transparent;
  border: none;
  color: #666;
  font-size: 12px;
  margin-right: 20px;
}

#profile .user-personal-info .primary-btn.odustani{
  font-size: 15px;
  border: 1px solid transparent;
}

#profile .user-personal-info .primary-btn.odustani:hover{
  border: 1px solid #666666 !important;
}

.user-profile #profile form .nice-select:after{
  border-bottom: 2px solid #0BA76C;
  border-right: 2px solid #0BA76C;
}

.user-profile #profile .user-change-password h3{
  margin-bottom: 15px;
}

.user-profile #profile .user-change-password .change-password-body{
  background: #f1f1f1;
}

.user-profile #profile .user-change-password .change-password-body .dugmeBox{
  padding-top: 10px;
  padding-bottom: 15px;
}

.user-profile #profile .user-change-password .change-password-body .dugmeBox button{
  width: 100%;
}

.failed, .confirmed{
  color: #42495b;
}

.failed i, .confirmed i{
  margin-right: 5px;
}

#loyalty h3 {
  margin-bottom: 15px;
}

/***Zaboravljena lozinka***/

.forget-password .col-md-7{
  margin-bottom: 20px;
}

/***404***/

.pic-wrapper {
  text-align: center;
}

.notfound {
  max-width: 520px;
  line-height: 1.4;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.notfound .notfound-404 h3 {
  font-family: cabin,sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  margin: 0;
  letter-spacing: 3px;
  padding-left: 6px;
}

.notfound .notfound-404 {
  height: 300px;
}

.logo-notfound{
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}


.notfound .notfound-404 h1 {
  font-family: montserrat,sans-serif;
  font-size: 252px;
  font-weight: 900;
  margin: 0;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}

.notfound .notfound-404 h1>span {
  text-shadow: -8px 0 0 #fff;
}

.notfound h2 {
  font-family: cabin,sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 800;
}

.notfound h3{
  color: #000;
}
.notfound h3 a{
  color: #0BA76C;
  font-size: 20px!important;
}

.ui-widget.ui-widget-content{
  border: unset!important;
}

.one-way-round{
  padding-right: 25px;
}
.verification{
  padding-top: 10px;
  display: inline-block;
  float: right;
}

.verification a{
  color: #000000;
}

nav ul li a:first-letter{
  text-transform: capitalize;
}

.preloader{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: all .3s;

  animation: backgrounds;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes backgrounds {
  0%   {background-color: rgba(247, 247, 247, 1);}

  100% {background-color: rgba(247, 247, 247, 0); z-index: 0;}
}

.preloader .img-wrapper{
  position: relative;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 80px;
  height: auto;
  z-index: 2000;
  animation-name: motion;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes motion {
  0%   {left:33.3%; top:40%; transform: scale(1); opacity: 1;}

  100% {left:66.6%; top:40%; transform: scale(.5); opacity: 0;}
}

.preloader .img-wrapper img{
  width: 100px;
}

.secure{
  margin-bottom: 10px;
}
.ticket-price .rabat{
  width: 27px;
  position: absolute;
  top: -18px;
  left: -45px;
}

.review-wrapper.discount-wrapper .tooltip-wrapper {
  position: absolute;
  bottom: 30px;
  left: -30px;
  z-index: 9999 !important;
}

.countryL{
  display: flex;
  align-items: center;
  gap: 10px;
}

.title-wrapperNew{
  font-weight: 500;
  font-size: 14px;
  text-align: left;
}

.countryTitle{
  display: flex;
  justify-content: center;
}


#recent-blog .top-offer .section-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#recent-blog .top-offer .section-title h2{
  margin-bottom: 0;
}

#recent-blog .top-offer .section-title h2,
#recent-blog .top-offer .section-title h4{
  color: #000000;
  font-size: 16px;
  text-transform: capitalize;
}

#recent-blog .top-offer .section-title{
  margin-bottom: 30px;
}

#recent-blog .post-title h5{
  margin-top: 15px;
  min-height: 48px;
  color: #000;
  font-size: 20px;
}

#recent-blog .post-desc p{
  color: #000000;
  line-height: 22px;
  font-size: 15px;
  margin-bottom: 8px;
}

#recent-blog .room-book a{
  color: #999;
  font-weight: 300;
  text-transform: capitalize;
  font-size: 15px;
}

.newsletter-content .newsletterForm form{
  display: flex;
  gap: 10px;
}

.newsletter-content .section-title{
  padding-left: 15px;
  margin-bottom: 5px;
}

.newsletter-content .section-title label h3{
  color: #000000;
  font-size: 20px;
}

#footer .newsletter-content{
  background-color: #ffffff;
  padding-bottom: 0;
}

#footer .newsletter-content input{
  border: none;
  background: #f1f1f1;
  color: #6b6b6b;
  border-radius: 3px;
  padding: 25px;
  text-align: left;
}

#footer .newsletter-content button{
  background: #0BA76C;
  border: #0BA76C;
  border-radius: 3px;
  padding: 0 10px;
  height: 50px;
  text-transform: uppercase;
  font-size: 12px;
}

.work-process-area .how-we-do-wrapper{
  background-color: transparent;
}

.how-we-do-wrapper .howText p,
.how-we-do-wrapper .howText h3{
  color: #000000;
}

.how-we-do-wrapper .howText h3{
  font-size: 24px;
}

.how-we-do-wrapper .howText p{
  line-height: 22px;
  font-size: 16px;
}

.advance-search input[type=radio]{
  position: unset;
  visibility: visible;
  display: unset;
  font-size: .1rem;
  width: unset;
}

.hero-area .hero-area-inside .container{
  background: #ffffff;
  border-radius: 5px;
}

.hero-area .hero-area-inside .advance-search .radio-group,
.hero-area .advance-search .radio-group{
  border: 0;
}

.hero-area .hero-area-inside .advance-search input[type=radio] + label,
.hero-area .advance-search input[type=radio] + label
{
  color: unset;
  background: unset;
  border-left: 0;
}

.hero-area .big-title h1{
  color: #03492C;
}

.work-process-area .how-we-do-wrapper .single-work-process{
  padding: 0 !important;
  background: #d3efff;
  border-radius: 3px;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content{
  text-align: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  gap: 15px;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content h4,
.work-process-area .how-we-do-wrapper .single-work-process .work-process-content p{
  padding-left: 0;
  margin-bottom: 0;
  line-height: unset;
  text-align: unset;
  color: #03492C;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content h4{
  font-weight: 700;
  font-size: 22px;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content p{
  font-size: 12px;
  width: 140px;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content img{
  height: 70px;
}

.work-process-area .how-we-do-wrapper .single-work-process .work-process-content .work-text{
  padding-left: 15px;
  border-left: 3px solid #ffffff;
}

.bank-guarantee .flexShield{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
}

.bank-guarantee .flexShield p{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  color: #5f5f5f;
  font-weight: 700;
}

.shieldContainer{
  padding: 30px 0;
  background: #f1f1f1;
}

.social-container{
  display: flex;
  margin: 30px 0 !important;
  gap: 10px;
}

.social-container a img{
  height: 25px !important;
}

.calendarBlog{
  width: 20px !important;
  margin-right: 7px;
}

.singleW{
  margin-bottom: 80px;
}

.hero-content .advance-search .departure-point,
.hero-content .advance-search .destination-point,
.hero-content .advance-search .departureCalender-wrapper,
.hero-content .advance-search .returnCalender-wrapper,
.hero-content .advance-search .passenger,
.hero-content .advance-search .rezervacija-point{
  background: #f1f1f1;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0px 15px !important;
  border-radius: 3px;
}

.hero-content .advance-search .passenger,
.hero-content .advance-search .returnCalender-wrapper{
  padding-left: 15px !important;
  padding-right: 0;
}

.pd-25{
  padding-left: 25px;
  padding-right: 25px;
}

.hero-content .advance-search .departure-point input,
.hero-content .advance-search .destination-point input,
.hero-content .advance-search .departureCalender-wrapper input,
.hero-content .advance-search .returnCalender-wrapper input,
.return-confirmation .hero-content .advance-search .rezervacija-point input,
.bus-equipment .name-filter .input-group input{
  padding-left: 15px !important;
  border: none !important;
  background: transparent;
  color: #000;
  font-size: 12px;
  height: 40px;
  padding-bottom: 25px;
  padding-top: 16px;
  margin-left: -15px;
  padding-right: 0;
}

.hero-content .advance-search .departure-point label,
.hero-content .advance-search .destination-point label,
.hero-content .advance-search .departureCalender-wrapper label,
.hero-content .advance-search .returnCalender-wrapper label,
.hero-content .advance-search .passenger label,
.return-confirmation .hero-content .advance-search .rezervacija-point label,
.bus-equipment .name-filter .input-group label{
  margin-bottom: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.hero-content .advance-search .passenger span{
  background: transparent;
}

.hero-content .advance-search .submit-btn .primary-btn{
  background: #0BA76C;
  border: 0;
  border-radius: 3px;
  margin-right: 0;
  height: 73px;
}

.hero-content .advance-search .passenger #passenger_count{
  width: 50px;
  margin: 0;
  text-align: center;
  padding: 0 9px;
  background: #fff;
  border: none;

}

ul#ui-id-1,
ul#ui-id-2,
ul#ui-id-3{
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 280px;
}

ul#ui-id-1 li a .fa-bus,
ul#ui-id-2 li a .fa-bus,
ul#ui-id-3 li a .fa-bus{
  display: none;
}

ul#ui-id-1 li a.ui-menu-item-wrapper,
ul#ui-id-2 li a.ui-menu-item-wrapper,
ul#ui-id-3 li a.ui-menu-item-wrapper{
  display: flex !important;
  align-items: center;
  padding-left: 15px !important;
  background: #f1f1f1;
  font-size: 12px;
  border-bottom: 2px solid #fff !important;
}

ul#ui-id-1 li a.ui-menu-item-wrapper span,
ul#ui-id-2 li a.ui-menu-item-wrapper span,
ul#ui-id-3 li a.ui-menu-item-wrapper span{
  color: #000000 !important;
}

.filter-wrapper.act{
  display: flex !important;
  padding-top: 25px;
}

.select-lang .dropdown-toggle::after{
  display: none;
}

.blogDetalji img{
  width: 100% !important;
  height: auto !important;
  max-width: unset !important;
}

.blogDetalji img.blogStar{
  width: unset !important;
  height: 12px !important;
  margin-top: -2px;
  margin-right: 4px}

@media (max-width: 550px) {
  .countryL{
    padding: 0 !important;
  }

  .title-wrapperNew{
    font-size: 12px;
    text-align: left;
  }

  .contact-page-wrapper h1,
  .main-footer-country .countryTitle h2{
    text-align: left;
    font-size: 22px;
    margin-bottom: 30px;
  }

  .contact-page-wrapper h1{
    margin-bottom: unset;
  }

  .newsletter-content .section-title label h3{
    font-size: 16px !important;
  }

  .newsletter-content .newsletterForm form{
    gap: 4px;
  }

  #footer .newsletter-content input{
    margin-bottom: 0;
    padding: 25px 10px;
    font-size: 12px;
  }

  #footer .newsletter-content button{
    font-size: 10px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content{
    flex-direction: column;
    padding: 15px 10px;
  }

  .singleW{
    padding: 0 15px;
    margin-bottom: 40px;
  }

  .work-process-area .singleW{
    padding: 0;
  }

  .advantages .vertical-tab-pannel,
  .advantages .vertical-tab-pannel .search-col-padding{
    padding: 0;
  }

  .how-we-do-wrapper .howText h3,
  .how-we-do-wrapper .howText p{
    text-align: left !important;
  }

  .singleW .col-4{
    padding-left: 2px;
    padding-right: 2px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content img{
    height: 45px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content .work-text{
    padding-left: 0;
    border-left: 0;
    text-align: center;
    width: 100%;
    height: 72px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content h4{
    font-weight: 600;
    font-size: 18px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content p{
    font-size: 10px;
    width: auto;
  }

  #footer .newsletter-content .container .row{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .main-footer-country{
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .main-footer-country .container .col-md-12{
    padding: 0;
  }

  .newsletter-content .form-wrapper,
  .newsletter-content .section-title,
  .shieldContainer .bank-guarantee,
  .shieldContainer .bank-guarantee .flexShield {
    padding: 0 !important;
  }

  .shieldContainer .bank-guarantee .card-wrapper.flexShield{
    flex-direction: column;
    align-items: start;
    border-top: 3px solid #ffff;
    padding-top: 10px !important;
    margin-top: 20px;
  }

  .footer-content-text ul li a{
    padding: 2px 0 !important;
  }
}

@media (min-width: 1200px) {
  .hero-content .advance-search .rezervacija-point{
    height: 74px;
  }
}

@media (max-width: 1200px) {
  nav ul li a{
    padding-left: 10px !important;
  }
}

@media (min-width: 1100px) {
  .deskMenu.main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 20px;
  }

  .top-header .top-header-wrapper .navbar.mobile-menu-active{
    padding-top: .6rem !important;
  }
}

@media (max-width: 1100px) {

  .top-header-wrapper .col-md-2 {
    display: none;
  }
}

.roundKl .departure-point,
.roundKl .destination-point{
  flex: 0 0 22%;
  max-width: 22%;
}

.search-from input[type=radio]{
  margin-top: 0;
}

.mean-container .mean-nav ul{
  background: #f2f2f2;
}

.mean-container .mean-nav ul li a{
  color: #000000;
  border-top: 0 !important;
  font-size: 16px;
  font-weight: 800;
}

.registerMob{
  display: none;
}

@media (max-width: 1100px) {
  .mobLink{
    border-top: 3px solid #fff;
    margin-top: 10px;
    padding-top: 10px;
  }

  ul.deskMenu{
    width: calc(100% - 70px) !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .mobile-user-lang-wrapper{
    padding-left: 30px !important;
  }

  .registerMob{
    display: block;
  }
  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content {
    flex-direction: column;
    padding: 15px 10px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content .work-text {
    padding-left: 0;
    border-left: 0;
    text-align: center;
    width: 100%;
    height: 72px;
  }

  .work-process-area .how-we-do-wrapper .single-work-process .work-process-content p{
    width: 100%;
  }
}

.radio-group input[type='radio'] {
  display: none;
}

.radio-group label {
  position: relative;
  color: #666;
}

.radio-group label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  border-radius: 11px;
  border: 2px solid #0BA76C;
  background-color: transparent;
}

.radio-group input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 15px;
  left: 4px;
  content: " ";
  display: block;
  background: #0BA76C;
}

.top-header .top-header-wrapper .email{
  padding-top: 5px;
  font-size: 15px;
  display: none;
}

.top-header .top-header-wrapper .deskRight .top-header-right {
  gap: 20px;
}

.top-header .top-header-wrapper .deskRight .top-header-right .select-lang a{
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 3px;
}

.cart_items_count{
  background: #0BA76C;
  color: #fff !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: -8px;
  bottom: -8px;
}

.passengerField{
  background: #ffffff;
  width: fit-content;
  padding: 0px 8px;
  margin-top: 2px;
}

.passenger .fa-minus:before,
.passenger .fa-plus:before{
  content: "" !important;
}

.passenger .fa-minus,
.passenger .fa-plus{
  cursor: pointer;
  color: #999999;
}

.passenger .fa-plus{
  padding-top: 1px;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
  background: unset;
}

.select-lang .dropdown-menu .dropdown-item{
  font-size: 12px !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero-area-inside .search-from .row.pd-25{
  padding-right: 20px;
}

.return-confirmation .hero-area-inside .search-from .row.pd-25{
  padding-left: 20px;
}

.vertPd,
.vertPd .tab-pane{
  padding-left: 0;
  padding-right: 0;
}

.vertPd .tab-pane .search-col-padding{
  padding-left: 0;
}

.hero-area-inside .search-from.roundKl .row.pd-25{
  padding-right: 12px;
}

.menuHeader{
  width: 24px;
  height: auto;
  margin-top: 8px;
}

.select-lang .dropdown-menu{
  border-radius: 0 !important;
}

.secure .secureBox{
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
}

.secure .secureBox img {
  height: 24px;
}

.greenInfo{
  position: absolute;
  background: #03492C;
  color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 28px;
  font-weight: 900;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.accordion-faq .card .card-collapse{
  padding: 0 20px 5px;
}

.accordion-faq .card.shw .card-collapse{
  background: #d3efff;
}

.accordion-faq .card-collapse p,
.accordion-faq .card-header a,
.faqHeader h1,
.faqHeader h4{
  color: #000000;
}

.accordion-faq .card-collapse p{
  text-align: left !important;
  line-height: normal;
  font-size: 14px;
}

.faqHeader h1{
  font-size: 2rem;
}

.faqHeader h4{
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}

#accordion.accordion-faq .card{
  overflow: visible;
  margin-bottom: 10px;
  border: 1px solid #000000;
  border-radius: 0;
}

#accordion.accordion-faq .card.shw{
  border: 1px solid #d3efff;
}

#accordion.accordion-faq .card.shw .card-header{
  background-color: #d3efff !important;
}

#accordion.accordion-faq .card .card-header.faq{
  background-color: #ffffff;
}


.faqLinks.hideI.collapsed .closeTab,
.faqLinks.hideI .openTab{
  display: none;
}

.faqLinks.hideI.collapsed .openTab{
  display: inline-block;
}

.faqLinks.hideI{
  font-size: 16px;
}

.faqLinks .openTab,
.faqLinks .closeTab{
  font-size: 30px;
  font-weight: 200;
  line-height: 30px;
}

.contactMd {
  padding-left: 5px;
  padding-right: 5px;
}

.contactMd > div{
  background: #d3efff;
  padding-top: 30px;
  padding-bottom: 10px;
  border-radius: 3px;
}

.contact-address .addressText{
  margin-top: 25px;
  margin-bottom: 40px;
}

.contact-address .addressText p,
.contact-us-wrap h4{
  margin: 0;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 2px;
}

.single-input .contactFbox{
  border: 1px solid #000000;
  margin-bottom: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px;
}

.contactFbox input,
.contactFbox textarea,
.contactFbox .form-control{
  border: none;
  font-size: 14px;
}

.contactFbox textarea{
  padding-top: .75rem;
}

.contactFbox label{
  margin: 0;
  padding-top: .375rem;
  padding-left: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
}

.single-input.pdR{
  padding-right: 10px;
}

.single-input.pdL{
  padding-left: 10px;
}

.contact-us-wrap .primary-btn{
  width: 100%;
  border-radius: 0;
  background: #0BA76C;
  border: 1px solid #0BA76C;
  font-size: 16px;
  border-radius: 3px;
}

.containerBg,
.containerBg .hero-content.changed
{
  background: #f1f1f1;
  border-radius: 5px;
}

.containerBg .hero-content.changed{
  padding-top: 15px;
  padding-bottom: 0;
}

.bus-equipment .name-filter .input-group,
.containerBg .hero-content .advance-search .departure-point,
.containerBg .hero-content .advance-search .destination-point,
.containerBg .hero-content .advance-search .departureCalender-wrapper,
.containerBg .hero-content .advance-search .returnCalender-wrapper,
.containerBg .hero-content .advance-search .passenger,
.containerBg .hero-content .advance-search .rezervacija-point{
  background: #ffffff;
  border-radius: 3px;
}

.advance-search .custom-checkbox .custom-control-label::before{
  border-radius: 0;
}

.bus-equipment .name-filter .input-group input{
  width: 100%;
}

.kontaktImg{
  display: inline-block;
  background: #d3efff;
}

.user-personal-info h1{
  color: #000000;
  font-size: 2rem;
  margin-bottom: 20px;
}

.user-info-body{
  background: #f1f1f1;
  padding: 20px 20px 1px 20px;
}

.bgFl{
  background: #f1f1f1;
  padding: 0 20px 20px 20px;
}

.ctP .d-flex{
  gap: 20px;
  margin-bottom: 20px;
}

.ctP .form-control,
.login .loginBg .form-control{
  border: none;
  font-size: 12px;
}

.ctP select.form-control{
  padding-left: 7px;
}

.ctP label,
.login .loginBg label{
  margin-bottom: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  padding-left: 12px;
}

.ctP .d-flex > div{
  flex: 1;
  background: #ffffff;
  padding-right: 10px;
  position: relative;
}

.ctP .d-flex > div .errorTxt,
.login .loginBg .errorTxt{
  position: absolute;
  font-size: 10px;
  left: 10px;
  bottom: -18px;
}

.page-title h1{
  color: #000000;
}

.login .loginBg .errorTxt{
  color: red;
  font-size: 12px;
  bottom: -20px;
}

.ctP .primary-btn,
.login .primary-btn{
  background-color: #0BA76C;
  border: 1px solid #0BA76C;
  border-radius: 0;
  margin-right: 0;
}

.login .loginBg{
  background: #ffffff;
  margin-bottom: 20px;
  position: relative;
}

.login .for-pass-wrapper{
  margin-top: 0;
  margin-bottom: 0;
}

.login .login-wrapper{
  margin-top: 10px;
}

.kupovinaKarte .card .card-header,
.kupovinaKarte .card .card-header .tooltip-review{
  border: 0 !important;
}

.sortiranjeDatum.date-sort .col-md-8,
.sortiranjeDatum .lowest-fare-slider .slick-slide{
  background: #e9f8ff;
  border: 0;
}

.kupovinaKarte .card-header{
  background: #f1f1f1;
}

.kupovinaKarte .card-header h3{
  font-size: 26px;
}

.kupovinaKarte .card-header .ticket-price h3{
  font-size: 22px;
}

.kupovinaKarte .card-header h3,
.kupovinaKarte .card-header h5{
  color: #000000;
}

.kupovinaKarte .arrow-left.circle,
.kupovinaKarte .route-direction-wrapper-opened .arrow-down .circleDown{
  border: 1px solid;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
  z-index: 2;
}

.kupovinaKarte .route-direction-wrapper-opened .arrow-down .circleDown{
  margin-left: 4px;
  position: absolute;
}

.kupovinaKarte .route-direction-wrapper-opened .arrow-up .lineDown{
  width: 10px;
  border-bottom: 1px solid #000000;
  margin-left: 4px;
  position: absolute;
  bottom: 10px;
}

.kupovinaKarte .columnLeft .departure-opened{
  text-align: center;
  max-width: 95px;
}

.kupovinaKarte .columnLeft .departure-opened p{
  color: #000000;
}

.kupovinaKarte .columnLeft .departure-opened .timeGreen{
  color: #03492C !important;
  font-size: 14px;
  font-weight: 500;
}

.kupovinaKarte .columnLeft .departure-opened span{
  border-left: 1px solid #000;
  padding-left: 5px;
  font-weight: 600;
  color: #000;
}

.kupovinaKarte .columnLeft .prevoznikBox{
  display: flex;
  flex-direction: column;
  align-items: start;
}

.kupovinaKarte .columnLeft .prevoznikBox span{
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 8px;
  color: #000000;
}

.kupovinaKarte .columnLeft .prevoznikBox .company-abbrevation{
  font-size: 14px;
  margin-bottom: 4px;
}

.kupovinaKarte .columnLeft .prevoznikBox .level{
  margin-left: 0;
}

.kupovinaKarte .arrow-right.line{
  height: 10px;
  border-right: 1px solid;
}

.kupovinaKarte .horizontal-line{
  border: none;
}

.kupovinaKarte .duration{
  padding-left: 0;
}

.kupovinaKarte .horizontal-line .lineBus{
  position: absolute;
  border-bottom: 1px solid;
  width: 96%;
  top: 10px;
  left: 0;
}

.kupovinaKarte .filter-head.pretragaFilter{
  padding-bottom: 10px;
}

.kupovinaKarte .filter-head.pretragaFilter p{
  color: #666;
  font-size: 12px;
  margin-bottom: 0;
}

.kupovinaKarte .filter-head.pretragaFilter p .greenBr{
  color: #0BA76C;
  font-weight: 800;
  font-size: 20px;
  padding-left: 5px;
}

.kupovinaKarte .card-header .departure{
  padding: initial;
  padding-left: 40px;
  align-items: start;
}

.kupovinaKarte .card-header .destination{
  align-items: start;
  padding-left: 52px;
}

.kupovinaKarte .card-header button.toLeft{
  left: -19px;
  top: 40px;
  transform: translateY(-50%);
  color: #0BA76C;
}

.kupovinaKarte .card-header button.toLeft.activeTop{
  top: 105px  ;
}

.kupovinaKarte .card-header button.toLeft i{
  color: #0BA76C !important;
}

.kupovinaKarte .card-header .btn-buy{
  background: #0BA76C;
  color: #ffffff;
}

#prtljag_cjenovnik_desno.package-summary-body.prtljag_cjenovnik_desno br{
  display: none;
}

.selected-route-return .returnH {
  margin-bottom: 0;
  text-align: center;
  background: #f1f1f1;
  padding-bottom: 5px;
}

.selected-route-return .returnH span{
  color: #0BA76C;
}

.kupovinaKarte .card-body .card-body-inside-wrapper{
  padding-left: 23px !important;
}

.kupovinaKarte .card-body .card-body-inside-wrapper,
.kupovinaKarte .card-body .card-body-inside-wrapper .card-body-inside,
.kupovinaKarte .card-body .card-body-inside-wrapper  .card-body-inside .container{
  border: none !important;
  background-color: #e9f8ff;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .card-body-inside,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .card-body-inside .container{
  background-color: #ffffff;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body{
  border: none;
  background-color: #f1f1f1;
  border-radius: 5px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body.bodyWhite{
  background-color: #ffffff;
  padding-left: 0;
  padding-right: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-4 label,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3 label,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-2 label,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding label{
  margin-bottom: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

input:-webkit-autofill {
  -webkit-background-clip: text;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-4 input,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3 input,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-2 input,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding input{
  padding-left: 15px !important;
  border: none;
  background: transparent;
  color: #000;
  font-size: 12px;
  height: 40px;
  padding-bottom: 25px;
  padding-top: 16px;
  margin-left: -15px;
  padding-right: 0;
  width: calc(100% + 30px);
  border-radius: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-4 input:focus,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3 input:focus,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-2 input:focus,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding input:focus{
  background: #ffffff;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .izbor-korisnik_ima_nalog{
  padding-left: 0;
}

.regKorisnikaKup .izbor-korisnik_ima_nalog .korisnikFirst {
  margin-left: 0;
  font-size: 14px !important;
}

.izbor-placanja .karticeRadio,
.izbor-placanja .drzavaRadio,
.regKorisnikaKup .izbor-korisnik_ima_nalog > label{
  position: relative;
  margin-left: 0;
  padding-left: 0;
  margin-right: 10px;
}

.izbor-placanja .karticeRadio span,
.izbor-placanja .drzavaRadio span{
  padding-left: 0;
}

#passenger-info .izbor-placanja .spanTxt{
  font-size: 14px;
  color: #000000;
}

.passenger-detail-body .drzavaRadio input[type=radio]{
  display: none;
}

.izbor-placanja .karticeRadio span:before,
.izbor-placanja .drzavaRadio span:before,
.regKorisnikaKup .izbor-korisnik_ima_nalog .korisnikFirst:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  border-radius: 11px;
  border: 2px solid #0BA76C;
  background-color: transparent;
}

.izbor-placanja .karticeRadio input[type=radio]:checked + span:after,
.izbor-placanja .drzavaRadio input[type=radio]:checked + span:after,
.regKorisnikaKup .izbor-korisnik_ima_nalog input[type=radio]:checked + .korisnikFirst:after{
  border-radius: 11px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 14px;
  left: 4px;
  content: " ";
  display: block;
  background: #0BA76C;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding select{
  padding-left: 0;
  font-weight: 600;
  color: #000;
  margin-left: -3px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding input.cijenaFont{
  font-weight: 700;
  font-size: 18px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body.bodyWhite #obavezna_stampa_karte{
  text-align: left;
  padding-left: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body.bodyWhite a{
  color: #0BA76C;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body.bodyWhite .block-wrapper{
  justify-content: start;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body.bodyWhite .buy_bus_ticket{
  width: 100%;
  background: #0BA76C;
  border-radius: 0;
  font-size: 22px;
  padding: 10px;
  border-radius: 5px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .totalKarte label,
.prtljagCijena p{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .totalKarte #sum_total,
.prtljagCijena div,
.prtljagCijena div span{
  background: none;
  border: none;
  font-size: 30px !important;
  font-weight: 600;
  padding: 0;
  height: unset;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .add-passanger{
  margin-bottom: 0;
  margin-top: 10px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .add-passanger .item-entry{
  margin-top: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .add-passanger button{
  background: #0BA76C;
  padding: 0 10px;
  height: 28px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body #passenger_total{
  border: none;
  background-color: #fff;
  padding: 2px 25px !important;
  height: unset;
  border-radius: 3px;
  margin: 0 10px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance{
  padding-left: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje{
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje button{
  width: 100%;
  height: 97%;
  background-color: #0BA76C;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje button img{
  height: 24px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container label
{
  float: none;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container label,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .regKorisnikaKup .newsletter-sign .container-check{
  font-size: 12px;
  margin-bottom: 14px;
  padding-left: 22px;
  display: flex;
  color: #000;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #prtljag_cjenovnik .prtljag_cjenovnik_lijevo br{
  display: none;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container .osiguranjeInfo{
  background: #0BA76C;
  color: #fff;
  text-decoration: none;
  padding: 0px 6px;
  border-radius: 100%;
  font-size: 12px;
  margin-left: 3px;
  height: 100%;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .newsletter-sign{
  padding-left: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob{
  padding-left: 15px;
  padding-right: 15px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob #modal_dugme_container{
  padding: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob #customer_password_btn{
  background: #0BA76C;
  height: 100%;
  width: 100%;
  font-weight: 600;
  border-radius: 5px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-4,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-2{
  background-color: #ffffff;
  border-right: 3px solid #f1f1f1;
  border-bottom: 3px solid #f1f1f1;
  display: block;
  border-radius: 3px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3.hid{
  background-color: #cecece;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob .col-md-3.hid,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob #modal_ime_container.col-md-3.hid{
  display: none !important;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .container-check input:checked ~ .checkmark,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup input:checked ~ .checkmark
{
  background-color: #0BA76C;
  border-radius: 0;
  height: 12px;
  width: 12px;
  top: 3px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance label .checkmark,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup label .checkmark{
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #000000;
  height: 11px;
  width: 11px;
  top: 3px;
}

#loyalty_final_preview{
  margin-bottom: 20px;
}

#modal_loyalty_div .passenger-detail .passenger-detail-body label{
  padding-left: 30px;
  margin-bottom: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #passenger-info #uracunate_takse{
  color: #03492C;
  font-size: 12px;
  font-weight: 600;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container label .checkmark:after,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .container-check .checkmark:after{
  display: none;
}

.kupovinaKarte .card-body .card-body-inside #putnici{
  padding-bottom: 0;
}

.kupovinaKarte .card-body .card-body-inside #putnici .col-md-3,
.kupovinaKarte .card-body .card-body-inside #putnici .col-md-2{
  background: #fff;
  border-right: 3px solid #F1F1F1;
  border-bottom: 3px solid #F1F1F1;
  border-radius: 3px;
}

.kupovinaKarte .card-body .card-body-inside #putnici .col-md-3 input,
.kupovinaKarte .card-body .card-body-inside #putnici .col-md-3 select,
.kupovinaKarte .card-body .card-body-inside #putnici .col-md-2 input{
  border: none;
  background-color: #ffffff;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail #total{
  background-color: transparent;
  border: none;
  padding: 0;
  color: #000;
  font-size: 30px;
  font-weight: 600;
  margin-right: 10px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail .ukupnoZaPl{
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox{
  background: #f1f1f1;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_lijevo,
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_lijevo p,
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_desno,
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_desno p
{
  color: #000000;
  font-size: 14px;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_lijevo p .fa,
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_desno p .fa{
  color: #03492C;
}
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_lijevo .fas,
.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_desno .fas{
  color: #0BA76C !important;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .fa-road{
  display: none;
}

.kupovinaKarte .card-body .card-body-inside-wrapper #passenger-info .passenger-detail.prtljagBox h3{
  margin-top: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail .pdvUklj{
  font-weight: 500;
  color: #000000;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail .item-entry{
  margin-bottom: 0;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail .izbor-placanja label,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail .izbor-korisnik_ima_nalog label{
  border: none;
  background: transparent;
}

.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #passenger-info > .col-md-12,
.kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.columnRight #firstTabContainer,
.columnRight #secondTabContainer,
.columnRight #thirdTabContainer,
.columnRight #fourthTabContainer,
.columnRight #fifthTabContainer{
  color: #03492C;
  font-weight: 700;
  font-size: 14px;
}

.columnRight #secondTabContainer span span{
  cursor: pointer;
}

.fa-info-circle.circleGreen{
  color: #0BA76C;
  margin-right: 0;
}

.kupovinaKarte .notification-wrapper{
  background: #f1f1f1;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kupovinaKarte .notification-wrapper .close{
  padding: 0.35rem 1.25rem;
}

.sortiranjeDatum.date-sort .col-md-8{
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 5px;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide{
  padding-top: 10px;
  padding-bottom: 10px;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide.kliknuti_datum{
  background-color: #03492C !important;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide.kliknuti_datum h5,
.sortiranjeDatum .lowest-fare-slider .slick-slide.kliknuti_datum span
{
  color: #ffffff;
  font-weight: bold;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide.kliknuti_datum h5{
  font-size: 17px;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide.kliknuti_datum span{
  font-weight: 400;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide h5{
  color: #777777;
  font-weight: 400;
}

.sortiranjeDatum .lowest-fare-slider .slick-slide span{
  color: #777777;
  font-weight: 300;
}

.linijeTxt{
  margin-top: 20px;
  color: #000000;
  text-align: left;
  font-size: 14px
}

.redvoznjeTab .modal-dialog.modal-lg,
#modal_popusti .modal-dialog.modalPopust{
  max-width: 600px;
  margin: 13rem auto;
}

.redvoznjeTab .modal-dialog.modal-lg .modal-content,
#modal_popusti .modal-dialog.modalPopust .modal-content{
  border: 0;
}

.redvoznjeTab .modal-dialog.modal-lg .modal-content button,
#modal_popusti .modal-dialog.modalPopust button{
  position: absolute;
  right: 0;
  left: unset;
  padding: 0 14px 5px;
  top: -28px;
  background: #0BA76C;
  text-shadow: none;
  opacity: 1;
}

.redvoznjeTab .modal-dialog.modal-lg .modal-content button span,
#modal_popusti .modal-dialog.modalPopust button span{
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
}

.redvoznjeTab .modal-dialog.modal-lg .modal-content button span i,
#modal_popusti .modal-dialog.modalPopust button span i{
  margin-right: 0;
}

.redvoznjeTab .modal-dialog.modal-lg table,
#modal_popusti .modal-dialog.modalPopust table{
  width: 100%;
}

.redvoznjeTab .redvoznje table tbody tr:first-child,
#modal_popusti .modal-dialog.modalPopust table tbody tr:first-child,
#ajax_loyalty_config .flight-details-body table thead tr:first-child{
  background-color: #0BA76C !important;
}

.redvoznjeTab #redvoznje.redvoznje table tbody tr:first-child th,
#modal_popusti .modal-dialog.modalPopust table tbody tr:first-child th,
#ajax_loyalty_config .flight-details-body table thead tr:first-child th{
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.redvoznjeTab .redvoznje table tbody tr:nth-child(odd),
#modal_popusti .modal-dialog.modalPopust table tbody tr:nth-child(odd),
#ajax_loyalty_config .flight-details-body table tbody tr:nth-child(odd){
  background-color: #f1f1f1;
}

.redvoznjeTab .redvoznje table tbody tr:first-child th:first-child,
.redvoznjeTab #redvoznje.redvoznje table tbody tr td:first-child{
  text-align: center;
}

#modal_popusti .modal-dialog.modalPopust table tbody tr:first-child th:first-child,
#modal_popusti .modal-dialog.modalPopust table tbody tr td:first-child{
  padding-left: 20px;
}

#modal_popusti .modal-dialog.modalPopust table tbody tr td,
.redvoznjeTab #redvoznje.redvoznje table tbody tr td,
#ajax_loyalty_config .flight-details-body table tr{
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#modal_popusti .modal-dialog.modalPopust table tbody tr:last-child td,
.redvoznjeTab #redvoznje.redvoznje table tbody tr:last-child td{
  padding-bottom: 10px;
}

#loyalty_config_modal .flight-details-header{
  padding: 10px;
}

#loyalty_config_modal .flight-details-header h5{
  color: #000000;
}

#loyalty_config_modal .flight-details-header .weiH{
  color: #000;
  font-weight: 300;
  margin-bottom: 0;
}

#loyalty_config_modal .flight-details-header button{
  font-size: 14px;
  color: #0BA76C;
  opacity: 1;
}

#loyalty_config_modal #ajax_loyalty_config h5{
  color: #000;
  padding-left: 10px;
}


.kupovinaKarte .columnRight .container{
  padding-top: 0 !important;
}

.kupovinaKarte .columnLeft > div{
  flex: 1;
}

.kupovinaKarte .staniceSpan{
  color: #14A76C;
  font-size: 12px;
  border: 1px solid #14A76C;
  border-radius: 25px;
  padding: 4px 10px;
  width: 65px;
  text-transform: capitalize;
  cursor: pointer;
}

.kupovinaKarte .route-direction-opened .route-start span,
.kupovinaKarte .route-direction-opened .route-end span{
  font-weight: 600;
  color: #000;
  font-size: 13px;
}

.kupovinaKarte .columnRight .firstTab,
.kupovinaKarte .columnRight .secondTab,
.kupovinaKarte .columnRight .thirdTab,
.kupovinaKarte .columnRight .fourthTab,
.kupovinaKarte .columnRight .fifthTab{
  font-weight: 600;
  color: #000000;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.kupovinaKarte .columnRight .firstTab img,
.kupovinaKarte .columnRight .secondTab img,
.kupovinaKarte .columnRight .thirdTab img,
.kupovinaKarte .columnRight .fourthTab img,
.kupovinaKarte .columnRight .fifthTab img{
  width: 10px;
  height: auto;
}

.kupovinaKarte .columnRight .firstTab.act img,
.kupovinaKarte .columnRight .secondTab.act img,
.kupovinaKarte .columnRight .thirdTab.act img,
.kupovinaKarte .columnRight .fourthTab.act img,
.kupovinaKarte .columnRight .fifthTab.act img{
  rotate: 180deg;
}

.columnRight #firstTabContainer > *,
.columnRight #secondTabContainer > *,
.columnRight #thirdTabContainer > *,
.columnRight #fourthTabContainer > *,
.columnRight #fifthTabContainer > *{
  padding-left: 18px;
}

.kartPd .container .pd-Mob{
  background-color: #f1f1f1;
  border-radius: 5px;
}

.accordion-notification-wrapper.kupovinaKarte{
  padding-left: 15px;
  min-height: 200px;
}

.accordion-notification-wrapper.kupovinaKarte .review-opened-wrapper .level,
.accordion-notification-wrapper.kupovinaKarte  .review-wrapper .level{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 25px;
}

.accordion-notification-wrapper.kupovinaKarte .review-wrapper .company-abbrevation{
  color: #000000;
}

.accordion-notification-wrapper.kupovinaKarte .review-opened-wrapper .level img,
.accordion-notification-wrapper.kupovinaKarte  .review-wrapper .level img{
  height: 12px;
}

.accordion-notification-wrapper.kupovinaKarte .review-wrapper .tooltip-wrapper .tooltiptext,
.accordion-notification-wrapper.kupovinaKarte .review-wrapper-opened .tooltip-wrapper .tooltiptextP{
  background: #03492C;
  width: fit-content !important;
  left: 80%;
  top: -8px;
}

.accordion-notification-wrapper.kupovinaKarte .review-wrapper .tooltip-wrapper .tooltiptext::after,
.accordion-notification-wrapper.kupovinaKarte .review-wrapper-opened .tooltip-wrapper .tooltiptextP::after{
  left: 10%;
  border-color:#03492C transparent transparent transparent;
  display: none;
}

.tooltip.show.bs-tooltip-top{
  opacity: 1;
}

.tooltip.show.bs-tooltip-top .tooltip-inner{
  background-color: #03492C;
}

.kupovinaKarte .card-body .card-body-inside #putnici .col-md-3 i{
  font-size: 12px;
  color: #0BA76C
}

.tooltip.show.bs-tooltip-top .tooltip-inner p{
  margin-bottom: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
}

.tooltip.show.bs-tooltip-top .tooltip-inner p .fa{
  display: none;
}

#modal_google_login_container .modal_google_login_container{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sortiranjeDatum > .row {
  padding-left: 15px;
}

.accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #direktne_linije_nema_span{
  color: #fe6c16 !important;
  font-weight: 700;
}

.accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #presijedanje_ponuda{
  color: #777;
}

.accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #nadji_povezane_linije_btn .primary-btn{
  background: #0BA76C;
  border: 1px solid #0BA76C;
  text-transform: uppercase;
}

.accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #nadji_povezane_linije_btn .primary-btn:hover{
  background: #f1f1f1;
}

.povezaneLinijeDiv{
  padding-top: 20px;
}

.povezaneLinijeDiv h4{
  margin-top: 0 !important;
  color: #fe6c16 !important;
  font-size: 16px !important;
}

.bootbox .modal-content .modal-footer{
  justify-content: center;
}

.bootbox .primBt{
  background: #03492C;
  border: #03492C;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 8px;
}

.bootbox .secBt{
  background: #fff;
  border: 1px solid #00975e;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 8px;
  color: #00975e;
}

.bootbox .thirdBt{
  background: #0BA76C;
  color: #fff;
  border: 1px solid #0BA76C;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 8px;
}

.primary-btn.checkoutCart{
  background: #0BA76C;
  border: 1px solid #0BA76C;
  font-size: 18px;
  padding: 8px;
}

.cart-item-header.cartItemH,
.cart-item-header.cartRezime
{
  background: #0BA76C;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}

.cart-item-header.cartItemH span{
  font-size: 18px;
  border: 1px solid;
  line-height: 18px;
  padding: 3px 7px 4px;
  border-radius: 100%;
  color: #ffffff;
}

.cart-item-body.cartItem p,
.cart-item-body.cartItem p span{
  color: #000;
  font-weight: 300;
}

.cart-item-body.cartItem p{
  font-weight: 700;
}

.cart-item-body.cartItem p.text-green{
  color: #0BA76C !important;
}

.cart-item-body.cartItem p.text-green b{
  text-transform: uppercase;
  font-weight: 600;
}

.blogDetalji .post-body p,
.blogDetalji .post-body a
{
  color: #000000;
}

.blogDetalji .post-body .borderR{
  border-right: 1px solid #000;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
}

.blogDetalji .blogTitle{
  color: #000;
  padding-bottom: 15px;
  font-size: 36px;
}

.single-blog .blogItemInfo .blog-text .blog-btn{
  padding-left: 0;
}

.blogDetalji .post-body .blog-wid .datum a {
  font-size: 13px;
  font-weight: 300;
  color: #999;
}

.bodyWhite .checkmark{
  height: 12px;
  width: 12px;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid;
  top: 6px;
}

.bodyWhite .container-check input:checked ~ .checkmark{
  background: #0BA76C;
  border-radius: 0;
}

.bodyWhite .container-check input:checked ~ .checkmark:after{
  display: none;
}

.bodyWhite .container-check:hover input ~ .checkmark{
  border-radius: 0 !important;
}

.sortiranjeDatum .row .sort .nice-select{
  border: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  padding-right: 0;
}

.sortiranjeDatum .row .sort .nice-select:after{
  display: none;
}

.sortiranjeDatum .row .sort .nice-select .current{
  position: relative;
}

.sortiranjeDatum .row .sort .nice-select .current:after{
  border-bottom: 2px solid #0BA76C;
  border-right: 2px solid #0BA76C;
  content: '';
  display: block;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  font-size: 30px;
  width: 10px;
  height: 10px;
}

.sortiranjeDatum .ovjeraSort,
.searchPrevoznik .ovjeraSort
{
  width: 100%;
  display: block;
  text-align: center;
  color: #0BA76C;
  border: 1px solid #0BA76C;
  padding: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  border-radius: 5px;
}

.station-list-view .station-info p i{
  color: #0BA76C;
}

.station-list-view .station-info p a,
.station-list-view .station-info p
{
  font-weight: normal;
  color: #999999;
  font-size: 14px;
  line-height: 20px;
}

#pretraga_stanica #drzava_naziv .nice-select{
  border: 2px solid #f1f1f1;
  border-radius: 0;
  font-size: 17px;
  height: 60px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

#pretraga_stanica #drzava_naziv .nice-select:after{
  border-bottom: 2px solid #14A76C;
  border-right: 2px solid #14A76C;
}

.searchPrevoznik .ovjeraSort{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.sortiranjeDatum .rowSort .pd1{
  padding: 0;
}

.sortiranjeDatum .rowSort .pd2{
  padding-left: 10px;
}

.booking-sidebar h4 i{
  display: none;
}

.review-header .blogStar{
  height: 15px;
}

.room-complete-detail .nav-tabs a:hover{
  color: #0BA76C;
}

.hotel-detail .blog-title .comp-btn{
  color: #000000;
}

.room-complete-detail.detaljiTabs li{
  border-bottom: 1px solid #0BA76C;
}

.room-complete-detail.detaljiTabs li a.nav-link{
  border-radius: 0;
  border: none;
  font-weight: 500;
}

.room-complete-detail.detaljiTabs li a.nav-link.active{
  border: none;
  border-radius: 0;
  background: #0BA76C;
  color: #fff;
  height: 100%;
}

.room-complete-detail.detaljiTabs .tab-content .tab-pane p,
.guest-review .individual-review span,
.guest-review .individual-review p,
.room-complete-detail.detaljiTabs li a{
  color: #000000;
}

.guest-review .individual-review h4{
  margin-bottom: 5px;
}

.room-complete-detail.detaljiTabs .tab-content .tab-pane p,
.room-complete-detail.detaljiTabs .tab-content .tab-pane span,
.guest-review .individual-review span,
.guest-review .individual-review p
{
  line-height: 20px;
  font-size: 14px;
}

.busDetalji p{
  font-size: 15px;
  color: #000;
  line-height: 20px;
}

.busDetalji table td,
.busDetalji table th{
  padding-left: 10px;
}

.busDetalji ul{
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.busDetalji ul li{
  list-style: circle;
}

.bus-station-detail h2{
  color: #000000;
}

.bus-station-detail .timetable-button .primary-btn{
  width: 100%;
  margin: 0;
  background: #0BA76C;
  border: 1px solid #0BA76C;
  border-radius: 0;
}

.bus-station-detail .timetable-button .primary-btn:hover a{
  color: #0BA76C;
}

.bus-station-detail .station-ammenties .ammenties-1{
  font-size: 12px;
}

.bus-station-detail .station-ammenties .ammenties-1 .col-6.col-md-3{
  display: flex;
  align-items: center;
  line-height: 15px;
  margin-bottom: 15px;
}

.bus-station-detail .station-ammenties .ammenties-1 .col-6.col-md-3 .icon-wrapper{
  margin-bottom: 0;
}

.room-complete-detail.detaljiTabs .tab-content .tab-pane{
  padding: 15px 0;
}

.linijeTab{
  font-size: 14px;
  font-weight: 500;
}

.linijeTab span{
  font-weight: 800;
}

.linijeTab a{
  color: #0BA76C;
}

.sidebar-booking-box i{
  display: none;
}

.main-footer-country .countryL:hover{
  color: #0BA76C;
}

.station-desc h3.custom-head{
  margin-bottom: 10px !important;
  padding-left: 15px;
}

.bus-station-title h2{
  color: #000000;
}

.bus-station-title.linijeDet h2{
  color: #000000;
  font-size: 22px;
  margin-bottom: 20px;
}

.redAutSt .bus-station-title > .container{
  gap: 10px;
}

.time-table .main-content .timetable-btn{
  margin-bottom: 25px;
}

.time-table .main-content .timetable-btn a{
  width: 100%;
  background: #0BA76C;
  border: 1px solid #0BA76C;
  border-radius: 0;
}

.time-table .main-content p{
  color: #000000;
  font-size: 14px;
  line-height: 26px;
}

.input-group.redVoznjeGr{
  position: relative;
  background: #f1f1f1;
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.input-group.redVoznjeGr input#datum_red_voznje{
  padding-left: 40px;
  border-radius: 0 !important;
  font-size: 14px;
}

.input-group.redVoznjeGr span{
  position: absolute;
  z-index: 9;
}

.ovjeraSidebar{
  background: #f1f1f1;
}

.ovjeraSidebar .sidebar-booking-box h4 {
  padding: 15px;
  color: #000;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body{
  font-size: 14px;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body .input-group{
  display: flex;
  flex-direction: column;
  background: #ffffff;
  margin-top: 15px;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body .input-group label{
  margin-bottom: 0;
  margin-top: .5rem;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  padding-left: 15px;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body .input-group input{
  width: 100%;
  padding-left: 15px !important;
  border: none;
  background: transparent;
  color: #000;
  font-size: 12px;
  height: 30px;
  padding-bottom: 20px;
  padding-top: 16px;
  padding-right: 0;
}

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

.user-profile h1,
.user-profile h2,
.user-profile h3,
.user-profile h4,
.user-profile h5{
  color: #000000;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body .btnPad{
  padding: 0;
  margin-top: 5px;
}

.ovjeraSidebar .sidebar-booking-box .booking-box-body .btnPad input{
  width: 100%;
  border-radius: 0 !important;
}

.one-way-round{
  margin-bottom: 10px;
}

.one-way-round label,
.one-way-round a
{
  font-size: 12px;
}

.streliceZel{
  position: absolute;
  bottom: 25px;
  right: -12px;
  cursor: pointer;
  z-index: 9;
}

.streliceZel img{
  height: 16px;
  width: auto;
}

.marginDate{
  margin-top: 120px;
  margin-bottom: 50px;
}

.prtljagImg{
  max-width: 80px;
  height: auto;
}

.inputCon{
  flex: 1;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  align-items: end;
}

.inputCon .parent .input-group input{
  width: 140px;
  border: 1px solid #000;
  border-radius: 3px;
  padding-bottom: 0;
  padding-top: 0;
  height: 25px !important;
  margin-bottom: 6px;
  color: #000000;
}

.inputCon .parent .input-group button{
  color: #999999;
}

.inputCon .parent .input-group .plusBtn button{
  right: 0;
  left: unset;
  padding-top: 0;
  padding-bottom: 0;
  top: -2px;
}

.inputCon .parent .input-group .minusBtn button{
  padding-top: 0;
  padding-bottom: 0;
}

#passenger-info #modal_loyalty_div .fa-heart{
  display: none;
}

.inputCon .prtljagKol,
.inputCon .prtljagKol span{
  font-size: 12px !important;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
}

.pored_torbe h4{
  color: #000000;
}

.results .review-wrapper .level{
  margin-left: 15px;
}

#accordion .card .card-header.results{
  padding-left: 0 !important;
}


@media (max-width: 1200px) {
  .accordion-notification-wrapper.kupovinaKarte{
    padding-right: 15px;
  }


  .prtljagImg{
    max-width: 70px;
  }
}

@media (max-width: 990px) {

  .marginDate{
    margin-bottom: 0;
  }

  .user-profile .user-profile-tabs{
    overflow-x: auto;
  }

  .user-profile .user-profile-tabs .list-group{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    padding-bottom: 10px;
  }

  .overF{
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
  }

  .overF .nav-tabs{
    flex-wrap: nowrap;
  }

  .overF .nav-tabs li{
    min-width: fit-content;
  }
}

@media (max-width: 767px) {
  .one-way-round{
    margin-bottom: 0;
  }

  .user-profile #loyalty .flight-details-body .flip-scroll{
    overflow-x: auto;
  }

  .user-profile #loyalty .flight-details-body .flip-scroll table.cf{
    min-width: 700px;
  }

  #pretraga_stanica #drzava_naziv .nice-select .list{
    height: 200px;
    overflow-y: auto;
  }

  #pretraga_stanica #drzava_naziv .nice-select{
    margin-top: 15px;
  }

  .second-step .pd-Mob{
    padding-left: 15px !important;
  }

  .main-footer-country h2{
    text-align: left;
  }

  .contact-us-wrap #message-form .single-input.pdR{
    padding-right: 5px;
  }

  .contact-us-wrap #message-form .single-input.pdL{
    padding-left: 5px;
  }

  .contactMd{
    padding-left: 15px;
  }

  .contactMd > div{
    background: transparent;
    display: flex;
    gap: 30px;
    align-items: center;
    padding-top: 0;
  }

  .contact-page-wrapper h1,
  .contact-address .addressText p, .contact-us-wrap h4{
    padding-left: 0;
    text-align: left !important;
  }

  .kontaktImg{
    padding: 10px;
  }

  ul.deskMenu {
    width: calc(100% - 80px) !important;
  }
  .one-way-round{
    flex-direction: column;
    align-items: start !important;
  }

  .one-way-round label,
  .one-way-round .verification a{
    font-size: 12px;
  }

  .hero-content .advance-search .passenger #passenger_count{
    padding-top: 5px;
  }

  .contact-address .addressText{
    margin-bottom: 10px;
  }

  .contact-address .addressText p{
    margin-bottom: 10px;
  }

  .form-group .contactFbox textarea.form-control{
    height: 220px !important;
  }
}

@media (max-width: 590px){
  #modal_loyalty_div .passenger-detail .passenger-detail-body label{
    font-size: 12px;
    padding-right: 10px;
  }

  #modal_loyalty_div .passenger-detail .passenger-detail-body h5,
  #modal_loyalty_div .passenger-detail .passenger-detail-body h5 span{
    font-size: 14px;
  }

  .streliceZel{
    bottom: -15px;
    right: 15px;
    transform: rotate(90deg);
  }
}

@media (max-width: 500px) {

  .vertPd .tab-pane{
    padding-left: 15px;
    padding-right: 15px;
  }

  .recent-post .sidebar-body .no-padding:after{
    width: 89%;
  }

  .post-cat .sidebar-body .list-group-item:after {
    width: 82%;
  }

  .single-blog {
    margin-bottom: 60px;
  }

  .user-profile #profile .row .pd0{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .user-profile #profile-overview .pd0,
  .user-profile #profile-overview,
  .user-profile #karte,
  .user-profile #karte .pd0,
  .user-profile #loyalty{
    padding-left: 0;
    padding-right: 0;
  }

  .user-profile #profile-overview .briefInfoImg{
    align-items: start;
  }

  .user-profile #profile-overview .brief-info-wrapper .col-md-6{
    padding-left: 0;
  }

  .searchBtnAu{
    padding-left: 0;
    margin-top: 15px;
  }

  .sortiranjeDatum button.slick-arrow{
    width: 25px;
  }

  .cart-item-body.cartItem p{
    font-size: 12px;
  }

  .cart-item-header.cartItemH, .cart-item-header.cartRezime{
    font-size: 14px;
  }

  .primary-btn.checkoutCart{
    width: 100%;
  }

  .accordion-notification-wrapper.kupovinaKarte .review-wrapper .tooltip-wrapper .tooltiptext, .accordion-notification-wrapper.kupovinaKarte .review-wrapper-opened .tooltip-wrapper .tooltiptextP{
    top: 25px;
    left: 35%;
  }

  .accordion-notification-wrapper.kupovinaKarte .review-wrapper .tooltip-wrapper .tooltiptext::after, .accordion-notification-wrapper.kupovinaKarte .review-wrapper-opened .tooltip-wrapper .tooltiptextP::after{
    left: 14%;
  }


  .unavailable-online, .closed{
    font-size: 10px;
    padding: 0;
  }

  .redvoznjeTab .modal-dialog.modal-lg, #modal_popusti .modal-dialog.modalPopust{
    margin: 3rem auto;
  }

  .containerBg .hero-content.changed{
    padding-bottom: 0;
  }

  .blogDetalji .blogTitle{
    font-size: 18px;
  }

  .ctP .d-flex{
    flex-direction: column;
  }

  .user-profile .form-control{
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px !important;
  }

  .user-profile textarea.form-control{
    height: 80px !important;
  }

  .ctP .d-flex.flexBtnReg{
    flex-direction: row;
  }

  .login .social-wrapper{
    padding-top: 50px;
  }
}
.custom-div{
  flex: 0 0 28%!important;
  background: #fff;
  border-right: 3px solid #F1F1F1;
  border-bottom: 3px solid #F1F1F1;
  border-radius: 3px;
}
.custom-div input{
  font-size: 18px!important;
  margin-left: 0!important;
}
.custom-div label{
  margin-left: 15px;
}
.check-label{
  padding-left: 20px;
  margin-bottom: 25px;
}

.datumPolaska{

}

.ovjeraPovKarte .datumPolaska{

}