/*
** Reset & Basics
========================================================================== */
html {
    /* Vertical scroll always on */
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
body {
    /* Remove default margin and padding */
    margin: 0;
    padding: 0;
    /* Default text color and fonts */
    color: #333;
    background-color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
menu, section, article, aside, footer, header {
    display: block;
}
* {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: medium none;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }
/*
** Typography
========================================================================== */
h1, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 15px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-size: 30px;
    text-align: center;
    color: #A77412;
    background-image: url(../img/elements/gradient_bar.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 35px;
    padding-bottom: 10px;
}
h1.news {
    font-size: 28px;
    text-align: left;
    color: #A77412;
    background-image: url(../img/elements/gradient_bar.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 35px;
    padding-bottom: 10px;
}
h2 {
    font-size: 16px;
    text-align: left;
    color: #A77412;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 7px;

}
.side_bar h2 {
    font-size: 24px;
    line-height: 1.25em;
    text-align: center;
    color: #00458e;
    background-image: url(../img/elements/gradient_bar.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 16px;
    font-weight: normal;
}
p {
    font-size: 14px;
    color: #00458e;
    padding-bottom: 6px;
    padding-top: 6px;
    margin: 0px;
}


hr {
    border: none;
    border-top: 3px double #e3e3e3;
    color: #e3e3e3;
    overflow: visible;
    text-align: center;
    height: 5px;
    padding-bottom: 15px;
}

hr:after {
    background: #fff;
    content: '§';
    padding: 0 4px;
    position: relative;
    top: -13px;
}



/*
** Common
========================================================================== */
img {
    vertical-align: inherit;
}

/*
** News
========================================================================== */
.news_list {
    display:table;
    border-collapse: collapse;
}
.news_single_title {
    padding-left: 10px;
    position: relative;
    padding: 4px;
}
.news_single_title a:hover {
    text-decoration: underline;
}
.news_single_date {
    color: #999a9b;
    display:table-cell;
    position: relative;
    width: 145px;
    vertical-align: middle;
    padding: 4px;
}
.news_single {
    border-bottom: 1px solid #e8e7e5;
    padding: 5px 0;
    display: table-row;
}
.latest_news_header {
    padding-top: 28px;
}
/*
** FAQ
========================================================================== */
.faq_wrapper_ul {
    list-style: none;
}
.faq_wrapper_ul li {
    margin: 10px 0;
    list-style-image: initial !important;
}
.faq_wrapper_ul li > span {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #005baa;
    border-right: 12px solid #005baa;
    background-color: #005baa;
    color: #ffffff;
    background-image: url(../img/elements/arrow_accordion_down.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
}
.faq_wrapper_ul li > span.active {
    background-image: url(../img/elements/arrow_accordion_up.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
}
.faq_wrapper_ul li > span:hover {
    cursor: pointer;
}
.faq_wrapper_ul li > div {
    display: none;
    padding: 5px;
}
.faq_wrapper_ul ol {
    margin-left: 15px;
}
.main_box ul.faq_wrapper_ul {
    margin-left: 0;
}
.main_box faq_wrapper_ul ul li ul li  {
    list-style-image: url(../img/elements/main_bullet.png) !important;
    margin-top: 6px;
    margin-bottom: 6px;
}
.main_box .faq_wrapper_ul li div ul li {
    list-style-image: url(../img/elements/main_bullet.png) !important;
}
.highlight {
    color: #A77412;
    font-weight: bold;
}
ul.faq_wrapper_ul li ul {
    margin-top: -6px;
}
/* ordered list */
h2.title {
    font-size: 20px;
    font-weight: 800;
    padding: 12px;
    counter-increment: ordem;
    visibility: hidden;
}
.bullet {
    counter-reset: bullet;
    padding-left: 12px;
}
.bullet li {
    list-style-type: none;

}
.bullet li:before {
    counter-increment: bullet;
    content: counter(ordem)"." counter(bullet)" ";
}


/*
** Tabele
======================================================================== */

.tableResponsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

table.TableClass1 {
    width: 100%;
}
table.TableClass1 thead td {
    font-weight: bold;
    color: white;
    background: url('../img/icons/bck_head.png') left bottom repeat-x;
    background-color: #20bbfc;
    border-bottom: 2px solid #e3e3e3;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 8px;
    padding-top: 8px;
}
table.TableClass1 tbody td {
    border-bottom: 2px solid #e3e3e3;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-top: 6px;
}
table.TableClass1 tbody tr.gray {
    background-color: #eeeeee;
}
table.TableClass1 tbody tr.gray_light {
    background-color: #fbfaf3;
}


table.red_letenja {
    width: 100%;
}
table.red_letenja thead td {
    font-weight: bold;
    background-color: #e8c852;
    border-bottom: 2px solid white;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 8px;
    padding-top: 8px;
}
table.red_letenja tbody td {
    border-bottom: 1px solid white;
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-top: 6px;
}
table.red_letenja tbody tr.gray {
    background-color: #eeeeee;
}
table.red_letenja tbody tr.gray_light {
    background-color: #fbfaf3;
}


table.aktuelne_tarife {
    width: 210px;
    text-align: left;
}
table.aktuelne_tarife thead td {
    font-weight: bold;
    color: white !important;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-top: 8px;
    height: 105px !important;;
    width: 200px;
    vertical-align: bottom;
    text-align: left !important;
}
table.aktuelne_tarife thead td.podgorica {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_podgorica.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.tivat {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_tivat.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.bec {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_bec.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.beograd {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_beograd.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.cirih {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_cirih.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.pariz {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_pariz.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.frankfurt {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_frankfurt.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.hanover {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_hanover.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.ljubljana {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_ljubljana.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.moskva {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_moskva.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.rim {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_rim.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.sankt_peterburg {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_sankt_peterburg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.diseldorf {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_diseldorf.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.kopenhagen {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_kopenhagen.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.lion {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_lion.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.london {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_london.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.lajpcig {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_lajpcig.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife thead td.minhen {
    background: url('../Data/Images/AktuelneTarife/montenegro_airlines_tariffs_minhen.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
table.aktuelne_tarife tbody td {
    border-bottom: 1px solid #c6c6c6;
    padding-left: 3px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-top: 6px;
}




/*
** Pagination
======================================================================== */
#pagination {
    display: block;
    width: 100%;
    padding: 18px;
    text-align: center;
}
.paginationInfo {
    color: #999a9b;
    border-right: 1px solid #999a9b;
    border-left: 1px solid #999a9b;
    padding: 0 15px 0 15px;
}
#pagination ul.pagination {
    display: inline-block;
    margin-left: 15px;
}
#pagination ul.pagination li {
    list-style: none;
    display: inline-block;
}
#pagination ul.pagination li a {
    padding: 4px 7px 4px 7px;
    transition: background-color .2s;
}
.pagination li.active {

}
.pagination li a:hover {
    background-color: #0a99d9;
    color: #ffffff;
}
.pagination li.active a {
    padding: 4px 7px 4px 7px;
    color: #ffffff;
    background-color: #0a99d9;
    cursor: initial;
}
#pagination ul.pagination li > .prevnext {

}


/*
** Links
========================================================================== */
a,
a:active,
a:focus {
    color: #0077cc;
    text-decoration: none;
    background: transparent;
    outline: medium none;
}
a:hover {
    text-decoration: underline;
}
/*
** General & Helpers
========================================================================== */
.container {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
.clear {
    clear: both;
}
#menu li, #lang_change li {
    display: inline-block;
}
.main_box {
    width: 710px;
    display: inline-block;
    vertical-align: top;
    color: #00458e;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.main_box ul {
    margin-left: 25px;
}
.main_box ol {
    margin-left: 35px;
}
.main_box ul li {
    list-style-image: url(../img/elements/main_bullet.png);
}
.main_box ul li ul {
    margin-left: 25px;
}
.main_box > ul > li, .main_box > ol > li {
    margin: 0.25rem;
}

.classImageWithSolidBorder {
    border: 1px solid #e9e9e9 !important;
    margin: 0;
}

.imgFloated,
.imageFloated {
    float: right;
    margin-left: 10px !important;
    padding: 0px;
}


.imageContainer {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}

.imageContainer .imageItem {
    display: inline-block;
    padding: 4px;
}
.imageContainer .imageItem_red_letenja {
    display: inline-block;
    padding: 4px;
    width: 320px;
}
.imageContainer.ff .imageItem {
    width: 185px;
    margin-top: 10px;
}
.imageContainer .imageItem img {
    width: auto;
    height: auto;
    max-width: 100%;
}
#home_aranzmani .imageContainer,
#home_ponuda .imageContainer,
#specijalne_ponude .imageContainer
{
    padding-bottom: 30px;
}
/* overview icons */

.main_box .imageItem a img.overview_icon {
    border-radius: 0;
    transition: all 0.21s;
}
.main_box .imageItem a:hover img.overview_icon {
    background-color: #dcefff;
    border-radius: 50%;
}


#home_vesti_kontakt .imageContainer {
    padding: 50px 0 50px 0;
}
#home_bottom .imageContainer {
    padding: 30px 0 0 0;
}

#home_aranzmani .imageContainer .imageItem img {
    width:180px !important;
    border: 1px solid #e9e9e9 !important;
}

#home_bottom .imageContainer .imageItem img,
#home_ponuda .imageContainer .imageItem img {
    outline: 1px solid #cecece;
    outline-offset: 0;
}
#home_bottom .imageContainer .imageItem img,
#home_ponuda .imageContainer .imageItem img,
#specijalne_ponude .imageContainer .imageItem img {
    outline: 1px solid #dfdfdf;
    outline-offset: 0;
}

/*
** Header
========================================================================== */
header {
    height: 123px;
    background-color: #005aab;
    transition: height 0.1s;
}
header .top {
    height: 85px;
    transition: height 0.1s;
}
#header_logo {
    width: 500px;
    height: 85px;
    display: inline-block;
    padding-top: 34px;
}
#header_logo_mobile {
    display: none;
    padding-top: 17px;
}
header .container {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
/* Menu ----------------------------------------------*/
#menu {
    height: 38px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
#menu ul li a {
    line-height: 28px;
}
#menu a {
    color: #bce9ff;
}
#menu ul li ul li a {
    line-height:22px;
}
#menu ul li ul li a:hover {
    color: #fff;
}
#menu ul li {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    background-color: #005aab;
    z-index: 10;
}
#menu ul li.active a {
    color: #fff;
    background-position: right 13px;
}
#menu ul li a, #menu ul li a:visited {
    display: block;
}
#menu ul li a {
    padding: 5px 23px 5px 5px;
    margin: 0 4px;
    background-image: url("../img/elements/select_arrow_down.png");
    background-repeat: no-repeat;
    background-position: right -15px;
    text-decoration: none;
}
#menu ul li a:hover {
    color: #fff;
    background-position: right 13px;
}
#menu ul li ul li a {
    text-transform: none;
    color: #bce9ff;
    padding-left: 12px;
    padding-right: 10px;
    background-image: none;
    white-space: nowrap;
    opacity: 0.99;
}
#menu ul li.active ul li a {
    color: #bce9ff !important;
}
#menu ul li.active ul li a:hover {
    color: #fff !important;
}


#menu ul li#informacije_i_servis ul li a,
#menu ul li#frequent_flyer ul li a,
#menu ul li#information_and_services ul li a,
#menu ul li#frequent_flyer ul li a,
#menu ul li#informacija_i_servis ul li a,
#menu ul li#frequent_flyer ul li a
{
    /*padding-left: 40px;*/
    background-repeat: no-repeat;
    /* background-position: 10px 1px;*/
    opacity: 0.99;
}
/*
#menu ul li#informacije_i_servis ul li a,
#menu ul li#information_and_services ul li a,
#menu ul li#informacija_i_servis ul li a {
    background-image: url(../img/icons/informacije_i_servis_icons.png);
}
#menu ul li#frequent_flyer ul li a {
    background-image: url(../img/icons/frequent_flyer_icons.png);
}
#menu ul li#informacije_i_servis ul li#vazni_kontakti a,
#menu ul li#information_and_services ul li#important_contacts a,
#menu ul li#informacija_i_servis ul li#vazhnye_kontakty a,
#menu ul li#frequent_flyer ul li#program a,
#menu ul li#frequent_flyer ul li#programma a {
    background-position: 5px 1px;
}
#menu ul li#informacije_i_servis ul li#predstavnistva a,
#menu ul li#information_and_services ul li#representative_offices a,
#menu ul li#informacija_i_servis ul li#predstavitelstva a,
#menu ul li#frequent_flyer ul li#pravila_i_uslovi_clanstva a,
#menu ul li#frequent_flyer ul li#rules_and_conditions a,
#menu ul li#frequent_flyer ul li#pravila_i_uslovija a {
    background-position: 5px -33px;
}
#menu ul li#informacije_i_servis ul li#red_letjenja a,
#menu ul li#information_and_services ul li#flight_timetable a,
#menu ul li#informacija_i_servis ul li#raspisanie_rejsov a,
#menu ul li#frequent_flyer ul li#moj_racun a,
#menu ul li#frequent_flyer ul li#my_account a,
#menu ul li#frequent_flyer ul li#moj_schet a {
    background-position: 5px -65px;
}
#menu ul li#informacije_i_servis ul li#info_o_karti a,
#menu ul li#information_and_services ul li#ticket_info a,
#menu ul li#informacija_i_servis ul li#informacija_o_biletah a,
#menu ul li#frequent_flyer ul li#uclani_se a,
#menu ul li#frequent_flyer ul li#new_account a,
#menu ul li#frequent_flyer ul li#stat_uchastniko a {
    background-position: 5px -97px;
}
#menu ul li#informacije_i_servis ul li#check-in a,
#menu ul li#information_and_services ul li#check-in a,
#menu ul li#informacija_i_servis ul li#registracija a,
#menu ul li#frequent_flyer ul li#sakupljanje_milja a,
#menu ul li#frequent_flyer ul li#accruing_miles a,
#menu ul li#frequent_flyer ul li#nabor_mil a {
    background-position: 5px -129px;
}
#menu ul li#informacije_i_servis ul li#prtljag a,
#menu ul li#information_and_services ul li#baggage a,
#menu ul li#informacija_i_servis ul li#bagazh a,
#menu ul li#frequent_flyer ul li#trosenje_milja a,
#menu ul li#frequent_flyer ul li#spending_miles a,
#menu ul li#frequent_flyer ul li#ispolzovanie_mil a {
    background-position: 5px -161px;
}
#menu ul li#informacije_i_servis ul li#informacije_o_vizama a,
#menu ul li#information_and_services ul li#visa_information a,
#menu ul li#informacija_i_servis ul li#informacii_o_vizax a,
#menu ul li#frequent_flyer ul li#silver_and_gold a,
#menu ul li#frequent_flyer ul li#silver_and_gold a,
#menu ul li#frequent_flyer ul li#silver_and_gold a {
    background-position: 5px -193px;
}
#menu ul li#informacije_i_servis ul li#bezbjednost a,
#menu ul li#information_and_services ul li#security a,
#menu ul li#informacija_i_servis ul li#bezopasnost a {
    background-position: 5px -225px;
}
*/

#menu .submenu > ul li {
    background: #005aab;
    opacity: 0.81;
    text-align: left;
    width: 100%;
    display: block;
    border-bottom: 1px solid #2779a7;
}

#menu .submenu:hover > ul {
    display: block;
}
#menu .submenu > ul {
    left: 0;
    position: absolute;
    top: 38px;
    z-index: 9;
    min-width: 140px;
    display: none;
}
/* Menu Mobile */
.menu.menu_active {
    display: block;
}
.menu_active ul li.submenu {
    display: block !important;
    text-align: left;
}
.menu_active ul li.submenu > a {
    background-position: left -15px !important;
    padding: 5px 5px 5px 23px !important;
}
.menu_active ul li:hover {
    background-color: #002071 !important;
}
/* Submenu Mobile */
.menu_active ul li.submenu ul.sub_active {
    display: block !important;
    top:0 !important;
    position:relative !important;
}
.lang_search_wrap {
    display: inline-block;
}
#search_box .form #search_box_field .label span {
    display: none;
}

/* Burger */
#burger {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    bottom: 14px;
    padding: 6px;
}
.burger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    text-transform: none;
    background-color: transparent;
    overflow: visible;
}
.burger:hover {
    opacity: 0.8;
}
.burger_box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.burger_inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.burger_inner, .burger_inner::before, .burger_inner::after {
    width: 40px;
    height: 4px;
    background-color: #bce9ff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.55s;
    transition-timing-function: ease; }
.burger_inner::before, .burger_inner::after {
    content: "";
    display: block; }
.burger_inner::before {
    top: -10px; }
.burger_inner::after {
    bottom: -10px; }
.burger_vortex .burger_inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.burger_vortex .burger_inner::before, .burger_vortex .burger_inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
.burger_vortex .burger_inner::before {
    transition-property: top, opacity; }
.burger_vortex .burger_inner::after {
    transition-property: bottom, transform; }

.burger_vortex.burger_active .burger_inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.burger_vortex.burger_active .burger_inner::before, .burger_vortex.burger_active .burger_inner::after {
    transition-delay: 0s; }
.burger_vortex.burger_active .burger_inner::before {
    top: 0;
    opacity: 0; }
.burger_vortex.burger_active .burger_inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/* Language combo ----------------------------------------------*/
#lang_change {
    /* width: 100px; removed for needs of montenegro airlines*/
    overflow: hidden;
    background-color: transparent;
    /* background-image: url("../img/elements/select_arrow_down.png"); removed for needs of montenegro airlines*/
    background-repeat: no-repeat;
    background-position: 90% -19px;
    display: inline-block;
    border: 0;
    outline: 0;
}
#lang_change:hover{
    background-position: 90% 9px;
}
#lang_change select {
    height: 30px;
    line-height: 30px;
    width: 130%;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    color: #cde7ff;
    border: none;
    font-size: 13px;
}
#lang_change select:hover {
    cursor: pointer;
}
.select-style select:focus {
    outline: none;
}
#lang_change select option{
    background-color: #005aab;
}

/* Search box ----------------------------------------------*/
#search {
    display: inline-block;
    /* width: 45%; */
    overflow: hidden;
}
#search .form {
    display: flex;
}
#search .input input {
    border-radius: 0;
}
#search_box {
    display: inline-block;
    background-color: transparent;
    color: #cde7ff;
    width: 150px;
}
#search_box_field.inputBlock .input {
    height: 30px;
    background-color: transparent;
    border: 1px solid #2b88d8;
    border-right: none;
    position: relative;
    padding: 0 0 0 8px;
    color: #cde7ff;
}
#search_box_field {
    /* display: table-cell; */
}
#search .field_error {
    display: none;
}
#_submit_field.inputBlock input[type="submit"] {
    height: 30px;
    width: 30px;
    background-color: transparent;
    background-image: url("../img/elements/search_button.png");
    background-position: 0 28px;
    border: 1px solid #2b88d8;
    border-left: none;
    cursor: pointer;
    color: transparent;
}
#_submit_field {
    /* display: table-cell;
    position: relative;
    top: 2px; */
}
@-moz-document url-prefix() {
    /* #_submit_field {
        top: 0.5px;
    } */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* #_submit_field {
        top: 1px;
    } */
}
#_submit_field.inputBlock input[type="submit"]:hover {
    background-position: 0 0;
}
#search_box_field.inputBlock .label,
#search .form #_submit_field .label {
    display: none;
}

/* Booking ----------------------------------------------*/
#booking_tabs {
    width: 100%;
    position: relative;
    top: -60px;
    height: 60px;
}
#booking_tabs ul {
    text-align: center;
}
#booking_tabs ul li {
    display: inline-block;
    position: relative;
    background-color: #d2af40;
    height: 50px;
    vertical-align: bottom;
    font-size: 14px;
    opacity: 0.73;
    -webkit-transition: opacity 0.2s, height 0.2s;
    transition: opacity 0.2s, height 0.2s;
}
#booking_tabs ul li:hover {
    opacity: 0.91;
    height: 60px;
}
#booking_tabs ul li.active {
    height: 60px;
    opacity: 1;
}
#booking_tabs ul li a {
    color: black;
    position:relative;
    bottom: -24px;
    display:block;
    width: 130px;
    height: 60px;
}
#booking_tabs ul li.active a {
    color: black;
    position:relative;
    bottom: -34px;
}
#booking_tabs ul li.active {
    background-color: #e9cb59;
}
#booking_tabs .tab span[data-tab="rezerva"] {
    background-image: linear-gradient(to right, #e8cd5e 0%, #ecd161 50%, #e9cb59 100%); /* W3C */
}
#booking_tabs .tab span[data-tab="red_letenja"] {
    background-image: linear-gradient(to right, #e9cb59 0%, #e6c451 40%, #e3bf4a 100%); /* W3C */
}
#booking_tabs .tab span[data-tab="status_putovanja"] {
    background-image: linear-gradient(to right, #e2be49 0%, #d8b43f 100%); /* W3C */
}
#booking_tabs .tab span[data-tab="hoteli"] {
    background-image: linear-gradient(to right, #d8b43f 0%, #cea936 100%); /* W3C */
}
#booking_tabs .tab span[data-tab="rentacar"] {
    background-image: linear-gradient(to right, #cea936 0%, #cea938 100%); /* W3C */
}
#booking_tab_content {
    position: relative;
    top: -60px;
    background: #d2af40; /* Old browsers */
}
#booking_tab_content .tab_container {
    width: 960px;
    margin: 0 auto;
    height: 117px;
    background: #d2af40; /* Old browsers */
    background: -moz-linear-gradient(right, #d2af40 0%,#edd465 20%,#e5c14c 40%,#d1ad39 65%,#cca633 75%,#d2af40 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #d2af40 0%,#edd465 20%,#e5c14c 40%,#d1ad39 65%,#cca633 75%,#d2af40 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d2af40 0%,#edd465 20%,#e5c14c 40%,#d1ad39 65%,#cca633 75%,#d2af40 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2af40', endColorstr='#d2af40',GradientType=1 ); /* IE6-9 */
    transition: height 0.1s ease-in;
    position: relative;
}
#booking div.tab {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
#booking div.tab > span {
    cursor: pointer;
    -webkit-transition: opacity 0.2s, height 0.2s;
    -moz-transition: opacity 0.2s, height 0.2s;
    -o-transition: opacity 0.2s, height 0.2s;
    transition: opacity 0.2s, height 0.2s, width 0.1s;
    background-color: #e9cb59;
    opacity: 0.85;
    height: 50px;
    width: 140px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    font-size: 14px;
}
#booking div.tab span span {
    background: transparent;
}
#booking div.tab span.tablinks img {
    height: 20px;
    width: 20px;
}

#booking div.tab > span:hover {
    opacity: 0.95;
    height: 60px;
}
#booking div.tab > span.active {
    opacity: 1;
    height: 60px;
    background-color: #e9cb59;
}
#booking div.tab > span.active img {
    height: 30px;
    width: 30px;
    margin-top: 4px;
}
.tablinks img {
    width: 20px;
    height: 20px;
    transition: 0.3s;
    margin-top: 6px;
}
.tablinks:hover img,
.tablinks.active img {
    width: 30px;
    height: 30px;
}

#booking .tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
/*#booking div {
    display: block;
}*/
#booking_tab_content .tab_container.big_form {
    height: 454px;
}
#booking_tab_content .tab_container.red_letenja {
    height: 300px;
}
#booking_tab_content .tab_container.status_putovanja {
    height: 246px;
}
#booking_tab_content .tab_container.hoteli {
    height: 150px;
}
#booking_tab_content .tab_container.rentacar {
    height: 150px;
}
#hoteli.tabcontent > div,
#rentacar.tabcontent > div
{
    width: 640px;
    height: 150px;
    margin: 0 auto;
}
#booking .bookingcom {
    padding-top: 30px;
    float:right;
    height: 150px;
    width: 320px;
}
#booking .bookingcom_claim {
    float:left;
    height: 150px;
    width: 320px;
    font-size: 21px;
    padding-top: 40px;
    color: #433c2a;
}
#booking .bookingcom_claim span:first-child {
    float: left;
}
#booking .bookingcom_claim span:last-child{
    float: right;
}
/* Booking: default tab state */
#rezerva.tabcontent {
    display: block;
}
#reservations_options,
#reservations_passengers,
#reservations_submit,
#reservations_submit_multi {
    display: none;
}

/* Location bar --------------------------------------*/
#location_bar {
    font-size: 12px;
    display: block;
    /* height: 28px; */
    /* line-height: 28px; */
    height: 62px;
    display: flex;
    align-items: center;
}
#location_bar > ul {
    text-align: center;
    width: 100%;
}
#location_bar ul {
    /*text-align: center;*/
    margin-left: 0;
}
#location_bar ul li {
    display: inline-block;
    list-style: none;
    color: #646464;
    padding: 2px 0;
}
#location_bar ul li a {
    color: #646464;
}
#location_bar ul li a:hover {
    text-decoration: underline;
}
#location_bar .separator {
    color: #c6c6c6;
}
/* Position corrections because of booking */
.corr_content {
    position: relative;
    top: -60px;
}

/* Airport booking combos --------------------------------------*/
#booking_tab_content {
    position: relative;
    text-align:center;
}
#reservations_table,
#timetable_table,
#reservations_multisegment_table {
    display: table;
    margin: 0 auto 20px auto;
    border-spacing: 40px 10px;
    position:relative;
    top: 16px;
    width: 716px;
}
#reservations_table .reservations_table_row,
#timetable_table .reservations_table_row,
#reservations_multisegment_table .reservations_table_row
{
    display: table-cell;;
}
#booking_tab_content .date_input{
    background: #f7e180 url("../img/elements/date_picker_icon.png") no-repeat 235px 14px !important;
    text-align: left;
    padding: 0 !important;
}
#booking_tab_content #reservations_table .date_input {
    display: none;
}
/* styled select */
.reservations_change select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #f7e180;
    background-image: none;
}
/* Custom Select */
.reservations_change {
    position: relative;
    display: block;
    width: 266px;
    height: 45px;
    background: #f7e180;
    overflow: hidden;
    border-radius: 0;
    padding: 8px;
    margin: 15px;
}
.reservations_change select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: #595959;
    cursor: pointer;
    font-size:14px;
}
.reservations_change select::-ms-expand {
    display: none;
}
.reservations_change::after {
    content: '\25E2';
    position: absolute;
    top: 21px;
    right: -7px;
    bottom: 0;
    padding: 0 1em;
    background: #f7e180;
    pointer-events: none;
    font-size: 14px;
    color: #7c775f;
}
.reservations_change:hover::after {
    right:-8px;
    top:22px;
}
.reservations_change::after {
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}
.reservations_change.date_input::after {
    content: ' ';
    background: transparent;
}
/*---*/




#booking_tab_content .reservations_change input {
    color: #595959;
    border: none;
    border-radius: 0;
    width: 266px;
    height: 45px;
    box-shadow: none;
    background: #f7e180 url("../img/elements/date_picker_icon.png") no-repeat 235px 14px !important;
    cursor: pointer;
    font-size: 14px;
    padding-left: 20px;
    transition: background 0.5s ease;
}
#booking_tab_content .reservations_change input:after {
    content:"";
}
#booking_tab_content .reservations_change input:hover {
    /*background-position: 236px 15px !important;*/
    background-size: 24px 18px !important;
}


#booking_tab_content .reservations_less {
    display: inline-block;
    position: relative;
    top: 52px;
    font-size: 12px;
    vertical-align: top;
    cursor: pointer;
}
#reservations_options {
    margin: 0 auto 0 auto;
    display: none;
}
/*
#reservations_options .reservations_return_trip,
#reservations_options .reservations_flexible,
#reservations_options .reservations_multisegment {
    width: 250px;
    margin: 15px auto;
    text-align: left;
    padding: 15px 0 10px 0;
    display: inline;
}
#reservations_options .reservations_return_trip button,
#reservations_options .reservations_flexible button,
#reservations_options .reservations_multisegment button {
    border: 1px solid #ffffa0;
    background-color: transparent;
    color: #473500;
    height: 32px;
    width: 205px;
    cursor: pointer;
}*/
#mul {
    display: none;
}
.reservations_one_way_trip,
.reservations_return_trip,
.reservations_multisegment {
    display: inline-block;
    padding:  1px 2px 10px 2px;
}

.reservations_one_way_trip div,
.reservations_multisegment div,
.reservations_return_trip div {
    cursor: pointer;
    border: 1px solid #ffffa0;
    background-color: transparent;
    color: #473500;
    height: 32px;
    width: 196px;
    padding: 5px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    transition: all 0.2s;
}
.reservations_one_way_trip div:hover,
.reservations_multisegment div:hover,
.reservations_return_trip div:hover {
    background-color: #f7e180;
}
.reservations_one_way_trip div.active,
.reservations_multisegment div.active,
.reservations_return_trip div.active {
    border-color:  #005aab;
    background-color: #f7e180;
}




#reservations_submit,
#reservations_submit_multi {
    position: relative;
    width: 266px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 34px 0;
    display: none;
}
#reservations_submit input,
#reservations_submit_multi input,
#timetable_submit input,
#status_putovanja input.status_putovanja_submit {
    background: #005aab;
    background: -moz-linear-gradient(top, rgba(76,163,239,1) 0%, rgba(0,90,171,1) 51%);
    background: -webkit-linear-gradient(top, rgba(76,163,239,1) 0%,rgba(0,90,171,1) 51%);
    background: linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(0,90,171,1) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca3ef', endColorstr='#005aab',GradientType=0 );
    background-position: bottom center;
    background-size: 90px 90px;
    color: #f0d973;
    height: 50px;
    width: 205px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    transition: ease all 0.173s ;
}

#timetable_submit input {
    margin-top: 10px;
}
#reservations_submit input:hover,
#reservations_submit_multi input:hover,
#timetable_submit input:hover,
#status_putovanja input.status_putovanja_submit:hover {
    background-position: center center;
    background-size: 110px 111px;
}
#reservations_passengers {
    margin: 20px auto;
    display: none;
    /*width: 960px;*/
    transition: width 0.2s;
}
#reservations_passengers div.segment {
    display: block;
}
#reservations_passengers div div.qty_cell {
    display: inline-block;
    background-color: #898361;
    color: #f0d973;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 6px;
}
#reservations_passengers div div.qty_cell div {
    display: table-cell;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}
#reservations_passengers div div.qty_cell div:nth-child(1) span,
#reservations_passengers div div.qty_cell div:nth-child(3) span {
    width: 12px;
    text-align: center;
    color: #f0d973;
    font-size: 25px;
    text-shadow: 1px 1px #473500;
    background-color: transparent;
    cursor: pointer;
}
#reservations_passengers div div.qty_cell div:nth-child(4) {
    display: table-cell;
    line-height: initial;
}
#reservations_passengers div div.qty_cell span:first-child {
    font-size: 14px;
}
#reservations_passengers div div.qty_cell div input {
    width: 28px;
    text-align: center;
    font-size: 18px;
    color: #473500;
    padding: 2px;
    background-color: #f7e180;
}
#booking_tab_content .reservations_more,
#booking_tab_content .reservations_less
{
    display: none;
    color: #6b5000;
    font-size: 11px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: center right;
    width: 145px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 1px;
    z-index: 1;
    padding-right: 27px;
    line-height: 30px;
}
#booking_tab_content .reservations_more {
    background-image: url(../img/elements/more_icon.png);
}
#booking_tab_content .reservations_less {
    background-image: url(../img/elements/close_btn.png);
}
#booking_tab_content .booking_tab_segment {
    display: none;
    text-align: left;
    font-size: 14px;
    width: 266px;
    margin: 0 auto;
    position: relative;
    top: 13px;
}
#reservations_options .reservations_check {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    width: 150px;
    margin: 15px auto;
}
#booking_tab_content .second {
    width: 250px;
}
#booking_tab_content .close_btn img {
    float: right;
}
#status_putovanja {
    padding-top: 25px;
}
#status_putovanja .status_table {
    margin: 0 auto;
}
#status_putovanja .status_table tbody tr td{
    padding: 12px 4px;
}
#status_putovanja .status_table label{
    text-align: right;
    width:120px;
    padding-right: 6px;
    font-size: 14px;
}
input.status_pc {
    height: 37px;
    line-height: 37px;
    background-color: #f7e180;
    color: #595959;
    padding: 8px;
    width: 153px;
}


/* Checkbox styling ------------------------------------*/
input[type=checkbox].booking_checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type=checkbox].booking_checkbox + label.css-label {
    padding-left: 24px;
    height: 16px;
    display: block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position:  0 0;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].booking_checkbox:checked + label.css-label {
    background-position: 0 -16px;
}
.dark-check {
    background-image: url(../img/elements/booking_checkbox.png);
}

input[type=checkbox].booking_checkbox.med + label.css-label.med {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].booking_checkbox.med:checked + label.css-label.med {
    background-position: 0 -17px;
}
input[type=checkbox].booking_checkbox.sme + label.css-label.sme {
    padding-left: 22px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].booking_checkbox.sme:checked + label.css-label.sme {
    background-position: 0 -16px;
}
input[type=checkbox].booking_checkbox.lrg + label.css-label.lrg {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].booking_checkbox.lrg:checked + label.css-label.lrg {
    background-position: 0 -20px;
}

/* Tables ----------------------------------------------*/
.miles_table {
    padding: 6px 20px 20px 20px;
    margin: 12px 12px 12px 0;
    background-color: #cde7ff;
}
.miles_table table {
    width: 100%;
    background-color: #f9fcff;
    border-collapse: separate;
}
.miles_table table thead tr th {
    background-color: #00baff;
    color: #ffffff;
    height: 37px;
}
.miles_table td {
    height: 37px;
}
.miles_table td.table_separate {
    background-color: #f9fcff;
    height: 27px;
}
.miles_table table tr {
    background-color: #e3e3e3;
}
.miles_table table tr:nth-child(even) {
    background-color: #f0f0f0;
}
.miles_table table tr td:first-child {
    text-align: center;
    width: 38px;
}
.miles_table table tr td:nth-child(2),
.miles_table table tr td:nth-child(3)
{
    padding: 0 10px 0 25px;
}
.miles_table table tr td:nth-child(4),
.miles_table table tr td:nth-child(5)
{
    padding: 0 45px 0 10px;
    text-align: right;
}
.miles_table h3 {
    color: #005baa;
    background-image: url(../img/elements/euro_sign.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 25px;
    margin-bottom: 5px;
}

/* Side bar ---------------------------------------------*/
.side_bar {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

.side_bar .arrangements_wrap {
    display:block;
    background-color: #cde7ff;
    height: 300px;
    width: 250px;
}
.side_bar .arrangements {
    display:block;
    background-color: #cde7ff;
    margin: 0 auto;
    padding: 0;
    width: 185px;
}
.side_bar .arrangements_wrap .owl-nav {
    display:none;
}
.side_bar .arrangements_wrap .owl-dots {
    height: 20px;
    margin-top: 15px;
}
.side_bar .arrangements_wrap .owl-dots {
    height: 20px;
    margin-top: 15px;
}
.side_bar .owl-theme .owl-dots .owl-dot.active span {
    background-color: #005baa;
}
.side_bar .owl-theme .owl-dots .owl-dot span {
    background-color: #00baff;
}
.side_bar .owl-theme .owl-dots .owl-dot span:hover {
    background-color: #005baa;
}
.side_bar_banner {
    outline: 1px solid #bdbdbd;
    outline-offset: -1px;
    margin-bottom: 8px;
}
.side_bar_banners_wrap {
    margin-top: 12px;
}

/* Home styles ------------------------------------------*/
#home_aktuelne_tarife {
    text-align: center;
}
#home_aktuelne_tarife div div {
    display: inline-block;
    padding: 4px;
    min-height: 120px;
}
#home_aktuelne_tarife p {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    margin: 15px;
}
#home_aktuelne_tarife div table {
    width: 220px;
    border-collapse: collapse;
}
#home_aktuelne_tarife div table tr td {
    font-size: 13px;
    color: #00458e;
    border-bottom: 1px solid #c6c6c6;
    height: 24px;
}
/*
#home_aktuelne_tarife div table tr td a {
    color: #00458e;
}
#home_aktuelne_tarife div table tr td a:hover {
    text-decoration: underline;
*/

#home_aktuelne_tarife div table tr td:first-child {
    text-align: left;
}
#home_aktuelne_tarife div table tr td:last-child {
    text-align: right;
}
#home_aranzmani {
    text-align: center;
    background-color: #cde7ff;
}
#specijalne_ponude {
    text-align: center;
    background-color: white;
    background-color: #cde7ff;
}
#home_ponuda {
    text-align: center;
    background-image: url(../img/elements/nebo_background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#home_vesti_kontakt {
    text-align: center;
    background-color: #b7bcbe;
    padding-top: 30px;
    padding-bottom: 30px;
}
#home_vesti_kontakt .notify {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}
#home_vesti_kontakt .home_vesti {
    background-color: #ffffff;
    display: inline-block;
    width: 300px;
    height: 200px;
    text-align: left;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
}
.home_vesti table thead th {
    color: #ffffff;
    font-size: 22px;
    text-align: left;
    font-weight: normal;
    padding: 7px;
    background: #00509f;
    background: -moz-linear-gradient(-45deg, #00509f 0%, #009ede 100%);
    background: -webkit-linear-gradient(-45deg, #00509f 0%,#009ede 100%);
    background: linear-gradient(135deg, #00509f 0%,#009ede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00509f', endColorstr='#009ede',GradientType=1 );
}
.home_vesti table thead th a {
    color: #ffffff;
}
.home_vesti table tbody tr td {
    font-size: 12px;
    text-align: left;
    padding: 7px;
}
.home_vesti table tbody tr:nth-child(2) td {
    color: #00458e;
    font-size: 16px;
    text-align: left;
    padding: 0 7px 7px 7px;
}
.home_vesti table tbody tr:nth-child(2) td a:hover {
    text-decoration: underline;
}
#home_bottom {
    text-align: center;
    background-color: #ffffff;
}

/* timetable */

.timetable {
    background-color: #f6e8c1;
    padding: 10px;
}
.timetable_content {
    background-color: #fcf8ec;
}

/* kontakti */

.kontakti {
    background-color: #e3e3e3;
    padding: 10px;
}
.kontakti_content {
    background-color: white;
    padding-left: 10px;
}

/* Home carousels */
#home_aranzmani .owl-nav,
#home_ponuda .owl-nav,
#specijalne_ponude .owl-nav
{
    display:none;
}
#home_aranzmani .owl-dots,
#home_ponuda .owl-dots,
#specijalne_ponude .owl-dots
{
    height: 20px;
    margin-top: 15px;
}
#home_aranzmani .owl-dots,
#home_ponuda .owl-dots,
#specijalne_ponude .owl-dots
{
    height: 20px;
    margin-top: 15px;
}
#home_aranzmani .owl-theme .owl-dots .owl-dot.active span,
#home_ponuda .owl-theme .owl-dots .owl-dot.active span,
#specijalne_ponude .owl-theme .owl-dots .owl-dot.active span
{
    background-color: #005baa;
}
#home_aranzmani .owl-theme .owl-dots .owl-dot span,
#home_ponuda .owl-theme .owl-dots .owl-dot span,
#specijalne_ponude .owl-theme .owl-dots .owl-dot span
{
    background-color: #00baff;
}
#home_aranzmani .owl-theme .owl-dots .owl-dot span:hover,
#home_ponuda .owl-theme .owl-dots .owl-dot span:hover ,
#specijalne_ponude .owl-theme .owl-dots .owl-dot span:hover
{
    background-color: #005baa;
}



/* Footer -----------------------------------------------*/
footer {
    background-color: #005aab;
}
footer .submenu {
    display: inline-block;
    vertical-align: top;
    margin: 15px 5px;
    line-height: initial;
    /* max-width: 151px; */
    /* background: red; */
    width: 25%;
}
footer ul li.submenu a {
    font-size: 15px;
    font-weight: bold;
    color: #bce9ff;
    display: block;
}
footer ul li ul li {
    list-style-type: none;
    line-height: initial;
    padding-bottom: 7px;
}
footer ul li.submenu ul li a {
    font-size: 11px;
    font-weight: bold;
    color: #bce9ff;
    display: block;
}
footer ul li.submenu ul li a:hover {
    color: white;
}
footer .container h3 {
    font-size: 15px;
    font-weight: bold;
    color: #bce9ff;
    line-height: initial;
    padding-bottom: 5px;
    margin: 0;
}
footer div .newsletter {
    display: inline-block;
    width: 220px;
    vertical-align: top;
    margin: 28px 20px 6px 20px ;
    margin-top: 11px;
}
footer div .newsletter.ru {
    margin: 12px 5px 6px 0;
}





footer .newsletter span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #bce9ff;
    line-height: 16px;
    margin-bottom: 16px;
}
#newsletter_box {
    margin: 10px 0;
}
#newsletter_box input {
    background-color: #2c7dc6;
}
#newsletter_box input[type="submit"] {
    height: 28px;
    width: 75px;
    display: inline-block;
    background-color: #3eb1ff;
    cursor: pointer;
    margin-left: 5px;
    color: #003769;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
#newsletter_box input#newsletter {
    height: 28px;
    width: 135px;
    display: inline-block;
    background-color: #2c7dc6;
    padding: 0 8px 0 8px;
    color: #7cbffd;
}
form#newsletter_form input,
form#newsletter_form textarea
{
    border: 1px solid #a0a0a0;
}
form#newsletter_form input.required {
    border: 1px solid red ;
}
#newsletter::-webkit-input-placeholder {
    color: #bce9ff !important;
}
#newsletter::-moz-placeholder {
    color: #bce9ff !important;
}
#newsletter_box input#newsletter :-ms-input-placeholder {
    color: #bce9ff !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #003769;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #003769;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #003769;
}
:-moz-placeholder { /* Firefox 18- */
    color: #003769;
}
#newsletter_box input[type="submit"] {
    height: 28px;
    width: 75px;
    display: inline-block;
    background-color: #3eb1ff;
    cursor: pointer;
    margin-left: 5px;
    color: #003769;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
#newsletter_box input[type="submit"]:hover {
    background-color: #7cbffd;
}
ul#social {
    list-style: outside none none;
    margin: 20px 0 0 0;
    padding: 0;
}
ul#social  li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul#social li a span {
    display: block;
    height: 50px;
    width: 50px;
    margin-right: 12px;
}
#facebook, #instagram, #twitter, #linkedin {
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.13s;
    transition: background-position 0.13s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#facebook {
    background-image: url("../img/icons/social_icons.png");
    background-position: 0 0;
}
#facebook:hover {
    background-position: 0 -50px;
}
#instagram {
    background-image: url("../img/icons/social_icons.png");
    background-position: 0 -100px;
}
#instagram:hover {
    background-position: 0 -150px;
}
#twitter {
    background-image: url("../img/icons/social_icons.png");
    background-position: 0 -200px;
}
#twitter:hover {
    background-position: 0 -250px;
}
#linkedin {
    background-image: url("../img/icons/social_icons.png");
    background-position: 0 -300px;
}
#linkedin:hover {
    background-position: 0 -350px;
}
.copyright {
    display: flex;
    /* margin: 3px 0 6px 0; */
    width: 100%;
    text-align: center;
    font-size: 11px;
    /* color: #7cbffd; */
    justify-content: center;
    align-items: center;
    background: white;
    padding: 1rem;
}
.copyright a {
    color: #7cbffd;
}

/* ==========================================================================
*
** Gallery
========================================================================== */
.gallery {
    display: block;
}
.gallery_item {
    /*height: 280px;
    width: 240px;*/
    display: inline-block;
    text-align: center;
    margin: 4px 4px;
}
.gallery_item a img {
    outline: 1px solid #e9e9e9;
    outline-offset: -1px;
}

.image_link {
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    line-height: 0;
    transition: background-color 0.5s ease-out 0s;
}
/*


/*
Lightbox default css
 */

/* Preload images */
body:after {
    content: url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox/prev.png) url(../img/lightbox/next.png);
    display: none;
}

body.lb-disable-scrolling {
    overflow: hidden;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;

    /* Image border */
    border: 4px solid white;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;

    /* Background color behind image.
       This is visible during transitions. */
    background-color: white;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../img/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../img/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../img/lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* datepicker re-style */
.ui-widget-header {
    border: 1px solid #ddd;
    background: #f7e180;
    color: #003769;
    font-weight: bold;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #f7eec4;
    color: #333;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}
.ui-widget.ui-widget-content {
    border: 1px solid #f7eec4;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.37);
}
#ui-datepicker-div {
    z-index: 100;
}

/* standalone */
.standalone_logo {
    text-align:center;
    padding: 41px;
    margin-bottom: 41px;
}
.main_box.standalone_corr {
    margin: 0 auto;
    display: block;
    width: initial;
    max-width: 864px;
    padding-top: 41px;
}

/* Newsletter Form */
.newsletter_table {
    width: 320px;
    margin: 0 auto;
}
.newsletter_table .table_re {
    display: table;
    border-collapse: separate;
    background-color: #f6f6f6;
    width: 320px;
}
.newsletter_table .tr_re {
    display: table-row;}
.newsletter_table .th_re {
    display: table-cell;
    font-weight: bold;
}
.newsletter_table .td_re {
    display: table-cell;
    vertical-align: middle;
}
.newsletter_table .th_re p,
.newsletter_table .td_re p {
    padding: 12px 12px 12px 12px;
    margin-bottom: 0;
}
.newsletter_table .td_re:last-child p {
    padding-left: 0;
}
/*.newsletter_table .tr_re:first-child p {
    padding-bottom: 0;
}*/
/*--*/
.newsletter_table input[type="text"],
.newsletter_table textarea,
form#newsletter_form input,
form#newsletter_form textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    font-family: inherit;
    color: #555;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    transition: all 0.2s;
}
.newsletter_table input[type="submit"],
form#newsletter_form input[type="submit"] {
    background-color: #3eb1ff;
    cursor: pointer;
    color: #111111;
}
.newsletter_table input[type="submit"]:hover,
form#newsletter_form input[type="submit"]:hover {
    background-color: #7cbffd;
}

.newsletter_table input[type="text"]:focus,  .newsletter_table textarea:focus,
form#newsletter_form input:focus, form#newsletter_form textarea:focus {
    border-color: #003769;
    outline: 0;
}
.newsletter_table textarea {
    transition: height .5s;
}
.newsletter_table textarea:focus, form#newsletter_form textarea:focus {
    height:79px;
}
.newsletter_table .form_title {
    text-align: center;
    width:320px;
    padding: 4px 12px;
}
.form_error {
    font-size: 12px;
    color: red;
}
.form_result {
    text-align: center;
    padding: 4px 12px;
}
#warning_email, .warning_name, .warning_surname {
    visibility: hidden;
}
/* search */
.searchedFor {
    margin-bottom: 12px;
    display: block;
    font-weight: bold;
}
.searchedFor .label {
    font-weight: normal;
}
.searchResults .row {
    margin-bottom: 12px;
}

/* ticker */
#hor_ticker_wrap {
    display: block;
    height: 2rem;
    background-color: #b52628;
    padding-left: 2px;
    border-bottom: 1px solid #dcdae7;
}
#hor_ticker {
    position: absolute;
    width: calc(100% - 30px);
    height: 2rem;
    overflow: hidden;
    color: #ffffff;

}
#hor_ticker a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
#hor_ticker a:hover {
    color: #f7e180;
}

#hor_ticker li{
    position:absolute;
    height: 2rem;
    line-height: 2rem;
    width: auto;
    overflow:hidden;
}

#hor_ticker_wrap #emergency_close {
    position: absolute;
    color: #fff;
    right:0;
    top:5px;
    font-weight: bold;
    width: 20px;
    cursor: pointer;
}

/* Custom language swithcer for montenegro airlines */

.languages-wrapper {
    display: flex;
    font-size: 12px;
}

.language-item {
    border: 1px solid transparent;
    padding: 5px;
    cursor: pointer;
    margin-left: 1px;
    color: #bce9ff;
}

.language-item-active {
    border: 1px solid white;
    color: white;
}

.language-item:hover {
    border: 1px solid #bce9ff;
}

/* additions */
#spec_zahtjevi {
    background-size: cover;
    background-position: top center;
    height: 265px;
    background-image: url(../Data/Images/HomeBanners/montenegro_airlines_baner_specijalni_zahtjevi_265x2000.jpg);
}
#spec_zahtjevi.en {
    background-image: url(../Data/Images/HomeBanners/montenegro_airlines_baner_specijalni_zahtjevi_265x2000_en.jpg);
}
#spec_zahtjevi.ru {
    background-image: url(../Data/Images/HomeBanners/montenegro_airlines_baner_specijalni_zahtjevi_265x2000_ru.jpg);
}
#new_office {
    background-size: cover;
    background-position: top center;
    height: 265px;
    background-image: url(../Data/Images/HomeBanners/montenegro_airlines_baner_novo_prodajno_mesto_cirih_265x2000_mn-latin.jpg);
}
#new_office.en {
    background-size: cover;
    background-position: top center;
    height: 265px;
    background-image: url(../Data/Images/HomeBanners/montenegro_airlines_baner_novo_prodajno_mesto_cirih_265x2000_en.jpg);
}
#office {
    height: 335px;
    background-color: aliceblue;
    padding-top: 32px;
}


/* new gallery bypass */

.galerija .main_box {
    width: 100%;
    text-align: center;
}
.galerija .side_bar {
    display: none;
}
.galerija .gallery_item {
    margin: 2px;
}

.block-booking-tab-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    background-color: rgba(233, 203, 89, 0.84);
    z-index: 2;
    font-weight: bold;
    text-align: left;
    padding: 1rem;
    color: #00458e;
}
.block-booking-title {
    font-size: 21px;
    font-weight: 600;
    color: #00458e;
}
/* novi timetable */
.timetable.new {
    margin-top: 16px;
    overflow-x: auto;
}

.red_letenja.new  {
    background-color: #e8c852;
    /*min-width: 500px;*/
    table-layout: fixed;
    width: 100%;
}
table.red_letenja.new thead tr td {
    font-weight: bold;
    background-color: #e8c852;
    border: none;
    padding: 8px;
}
table.red_letenja.new tbody tr td {
    border:0 ;
    padding: 8px;
    background-color: #fcf8ec;
}
table.red_letenja.new tbody tr.gray td {
    background-color: #e2d3b6;
}
table.red_letenja.new tbody tr.gray_light td {
    background-color: #ede4d2;
}

table.red_letenja.new td {
    /*white-space: nowrap;*/
}

/* cookie */

.cookie-floater-wrap {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0;
    box-shadow: -1px -2px 5px rgba(0, 0, 0, 0.2);
    background: rgb(6,40,71);
    background: linear-gradient(180deg, rgba(6,40,71,1) 0%, rgba(0,90,171,0.9) 100%);
}
.cookie-inner-wrapper {
    display: flex;
    justify-content: space-around;
    flex-flow: column;
    align-items: center;
    padding: 0 1rem;
    max-width: 1080px;
    margin: 0 auto;
}
.cookie-floater-button {
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    margin: 1rem 2rem 2rem 2rem;
    width: 9rem;
    height: 3rem;
    display: flex;
    padding: 0;
    font-family: inherit;
    font-size: 1rem;
    font-weight: bold;
}

.cookie-floater-button a {
    background-color: #062847;
    color: white;
    pointer-events: none;
    text-decoration: none;
    cursor: default;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: 237ms;
    height: 3rem;
}
.cookie-floater-button:hover a {
    background-color: #3479ab;
}

.cookie-floater-text {
    line-height: 1.5;
    margin: 2rem 2rem 1rem 2rem;
    color: white;
}

.cookie-floater-text a {
    color: white;
    font-weight: bold;
}

/*---------------------*/
.mainFooter {
    display: flex;
    margin-top: 1rem;
}
@media only screen and (max-width: 1024px) {
    .mainFooter  {
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 414px) {
    .mainFooter  {
        margin-top: 2rem;
    }
}

.mainFooter > ul {
    display: flex;
    width: 80%;
    margin-left: 0;
}
/*@media only screen and (max-width: 1024px) {
    .mainFooter > ul {
        width: 100%;
    }
}*/
@media only screen and (max-width: 768px) {
    .mainFooter > ul {
        flex-flow: column;
        align-items: center;
        width: 310px;
        margin: 0;
        padding-bottom: 1rem;
        text-align: center;
    }
}

footer .container > .mainFooter > .newsletter {
    display: flex;
    flex-flow: column;
    margin: 15px 5px;
}
footer .container > .mainFooter > .newsletter.ru {
    margin: 15px 5px;
}
footer#footer > .container {
    display: flex;
    flex-flow: column;
}

footer .container > .mainFooter > ul > li.submenu {
    margin: 15px 5px;
    max-width: initial;
    width: 25%;
    /* padding-bottom: 15px; */
}
@media only screen and (max-width: 1024px) {
    footer .container > .mainFooter > ul > li.submenu {
        margin: 15px 5px;
        max-width: initial;
        width: 100%;
        /* padding-bottom: 15px; */
    }
}

footer .container > .mainFooter > ul > li.submenu > ul {
    padding-top: 15px;
}

footer .container > .mainFooter > .newsletter {
    padding-bottom: 15px;
}

@media only screen and (max-width: 1264px) and (min-width: 1024px) {
    #newsletter_box > form {
        flex-flow: column;
    }
    #newsletter_box > form > input[type="submit"] {
        margin: 0;
        margin-top: 6px;
    }
}

@media only screen and (max-width: 1024px) {
    footer .container > .mainFooter > .newsletter {
        width: 310px;
    }
}
@media only screen and (max-width: 768px) {
    footer .container > .mainFooter > .newsletter {
        text-align: center;
        width: initial;
        margin: 28px 20px 6px 20px;
    }
    #newsletter_box > form {
        display: flex;
        justify-content: center;
    }
}



#newsletter_box > form {
    display: flex;
}
#newsletter_box > form > input#newsletter {
    width: initial;
}

#newsletter_box > form > input[type="submit"] {
    width: initial;
    height: 28px;
    padding: 5px;

    display: inline-block;
    background-color: #3eb1ff;
    cursor: pointer;
    /* margin-left: 5px; */
    color: #003769;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

ul#social > li > a >span {
    display: block;
    height: 50px;
    width: 50px;
    margin-right: 3px;
}

.prijavite_se {
    background-color: #005aab;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 266px;
    cursor: pointer;
    transition: 237ms;
    font-weight: bold;
    margin: 1rem auto;
}
.prijavite_se:hover {
    opacity: 0.85;
    text-decoration: none;
}