/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 18, 2017, 3:23:55 PM
    Author     : ddurinic
*/



body{
    background: url(img/body-bg.png) repeat;
    font-family: "Arial";
}

html{
  position:relative; 
  min-height: 100%;
  margin-top: 0!important;
}

img{
    max-width: 100%;
    height: auto;
}

h1{
    font-size: 200%;
    
}

a:active, a:hover, a:focus {
    outline: 0 !important;
}


/*----------------------HEADER---------------------------*/


header{
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,82,82,1)), color-stop(66%, rgba(0,27,27,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005252', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ 
    width:100%;
    height:66px;
}

header .container{
    position:relative;
    top: 27px;
}

.logo {
    margin-top: -5px;
}

.lang{
    color:#666666;
    padding-top: 2px;
    text-align: center;
    font-size: 15px;
}

.lang a{
    color:#666666;
    text-decoration: none;
}

.lang a:hover{
    color:#ffffff!important;
}

.active_lang{
    color:#ffffff!important;
}

.home_lang{
    color:#ffffff!important;
}

.en_lang{
    color:#666666!important;
}

.lang-divider{
    position: relative;
    bottom: 1px;
}


.support{
    padding-left:10px;
    top: 2px;
    position: relative;
}



.support a{
    color:#ffffff;
}



header .visible-lg span{
    margin-right: 5px;
    
}


.tel_mail a{
    float:right;
    padding-left: 14px;
}

.tel_mail{
    font-size:14px;
    color:#ffffff!important;
}




@media screen and (max-width:1200px) {
    .tel_mail{
        font-size:20px;
    }
    
    .phone{
        padding-right: 15px;
    }
}



@media screen and (max-width:991px) {
    
    .glyphicon {
        top: -1px;
    }
    
    .online-email{
        padding-left:10px;
    }

    .support{
        padding-left:5px;
       
    }
    
    .logo{
        width:170px;
    }
    
    
    
}

@media screen and (max-width:768px) {
    
    header{
        position: fixed;
        z-index: 9999;
            
    }
    
    .logo {
        margin-top: 0;
    }

   
    .header-columns{
        width:33%;
        float:left;
    }
   
    .support{
        padding-left:2px;
       
    }
    
    .lang{
        float: left;
    }
    
    
}

@media screen and (max-width:681px) {
  
    .lang{
        position: relative;
        padding-left: 0;
        bottom: 7px;
        font-size: 12px;
    }
    .logo{
        width: 135px;
        position: relative;
        bottom: 12px;
    }
    
    

.fullw{
    width: 51%;
    padding-left: 15px;
}

.tel_mail{
    margin-top: -20px;
    width: 49%;
    padding-right:0!important;
}



}



@media screen and (max-width:400px) {
    .fullw{
    padding-left: 0;
}

    .tel_mail{
        font-size:15px;
    }

    .glyphicon {
        top: 2px;
    }
    
    .phone {
        padding-right: 13px;
    }

}

/*----------------------FOOTER---------------------------*/

#cookie-message{
    
    position: fixed;
    top:auto;
    bottom:0;
    width:100%;
    background-color:#505050;
    text-align: center;
    z-index: 21474836399;
    padding-top: 10px;
    font-size: 14px;
    opacity: 0.8;
    display: none;
    
}

#cookie-message p {
    
    opacity: 1!important;
    color:#ffffff;
    
}

#cookie-button {
    
    color: #505050;
    border-radius: 5px;
    
}

.cookie-info{
    background-color: #eee;
    padding: 2px 5px;
    color: #505050 !important;
    font-size: 12px;
    margin-left:3px;
}


#scroll {
    
    cursor:pointer;
    transition:all 0.5s;
    display:block;
    width:100%;
    float: left;
    font-size: 13px;
  
}

#scroll img {
    
    width: 32px;
    
}

footer{
    font-size:12px;
    /*position: relative;*/
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 20px;  
    /*CRNI FOOTER*/
    color: #E0E0E0 !important;
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,82,82,1)), color-stop(66%, rgba(0,27,27,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,27,27,1) 34%, rgba(0,82,82,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005252', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ 


}








footer a{
    color:#65655F;
    text-decoration: none;
    /*CRNI FOOTER*/
    color: #E0E0E0!important;
}

footer a:hover{
    color:#00A5FF;
    text-decoration: none;
}


footer ul{
    list-style-type:none; 
    margin:0;
    padding: 0 15px;
    width: 100%;
}

footer ul li{
    display:block;
    float:right;
    width: 100%;
}

.brand_logos li {
    
    
    float: left;
    width: 140px;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /*CRNI FOOTER*/
    padding: 10px;
}

.brand_logos .menu-item a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.7;
    transition: all 0.35s;
    margin:0;
    
}

.ulix-logo {
    width:100px!important;
}

.brand_logos .menu-item a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity:1;
    
}

.footer-left ul {
    padding: 0!important;
}

.footer-left{
    padding-top:30px;
}

.menu-footer-sredina-container .menu-image-title > span {
    display: none;
}

.menu-footer-sredina-container ul li{
    display: inline-block;
    width: auto;
    float: left;
}

.footer-right a{
   float:right;
   padding-bottom: 5px;
}

.footer-right ul{
   float:right;
   padding:0;
}


.borders:before{
    margin-top: 38px;
    margin-bottom: 15px;
    width:98.5%;
    position: relative;
    left:10px;
}

.borders:after{
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #bbbbbb;
    width:98.5%;
    position: relative;
    left:10px;
}

.fl-l{
    float:left;
}
.fl-r{
    text-align:right;
}

.fl-l p, .fl-r p{
   
    margin:0;
}

.impressum{
    font-size:10px;
}

.menu-brandovi-container a{
    border: none!important;
    width:100%;
}

.menu-brandovi-container{
    display: inline-block!important;
    padding-top: 25px;
}

.social_network img {
    width: 65px;
    padding-left: 20px;
}

.social_network {
    padding-left: 20px;
    padding-top: 30px;
}

.social_network a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.social_network a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.35s;
    margin: 0;
}



.menu-footer-lijevo-container {
    font-size: 16px;
}


@media screen and (max-width:768px) {
    
    #cookie-message{
    
        font-size: 12px;
        opacity: 0.8;

    }
    
    #livechat-compact-container{
        display:none;
      }
    
    .social_network {
        margin-top: 35px;
        padding-top: 0;
        text-align: center;
        padding-left:0;
    }
    
    
    .social_network img {
        width: 35px;
        padding-left: 0;
    }
    
    
    
    .menu-brandovi-container{
        margin-top: 15px;
    }
    
    .brand_logos li {
        width: 27%;
        height: 41px;
    }
    
    footer{
        font-size:13px;
    }
    
    footer .col-sm-4{
        width:100%;
        float: left;
    }
    
    .footer-right ul li{
       width: auto;
       float:left;
        
    }
    
    footer ul li{
        width: auto;
        float:left;
    }
    
    .footer-right a{
        float:left;
        text-align: center;
        width: 100%;
    }
    
    
   
    footer nav a{
    
        padding-right: 5px;
        padding-left: 5px;

    }
    
    .footer-left{
        float: left;
        padding-top:0;
    }
    
    
    /*
    .footer-left a {
        border-right: 1px solid #bbbbbb;
    }

    .footer-left li:last-child a {
        border-right:none!important;
    }
    */
    .borders:before, .borders:after{
        left:0;
    }
    
    .menu-footer-sredina-container {
        float: left;
        padding-top: 35px;
        padding-left:15%;
    }
    
    .menu-footer-lijevo-container {
        font-size: 13px;
    }

    #scroll {
    
        text-align: center;
        margin-top:15px;
        padding-bottom: 35px;

    }
    
    #cookie-button {
    
        padding:5px 5px;

    }


    
}
    
    


@media screen and (max-width:505px){
    .fl-l, .fl-r{
        width:100%;
        text-align: left;
    }
    
    .brand_logos li {
        width: 50%;
    }
   
}


/*---------------------NAVBAR---------------------*/

.navbar-default{
    border-color:#ffffff!important;
    background: url(img/rezervacija-bg.png);
    background-color: transparent;
}

.navbar {
    border-radius: 0;
    min-height: 40px;
    border:none;
}

.navbar-nav > li > a {
 
    padding: 0 !important;
    color: #555 !important;
    font-variant: all-small-caps;
    font-size: 16px;
    text-transform: capitalize;

}

.navbar-default .navbar-nav > li > a {

    line-height: 0 !important;
}

.navbar-nav > li > a:hover{
    color:#ffffff!important;
}

.navbar-nav > li:last-child  {
    border-right:none!important;
}

.navbar-nav > li {
    padding: 0 10px;
    border-right: 1px solid RGB(125,125,125);
}

.navbar-nav{
    float:right;
    padding-top: 13px;
}

.sub-menu {
    display:none;
    position: absolute;
    z-index: 999;
    list-style-type: none;
    font-variant: all-small-caps;
    font-size: 16px;
    background: url(img/rezervacija-bg.png);
    padding: 10px;
    width: 260px;
}

.sub-menu li {
    
    padding-top: 5px;
    
}

.sub-menu li a{
    text-decoration: none;
    color: #555 !important;
}

.sub-menu li a:hover {
    color:#ffffff!important;
}

.menu-item-has-children:hover .sub-menu {
    display:block;
}

.menu-item i._mi {
    margin-top: -0.065em;
}

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

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd !important;
}


@media screen and (max-width:768px) {
    
    .navbar-nav > li > a {
        border-right:none!important;
    }
    
    .navbar-nav > li {
        
        padding: 15px 0;
        
    }
    
    .navbar-nav{
        float:none;
        text-align:center!important;
        padding-top: 0;
    }

    .navbar-header{
        margin-top: 66px;
        
    }
    
    .sub-menu {
        display: block;
        position: relative;
        width: auto;
    }
}

/*------------------------CONTENT----------------------*/

.aligncenter {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
.alignleft, .alignright, .aligncenter {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #E2E2E2;
}

.alignright {
    float: right;
    margin-right: 80px;
}


input[type="radio"] {
    margin: 2.7px 0 0;
}

input[type="text"], input[type="number"] {
    
    background-color:white;
    
}

div#n2-ss-2 img {
    
    border-radius:5px!important;
    
}

hr{
    float: left!important;
    width: 100%!important;
}


.breadcrumbs{
    padding-left:20px;
}


.breadcrumbs a{
    text-decoration:none;
    font-weight:600;
    color:#403f40;
}

.content .col-md-8{
    padding-right:0;
}

.content-left{
    border-radius: 5px;
    border:1px solid #cccccc;
    margin-top:15px;
    padding:0!important;
}


.side-nav{
    border-left:1px solid transparent;
    border-radius:5px;
    font-size: 14px;
    color:#545454;
}

.side-nav h4{
    padding-top: 10px;
    font-weight: 600;
}

.side-nav nav{
    border-bottom:1px solid #cccccc;
    padding-bottom: 10px;
    padding-left:0;
    list-style-type: none;
}

.side-nav a{
    width:100%;
    display:block;
    text-decoration: none;
    color:#545454;
}

.small-bold{
    font-weight: 600;
}

.no-pad{
    padding:0!important;
}

.center-content p{
    width:100%;
    margin:0;
    font-size: 16px;
    float:left;
}

.center-content ul li{
    clear:left!important;
}

.p-margin{
    margin-bottom: 10px!important;
}

.p-margin-big{
    margin-bottom: 40px!important;
}

.center-content{
    height:100%;
    background-color: #ffffff;
    border-radius: 0 5px 5px 0;
    padding-bottom: 1px;
    min-height:350px;
    padding-bottom: 20px;
}

@media screen and ( max-width:991px ){
    
    .content-left{
	  border:none;
}
    
    
    .center-content p{
      width:100%;
}
    
    .content .col-md-8{
    padding-right:15px;
}
    
    .center-content{
    border:1px solid #cccccc;
    border-radius: 5px;
    padding-top:15px;
    float:left;
    min-width: 100%;
    }
}


.newsletter .col-md-12 {
    width: 70%;
    text-align: center;
    float: right;
    padding: 0;
    margin: 0;
}

.newsletter-input{
    margin-bottom:10px;
    border-radius: 5px;
    border:1px solid #cccccc;
    width:100%;
    height:30px;
    padding-left:5px;
    /*CRNI FOOTER*/
    background-color: transparent !important;
}

.subscribe{
    text-decoration: none !important;
    text-align: center;
    /*border: 1px solid #cccccc;*/
    border-radius: 5px;
    color: #ffffff;
    background-color: #27b5fd;
    width: 100%;
    height: 30px;
    transition: all 0.2s;
    /*CRNI FOOTER*/
    border: 0!important;
}

.subscribe:hover{
    
    background-color:#009CFF;
}

.line{
    border-bottom:1px solid black;
    padding-bottom: 10px;
    width:55%!important;
}



@media screen and (max-width:991px) {
    .newsletter{
        padding-bottom:35px;
    }
}

@media screen and (max-width:768px) {
    
    .newsletter {
        padding-top: 35px;
    }
    
    .newsletter .col-md-12 {
        margin: 0 auto;
        float: none;
    }
    
    .center-content p{
    
        font-size: 13px;
        
        
    
    
}

}

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

.alignright {
        float: left;
        margin-right: 0;
    }
}

/*----------------WEB QUESTIONERE AND ALL OTHER FORMS------------------*/

.form-group textarea {
    
    max-width: 100%;
    
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
   display: none;
}

.italic{
    font-style: italic;
}

.wpcf7-form p {
    width: 50%!important;
    float: left!important;
}

.wpcf7-form .form-group {
    margin-bottom: 15px;
    width: 50%!important;
    float: left!important;
}

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

.wpcf7-form p {
    width: 100%!important;
    float: none!important;
}

.wpcf7-form .form-group {
    
    width: 100%!important;
    float: none!important;
}

}



/*--------------------------------INDEX FORMA------------------------------*/

.fa-rotate {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-plane {
    font-size: 18px;
}


#rezervacijska-forma {
    padding:0;
}

.home-aside img{
    width: 100%;
    padding-top:15px;
    padding-bottom:15px;
}



.hotels{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-repeat: repeat-x;
	border-color: transparent transparent transparent #262626;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 0 1px 2px #333 inset;
	float: left;
	font-size: 22px;
	font-weight: bold;
	margin-top: -2px;
	text-transform: lowercase;		
}


.hotels a {
    color: #ccc;
    display: block;
    padding: 12px 4px;
    text-decoration: none;
}
		
.main_label{
  	color: #373731;
    font-size: 16px;
    padding: 0px;
    text-indent: 5px;	
    font-weight: normal;
}

.top_content{
	margin-top:20px;
	margin-bottom:40px;
}

.side_padding{
	padding:0px 40px;
}

.search_form{
	padding:0px;
}

.search_input{
    color: #373731;
    border: 1px solid #fff;
    border-radius: 5px;	 
}

.search_input input{
	border: 1px solid #fff;
	box-shadow: none;
	background: #fff none repeat scroll 0 0 !important;
	padding: 9px;
}

.input-group-addon{
	border:none;
	border-left:1px solid #eee;
}

.search_input .input-group-addon{
	background: #fff none repeat scroll 0 0 !important;
}

.input-group-addon label{
	margin:0px;
	cursor:pointer;
}

.second_label{
	color: #373731;
	font-size: 16px;
	padding: 0px;
	text-indent: 5px;
	font-weight: normal;
}

.search_radio{
	padding:0px !important;
	margin:0px !important;
}

.trip_type_padding{
	padding-top:30px;
}

.radio {
        padding-left: 20px;
}

.radio label{
	color: #373731;
	padding-left: 20px;
	font-size: 13px;
	margin: 2px 0 0;
	padding: 0;
}

.passangers{
	padding-top:25px;
}

.passangers .form-group{
	padding:0px;
}	

.passangers .form-group label{
	padding:0px;
}

.passangers .search_input{
	padding: 4px;
	margin: 2px;
        padding-left: 13px;
        width: 35px;
        margin-left: 5px;
}

.passangers_image{
	padding:0;
	vertical-align: middle;
        width:22px;
}

.search_button{
	border-top:1px solid #dfdfdf;
	padding:20px;
}

.search_button input{
	/*font-size: 28px;
	font-weight: bold;*/
	color:#fff;	
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
}

.activate_button{
	display: inline-block;
	padding: 15px 25px;
	font-size: 22px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: #27b5fd !important;
	border: none;
	border-radius: 15px;
        transition: all 0.2s;
	
}

.activate_button:hover, 
.activate_button:focus
{
    background-color: #009CFF!important;
}

.activate_button:active {
  background-color: #009CFF;

}

.res-bg{
    background: url(img/rezervacija-bg.png);
    margin-top:-20px;
    margin-bottom: 15px;
    border-top:1px solid #ffffff;
    padding: 20px 0 5px;
}

.mar-top{
    margin-top:20px;
}

.form_radio_buttons{
    position: relative;
    left: 15px;
}

.young img{
    padding-top: 2px;
}

.child img{
    padding-top: 4px;
}

.adult:after{
    content:"*odrasli";
    font-size:10px;
    position: absolute;
    bottom: -13px;
    left: 30px;
}

.young:after{
    content:"*djeca";
    font-size:10px;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.child:after{
    content:"*bebe";
    font-size:10px;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.adult-en:after{
    content:"*adults";
    font-size:10px;
    position: absolute;
    bottom: -13px;
    left: 30px;
}

.young-en:after{
    content:"*children";
    font-size:10px;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.child-en:after{
    content:"*babies";
    font-size:10px;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@media screen and (max-width:768px){
    
    .search_button input{
        font-size:18px;
        padding: 15px 5px;
        
    }
    
    .one-way{
        position: relative;
        left:-13px;
    }
    
    .home-aside {
        position: relative;
        left: 12%;
    }
    
    .search_button {
        text-align: center;
}

.res-bg{
   
    padding-top: 20px 0 10px;
}
}

@media screen and (max-width:385px){
    
    .radio label {
       
        font-size: 16px;
        margin: 13px 0 0;
       
    }

    
    .trip_type_padding {
        padding-top: 5px;
    }
    
    .form_radio_buttons{
        padding-left:25%;
    }
    
    .form_radio_buttons .col-xs-4 {
        width:100%!important;
        
    }
    
    .one-way{
        position: relative;
        left:0;
    }
    
}



/*------------------------TWO COLUMNS--------------------------*/

.two-colums-main{
    border-radius: 5px!important;
    padding: 0;
}


/*-----------ADMINBAR------------*/

@media screen and (max-width:600px){
#wpadminbar {
    position: fixed!important;
}
}

/*---------WIDGET-------------*/

.widget{
    
    padding-bottom: 20px;
    
}

.giveaway{
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-top: 15px;
    padding: 15px !important;
    text-align: center;
}





/*---------WP FORMS-------------*/

.wpforms-field-label {
    font-size:14px!important;
}

.wpforms-field-textarea textarea{
    max-width: 100%;
    width: 60%!important;
}

@media screen and (max-width:600px) {
    .wpforms-field-textarea textarea{
        width: 100%!important;
    }
}


/*-------------DROPDOWN NAVIGACIJA---------------*/

.ui-menu-item {
    padding: 5px;
    padding-left:15px;
}

.inactiveLink {
    cursor: default;
    pointer-events: unset;
}



/*---------UNCOMMENT FOR DIFFERENT NAVIGATION---------*/


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

.navbar-nav {
    float: none;
    text-align: left !important;
    padding-left: 40px;
}

.sub-menu {
    
    position: relative;
    padding-top: 20px;
    padding-left: 35px;
    
}

}


/*---------------CESTA PITANJA------------*/

.panel {
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}

.panel a {
    display:block;
    text-decoration: none;
    padding:10px;
}

.panel-body a {
    
    display: initial!important;

}

.panel-heading {
    padding:0!important;
}

.panel-group {
    float: left;
    width: 100%;
}

/*------LOADING---------------*/

.spinner_text{
    
    margin: 0 auto;
    top:30%;
    text-align: center; 
    font-size:26px;
    
}

.spinner {
    padding:25px;
    width: 100%;
    position: fixed;
    top: 30%;
    z-index: 1000;
}

.spinner-sign{
    
    padding-left:320px;
    
}

.airplane, .airplane2 {
    
    background-repeat: no-repeat;
    background-size: cover;
    top: 38%;
    height:79px;
    width: 86px;
    position: fixed;
    
    opacity: 0.6;
    z-index: 900;
}

.airplane{
    
    background-image: url(img/plane.png);
    right: 47%;
    animation: orbit 5s linear infinite;
    
}

.airplane2{
    
    background-image: url(img/plane-rot.png);
    left: 47%;
    animation: orbit2 5s linear infinite;
    
}

@keyframes orbit {
        from { 	transform: rotate(0deg) translateX(-250px); }
        to   {  transform: rotate(360deg) translateX(-250px); }
}

@keyframes orbit2 {
        from { 	transform: rotate(0deg) translateX(250px); }
        to   {  transform: rotate(360deg) translateX(250px); }
}




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

    .spinner_text{
        
        font-size: 20px;
        
    }

    .spinner {
   
        top: 30%;
    
    }
    
    .spinner-sign{
    
        padding-left:220px;

    }
    
    .airplane,.airplane2 {
        
        top: 38%;
        
        
    }
    
    @keyframes orbit {
        from { 	transform: rotate(0deg) translateX(-200px); }
        to   {  transform: rotate(360deg) translateX(-200px); }
}

    @keyframes orbit2 {
        from { 	transform: rotate(0deg) translateX(200px); }
        to   {  transform: rotate(360deg) translateX(200px); }
}
    
    
}

@media screen and (max-width:768px) {
    
    .spinner_text{

          font-size: 16px;

      }
      
    .spinner-sign{
    
        padding-left:120px;

    }
    
    .airplane,.airplane2 {

       height:44px;
       width: 48px;
      
   }
   
   @keyframes orbit {
        from { 	transform: rotate(0deg) translateX(-100px); }
        to   {  transform: rotate(360deg) translateX(-100px); }
}

    @keyframes orbit2 {
        from { 	transform: rotate(0deg) translateX(100px); }
        to   {  transform: rotate(360deg) translateX(100px); }
}

}



/*--------------POPULAR CITIES---------------*/

.popular_cities {
                
    margin-top:25px;
    margin-bottom: 40px;
    /*background-color:white;
    border:1px solid #cccccc;
    border-radius: 5px;*/

}

.popular_city {


    float:left;
    text-align: center;
    padding:10px;

}

.popular_city h4 {

    text-transform: uppercase;

}

.popular_city_box{

    background-color:#ffffff;
    border:1px solid #cccccc;
    border-radius:5px;
    padding-top: 15px;


}


.popular_title {

    margin-top:25px;
    float:left;
    text-align: center;


}

.cube {
    width:25px;
    background-color:#666666;
    margin:0 auto;
}



.popular_city_percentage {

  margin-top:10px;
  font-size:20px;
  font-weight: 600;


}




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

    .popular_city {
        
        width:100%!important;
        
    }

}


/*---------------WHY US--------------*/

.why_us_margins h3 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}


.why_us_title {
    
    margin-top:25px;
    margin-bottom:25px;
    float:left;
    text-align: center;
    
}

.why_us_margins {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px;

}

.why_us_icon {
    width: 80px;
}

/*SLJEDECA DVA PRAVILA SU AKO CE SAMO KUTIJE BITI OBOJANE*/

.why_box {
    padding: 20px;
    overflow: hidden;
}

.why_under {
    background-color:#ffffff;
    border: 1px solid #cccccc;
    border-radius:5px;
    padding:10px;
    min-height:249px;
    
    
}

.why_under img {
    
    border:0;
    
}

@media screen and (max-width:768px) {
    
    .why_us_margins {
        
        margin-top: 0;
        margin-bottom: 10px;
    }
    
}

/*---------------------LETOVI---------------------*/

.flights_form{
    
    padding:35px 0;
    
}

.flights_table {
    
    width: 100%;
    margin-top: 20px;
    float: left;
    
    
}

.flights_table td {
    
    width: 25%;
    text-align: center;
    border:1px solid #cccccc;
    height:41px;
    
}

.flights_title{
    
    text-align: center;
    
}

.flights_undertitle{
    
    text-align: center;
    margin-top: 20px;
    width:100%;
    float: left;
    
}

.first_row_flights{
    
    background-color:#ededed;
    
}

.flights_input_container{
    
    padding:10px;
    
}

.flights_input {
    
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    padding-left: 5px;

    
}

.flights_submit {
    
    border: 1px solid #cccccc;
    background-color: #27b5fd !important;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    color:#ffffff;
    margin-top: 28px;
    
}

.flights_submit:hover{
    background-color: #009CFF !important;
}

.no_flights {
    
    margin-top:30px!important;
    text-align: center;
    
}

@media screen and (max-width:500px) {
    
    .flights_table {
    
        font-size:11px;
    
    }
    
    .flights_table h4 {
    
        font-size:14px;
    
    }
    
}


/*-------------FOOTER VOL.2-----------------*/

#menu-footer-lijevo li {
    border-right: 1px solid #aaaaaa;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    float: left;
}

.menu-footer-lijevo-container {
    font-size: 14px;
    text-align: inherit;
    float: left;
    width: auto;
}

.footer-left ul {
    
    text-align: center;
    margin-bottom: 35px;
    margin-top: 10px;

}

.footer-right {
    padding-top: 15px;
    padding-left: 27px;
}

.newsletter .col-md-12 {
    width: 100%;
    text-align:inherit;
}

.newsletter .col-md-3 {
    padding-left:0;
}

.footer-left li:last-child {
    border-right: none !important;
}


@media (min-width:768px) and (max-width:991px) {
    
    #menu-footer-lijevo {
        
        text-align: left;
        
    }
    
    #menu-footer-lijevo li {
        border:0;
        
    }
    
    .footer-right {
        padding-top:0;
    }

    
}

/*---------------SLIDER-------------------------*/

.n2-ss-slider-3 {
    border-radius: 7px;
}



/*----------why us vol. puna širina------------*/
/*
.why_us_margins {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.why_under {
    background-color: transparent;
    border: 0;
    
    padding: 0;
    min-height: 0;
}
*/

/*-----------AIRLINE-TEST----------*/



.airline-logo {
    
    margin:0;
    padding: 25px;
    text-align: center;
    
    
}

.airline-logo .widget{

    padding:0;

}

.airline-logo img {
    
    width:480px;
    
}

.side-nav-example {
    padding: 0;
    border:0;
}


.airline {
    list-style-type: none;
    padding-left: 0;
    margin:0;
}

.airline li:first-child a {
    border-radius: 5px 0 0 0;
}

.airline li a{
    padding: 15px 0;
    padding-left: 20px;
    font-size: 15px;
    border: 0.5px solid #d9d9d9;
    text-transform: uppercase;
    cursor:pointer;
    float:left;
    width:100%;
}

.airfrance-menu li {
    background-color: #27b5fd;
}

.airserbia-menu li {
    background-color: #dfh1df;
}

.airline li a {
    color: #ffffff;
    text-decoration: none;
}

.airline li a:hover {

    padding-left: 80px;
    background-color: #009CFF;
    transition: all 0.2s;
    
    
}

.airline-title {
    
    padding-bottom: 10px;
    
}

#search_pop_btn{
    float: right;
    color:#ffffff;
    background-color: rgb(0, 45, 114);
    margin-bottom: -15px;
    border-radius: 5px 5px 0 0;
    margin-right: 6px;
    padding: 10px 15px;
}

#search_pop_btn:active, #search_pop_btn:focus {
    box-shadow:none!important;
    outline:0!important;
    
}

.ariline-actions{
    max-width: 300px;
    border: 0;
    padding: 10px;
}

@media screen and (max-width:991px) {
    
    #search_pop_btn{
        margin-bottom: 0;
    }
    
}


@media screen and (max-width:768px) {
  
    .airline li {
        padding: 10px 0;
        font-size: 12px;
        
    }
    
    
    
}


/*----------AIRLINE PRIMJER 2-------------*/



.airline-ul-2{
    
    list-style-type: none;
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
    width: 994px;
    
}

.airline-ul-2 li {
    padding: 5px 15px;
    display: inline-block;
    font-size: 15px;
    border: 0.5px solid #d9d9d9;
    background-color: #27b5fd;
    text-transform: uppercase;
    color: #ffffff;
    cursor:pointer;
    float: left;
}

.airline-ul-2 li:hover {

    
    background-color: #009CFF;
    
    transition: all 0.2s;
    
    
}

.airline-logo2 img {
    
    width:480px;
    padding-bottom: 15px;
    
}

.airline-logo2 {
    
    margin:0;
    padding:0;
    text-align: center;
    
    
}

@media screen and (max-width:1200px) {
    
    .airline-ul-2{
        width:100%; 
    }
    
    .airline-ul-2 li {
        
        font-size:12px;
    }
}

@media screen and (max-width:768px) {
    
    
    
    .airline-ul-2 li {
        width: 50%;
        
    }
    
}

/*-----------------HOTELS--------------------*/


.hotel_pass_input {
    padding: 4px;
    margin: 2px;
    padding-left: 13px;
    width: 35px;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius:5px;
}

.hotel_young:after{
    content:"*djeca";
    font-size:10px;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.hotel_adult:after{
    content:"*odrasli";
    font-size:10px;
    position: absolute;
    bottom: -13px;
    left: 30px;
}

.hotel_young img{
    padding-top: 2px;
}

#by_room{
    display: none;    
}

#by_guests{
    display: block;    
}

#hotel_form {
    margin-top:50px;
    border:1px solid #ccc;
    border-radius:5px;
    padding-top: 20px;
}

.hotels_link {
    font-size:16px;
    
}

.svg_arrow{
    width:24px;
    float:left;
    padding-top:5px;
}

.datumi input {
    width:43%;
    float:left;
    border:0;
}

.datumi{
    float:left;
    border:1px solid #ccc;
    border-radius:5px;
}

#hotel_search{
    margin-top:15px;
    padding: 10px 17px;
    margin-bottom: 20px;
}

.popup_hoteli{
    display:none;
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 5px;
    z-index: 999;
    background-color: white;
    padding: 20px;
    max-width: 250px;
}


.hotels_link p {
    margin-bottom: 15px;
}


.hotels-form-control{
    
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    
}

.popup_hoteli input[type="number"] {
    -moz-appearance: number-input;
    width:50px;
    margin-left:0;
}

.ages{
    padding:0!important;
    margin-top: 15px;
}

.rooms_number, .each_room .hotel_young{
    padding: 0;
}

#meal_type, #room_number{
    margin-bottom: 15px;
}

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

    .hotel_adult{
        width:auto!important;
    }


    .hotel_young{
        width:auto!important;
    }
    
    
    .passangers_hoteli .form-group {
        float: left!important;
    }
    
    .hotels_link p {
        margin-top: 15px;
    }

}




@media screen and (max-width:500px) {
    
    .svg_arrow {
        margin-left: 45%;
    }
    
    .datumi input {
        width: 100%;
        -webkit-box-shadow: unset!important;
        box-shadow: unset;
        text-align: center;
    }
    
    
}


/*-----------------LOOCPI------------------*/

.suggContainer{
    position: absolute;
    z-index: 999;
    width: auto;
    background-color: white;
    border: 1px solid #eaeff4;
    text-align: left;
  }
  
  .suggContainer:empty{
    border: none;
  }
  
  .suggContainer ul{
    padding:0px;
    margin: 0px;
    list-style-type: none
  }
  
  .suggContainer ul li .sugg, .suggContainer ul li .suggSub{
    padding:1px 6px;
    border-bottom: 1px solid #eaeff4;
    width: 100%;
    display: block;
    cursor: pointer;
  }
  
  .suggContainer ul li .sugg:hover, .suggContainer ul li .suggSub:hover{
    background-color: lightblue;
  }
  
  .suggContainer ul li ul li .sugg, .suggContainer ul li ul li .suggSub{
    padding-left:20px;
  }
  
  .suggContainer .fa {
    font-size: 10px;
  }
  
  .sugg h5, .suggSub h5, .sugg h6, .suggSub h6{
      margin-top:2px;
      margin-bottom:2px;
      font-size:15px;
  }
  
  .sugg h5 var, .suggSub h5 var{
      font-size:12px;
  }
  
  .suggLoader {
      border: 4px solid #ddd; /* Light grey */
      border-top: 4px solid #555; /* Blue */
      border-radius: 50%;
      width: 20px;
      height: 20px;
      animation: spin 2s linear infinite;
      margin:0 auto;
  }
  
  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }
  
  
  
  
  
  
  /*------------------------AKCIJE CSS---------------------------*/
  
  
  
 .full-action-row {
    text-align: center;
}
  
  
.action-box {
    width: 31%;
    display: inline-block;
    margin-left:0px;
	align: top;

}
.action-box-video {
    width: 72%;
    display: inline-block;
    margin-left:0px;
	align: top;

}
.action-50 {
    width: 49%;
    display: inline-block;
    margin-left:0px;
	align: center;

}

.action-1gradtekst {
    width: 58%;
    display: inline-block;
    margin-left:15px;

}

.action-2gradtekst {
    width: 31%;
    display: inline-block;
    margin-left:15px;

}

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

    .action-box {
        width: 45%;
        margin-left: 8px;
    }
.action-box-video {
        width: 100%;
        margin-left: 8px;
    }
.action-50 {
        width: 45%;
        margin-left: 8px;
    }

	.action-1gradtekst {
   	 width: 45%;
   	 display: inline-block;
   	 margin-left:15px;
	}	
.action-2gradtekst {
   	 width: 45%;
   	 display: inline-block;
   	 margin-left:15px;
	}	

}

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

    .action-box {
        width: 100%;
        margin-left: 0;
    }
.action-box-video {
        width: 100%;
        margin-left: 0;
    }
    .action-50 {
        width: 100%;
        margin-left: 0;
    }
	.action-1gradtekst {
    	width: 100%;
    	display: inline-block;
    	margin-left:15px;
}
.action-2gradtekst {
    	width: 100%;
    	display: inline-block;
    	margin-left:15px;
}

}