/* GLOBAL */
html, body { height: 100%; }

body { position: relative; font-family: 'Nunito Sans', Arial, sans-serif; font-size: 16px; font-weight: 400; background: #fff; color: #232323; line-height: 1.5em; letter-spacing: 0; overflow-x: hidden; }

a { color: #232323; text-decoration: none; }
a:hover { color: #00c0f3; text-decoration: none; }
a:focus, a.active { color: #00c0f3; outline: none; text-decoration: none; }

strong { font-weight: 700; }

a, button { transition: all 0.3s ease; }
button { border: 0; outline: none; }
input[type=text], input[type=password] { outline: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 40px; font-weight: 800; line-height: 54px; color: #313233; letter-spacing: -0.01em; }
h2 { font-size: 24px; font-weight: 800; line-height: 24px; color: #313233; }  
.page-text h3{
	margin-bottom:15px;
	font-weight:bold;
}

.req { color: #fb3c3c; font-family: Arial, sans-serif; font-size: 130%; font-weight: 700; margin-left: 8px; }

.img-responsive, .img_responsive, .imgresponsive { width: auto !important; height: auto !important; max-width: 100%; }

.textbox, textarea { background: #fff; border: 1px solid #bababa; border-radius: 0; padding: 12px 16px; line-height: 24px; transition: all 0.3s ease; }
.textbox:focus, textarea:focus, .select-list:focus { background: #fff; border-color: #7e8289; box-shadow: 0 0 10px rgba(49,56,68,0.3); }

.btn { display: inline-block; font-weight: 800; padding: 12px 24px; margin: 0; color: #232323; transition: all 0.3s ease; text-transform: uppercase; text-align: center; border-radius: 0; line-height: 24px; border: 1px solid #000; box-shadow: 0 10px 15px rgba(0,0,0,0.1); }
.btn:hover { background: #232323; color: #fff; border-color: #232323; }
.btn:focus { background: #232323; color: #fff; border-color: #232323; outline: none; }

.btn-action { background: #699e35; color: #fff; border-color: #699e35; }

.btn-dark { background: #4b4b4b; color: #fff; border-color: #4b4b4b; }
.btn-dark:hover { background: #006eae; border-color: #006eae; }

.btn-blue { background: #006eae; color: #fff; border-color: #006eae; }

.btn-empty { border-color: #4b4b4b; }
.btn-empty:hover { background: #232323; border-color: #232323; }

.btn-empty-white { color: #fff; border-color: #fff; }
.btn-empty-white:hover { background: #fff; border-color: #fff; color: #232323; }

.align-helper { display: inline-block; height: 100%; vertical-align: middle; }

.link-arrow { font-weight: 700; color: #006eae; }
.link-arrow::after { position: relative; top: 2px; font-family: 'mzlz'; content: '\67'; margin-left: 16px; }

.float-left { float: left; }
.float-right { float: right; }

.poravnaj-lijevo { float: left; margin: 10px 40px 20px 0; }
.poravnaj-desno { float: right; margin: 10px 0 20px 40px; }

.sl-overlay { opacity: 1; z-index: 8000; }
.sl-wrapper,
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button,
.sl-spinner { z-index: 9000; }

a.content-link { color: #006eae; text-decoration: none; }
a.content-link:hover { color: #00c0f3; text-decoration: none; }
a.content-link.btn { color: #fff; }
a.content-link.btn:hover { color: #fff; }




/* SELECTPICKER OVERRIDE */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 100%; }
.bootstrap-select .btn { text-transform: none; padding: 12px 32px 12px 16px; transition: all 0.3s ease-in-out; color: #000; text-shadow: none; border-color: transparent; border-radius: 0; line-height: 24px; background: #fff; box-shadow: none; border: 1px solid #bababa; } 
.bootstrap-select .btn .filter-option { font-size: 16px; font-weight: 400; color: #252b35; }
.bootstrap-select .btn:hover, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover .filter-option { color: #252b35; }
.bootstrap-select .btn:hover { background: #ebedef; }
.bootstrap-select .btn:focus { background: #ebedef; border-color: #7e8289; }
.bootstrap-select.btn-group.open .dropdown-toggle { box-shadow: none; }
.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open > .dropdown-toggle.btn-default { background: #ebedef; border-color: #7e8289; color: #252b35; }
.bootstrap-select.btn-group .dropdown-menu { z-index: 2000; }
.bootstrap-select.btn-group .dropdown-toggle .caret { margin-top: -12px; right: 25px; top: 50%; border: 0; }
.bootstrap-select.btn-group .dropdown-toggle .caret::before { display: inline-block; font-family: 'mzlz'; content: '\61'; font-size: 10px; color: #252b35; }
.bootstrap-select.btn-group .btn.dropdown-toggle:hover .caret::before { color: #252b35; }

.bootstrap-select .dropdown-menu { border-radius: 0; border: 0; padding: 0; margin: 0; overflow-x: hidden; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.3); font-weight: 300; z-index: 9999; }
.bootstrap-select .dropdown-menu > li > a { padding: 10px 15px; }
.bootstrap-select .dropdown-menu > li > a:hover { background: #e2e6e8; }
.bootstrap-select .dropdown-menu > li.selected a { background: none; color: #fb3c3c; }



/* WRAPPERS */

.hero { position: relative; width: 100%; height: 100%; background-image: url(../img/zracna-luka-sumrak.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.hero.business { background-image: url(../img/zracna-luka-poslovni-sumrak.jpg); }

.division-tabs { position: relative; background: #fff; text-align: right; font-size: 14px; line-height: 50px; }
.division-tabs ul { float: right; margin: 0; padding: 0; list-style: none; }
.division-tabs ul li { display: inline-block; text-transform: uppercase; }
.division-tabs ul a { display: block; height: 50px; padding: 0 32px; color: #787878; }
.division-tabs ul a:hover { color: #00c0f3; background: #f1f2f3; }
.division-tabs ul .active a { color: #fff; font-weight: 700; }
.division-tabs .passengers.active a {
    background: rgba(0,110,174,1);
    background: -moz-linear-gradient(top, rgba(0,110,174,1) 0%, rgba(0,83,153,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,110,174,1)), color-stop(100%, rgba(0,83,153,1)));
    background: -webkit-linear-gradient(top, rgba(0,110,174,1) 0%, rgba(0,83,153,1) 100%);
    background: -o-linear-gradient(top, rgba(0,110,174,1) 0%, rgba(0,83,153,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,110,174,1) 0%, rgba(0,83,153,1) 100%);
    background: linear-gradient(to bottom, rgba(0,110,174,1) 0%, rgba(0,83,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eae', endColorstr='#005399', GradientType=0 );
}

.lang { float: left; }
.lang a { display: inline-block; margin-left: 40px; color: #787878; }
.lang a:hover { color: #00c0f3; }
.lang a.active { color: #000; }

.search { float: left; margin-left: 40px; }
.search > span { position: relative; top: 1px; display: inline-block; cursor: pointer; }
.search > div { display: inline-block; margin-left: 16px; background: #eee; padding-left: 16px; padding-right: 16px; line-height: 48px; transition: 0.5s all ease; visibility: hidden; opacity: 0; }
.search > div.show-it { visibility: visible; opacity: 1; }
.search > div input[type=text] { display: inline-block; width: 160px; height: 48px; background: none; border: 0; font-size: 16px; padding-top: 0; padding-bottom: 0; }
.search > div a { display: inline-block; width: 24px; text-align: center; margin-left: 12px; position: relative; top: 3px; font-size: 16px; color: #00c0f3; }

header { position: absolute; width: 100%; height: 140px; left: 0; top: 50px; padding: 30px 0; z-index: 200; transition: none; }
.logo { position: absolute; width: 200px; left: 40px; top: 50%; margin-top: -25px; transition: 0.25s all ease; z-index: 310; }
.logo img { max-width: 100%; }
.show-main-nav { display: none; }

.main-nav { position: relative; text-align: right; z-index: 300; }
.main-nav .close { display: none; }
.main-nav > ul { margin: 0; padding: 0; list-style: none; }
.main-nav > ul > li { position: relative; display: inline-block; margin-right: 40px; font-size: 20px; font-weight: 700; padding: 28px 0; cursor: pointer; }
.main-nav > ul > li > a { color: #fff; }
.main-nav > ul > li > a > span { display: none; }
.main-nav > ul > li:hover > a { color: #00c0f3; }
.main-nav > ul > li:hover > a > span { color: #fff; }
.main-nav > ul > li > a > span:hover { color: #00c0f3; }

.main-nav > ul > li .line-active { position: absolute; width: 1px; height: 30px; left: 50%; bottom: -30px; background: rgba(255,255,255,0.5); }

.main-nav .submenu { position: absolute; left: -32px; top: 80px; margin: 0; padding: 0; list-style: none; background: #fff; text-align: left; font-size: 16px; font-weight: 400; z-index: 1100; padding-top: 12px; padding-bottom: 24px; visibility: hidden; opacity: 0; transition: 0.5s all ease; box-shadow: 0 16px 32px rgba(0,0,0,0.3); }
.main-nav .submenu.last { left: auto; right: -32px; }
.main-nav .submenu a { display: block; padding: 0 32px; margin-top: 12px; white-space: pre; color: #232323; }
.main-nav .submenu a:hover { color: #00c0f3; }
.main-nav .submenu a.active { color: #00c0f3; }

.main-nav > ul > li:hover .submenu { visibility: visible; opacity: 1; }

header.is_stuck { position: fixed !important; top: 0 !important; bottom: auto !important; height: 80px; padding: 0; box-shadow: 0 16px 32px rgba(0,0,0,0.3); z-index: 1100;
    background: rgba(0,83,153,1);
    background: -moz-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,83,153,1)), color-stop(100%, rgba(0,110,174,1)));
    background: -webkit-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -o-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -ms-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: linear-gradient(177deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005399', endColorstr='#006eae', GradientType=1 );
}
header.is_stuck .logo { width: 160px; margin-top: -17px; }
header.is_stuck .main-nav > ul > li { font-size: 18px; }
header.is_stuck .main-nav > ul > li .line-active { width: 100%; height: 2px; left: 0; bottom: 0; }

.hero-content { display: inline-block; width: 100%; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; padding-top: 20px; }
.hero-content .container > .welcome { font-size: 64px; font-weight: 800; line-height: 64px; letter-spacing: -0.025em; }
.hero-content .container > .title { font-size: 32px; line-height: 32px; margin-top: 16px; }

.hero-content .common { margin-top: 48px; }
.common .item { position: relative; display: block; float: left; width: 22%; text-align: center; color: #fff; margin-left: 4%; margin-top: 70px; }
.common .item:first-of-type { margin-left: 0; }
.common .item > span { display: block; }
.common .item .circle { position: absolute; left: 50%; top: 0; margin: -70px 0 0 -70px; width: 140px; height: 140px; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); transition: all 0.3s ease; }
.common .item:hover .circle { transform: scale(1.1); }
.common .item .title { padding: 100px 0 36px 0; font-size: 20px; font-weight: 700; }

.common .item.first { background: #652588; }
.common .item.first .circle { background: rgba(101,37,136,1);
    background: -moz-linear-gradient(-85deg, rgba(101,37,136,1) 0%, rgba(125,61,160,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,37,136,1)), color-stop(100%, rgba(125,61,160,1)));
    background: -webkit-linear-gradient(-85deg, rgba(101,37,136,1) 0%, rgba(125,61,160,1) 100%);
    background: -o-linear-gradient(-85deg, rgba(101,37,136,1) 0%, rgba(125,61,160,1) 100%);
    background: -ms-linear-gradient(-85deg, rgba(101,37,136,1) 0%, rgba(125,61,160,1) 100%);
    background: linear-gradient(175deg, rgba(101,37,136,1) 0%, rgba(125,61,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652588', endColorstr='#7d3da0', GradientType=0 ); }
.common .item.first .circle span { position: relative; font-size: 74px; top: 31px; }

.common .item.second { background: #4b2982; }
.common .item.second .circle { background: rgba(75,41,130,1);
    background: -moz-linear-gradient(-85deg, rgba(75,41,130,1) 0%, rgba(103,64,166,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,41,130,1)), color-stop(100%, rgba(103,64,166,1)));
    background: -webkit-linear-gradient(-85deg, rgba(75,41,130,1) 0%, rgba(103,64,166,1) 100%);
    background: -o-linear-gradient(-85deg, rgba(75,41,130,1) 0%, rgba(103,64,166,1) 100%);
    background: -ms-linear-gradient(-85deg, rgba(75,41,130,1) 0%, rgba(103,64,166,1) 100%);
    background: linear-gradient(175deg, rgba(75,41,130,1) 0%, rgba(103,64,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2982', endColorstr='#6740a6', GradientType=0 ); }
.common .item.second .circle span { position: relative; font-size: 78px; top: 31px; }

.common .item.third { background: #332790; }
.common .item.third .circle { background: rgba(51,39,144,1);
    background: -moz-linear-gradient(-85deg, rgba(51,39,144,1) 0%, rgba(80,67,177,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,39,144,1)), color-stop(100%, rgba(80,67,177,1)));
    background: -webkit-linear-gradient(-85deg, rgba(51,39,144,1) 0%, rgba(80,67,177,1) 100%);
    background: -o-linear-gradient(-85deg, rgba(51,39,144,1) 0%, rgba(80,67,177,1) 100%);
    background: -ms-linear-gradient(-85deg, rgba(51,39,144,1) 0%, rgba(80,67,177,1) 100%);
    background: linear-gradient(175deg, rgba(51,39,144,1) 0%, rgba(80,67,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332790', endColorstr='#5043b1', GradientType=0 ); }
.common .item.third .circle span { position: relative; font-size: 60px; top: 40px; }

.common .item.fourth { background: #002a80; }
.common .item.fourth .circle { background: rgba(0,42,128,1);
    background: -moz-linear-gradient(-85deg, rgba(0,42,128,1) 0%, rgba(26,75,172,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,42,128,1)), color-stop(100%, rgba(26,75,172,1)));
    background: -webkit-linear-gradient(-85deg, rgba(0,42,128,1) 0%, rgba(26,75,172,1) 100%);
    background: -o-linear-gradient(-85deg, rgba(0,42,128,1) 0%, rgba(26,75,172,1) 100%);
    background: -ms-linear-gradient(-85deg, rgba(0,42,128,1) 0%, rgba(26,75,172,1) 100%);
    background: linear-gradient(175deg, rgba(0,42,128,1) 0%, rgba(26,75,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a80', endColorstr='#1a4bac', GradientType=0 ); }
.common .item.fourth .circle span { position: relative; font-size: 64px; top: 40px; }

.common.business .item.first { background: #9b1a35; }
.common.business .item.first .circle { 
    background: rgba(197,73,99,1);
    background: -moz-linear-gradient(left, rgba(197,73,99,1) 0%, rgba(155,26,53,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,73,99,1)), color-stop(100%, rgba(155,26,53,1)));
    background: -webkit-linear-gradient(left, rgba(197,73,99,1) 0%, rgba(155,26,53,1) 100%);
    background: -o-linear-gradient(left, rgba(197,73,99,1) 0%, rgba(155,26,53,1) 100%);
    background: -ms-linear-gradient(left, rgba(197,73,99,1) 0%, rgba(155,26,53,1) 100%);
    background: linear-gradient(to right, rgba(197,73,99,1) 0%, rgba(155,26,53,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c54963', endColorstr='#9b1a35', GradientType=1 );
}
.common.business .item.first .circle span { position: relative; font-size: 74px; top: 31px; }

.common.business .item.second { background: #7a244b; }
.common.business .item.second .circle { background: rgba(164,79,118,1);
    background: -moz-linear-gradient(left, rgba(164,79,118,1) 0%, rgba(122,36,75,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(164,79,118,1)), color-stop(100%, rgba(122,36,75,1)));
    background: -webkit-linear-gradient(left, rgba(164,79,118,1) 0%, rgba(122,36,75,1) 100%);
    background: -o-linear-gradient(left, rgba(164,79,118,1) 0%, rgba(122,36,75,1) 100%);
    background: -ms-linear-gradient(left, rgba(164,79,118,1) 0%, rgba(122,36,75,1) 100%);
    background: linear-gradient(to right, rgba(164,79,118,1) 0%, rgba(122,36,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a44f76', endColorstr='#7a244b', GradientType=1 ); }
.common.business .item.second .circle span { position: relative; font-size: 66px; top: 36px; }

.common.business .item.third { background: #3b1d72; }
.common.business .item.third .circle { background: rgba(86,53,146,1);
    background: -moz-linear-gradient(left, rgba(86,53,146,1) 0%, rgba(59,29,114,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,53,146,1)), color-stop(100%, rgba(59,29,114,1)));
    background: -webkit-linear-gradient(left, rgba(86,53,146,1) 0%, rgba(59,29,114,1) 100%);
    background: -o-linear-gradient(left, rgba(86,53,146,1) 0%, rgba(59,29,114,1) 100%);
    background: -ms-linear-gradient(left, rgba(86,53,146,1) 0%, rgba(59,29,114,1) 100%);
    background: linear-gradient(to right, rgba(86,53,146,1) 0%, rgba(59,29,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#563592', endColorstr='#3b1d72', GradientType=1 ); }
.common.business .item.third .circle span { position: relative; font-size: 70px; top: 34px; }

.common.business .item.fourth .circle span {  position: relative; font-size: 70px; top: 34px; }

.hero .scroll-down { position: absolute; width: 25px; height: 40px; left: 50%; bottom: 48px; margin-left: -20px; color: #fff; font-size: 40px; text-align: center; }
.hero .scroll-down:hover { opacity: 0.5; }

.section-title { font-size: 40px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px; }



/* RECENT FLIGHTS */
.recent-flights { position: relative; background-position: center center; background-image: url(../img/recent-flights-bgnd.jpg); background-repeat: no-repeat; background-size: cover; padding: 96px 10% 88px 10%; color: #fff; }
.recent-flights .blue-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,83,153,0.9); z-index: 1; }
.recent-flights-content { position: relative; z-index: 10; }
.recent-flights .owl-carousel { margin-top: 80px; }
.recent-flights .item { text-align: center; margin: 0 8%; }
.recent-flights .flight-id { position: relative; height: 32px; text-transform: uppercase; font-size: 12px; line-height: 16px; opacity: 0.7; margin-left: -20px; margin-right: -20px; }
.recent-flights .flight-id > div { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.recent-flights .flight-id span { display: inline-block; white-space: nowrap; }
.recent-flights .flight-id span::after { content: ','; margin: 0 8px 0 0; opacity: 0.5; }
.recent-flights .flight-id span:last-of-type::after { display: none; }
.recent-flights .flight-points { text-transform: uppercase; font-size: 20px; font-weight: 700; margin-top: 16px; margin-left: -20px; margin-right: -20px; }
.recent-flights .flight-points span { position: relative; top: 4px; display: inline-block; color: #f4dd42; font-size: 22px; margin: 0 16px; }
.recent-flights .flight-times { display: table; width: 100%; table-layout: fixed; margin: 16px 0 0 0; padding: 0; list-style: none; background: rgba(0,0,0,0.4); }
.recent-flights .flight-times li { display: table-cell; width: 33.333%; padding: 8px 0; }
.recent-flights .flight-times li > span { display: block; color: #59caff; font-size: 14px; font-weight: 300; }
.recent-flights .flight-status { width: 100%; text-transform: uppercase; font-weight: 700; margin-top: 16px; }
.recent-flights .flight-status.canceled { color: #ff002a; }
.recent-flights .flight-status.delayed { color: #f4dd42; }

.recent-flights .owl-controls { position: absolute; width: 100%; left: 0; top: 50%; }
.recent-flights .owl-controls .owl-prev,
.recent-flights .owl-controls .owl-next { position: absolute; top: 0; color: #59caff; transition: 0.5s all ease; margin-top: -32px; opacity: 0.7; }
.recent-flights .owl-controls .owl-prev:hover,
.recent-flights .owl-controls .owl-next:hover { color: #fff; opacity: 1; }
.recent-flights .owl-controls .owl-prev { left: -8%; }
.recent-flights .owl-controls .owl-next { right: -8%; }
.recent-flights .owl-controls .owl-prev::before { width: 32px; height: 64px; font: 64px 'mzlz'; content: '\62';  }
.recent-flights .owl-controls .owl-next::before { width: 32px; height: 64px; font: 64px 'mzlz'; content: '\63';  }

.recent-flights .following .flight-times { background: rgba(0,192,243,0.6); }
.recent-flights .following .flight-points { color: #59caff; }
.recent-flights .following .flight-times li > span { color: #fff; }

.recent-flights .button { text-align: center; margin-top: 48px; }

.wall-panel,
.wall-panel-mobile { text-align: center; }
.wall-panel img,
.wall-panel-mobile img { max-width: 100%; }
.wall-panel-mobile { display: none; }

.wall-position-top { position: relative; padding: 24px; background: #f3f3f3; }
.wall-position-top .close-panel { position: absolute; right: 0; top: 0; padding: 8px; font-size: 12px; line-height: 16px; background: #f3f3f3; text-transform: uppercase; }

.wall-position-middle { background: #004b8a; padding-bottom: 96px; padding-left: 24px; padding-right: 24px; }

.wall-take-over { display: none; }
.wall-take-over img { position: absolute; left: 50%; top: 50%; margin: -175px 0 0 -150px; z-index: 600; }
.wall-take-over .close-take-over { position: absolute; width: 24px; height: 24px; right: 10px; top: 10px; text-align: center; opacity: 1; color: #fff; text-shadow: none; font-size: 10px; background: #000; z-index: 700; }




/* PASSENGER BLOCK */
.passengers-left { float: left; width: 50%; }
.passengers-left .img-responsive { width: 100% !important; } 
.passengers-right { float: right; width: 50%; }
.passengers-head { padding: 140px 96px; }
.passengers-head .section-title { text-align: left; }
.passengers-head .desc { font-size: 20px; font-weight: 300; color: #787878; margin-top: 32px; }
.passenger-links { display: table; width: 100%; table-layout: fixed; }
.passenger-links > div { display: table-cell; width: 50%; vertical-align: top; }
.passenger-links .pic { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.passenger-links .body { padding: 0 96px 96px 96px; }
.passenger-links ul { margin: 80px 0 0 0; padding: 0; list-style: none; font-size: 18px; font-weight: 300; }
.passenger-links ul:first-of-type { margin-top: 0; }
.passenger-links ul li { padding: 8px 0; }
.passenger-links .subsection { font-weight: 800; color: #6b238c; text-transform: uppercase; }

.tourist-block { float: left; display: table; width: 50%; table-layout: fixed; }
.tourist-block > div { display: table-cell; width: 50%; vertical-align: middle; }
.tourist-block .img-responsive { width: 100% !important; } 
.tourist-block .body { background: #f1f2f3; padding: 0 80px; font-size: 18px; }
.tourist-block .body .content { margin: 0; padding: 0; list-style: none; }
.tourist-block .body .content .title { position: relative; font-weight: 800; text-transform: uppercase; margin-bottom: 16px; }
.tourist-block .body .content .title .line { position: absolute; left: -120px; top: 50%; margin-top: -1px; display: block; width: 80px; height: 2px; background: #5f3672; }
.tourist-block .body .content .desc { font-weight: 300; margin-bottom: 16px; color: #787878; }



/* DOWNLOAD APP */
.download-app { 
    background: rgba(134,81,162,1);
    background: -moz-linear-gradient(-80deg, rgba(134,81,162,1) 0%, rgba(241,241,210,1) 90%, rgba(241,241,210,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(134,81,162,1)), color-stop(90%, rgba(241,241,210,1)), color-stop(100%, rgba(241,241,210,1)));
    background: -webkit-linear-gradient(-80deg, rgba(134,81,162,1) 0%, rgba(241,241,210,1) 90%, rgba(241,241,210,1) 100%);
    background: -o-linear-gradient(-80deg, rgba(134,81,162,1) 0%, rgba(241,241,210,1) 90%, rgba(241,241,210,1) 100%);
    background: -ms-linear-gradient(-80deg, rgba(134,81,162,1) 0%, rgba(241,241,210,1) 90%, rgba(241,241,210,1) 100%);
    background: linear-gradient(170deg, rgba(134,81,162,1) 0%, rgba(241,241,210,1) 90%, rgba(241,241,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8651a2', endColorstr='#f1f1d2', GradientType=1 );
}

.download-app .pic { float: left; width: 50%; padding-right: 64px; }
.download-app .pic img { position: relative; margin-top: -80px; margin-left: auto; margin-right: auto; }

.download-app .body { float: right; width: 50%; padding-right: 8%; }
.download-app .body .content { display: inline-block; width: 100%; vertical-align: middle; }
.download-app .title { color: #fff; font-size: 64px; font-weight: 300; line-height: 64px; letter-spacing: -0.025em; }
.download-app .punch { font-size: 20px; font-weight: 800; text-transform: uppercase; margin-top: 32px; }
.download-app .desc { font-size: 18px; font-weight: 300; margin-top: 32px; line-height: 1.75em; }
.download-app .download { margin-top: 40px; }
.download-app .download a { display: inline-block; }
.download-app .download a:first-of-type { margin-right: 24px; }
.download-app .download a img { height: 66px !important; }



/* FLIGHT SEARCH HOME*/
.flightsearch-info { background: #f4f4f4; padding: 64px 0; }
.flightsearch-info .content { max-width: 1240px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.flightsearch-info .section-title { margin-bottom: 40px; }
.flightsearch-info .table-container { background: none; box-shadow: none; border: 1px solid #787878; }
.flightsearch-info .filters { margin-bottom: 0; }

.search_result { margin-top: 32px; }
.search_result:first-of-type { margin-top: 0; }



/* FOOTER */
footer { background: #ddd; font-size: 14px; padding: 48px 0; }
footer a { color: #006eae; }
footer a:hover { color: #232323; }
footer ul { margin: 0; padding: 0; list-style: none; }
footer .content { max-width: 1240px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
footer .content strong { font-weight: 800; }
footer .col-left { float: left; width: 35%; }
footer .col-middle { float: left; width: 45%; overflow: hidden; }
footer .col-middle ul { float: left; margin-left: 10%; }
footer .col-middle ul:first-of-type { margin-left: 0; }
footer .col-right { float: right; text-align: right; width: 20%; }
footer .title { font-weight: 800; text-transform: uppercase; color: #232323; margin-bottom: 8px; }
footer .social li { display: inline-block; margin-left: 16px; font-size: 24px; }
footer .social li:first-of-type { margin-left: 0; }
footer .social a { display: block; }
footer .pomoctxt {font-size: 13px; padding: 30px 15px 0;}
footer .copy { margin-top: 32px; border-top: 1px solid #bababa; padding-top: 32px; text-align: center; color: #787878;  }

.globaldizajn { width: 88px; height: 21px; display: inline-block; margin-top: 24px; }
.globaldizajn img { width: 88px; height: auto; }



/* EMERGENCY */
.emergency { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 400; color: #fff; }
.emergency .content { max-width: 85%; padding: 30px; margin: 0; }
.emergency .title { position: relative; font-size: 32px; font-weight: 800; }
.emergency .close-emergency { position: absolute; right: 10px; font-size: 20px; top: 10px; color: #fff; z-index: 9;}
.emergency .desc { font-size: 18px; margin-top: 16px; font-weight: 300; line-height: 1.5em; }
.emergency .desc a { color: #fff; text-decoration: underline; }
.emergency .desc a:hover { color: #fff; }

.warning { background: #e92f34; }
.attention { background: #b39c1f; }
.regular { background: #7ca010; }
.warning2 {
	background:#c39503;
}

.emergency .content a:hover {color:#fff;}

/* INNER PAGES */
.hero-inside { height: auto; }
.hero-inside header { position: relative; top: auto;
    background: rgba(0,83,153,1);
    background: -moz-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,83,153,1)), color-stop(100%, rgba(0,110,174,1)));
    background: -webkit-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -o-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: -ms-linear-gradient(-87deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    background: linear-gradient(177deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005399', endColorstr='#006eae', GradientType=1 );
}


/* BREADCRUMBS */
.breadcrumbs { background: #005399; font-size: 14px; color: #fff; padding: 12px 40px; }
.breadcrumbs ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.breadcrumbs ul li { float: left; font-weight: 300; padding-right: 12px; }
.breadcrumbs ul li::before { content: '/'; padding: 0 12px 0 0; color: #abd7f6; }
.breadcrumbs ul li:first-of-type::before { display: none; }
.breadcrumbs a { color: #abd7f6; }
.breadcrumbs a:hover { color: #fff; }



/* PAGE HEAD */
.page-head { display: table; width: 100%; height: 480px; table-layout: fixed; }
.page-head > div { display: table-cell; width: 50%; vertical-align: middle; }
.page-head .body { position: relative; background: url(../img/page-head-bgnd-1.jpg) no-repeat center center; background-size: cover; text-align: right; }
.page-head .body .gradient-cover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; opacity: 0.6;
    background: rgba(115,162,255,1);
    background: -moz-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(115,162,255,1)), color-stop(100%, rgba(130,236,255,1)));
    background: -webkit-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
    background: -o-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
    background: -ms-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
    background: linear-gradient(177deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a2ff', endColorstr='#82ecff', GradientType=1 );
}
.page-head .body .content { display: inline-block; width: 100%; max-width: 620px; position: relative; padding-left: 40px; padding-right: 80px; z-index: 50; margin-left: 0; margin-right: auto; text-align: left; }
.page-head .body .content-wide { display: block; position: relative; padding-left: 40px; padding-right: 40px; z-index: 50; margin-left: 0; margin-right: auto; text-align: left; }
.page-head .lead-text { font-size: 24px; font-weight: 300; line-height: 1.5em; margin-top: 24px; }
.page-head .pic { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.page-head.no-pic { display: block; height: auto; }
.page-head.no-pic > div { display: block; width: 100%; padding: 40px 0; }
.page-head.no-pic .body .content { display: block; max-width: 1240px; padding-left: 40px; padding-right: 40px; margin: 0 auto; }



/* PAGE CONTENT */
.page-content { padding-top: 64px; background: url(../img/shadow-top.png) repeat-x center top; }
.page-content .top-shadow { display: none; position: absolute; width: 100%; height: 32px; left: 0; top: 0;
    background: rgba(238,238,238,0.8);
    background: -moz-linear-gradient(top, rgba(238,238,238,0.8) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,0.8)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,0.8) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,0.8) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,0.8) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,0.8) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
}
.page-content .content { max-width: 1240px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }

.page-text { float: left; width: 70%; font-weight: 300; line-height: 1.75em; padding-bottom: 64px; }
.page-text.full-width { width: 100%; }
.page-text h2 { margin-bottom: 24px; }
.page-text ul { margin: 0; padding: 0; list-style: none; }
.page-text ul li { position: relative; padding-left: 32px; }
.page-text ul li:before { position: absolute; left: 0; top: 0; font-family: 'mzlz'; font-size: 13px; content: '\67'; color: #00c0f3; }


table.tablica { width: 100%; border-collapse: collapse; }
table.tablica th, 
table.tablica td { padding: 12px 16px; }
table.tablica th { background: #cee9ff; }
table.tablica tr:nth-child(2n+2) td { background: #eee; }

table.tablica-mala { width: 100%; border-collapse: collapse; }
table.tablica-mala th, 
table.tablica-mala td { padding: 8px 4px; font-size: 14px; line-height: 20px; }
table.tablica-mala th { background: #cee9ff; }
table.tablica-mala tr:nth-child(2n+2) td { background: #eee; }


.right-col { float: right; width: 24%; padding-bottom: 64px; }
.right-menu { background: #fff; box-shadow: 0 0 4px rgba(110,110,110,0.4); }
.right-menu .parent-cat { position: relative; background: #4b4b4b; color: #fff; font-weight: 700; padding: 24px 48px 24px 32px; }
.right-menu .parent-cat span { position: absolute; right: 32px; top: 24px; }
.right-menu > ul { margin: 0; padding: 20px 0; list-style: none; font-weight: 300; }
.right-menu > ul li { position: relative; padding: 8px 32px; }
.right-menu > ul li.active { padding-left: 48px; font-weight: 700; }
.right-menu > ul li.active a { color: #006eae; }
.right-menu > ul li.active::before { position: absolute; display: block; top: 20px; left: 0; width: 32px; height: 1px; background: #006eae; content: ''; }



/* GRID VIEW */
.grid-view .item { margin-top: padding; overflow: hidden; padding-top: 64px; }
.grid-view .item:first-of-type { padding-top: 0; }
.grid-view .item .content > div { width: 50%; }
.grid-view .item .pic { float: left; }
.grid-view .item .pic img { width: 100% !important; }
.grid-view .item .body { float: left; padding-left: 80px; font-size: 18px; }
.grid-view .item .body .title { font-size: 32px; font-weight: 800; line-height: 32px; }
.grid-view .item .body .desc { margin-top: 16px; font-weight: 300; line-height: 32px; }
.grid-view .item .body .more-link { margin-top: 16px; }
.grid-view .item .text-wrapper { display: inline-block; width: 100%; vertical-align: middle; }

.grid-view .item:nth-child(2n+2) { background: #f3f3f3; }
.grid-view .item:nth-child(2n+2) .pic { float: right; }
.grid-view .item:nth-child(2n+2) .body { padding-left: 0; padding-right: 80px; }



/* FAQ */
.faq { background: #f4f4f4; padding: 64px 0; }
.faq .title { font-size: 32px; font-weight: 800; margin-bottom: 40px; }
.faq-items .item { border: 1px solid #d1d1d1; border-top: 0; font-weight: 300; }
.faq-items .item:first-of-type { border-top: 1px solid #d1d1d1; }
.faq-items .q { display: table; width: 100%; table-layout: fixed; font-size: 18px; transition: 0.5s all ease; background: #f4f4f4; }
.faq-items .q > span { display: table-cell; cursor: pointer; vertical-align: top; }
.faq-items .q > span:first-of-type { width: 64px; height: 64px; font-family: 'mzlz'; font-size: 17px; line-height: 64px; text-align: center; background: #e5e5e5; }
.faq-items .q .text { padding: 20px 32px; }
.faq-items .q:hover { color: #006eae; }
.faq-items .q.active .text { font-weight: 700; color: #006eae; }
.faq-items .q.active > span:first-of-type::before { content: '\75'; }
.faq-items .a { display: none; padding: 24px 32px 24px 96px; background: #fff; }
.faq-items .a a:not(.btn) { color: #006eae; text-decoration: none; }
.faq-items .a a:hover:not(.btn) { color: #00c0f3; text-decoration: none; }

.ask-help { padding: 64px 0; }
.ask-help .title { font-size: 32px; font-weight: 800; }
.ask-help .desc { font-size: 18px; font-weight: 300; padding: 40px 0; margin-bottom: 16px; border-bottom: 1px solid #ddd; }
.ask-help textarea { min-height: 393px; }
.ask-help.nomargin { padding-top: 0; margin-top: -32px; }



/* TABS */
.tabs { position: relative; overflow: hidden; }
.tabs > a { display: inline-block; min-width: 200px; padding: 20px 40px; background: #f4f4f4; color: #787878; font-weight: 700; text-align: center; }
.tabs > a.active { color: #f4dd42; background: #4b4b4b; }
.tabs > a:hover { color: #00c0f3; }
.tabs .last-update { position: absolute; right: 0; top: 50%; margin-top: -12px; font-weight: 300; color: #006eae; }



/* TABLE VIEW */
.table-view { margin-bottom: 64px; }
.table-container { position: relative; border: 1px solid #eee; box-shadow: 0 0 2px rgba(110,110,110,0.2); }
.table-wrapper table { width: 100%; }
.table-wrapper table td { padding: 12px 20px; font-weight: 300; }
.table-wrapper table tr { border-top: 1px solid #eee; }
.table-wrapper table thead { color: #787878; }
.table-wrapper table thead tr { border-top: 0; }
.table-wrapper table thead td { padding-top: 20px; padding-bottom: 12px; }
.table-wrapper table tbody td {
    background: rgba(0,0,0,0.03);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(60%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.table-wrapper table .airline { width: 120px; height: 80px; }
.table-wrapper table .airline img { width: 80px; }
.table-wrapper table tbody .location { font-weight: 700; text-transform: uppercase; }
.table-wrapper table .delayed { color: #006eae; }
.table-wrapper table .cancelled { color: #ff002a; }
.table-wrapper table td.create-alarm-trigger { width: 40px; padding-right: 0; font-size: 20px; cursor: pointer; }
.table-wrapper table td.create-alarm-trigger span { position: relative; transition: 0.2s all ease; color: #bababa; top: 2px; visibility: hidden; opacity: 0; }
.table-wrapper table td.create-alarm-trigger span:hover { color: #00c0f3; }
.table-wrapper table tr:hover td.create-alarm-trigger span { visibility: visible; opacity: 1; }
.table-wrapper table td.flight-terminal { padding-right: 40px; }
.flight-no, 
.flight-status,
.flight-sta,
.flight-eta,
.flight-via,
.flight-date,
.flight-terminal { width: 11%; }

.flight-status,
.flight-no,
.flight-terminal { white-space: nowrap; }

.table-wrapper table tbody td > i { display: none; }

.table-view .owl-carousel { position: static; }
.table-view .owl-carousel .owl-item { background: #fff; }
.table-view .owl-carousel .owl-controls { position: absolute; right: -20px; width: 40px; height: 100%; top: 0; }
.table-view .owl-carousel .owl-controls .owl-nav { position: absolute; top: 0; height: 100%; }
.table-view .owl-carousel .owl-controls .owl-prev,
.table-view .owl-carousel .owl-controls .owl-next { position: absolute; }
.table-view .owl-carousel .owl-controls .owl-prev { top: 90px;  }
.table-view .owl-carousel .owl-controls .owl-next { bottom: 32px;  }

.table-view .owl-carousel .owl-controls .owl-prev::before,
.table-view .owl-carousel .owl-controls .owl-next::before { display: block; width: 40px; height: 40px; font: 16px 'mzlz'; text-align: center; line-height: 38px; color: #00c0f3; background: #f4f4f4; border: 1px solid #eee; transition: 0.5s all ease; }
.table-view .owl-carousel .owl-controls .owl-prev:hover::before,
.table-view .owl-carousel .owl-controls .owl-next:hover::before { background: #00c0f3; border-color: #00c0f3; color: #fff; }
.table-view .owl-carousel .owl-controls .owl-prev::before { content: '\68';  }
.table-view .owl-carousel .owl-controls .owl-next::before { content: '\65';  }
.table-view .owl-carousel .owl-controls .owl-prev.disabled::before, 
.table-view .owl-carousel .owl-controls .owl-next.disabled::before,
.table-view .owl-carousel .owl-controls .owl-prev.disabled:hover::before, 
.table-view .owl-carousel .owl-controls .owl-next.disabled:hover::before { color: #dadada; background: #f4f4f4; border: 1px solid #eee; }

.table-view .table-button { margin-top: 40px; text-align: center; }



/* TABLE VIEW FILTERS */
.filters { padding: 32px 0; margin-bottom: 64px;
    background: rgba(0,0,0,0.03);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 60%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.03)), color-stop(60%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 60%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 60%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 60%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
.filter,
.filter-button { float: left; margin-left: 3%; }
.filter .filter-title { font-weight: 700; color: #00c0f3; padding-bottom: 8px; }
.filter .filter-body { position: relative; line-height: 48px; }
.filter input { color: #232323; }
.filter label { font-weight: 300; margin-left: 24px; }
.filter label:first-of-type { margin-left: 0; }
.filter label input { margin-right: 8px; }

.single-line { width: 20%; }
.destination-input { width: 26%; }
.date-input { width: 13%; }
.date-input input { display: inline-block; width: 100%; }
.date-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.filter-button { width: 10%; margin-top: 32px; }
.filter-button .btn { width: 100%; padding-left: 0; padding-right: 0; }


.flights-summary { margin-bottom: 24px; }
.flights-summary .route { display: inline-block; font-size: 32px; text-transform: uppercase; color: #006eae; }
.flights-summary .route > span { position: relative; top: 0; font-size: 24px; margin: 0 16px; color: #00c0f3; }
.flights-summary .period,
.flights-summary .flight-no { display: inline-block; margin-left: 16px; font-size: 18px; color: #787878; }
.flights-summary .flight-no { display: block; margin-left: 0; }



/* AIRLINES */
.airlines { padding: 64px 0; background: url(../img/airlines-bgnd.jpg) no-repeat center top; background-size: cover; }
.airlines .content { max-width: 1240px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.airlines .section-title { font-size: 32px; font-weight: 800; text-transform: none; margin-bottom: 16px; }
.airlines .airlines-button { margin-top: 24px; text-align: center; }

.airlines .owl-item { padding: 30px 20px; }
.airlines .owl-item a { display: block; background: #fff; padding:  32px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.airlines .owl-item a img { width: 100%; }

.airlines .owl-controls { position: absolute; width: 100%; left: 0; top: 50%; }
.airlines .owl-controls .owl-prev,
.airlines .owl-controls .owl-next { position: absolute; top: 0; color: #59caff; transition: 0.5s all ease; margin-top: -32px; opacity: 0.7; }
.airlines .owl-controls .owl-prev:hover,
.airlines .owl-controls .owl-next:hover { color: #232323; opacity: 1; }
.airlines .owl-controls .owl-prev { left: -8%; }
.airlines .owl-controls .owl-next { right: -8%; }
.airlines .owl-controls .owl-prev::before { width: 32px; height: 64px; font: 64px 'mzlz'; content: '\62';  }
.airlines .owl-controls .owl-next::before { width: 32px; height: 64px; font: 64px 'mzlz'; content: '\63';  }

.overlay { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.8); z-index: 9999; }



/* AIRLINES DIRECTORY */
.airlines-directory { padding-bottom: 64px; margin: -20px; }
.airlines-directory .item { display: block; float: left; width: 50%; padding: 20px; }
.airlines-directory .item ul { margin: 0; padding: 0; list-style: none; display: table; width: 100%; table-layout: fixed; border: 1px solid #ddd; }
.airlines-directory .item ul > li { display: table-cell; vertical-align: middle; }
.airlines-directory .item .pic { width: 240px; padding: 20px 40px; }
.airlines-directory .item .pic img { width: 100% !important; transition: 0.3s all ease; }
.airlines-directory .item:hover .pic img { transform: scale(1.1); }
.airlines-directory .item .body { padding: 20px 20px 20px 40px; font-size: 20px; font-weight: 800; background: #f4f4f4; }

.airline-info { width: 100%; display: table; table-layout: fixed; }
.airline-info > div { display: table-cell; vertical-align: middle; }
.airline-info .pic { width: 40%; }
.airline-info .pic img { width: 100% !important; }
.airline-info .body { padding: 0 0 0 64px; }

.airline-info .body table { width: 100%; }
.airline-info .body table th,
.airline-info .body table td { padding: 8px 0; vertical-align: top; }
.airline-info .body table th { width: 120px; }



/* FORM */
.form-label { font-weight: 800; color: #787878; margin-bottom: 8px; }
.form-field { position: relative; }
.form-field .textbox,
.form-field textarea { width: 100%; }
.form-field textarea { resize: vertical; }
.form-block input[type=checkbox] { margin-right: 8px; }
.form-block label { margin: 0; font-weight: 300; }
.form-wrapper .half-col { float: left; width: 48%; margin-left: 4%; }
.form-wrapper .half-col:first-of-type { margin-left: 0; }
.form-wrapper .form-block { margin-top: 32px; }
.form-wrapper .form-block.short { width: 50%; }
.form-wrapper .form-buttons { margin-top: 32px; }
.form-wrapper .form-message { margin-top: 32px; font-weight: 800; }

.warning-text { color: #e92f34; }
.success-text { color: #27a041; }

.field-error .textbox,
.field-error textarea,
.field-error.btn { border: 1px solid #e92f34; background-color: #ffd9d9; }
.field-error a { color: #e92f34; }

.page-text .form-wrapper .form-block:first-of-type { margin-top: 0; }



/* MODAL REMINDER */
.reminder { display: none; position: fixed; left: 50%; top: 50%; width: 940px; height: 640px; background: #fff; margin: -320px 0 0 -470px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); z-index: 9999; }
.reminder > div { display: table; width: 100%; height: 100%; table-layout: fixed; }
.reminder .pic { display: table-cell; width: 400px; background: url(../img/reminder-bgnd.jpg) no-repeat center center; background-size: cover; }
.reminder .body { display: table-cell; padding: 48px 64px; }
.reminder .title { font-size: 20px; font-weight: 800; text-transform: uppercase; }
.reminder .body > .text { margin-bottom: 32px; color: #787878; font-weight: 300; }
.reminder .flights-summary { margin-top: 32px; margin-bottom: 16px; }
.reminder .flights-summary .route div { display: inline; }
.reminder .flight-no { margin-bottom: 12px; font-weight: 300; }
.reminder .form-block { margin-top: 24px; }
.reminder .form-block:first-of-type { margin-top: 0; }
.reminder .buttons { margin-top: 32px; overflow: hidden; }
.reminder .return-back { font-size: 20px; }
.reminder #disclaimer { color: #006eae; cursor: pointer; transition: all 0.5s ease; }
.reminder #disclaimer:hover { color: #00c0f3; }
.reminder-error-message { color: #e92f34; }
.reminder .licence.field-error { color: #e92f34; }
.reminder .licence.field-error #disclaimer { color: #e92f34; }
.reminder .licence.field-error #disclaimer:hover { color: #e92f34; }

.reminder .ui-datepicker { box-shadow: none; }
#seasonDatePicker { display: none; margin-top: 32px; }

/* PARKING MODAL */
.modal.parking-survey {

	z-index:1210;
}

.modal.parking-survey .parking-modal-overlay {
	display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.modal.parking-survey .modal-dialog {
	max-width: 600px;
}

.modal.parking-survey .modal-content{
	z-index: 1210;
}


/* PARKING CALCULATOR */
.parking_content { margin-bottom: 64px; }
.parking_content .title { font-size: 24px; font-weight: 800; text-transform: uppercase; color: #00c0f3; }
.parking_content .calc-wrapper { margin-top: 32px; }
.calc-wrapper > div { display: inline-block; vertical-align: middle; }
.calc-wrapper > div:first-of-type { margin-left: 0; }
.calc-wrapper .parking-type { width: 24%; }
.calc-wrapper .parking-date { position: relative; width: 15%; margin-left: 2%; }
.calc-wrapper > div .textbox { width: 100%; }
.calc-wrapper .parking-time { width: 11%; margin-left: 1%; }
.calc-wrapper .parking-button { width: 13%; margin-left: 2%; }
.calc-wrapper .parking-button .btn { width: 100%; }
.calc-wrapper .directions-start { width: 77%; }
.calc-wrapper .directions-button { width: 20%; margin-left: 2%; }
.calc-wrapper .directions-button .btn { width: 100%; }
.parking_content p { font-size: 20px; font-weight: 800; margin-bottom: 0; margin-top: 24px; }
.parking_content .disclaimer { padding: 24px 32px; background: #f3f3f3; margin-top: 40px; font-size: 14px; }




/* CARGO CHECK */
.cargo-check { margin-bottom: 24px; }
.cargo-check .title { font-size: 24px; font-weight: 800; text-transform: uppercase; color: #00c0f3; }
.cargo-check-wrapper { padding: 24px 0 16px 0; }
.cargo-check-wrapper .cc-field { float: left; width: 200px; margin-left: 20px; }
.cargo-check-wrapper .cc-field input { width: 100%; }
.cargo-check-wrapper > div:first-of-type { margin-left: 0; }
.cargo-check-wrapper .cc-button { float: left; margin-left: 20px; }

.cargo_info { background: #f5f5f5; padding: 20px 32px; margin-bottom: 48px; }
.cargo_info p { margin-bottom: 0; }
.cargo_info span { display: inline-block; padding: 4px 0; }
.cargo_info span:first-of-type { width: 120px; font-weight: 700; }
.cargo_info span:first-of-type.err_msg { width: 100%; color: #e00000; }




/* DATEPICKER */

.hasDatepicker { cursor: pointer; }

.ui-datepicker { background: #eee; padding: 0; width: 400px; background: #716252; box-shadow: 0 10px 30px rgba(0,0,0,0.3); z-index: 1035 !important; }
.ui-datepicker table { margin: 0; font-size: 16px; }
.ui-datepicker td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 0; width: 14.28%; background: #fff; }
.ui-datepicker td:nth-child(7n+1) { border-left: 0; }
.ui-datepicker thead th { background: #ddd; font-weight: 400; padding: 12px 0; }
.ui-datepicker td.ui-datepicker-today, .ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day { background: #00c0f3; }
.ui-datepicker td.ui-datepicker-today a, .ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day a { color: #fff; }
.ui-datepicker td.ui-datepicker-current-day { background: #005399; }
.ui-datepicker td a, .ui-datepicker td span { margin: 0; padding: 10px 0; text-align: center; color: #333; }
.ui-datepicker td.ui-datepicker-current-day a { color: #fff; }
.ui-datepicker td:hover { background: #005399; }
.ui-datepicker td:hover a { color: #fff; }
.ui-datepicker td.ui-datepicker-other-month, .ui-datepicker td.ui-datepicker-other-month:hover { background: #eee; }
.ui-datepicker td.ui-datepicker-other-month span { color: #aaa; }
.ui-datepicker td.ui-state-disabled { background: #eee;}

.ui-datepicker td.slobodno { background: #eee; }
.ui-datepicker td.slobodno span { color: #c10000; }
.ui-datepicker td.slobodno:hover { background: #eee; }

.ui-datepicker .ui-datepicker-header { padding: 8px 0; background: #005399; color: #fff;  font-size: 16px; font-weight: 700; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; background: none; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 0; text-align: right; }
.ui-datepicker .ui-datepicker-prev::before { display: inline-block; font: 15px 'mzlz'; color: #fff; content: '\66'; line-height: 32px; }
.ui-datepicker .ui-datepicker-next { right: 0; text-align: left; }
.ui-datepicker .ui-datepicker-next::before { display: inline-block; font: 15px 'mzlz'; color: #fff; content: '\67'; line-height: 32px; }
.ui-datepicker .ui-datepicker-title { height: 32px; line-height: 32px; margin: 0 32px; text-align: center; }
.ui-datepicker .ui-datepicker-buttonpane { margin: 0; }

.ui-datepicker select.ui-datepicker-year{ color: #333; }
.ui-datepicker select.ui-datepicker-month { color: #333; }

.ui-datepicker-trigger { position: absolute; right: 16px; top: 50%; margin-top: -10px; width: 18px; height: 19px; padding: 0; background: none; }
.ui-datepicker-trigger::before { position: absolute; top: 0; left: 0; font-family: 'mzlz'; font-size: 18px; color: #232323; content: '\43'; color: #00c0f3; line-height: 19px; }



/* NEWS */
.news { margin-bottom: 64px; }
.news-item { display: table; table-layout: fixed; width: 100%; margin-top: 40px; }
.news-item:first-of-type { margin-top: 0; }
.news-item > div { display: table-cell; vertical-align: middle; }
.news-item .pic { width: 28%; }
.news-item .body { padding-left: 40px; font-weight: 300; }
.news-item .published { color: #787878; font-size: 14px; }
.news-item .title { font-size: 20px; font-weight: 800; }



/* GALLERIES */
.galleries { margin-bottom: 24px; margin-left: -2%; margin-right: -2%; }
.gallery-item { display: block; width: 29.333%; float: left; margin: 0 2% 40px 2%; border: 1px solid #eee; }
.gallery-item span { display: block; }
.gallery-item .body { padding: 24px; transition: 0.5s all ease; }
.gallery-item .pic img { transition: 0.5s all ease; }
.gallery-item:hover .pic img { transform: scale(1.1); }
.gallery-item:hover { background: #f3f3f3; }
.gallery-item .published { color: #787878; font-size: 14px; }
.gallery-item .title { font-size: 20px; font-weight: 800; }

.gallery-single { margin-bottom: 24px; margin-left: -2%; margin-right: -2%; }
.gallery-single a { display: block; width: 21%; float: left; margin: 0 2% 20px 2%; }
.gallery-single a img { transition: 0.5s all ease; }
.gallery-single a:hover img { transform: scale(1.1); }



/* PAGE NAV */
.page-nav { margin-bottom: 64px; border-top: 1px solid #ddd; padding-top: 40px; }
.page-nav ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.page-nav ul li { display: inline-block; }
.page-nav ul li a { display: block; padding: 8px 16px; color: #787878; }
.page-nav ul li a:hover, 
.page-nav ul li.active a { color: #00c0f3; }
.page-nav ul li a span { position: relative; top: 2px; font-size: 15px; }
.page-nav ul li.active { font-weight: 800; border: 1px solid #ddd; }



/* GRID CARDS */
.grid-cards { margin-bottom: 64px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.grid-cards .card { float: left; width: 25%; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 72px 0; }
.grid-cards .card ul { margin: 0; padding: 0; list-style: none; }
.grid-cards .card ul li { display: block; font-size: 20px; font-weight: 800; }
.grid-cards .card ul li:first-of-type { font-size: 80px; color: #00c0f3; margin-bottom: 32px; }
.grid-cards .card ul li:first-of-type > span { display: inline-block; transition: all 0.2s ease; }
.grid-cards .card ul li:first-of-type > span:hover { transform: scale(1.1); }
.grid-cards .card ul li:first-of-type > span > span::before { position: relative; height: 64px; line-height: 64px; overflow: hidden; }



/* HOME FAQ */
.home-faq { position: relative; padding: 96px 0; background: no-repeat right center; background-size: cover; color: #fff; text-align: center; }
.home-faq .container { position: relative; z-index: 10; }
.home-faq .section-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; opacity: 0.75;
    background: rgba(36,37,42,1);
    background: -moz-linear-gradient(top, rgba(36,37,42,1) 0%, rgba(20,52,91,1) 90%, rgba(20,52,91,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,37,42,1)), color-stop(90%, rgba(20,52,91,1)), color-stop(100%, rgba(20,52,91,1)));
    background: -webkit-linear-gradient(top, rgba(36,37,42,1) 0%, rgba(20,52,91,1) 90%, rgba(20,52,91,1) 100%);
    background: -o-linear-gradient(top, rgba(36,37,42,1) 0%, rgba(20,52,91,1) 90%, rgba(20,52,91,1) 100%);
    background: -ms-linear-gradient(top, rgba(36,37,42,1) 0%, rgba(20,52,91,1) 90%, rgba(20,52,91,1) 100%);
    background: linear-gradient(to bottom, rgba(36,37,42,1) 0%, rgba(20,52,91,1) 90%, rgba(20,52,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24252a', endColorstr='#14345b', GradientType=0 );
}
.home-faq a { color: #fff; }
.home-faq a:hover,
.home-faq a:focus { color: #59caff; }

.home-faq-content { max-width: 800px; margin: 40px auto; }
.home-faq-content a { color: #59caff; }
.home-faq-content a:hover,
.home-faq-content a:focus { color: #fff; }



/* DIRECTIONS */
.directions_content { margin-bottom: 32px; }
.directions_content .title { font-size: 24px; font-weight: 800; text-transform: uppercase; color: #00c0f3; }
.directions_content .calc-wrapper { margin: 24px 0 0 0; }

.map-wrapper { position: relative; height: 560px; margin-bottom: 64px; z-index: 20; }
#map_canvas { width: 100%; height: 100%; position: relative; overflow: hidden; }
#map_canvas.directions-visible { width: 68%; float: right; }
#directionsPanel { position: absolute; float: left; display: none; height: 100%; width: 30%; left: 0; top: 0; overflow: auto; background: #fff; z-index: 9999; direction: ltr; }
#directionsPanel .adp { margin-top: -10px; }

.adp, 
.adp table { font-family: 'Nunito Sans', Arial, sans-serif !important; }
.adp b, 
.adp table b { font-weight: 700; }
.adp-text { padding: 16px; font-weight: 700; }
.adp-summary { padding: 16px !important; background: #f3f3f3; font-size: 18px; margin: 0 !important; }
.adp-placemark { width: 100% !important; background: none; border: 0 !important; background: #ddd !important; }
.adp-placemark > tbody > tr > td:first-of-type { display: none !important; }
.adp-step, .adp-substep { border-top: 1px solid #eee !important; padding: 8px 4px !important; }
.adp-substep .adp-stepicon { top: 2px !important; }


.pac-container {
    background-color: #fff;
    border-radius: 0;
    border-top: 1px solid #ddd;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    font-family: 'Nunito Sans', Arial, sans-serif;
    overflow: hidden;
    position: absolute !important;
    z-index: 9999;
    width: 300px;
}
.pac-container:after {
    background-size: 104px 16px;
    content: "";
    display: block;
    height: 16px;
    padding: 1px 1px 1px 0;
    text-align: right;
}

.pac-item {
    border-top: 1px solid #eee;
    color: #787878;
    cursor: default;
    font-size: 13px;
    line-height: 40px;
    padding: 5px 0;
    overflow: hidden;
    padding: 0 4px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.pac-item:hover {
    background-color: #eee;
}
.pac-item-selected, .pac-item-selected:hover {
    background-color: #00c0f3;
    color: #fff;
}
.pac-matched {
    font-weight: 700;
}
.pac-item-query {
    color: #232323;
    font-size: 14px;
    padding-right: 3px;
}
.pac-icon {
    background-image: url("//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png");
    background-size: 34px auto;
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    margin-right: 4px;
    margin-top: 11px;
    vertical-align: top;
    width: 15px;
}
.hdpi .pac-icon {
    background-image: url("//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png");
}
.pac-icon-search {
    background-position: -1px -1px;
}
.pac-item-selected .pac-icon-search {
    background-position: -18px -1px;
}
.pac-icon-marker {
    background-position: -1px -161px;
}
.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px;
}
.pac-placeholder {
    color: #808080;
}



/* FACTS AND FIGURES */
.facts { width: 50%; float: left; margin-bottom: 64px; }
.facts td { vertical-align: top; }
.facts td:first-of-type { width: 48px; padding-right: 24px; }

.figures { width: 100%; }
.figures td { border-bottom: 1px solid #ddd; padding: 16px 0; }
.figures td:first-of-type { width: 160px; }

table.statistika th {
    text-align: center!important;
}

table.statistika td:nth-child(even) {
    border-left: 1px solid #ccc;
}

table.statistika tr.ukupno td {
    font-weight: 700;
}

.social a span.ionicons.ion-social-instagram-outline {
    position: relative;
    top: -2px;	
}

/* LOADING */

.loading { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,1); z-index: 15000; }

.cssload-thecube {
    width: 73px;
    height: 73px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,192,243);
    animation: cssload-fold-thecube 2.4s infinite linear both;
    -o-animation: cssload-fold-thecube 2.4s infinite linear both;
    -ms-animation: cssload-fold-thecube 2.4s infinite linear both;
    -webkit-animation: cssload-fold-thecube 2.4s infinite linear both;
    -moz-animation: cssload-fold-thecube 2.4s infinite linear both;
    transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.cssload-thecube .cssload-c3:before {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
.cssload-thecube .cssload-c4:before {
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}



@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}


.myCustomStatistikaLetTable {text-align: center !important;}

.myCustomStatistikaLetTable > thead > tr > th {border: none !important;background-color: #cee9ff;color: #000;text-align: center !important;}

.asq { margin-top: 15px; }
.safe { margin: 15px 0;  }



/* Informacije o letovima (redesign) */

.flight-info-container {
    padding-left: 0;
    padding-right: 0;
}

.flight-info {
    width: 100%;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing: 0 4px;
}

.flight-info th,
.flight-info td {
    padding: 0 20px;
}

.flight-info th {
    font-size: 14px;
    font-weight: 400;
    color: #B7B7B7;
    padding-bottom: 5px;
}

.flight-info td {
    height: 70px;
    border: 1px solid #E7E7E7;
    border-width: 1px 0 1px 0;
    font-size: 16px;
    color: #000;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 1%,#ffffff 100%);
    background: linear-gradient(to bottom, #f4f4f4 1%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}

.flight-info td:first-child {
    border-left-width: 1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.flight-info td:last-child {
    border-right-width: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fi-label,
.fi2-label {
    display: none;
}

.flight-info td > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.fi-airline {
    width: 120px;
}

.fi-airline > img {
    width: 80px;
}

th.fi-alarm,
td.fi-alarm {
    width: 20px;
    padding: 0 !important;
}

.fi-alarm > span {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    font-size: 20px;
    color: #bababa;
    cursor: pointer;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s;
}

.fi-alarm > span:before {
    content: url("../img/bell-icon.svg");
    display: block;
    width: 14px;
}

tr:hover .fi-alarm > span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.fi-sta,
.fi-eta {
    width: 90px;
}

.fi-sta {
    color: #787878;
}

.fi-location {
    width: 300px;
}

.fi-location li:nth-child(1) {
    font-weight: 800;
    text-transform: uppercase;
}

.fi-location li:nth-child(1):before {
    content: url("../img/arrow-icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-top: -.36em;
    margin-right: 10px;
    width: 12px;
}

.fi-location li:nth-child(2) {
    font-size: 14px;
    color: #787878;
}

.fi-no {
    width: 250px;
}

.fi-no li:nth-child(1) {
    font-weight: 800;
    color: #00C0F3;
}

.fi-no li:nth-child(2) {
    font-size: 13px;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

.fi-no li:nth-child(2) b {
    font-weight: 400;
    color: #787878;
}

th.fi-check-in,
td.fi-check-in {
    width: 110px;
}

th.fi-gate,
td.fi-gate {
    width: 72px;
}

td.fi-status {
    color: #787878;
}

td.fi-status-1,
td.fi-status-2,
td.fi-status-3 {
    font-weight: 700;
}

td.fi-status-1 {
    color: #00C576;
}

td.fi-status-2 {
    color: #CF8A00;
}

td.fi-status-3 {
    color: #FF0046;
}

/* tabovi */

.fi-tabs {
    border-bottom: 1px solid #E7E7E7;
}

.red-letenja-container .fi-tabs {
    padding-top: 20px;
}

.fi-tabs:after {
    content: "";
    display: table;
    clear: both;
}

.fi-tab {
    float: left;
    width: 200px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #F4F4F4;
    color: #787878;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.fi-tab:hover,
.fi-tab:focus,
.fi-tab:active {
    color: #787878;
}

.fi-tab:hover {
    background-color: #ececec;
}

.fi-tab + .fi-tab {
    margin-left: 8px;
}

.fi-tab.active {
    background-color: #4B4B4B;
    color: #F4DD46;
}

.fit-mob {
    display: none;
}

.fi-nav {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 13px 0 0;
}

.fi-nav > li {
    display: inline-block;
}

.fi-nav > li + li {
    margin-left: 40px;
}

.fi-nav > li > a {
    font-size: 16px;
    color: #000;
}

.fi-nav > li > a.disabled {
    color: #ccc;
}

.fi-nav > li > a:before,
.fi-nav > li > a:after {
    display: inline-block;
    margin-top: -1px;
    vertical-align: middle;
    font-family: "mzlz";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-nav > li:first-child > a:before {
    content: "\66";
    margin-right: 10px;
}

.fi-nav > li:last-child > a:after {
    content: "\67";
    margin-left: 10px;
}

.fi-header {
    margin: 44px 0 34px;
}

.fi-header:after {
    content: "";
    display: table;
    clear: both;
}

.fih-img {
    float: left;
    width: 64px;
    padding-bottom: 15px;
    border-bottom: 2px solid #00C0F3;
}

.fih-img.back {
    margin-left: 15px;
}

.fih-img > img {
    width: 56px;
    margin-left: 15px;
}

.fih-img.back > img {
    margin-left: -20px;
    -webkit-transform: rotate(49deg);
    -ms-transform: rotate(49deg);
    transform: rotate(49deg);
}

.fih-titles {
    float: left;
    margin-left: 42px;
}

.fih-img.back + .fih-titles {
    margin-left: 27px;
}

.fih-subtitle {
    font-size: 14px;
    color: #787878;
    text-transform: uppercase;
}

.fih-title {
    color: #000;
    font-size: 32px;
    font-weight: 800;
}

.fi-footer {
    margin-top: 5px;
    overflow: hidden;
}

.fih-nav {
    float: right;
}

.fi-search {
    position: relative;
    float: left;
}

.fi-search:before {
    position: absolute;
    top: 15px;
    left: 17px;
    content: url("../img/search-icon.svg");
    width: 18px;
}

.fi-search > button {
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    padding: 0;
    font-size: 16px;
    color: #00C0F3;
    font-family: "mzlz";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-search > input {
    width: 300px;
    height: 48px;
    font-size: 16px;
    color: #000;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    padding: 0 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.fi-search > input::-webkit-input-placeholder { color: #787878; }
.fi-search > input::-moz-placeholder { color: #787878; }
.fi-search > input:-ms-input-placeholder { color: #787878; }
.fi-search > input:-moz-placeholder { color: #787878; }

.fi-dropdown {
    width: 160px !important;
    margin-left: 20px !important;
}

.fi-dropdown .dropdown-toggle {
    border-radius: 5px;
    border-color: #e2e2e2;
    padding: 11px 28px 11px 14px;
    background-color: #F4F4F4;
    outline: none;
}

.fi-dropdown .dropdown-toggle:focus {
    border-color: #e2e2e2;
    outline: none !important;
}

.fi-dropdown.open > .dropdown-toggle.btn-default {
    border-color: #e2e2e2;
}

.fi-dropdown.btn-group .dropdown-toggle .caret {
    right: 20px;
}

.fi-dropdown.btn-group .dropdown-toggle .caret::before {
    content: url("../img/sort-icon.svg");
    width: 6px;
    vertical-align: middle;
}

.fi-dropdown .dropdown-toggle .filter-option,
.fi-dropdown .dropdown-toggle:hover .filter-option {
    color: #787878;
}

.fi-dropdown .dropdown-toggle .filter-option {
    font-size: 16px;
}

.fi-dropdown .dropdown-menu > li.selected a {
    color: #00C0F3;
}

.mob-toggle {
    display: none;
}

.fi-more-btn {
    display: none;
}

/* Red letenja */

.fi-tab-cols {
    margin: 0 -4px;
}

.fi-tab-col {
    width: 14.28571428571429%;
    float: left;
    padding: 0 4px;
}

.fi-tab-cols .fi-tab {
    display: block;
    float: none !important;
    width: auto !important;
}

.fi-header2 {
    position: relative;
    margin-bottom: 35px;
}

.fi-header2:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 198px;
    height: 1px;
    background-color: #E7E7E7;
}

.fi-header2:after {
    content: "";
    display: table;
    clear: both;
}

.fih2-titles {
    float: left;
    position: relative;
    background-color: #fff;
    padding-right: 37px;
}

.fih2-subtitle {
    font-size: 14px;
    color: #787878;
    margin-bottom: 5px;
}

.fih2-title {
    color: #000;
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
}

.fih2-title > span {
    font-size: 22px;
    vertical-align: middle;
    color: #00c0f3;
    margin: 0 9px;
}

.fih2-btn {
    float: right;
    width: 160px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 700;
    color: #00c0f3;
    text-align: center;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.fih2-btn:hover {
    background-color: #fbfbfb;
}

.red-letenja-container .bootstrap-select .dropdown-menu > li.selected a {
    color: #00c0f3;
}

.flight-info2 {
    margin-top: 45px;
}

.red-letenja-container .filters {
    display: none;
    margin-bottom: 40px;
}

.red-default .filters {
    margin-bottom: 0 !important;
}

.red-default .filters {
    display: block;
}

.fi2-airline {
    width: 140px;
}

.fi2-airline > img {
    width: 80px;
}

.fi2-time {
    width: 120px;
}

td.fi2-time {
    font-weight: 800;
}

.fi2-destination {
    width: 350px;
}

td.fi2-destination > span:not(.fi2-label):before {
    content: url(../img/arrow-icon.svg);
    display: inline-block;
    vertical-align: middle;
    margin-top: -.36em;
    margin-right: 10px;
    width: 12px;
}

.fi2-no {
    width: 140px;
}

.fi2-valid {
    width: 290px;
}

td.fi2-valid {
    color: #787878;
}

td.fi2-type {
    color: #787878;
}

td.fi2-type > i {
    font-style: normal;
    color: #00c0f3;
}

@media only screen and (max-width: 1199px) {

    .flight-info1,
    .flight-info1 tbody,
    .flight-info1 tr,
    .flight-info1 th,
    .flight-info1 td {
        display: block;
    }

    .flight-info1 {
        width: auto;
        border-spacing: 0;
    }

    .flight-info1 tr + tr {
        margin-top: 4px;
        border: 1px solid #E7E7E7;
        border-radius: 5px;
    }

    .flight-info1 tr:not(:first-child) {
        background: #f4f4f4;
        background: -moz-linear-gradient(top, #f4f4f4 1%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f4f4f4 1%,#ffffff 100%);
        background: linear-gradient(to bottom, #f4f4f4 1%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
    }

    .flight-info1 tr:after {
        content: "";
        display: table;
        clear: both;
    }

    .flight-info1 th,
    .flight-info1 td {
        float: left;
    }

    .flight-info1 td {
        border-radius: 0 !important;
        line-height: 70px;
        background: transparent;
        filter: none;
    }

    .flight-info1 th:nth-last-child(-n+3) {
        display: none;
    }

    .flight-info1 td:nth-last-child(-n+3) {
        display: block;
        height: auto;
        line-height: 1;
        width: 170px;
        font-size: 15px;
        padding: 7px 0 20px;
        border-top: 1px solid #E7E7E7;
        white-space: nowrap;
    }

    .flight-info1 td:nth-last-child(-n+3) .fi-label {
        display: inline-block;
        white-space: nowrap;
        margin-right: 10px;
        color: #787878;
        font-weight: 400;
    }

    .flight-info1 td:nth-last-child(-n+3) .fi-label:after {
        content: ":";
        margin-left: -.1em;
    }

    .flight-info1 td,
    .flight-info1 td:first-child,
    .flight-info1 td:last-child {
        border-width: 0;
    }

    .flight-info1 td:nth-child(-n+4) {
        line-height: 120px;
    }

    .flight-info1 td:last-child {
        border-top: 1px solid #E7E7E7;
        width: 288px;
    }

    .flight-info1 td > ul {
        display: inline-block;
        width: 100%;
        line-height: 1.4;
        vertical-align: middle;
    }

    .flight-info1 td > ul > li {
        display: block;
        width: 100%;
    }

    .fi-location {
        width: 340px;
    }

    .fi-no {
        width: 308px;
    }

    td.fi-check-in {
        margin-left: 340px;
    }

    .fi-tab {
        font-size: 15px;
        height: 53px;
        line-height: 53px;
    }

    .red-letenja-container .filters {
        margin-bottom: 30px;
    }

    .flight-info2 td {
        font-size: 15px;
    }

    .fi2-airline {
        width: 120px;
    }

    .fi2-time {
        width: 100px;
    }

    .fi2-destination {
        width: 290px;
    }

    .fi2-no {
        width: 120px;
    }

    .fi2-valid {
        width: 230px;
    }

}

@media only screen and (max-width: 991px) {

    .flight-info th,
    .flight-info td {
        padding: 0 15px;
    }

    .fi-airline {
        width: 100px;
    }

    .fi-airline > img {
        width: 70px;
    }

    .flight-info1 td:nth-last-child(-n+3) {
        width: 149px;
    }

    .fi-location {
        width: 317px;
    }

    .fi-no {
        width: 131px;
    }

    td.fi-check-in {
        margin-left: 315px;
    }

    .flight-info1 td:last-child {
        width: 135px;
    }

    .fi-tab {
        width: 180px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }

    .fih-img > img {
        width: 46px;
    }

    .fih-subtitle {
        font-size: 13px;
    }

    .fih-titles {
        margin-left: 22px;
    }

    .fih-title {
        font-size: 25px;
    }

    .fih-nav {
        margin-top: 8px;
    }

    .fi-nav {
        margin-top: 9px;
    }

    .fi-nav > li > a {
        font-size: 15px;
    }

    .fi-search:before {
        top: 11px;
        width: 16px;
        left: 13px;
    }

    .fi-search > input {
        width: 244px;
        height: 40px;
        font-size: 14px;
        padding: 0 36px;
        padding-right: 40px;
    }

    .fi-dropdown {
        width: 150px !important;
    }

    .fi-dropdown .dropdown-toggle {
        padding: 7px 32px 7px 16px;
    }

    .fi-dropdown .dropdown-toggle .filter-option {
        font-size: 14px;
    }

    .red-letenja-container .filters {
        margin-bottom: 30px;
    }

    .red-letenja-container .fi-tabs {
        padding-top: 10px;
    }

    .fi-header2 {
        margin-bottom: 30px;
    }

    .fi-header2:before {
        right: 167px;
    }

    .fih2-subtitle {
        font-size: 13px;
    }

    .fih2-title {
        font-size: 25px;
    }

    .fih2-title > span {
        font-size: 19px;
        margin: 0 7px;
    }

    .fih2-btn {
        font-size: 15px;
        width: 130px;
        height: 43px;
        line-height: 43px;
        margin-top: 10px;
    }

    .red-letenja-container .filters {
        margin-bottom: 40px;
    }

    .fi-tab-cols {
        margin: 0 -2px;
    }

    .fi-tab-col {
        padding: 0 2px;
    }

    .fi-tab {
        font-size: 14px;
    }

    .flight-info2 {
        margin-top: 30px;
    }

    .fi2-airline {
        width: 110px;
    }

    .fi2-airline > img {
        width: 70px;
    }

    .fi2-time {
        width: 80px;
    }

    .fi2-destination {
        width: 240px;
    }

    .fi2-no {
        width: 90px;
    }

    .fi2-valid {
        width: 130px;
    }

}

@media only screen and (max-width: 767px) {

    label.custom-error {
        position:static !important;
        float:left !important;				
    }

    .flight-info-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .flight-info-table-wrap {
        background-color: #F4F4F4;
        margin: 0 -10px;
        padding: 90px 10px 27px;
    }

    .red-letenja-container .flight-info-table-wrap {
        padding-top: 0;
    }

    .flight-info tr:first-child {
        display: none;
    }

    .flight-info tr:not(:first-child) {
        background: #fff;
        filter: none;
    }

    .fi-footer {
        margin-top: 0;
    }

    .fi-nav {
        display: none;
    }

    .fi-tab {
        width: calc(50% - 4px);
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .fi-tab-cols .fi-tab {
        font-size: 13px;
    }

    .fi-header {
        position: relative;
        text-align: center;
        margin: 0;
        padding: 28px 0;
    }

    .fi-header2 {
        margin-bottom: 20px;
    }

    .fih-img,
    .fih-titles {
        float: none;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    .fih-subtitle {
        font-size: 12px;
    }

    .fih-title {
        font-size: 22px;
    }

    .fih-nav {
        float: none;
        margin-top: 25px;
    }

    .fi-search {
        float: none;
    }

    .fi-search > input {
        width: 100%;
    }

    .fi-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 25px auto 0 !important;
    }

    .fi-dropdown .dropdown-toggle {
        background-color: #fff !important;
    }

    .flight-info tr {
        position: relative;
        height: 170px;
        overflow: hidden;
        -webkit-transition: height .3s;
        transition: height .3s;
    }

    .flight-info2 tr {
        height: 175px;
    }

    .flight-info tr.collapsed {
        height: 220px;
    }

    .flight-info1 tr:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 45px;
        border-top: 1px solid #E9E9E9;
        background-color: #fff;
        z-index: 1;
    }

    .flight-info td {
        line-height: 1.4 !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
    }

    .fi-label {
        display: block !important;
        margin-right: 0 !important;
        color: #B7B7B7 !important;
        text-transform: uppercase;
        font-size: 10px;
    }

    .flight-info td:nth-last-child(-n+3) {
        border-top: none;
    }

    .flight-info td:nth-last-child(-n+3) .fi-label:after {
        content: none;
    }

    .fi-airline,
    .fi-sta,
    .fi-eta,
    .fi-location,
    .fi-check-in,
    .fi-gate,
    .fi-status {
        position: absolute;
    }

    .fi-airline {
        top: 17px;
        right: 20px;
    }

    .fi-alarm {

    }

    .fi-alarm > span {
        opacity: 1;
        visibility: visible;
    }

    .fi-sta {
        top: 73px;
        left: 50%;
        text-align: center;
        color: #787878 !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .fi-eta {
        top: 123px;
        left: 50%;
        text-align: center;
        color: #787878 !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .fi-location {
        top: 17px;
        left: 20px;
        right: 90px;
    }

    .fi-location li:nth-child(2) {
        font-size: 12px;
    }

    .fi-no {
        margin-top: 73px;
        margin-left: 20px;
    }

    .fi-no li:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 130px;
        width: auto;
        height: 45px;
        line-height: 45px;
        z-index: 2;
    }

    .fi-check-in {
        top: 123px;
        left: 20px;
        margin-left: 0 !important;
        color: #787878 !important;

    }

    .fi-gate {
        top: 123px;
        right: 20px;
        text-align: right;
        color: #787878 !important;

    }

    .fi-status {
        top: 73px;
        right: 20px;
        text-align: right;
    }

    .mob-toggle {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 55px;
        height: 45px;
        line-height: 45px;
        border-left: 1px solid #E9E9E9;
        text-align: center;
        cursor: pointer;
        z-index: 2;
    }

    .mob-toggle:before {
        content: url("../img/caret-down-icon.svg");
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        -webkit-transition: transform .3s;
        transition: transform .3s;
    }

    .flight-info tr.collapsed .mob-toggle:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .fi-alarm > span {
        position: absolute;
        right: 55px;
        bottom: 0;
        width: 55px;
        height: 45px;
        line-height: 45px;
        border-left: 1px solid #E9E9E9;
        text-align: center;
        z-index: 2;
    }

    .fi-alarm > span:before {
        display: inline-block;
    }

    .fi-more-btn-wrap {
        text-align: center;
        margin-top: 29px;
    }

    .fi-more-btn {
        display: inline-block;
        border-radius: 5px;
        text-align: center;
        padding: 9px 21px 7px;
        background-color: #00C0F3;
        font-size: 14px;
        font-weight: 800;
        white-space: nowrap;
        color: #fff;
    }

    .fi-more-btn.disabled {
        background-color: #ccc;
    }

    .fi-more-btn:hover,
    .fi-more-btn:focus,
    .fi-more-btn:active {
        color: #fff;
    }

    .fi-more-btn:hover {
        background-color: #00afde;
    }

    .fi-more-btn:before {
        content: url("../img/plus-icon.svg");
        display: inline-block;
        position: relative;
        top: 2px;
        width: 16px;
        margin-right: 11px;
    }

    .red-letenja-container .filters {
        margin-bottom: 30px;
    }

    .fi-header2:before {
        content: none;
    }

    .fih2-titles {
        float: none;
        background-color: transparent;
        padding-right: 45px;
    }

    .fih2-subtitle {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .fih2-title {
        font-size: 22px;
    }

    .fih2-title > span {
        font-size: 15px;
        margin: 0 4px;
    }

    .fih2-btn {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
    }

    .fih2-btn:before {
        content: url("../img/adjust-icon.svg");
        display: inline-block;
        line-height: 1;
        margin-top: 9px;
    }

    .fih2-btn > span {
        display: none;
    }

    .fi-tab-cols {
        margin: 0 -2px;
    }

    .fi-tab-col {
        padding: 0 1px;
    }

    .fi-tab > span {
        display: none;
    }

    .fi-tab > .fit-mob {
        display: inline;
    }

    .flight-info2,
    .flight-info2 tbody,
    .flight-info2 tr,
    .flight-info2 th,
    .flight-info2 td {
        display: block;
    }

    .flight-info2 td,
    .flight-info2 td:first-child,
    .flight-info2 td:last-child {
        border-width: 0;
    }

    .flight-info2 {
        width: auto;
        border-spacing: 0;
        margin-top: 0;
        padding-top: 25px;
        padding-bottom: 18px;
    }

    .flight-info2 tr + tr {
        margin-top: 4px;
        border: 1px solid #E7E7E7;
        border-radius: 5px;
    }

    .flight-info2 td {
        border-radius: 0 !important;
        line-height: 1.4;
        background: transparent;
        filter: none;
    }

    .fi2-label {
        display: block;
        color: #B7B7B7 !important;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 400;
    }

    .fi2-airline,
    .fi2-time,
    .fi2-destination,
    .fi2-no,
    .fi2-valid,
    .fi2-type {
        position: absolute;
    }

    .fi2-airline {
        top: 17px;
        right: 20px;
    }

    .fi2-time {
        top: 17px;
        left: 20px;
    }

    .fi2-destination {
        top: 73px;
        left: 20px;
    }

    .fi2-no {
        top: 73px;
        right: 20px;
        text-align: right;
    }

    .fi2-valid {
        top: 123px;
        left: 20px;
    }

    .fi2-type {
        top: 123px;
        right: 20px;
        text-align: right;
    }	

}


@media only screen and (max-width: 640px) {
    label.custom-error {
        position:static !important;
        float:left !important;				
    }

}

.page-text .form-wrapper .form-block.formblockOverride:first-of-type {
    margin-top:32px;

}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; color: #10142e; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; cursor:pointer;}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.field-error input[type="file"] {
    color: #e92f34;
    border: 1px solid #e92f34;
}

label.custom-error {
    float: right;
    font-size: 14px;
    color: #ff7070;    
    position:absolute;
    top:-37px;
    right:0px;
}

#frmTaxi .form-label {
    color: #000000;
}

.fileinput-wrapper {
    display: block;
}
.fileinput {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    /*    font-size: 200px;*/
    direction: ltr;
    cursor: pointer;
    outline: 0;
    width: 100px;
}
.fileinput-name {
    margin-left: 8px;
}
.fileinput-name .close {
    float: none;
    margin-left: 8px;
    vertical-align: middle;
}

.prilozite-btn {
    border: 1px solid #b7b7b7;
    padding: 5px 10px;
    background: #dddddd;
}

#frmTaxi .page-text h2 {
    margin: 0;
}

.box {
    background-color: #fff;
    padding: 37px;
    position: relative;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.12);
    border-radius: 3px;
    text-align: center;
    margin: 50px 0;
    height: 330px;
}

.box .ikona img {
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -80px;
}

.box h3 {
    margin-top: 40px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #1f1f1f;
    border: none;
    text-transform: none;
    margin-bottom: 10px;
}

.box .kratki {
    font-size: 15px;
    margin-bottom: 37px;
    line-height: 1.4;
}

.box .btn-dark {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
}

.field-error .prilozite-btn {
    background: #ffd9d9;
    border: 1px solid #e92f34;
}

.prijavePodnaslov {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 60px;	
}

.aci-cert {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    background: url(../img/aci-cert.svg) 50% 50% no-repeat;
    background-size: 100px auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

 .stay-safe {
	width: 280px;
	height: 110px;
	display: block;
	position: absolute;
	right: 140px;
	top: 50%;
	background: url(../img/safe-stay.png) 50% 50% no-repeat;
	background-size: 280px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.parking-survey .modal-content {
/*background: rgba(115,162,255,1);
background: -moz-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(115,162,255,1)), color-stop(100%, rgba(130,236,255,1)));
background: -webkit-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
background: -o-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
background: -ms-linear-gradient(-87deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
background: linear-gradient(177deg, rgba(115,162,255,1) 0%, rgba(130,236,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a2ff', endColorstr='#82ecff', GradientType=1 );
*/

color:000;
}

.parking-survey h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 30px;
	line-height: 30px;
}
.parking-survey .modal-header, .parking-survey .modal-footer{
	border:transparent;
	padding: 0;
}
.parking-survey .modal-content {
	padding: 30px;
}
.parking-survey .button {margin-top:30px;}


.disclamerRedLetanje {
	margin-top: 20px;
    background-color: #DDDDDD;
    padding: 20px;	

}

.zuta {	background:#ebc01a;}
table.eu {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07);
    margin-bottom:40px; 
}

table.eu th {
    background: linear-gradient(177deg, rgba(0,83,153,1) 0%, rgba(0,110,174,1) 100%);
    font-size: 18px;
    font-weight: 500;
    padding: 24px 48px 24px 32px !important;
    color:#fff;
    border:transparent !important;
}

table.eu th:first-child {
    border-top-left-radius: 12px;
}

table.eu th:last-child {
    border-top-right-radius: 0px ;
}

table.eu th,e
table.eu  td {
    padding: 21px 18px !important;
    border: 1px solid #f9f9f9 !important;
}
/*
table.eu  tr:nth-child(even) td {
    background-color: #F4F4F4;
}
*/
.eu-pag {
display: inline-block;
padding: 10px 25px;
border: 1px solid #484848;
color:#000 !important;

}
.eu-pag-right {margin-left:30px;}
.eu-pag-right span {margin-left: 10px;}
.eu-pag span {
    color:#000;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.eu-pag:hover {

   color: #00c0f3 !important;
   border-color:#00c0f3;
   transition: all .3s ease;
}
.eu-pag:hover span {color:#00c0f3; transition: all .3s ease;}

.discoverCarsBanner{
	display:block;
	height:350px;
	background-image:url(../img/discoverCarsBanner2.jpg);
	background-size:cover;
	background-position:right center;
	z-index: 5;
    position: relative;
}

.discoverCarsBanner .discoverWrap{
	position: absolute;
    height: 100%;
    padding: 30px 70px;
    color: #fff;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.discoverWrap div:first-child{
	font-size: 43px;
    margin-bottom: 20px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
}

.discoverWrap div:nth-child(2){
	background-color: #fad130;
    color: #04181b;
    font-size: 20px;
    text-align: center;
    border-radius: 8px;
    padding: 15px 45px;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: bold;
}

.discoverCarsBanner img{
	display:inline-block;
	width:230px;
	height:auto;
	position:absolute;
	left:40px;
	top:40px;
}

.pyaBanner{
	height:350px;
	background:url(../img/finalBannerEmpty.jpg);
	background-size:cover;
	background-position:center center;
	margin: 0 auto;
	text-align:center;
	
}

.pyaBanner .container{
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
}

.pyaBanner h1{
	color:#fff;
}

.pyaBanner a{
	background-color: #0774b9;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
	font-weight: 800;
    padding: 12px 36px;
	margin-top:30px;
	cursor:pointer;
	position: relative;
    z-index: 15;
}

.pyaBanner a:hover{
	background-color: #fff;
    color: #25338a;
    border: 1px solid #25338a;
    text-decoration: none;
	
}