/************************** navbar style ***********************/

#txt_ipin{
    height: 40px;
}

.embed-responsive {
    height: inherit !important;
}


.card-side-image{
width: 103%;
height: 103%;
margin-left: -1.5%;
margin-top: -1%;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


/*white header with color logo and text*/


.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
	padding-left: 6px !important;
}
	

	
	ol.breadcrumb_nav li {
  display:inline;
}
	.breadcrumb_nav {
	font-size:14px;
	background-color: transparent;
	margin: 0px;
	margin-top: -9px;
	margin-bottom: 10px;
	padding-left: 0px;
}
	
.breadcrumb_nav	ul > li {
    
    padding-left: 3px !important;
}

.breadcrumb_nav	li > a {
    color: #B5985A !important;
    font-weight:bold;
    
}



input[readonly] {
    background-color: #fff !important;
}


.advice-counter{
    width: max-content;
       position: absolute;
       left: 40.4px;
       top: 17.5px;
       color: white;
       font-size: 11px;
   }


.submenu-icon{
    height: 18px;
    width: 50px;
}



#button_top {
    display: inline-block;
    background-color: #B5985A;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;

  }

  #button_top:hover {
    cursor: pointer;
    background-color: #B5985A;
  }
  #button_top:active {
    background-color: #0062cc;
  }
  #button_top.show {
    opacity: 1;
    visibility: visible;
  }

   #button_top img {

       width: 29px;
      margin-top: 15px;
  }


  @media (min-width: 400px) {

    #button_top {
        bottom: 72px;
      margin: 30px;
      right: 1%;
    }
  }



select {
    -webkit-appearance: none  ;
    -moz-appearance: none  ;
    appearance: none  ;
    background: url("/storage/frontend/images/arrow_m.png") 94% / 10% no-repeat #FFFFFF ;
  }
  select::-ms-expand {
    display: none  ;
    /* remove default arrow in IE 10 and 11 */
  }

  .passenger-toggle{
    background: url("/storage/frontend/images/arrow_m.png") 90% 57% / 9.7% no-repeat #FFFFFF;
  }




.white-header {
    margin: auto;
    width: 100% !important;
    z-index: 9999;
    background-color: white;
    border-bottom: 2px solid #B5985A;
    padding-bottom: 6px;
    -webkit-transition: all 1.0s linear 0s;
    transition: all 1.0s linear 0s;
}
.white-header a{
    color: #B5985A;
}

	.white-header .burger-btn{
		color: #B5985A;
	}


.white-header .navbar-logo img {
    content: url("../images/svg/omanair-logo.svg");
}
.white-header div {
    color: #B5985A;
}


.white-header .menu-button img {
    content: url("../images/svg/burger-menu-icon-brown.svg");
}
.lang-flag a img {
    color: #B5985A;
}
.header {
    margin: auto;
	position: absolute;
	top:auto;
    width: 100% !important;
    z-index: 9999;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
    -webkit-transition: all 1.0s linear 0s;
    transition: all 1.0s linear 0s;
}

	.burger-btn{
		color: white;
	}

	.header a{
		color:white;
	}


.navbar-logo img {
    width: 145px;
    height: 50px;
    transition: 0.3s;
}

	.navbar-logo{
		margin-right: auto !important;
	}
/************************** navbar style end***********************/




.searchdiv {
    padding-top: 20%;
    width: 80%;
    margin: auto;
    text-align: center;
}

	.search-bar {
    width: 80% !important;
    height: 40px;
    position: relative;
    right: -5px;
    border: 2px solid;
    border-color: #E1E1E1;
    border-radius: 7px;
    padding-left: 10px;
}

	.search-button {
    transition: 0.3s;
    border-radius: 0 7px 7px 0;
    position: relative;
    left: -5px;
    height: 40px;
    width: 40px;
    padding: 6px 10px;
    background: #B5985A;
    font-size: 17px;
    border: none;
    cursor: pointer;
}




@media (max-width:768px){

.arrow-down-gif{
z-index: 500 !important;
    top: 80% !important;
    left: 43% !important;

}

}





/**************side nav style start ****************/
@media (max-width:991px){

    .text-xs-center{
        text-align: center !important;


}
}

@media (max-width: 576px) {

    .signin-sind-offers {

        display: none !important;

    }

    .text-xs-center{

        padding-left:5% !important;
        padding-right: 5% !important;

}

    .mySidenav{
        max-width: 350px;

    }

    .dropdown .dropdown-menu {

        position: absolute;

        left: -100px;

    }






                .pb-xs{

                            padding-bottom: 60px;

                }



                .pl-xs-0{

                            padding-left: 0 !important;

                }









    }





body {
    transition: background-color .5s;
    transition: 0.5s;
}
.sidenav {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.sidenav a:hover {
    color: #B5985A;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 85%;
    font-size: 36px;
    margin-left: 50px;
}
#main {
    transition: margin-left .5s;
    padding: 5px;
}

@media screen and (max-height: 450px) {
.sidenav {
    padding-top: 15px;
}
.sidenav a {
    font-size: 18px;
}
}

@media (max-width: 576px) {
.signin-sind-offers {
    display: none !important;
}
.dropdown .dropdown-menu {
    position: absolute;
    left: -100px;
}
}

@media (max-width: 991px) {
.dropdown .dropdown-menu {
    position: absolute;
    left: -164px;
}
}
/**************side nav style end ****************/






/************** menu list style ****************/
#sidemenu, #sidemenu ul, #sidemenu ul li, #sidemenu ul li a {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}
#sidemenu a:hover {
    background-color: #F0F0F0;
    color: #B5985A;
}
#sidemenu {
    width: 100% !important;
}
#sidemenu ul ul {
    display: none;
}
.align-right {
    float: right;
}
#sidemenu > ul > li > a {
    padding: 15px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #A7A9AC;
}
.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 5%;
    border-color: #A7A9AC !important;
}
.holder::after, .holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: 25px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.holder::after {
    top: 17px;
}
#sidemenu > ul > li > a:hover > span::after, #sidemenu > ul > li.active > a > span::after, #sidemenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}
.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
#sidemenu ul ul li a {
    cursor: pointer;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 17px;
    color: #A7A9AC;
    font-weight: normal;
    padding-left: 69px;
    background-color: #F8F8F8;
}
#sidemenu ul ul li:hover > a, #sidemenu ul ul li.open > a, #sidemenu ul ul li.active > a {
    background: #F0F0F0;
}
#sidemenu ul ul li:first-child > a {
    box-shadow: none;
}
#sidemenu ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#sidemenu ul ul ul li a {
    padding-left: 103px;
}
#sidemenu > ul > li > ul > li:last-child > a, #sidemenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}
#sidemenu > ul > li > ul > li.open:last-child > a, #sidemenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
#sidemenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}
#sidemenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: 75px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #A7A9AC;
    border-left: 2px solid #A7A9AC;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/************** menu list style ****************/





/*nav{
	padding-right: 14% !important;
	padding-left: 14% !important;
	}*/

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
body {
    background: #EAF2F6 !important;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.nav-item a {
    color: #ffff !important;
    text-decoration: none;
    background-color: transparent;

}
#wrapper_1 {
    height: 100px;
    float: left;
    width: 220px;
}
.card-img-top {

    border:none;
}
.card {
    border-radius: 8px !important;
    transition: transform 0.2s;
}

.content-container {
    padding: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    background-color: white;
    min-height: 100px;
    box-shadow: 0px 0 7px -5.5px;
    border-radius: 8px;
}


.banner-caption {
    color: white;
    text-shadow: 2px 2px 2px #004652;
    font-size: 28px;
    font-weight: bold;
    margin: auto;
    position: relative;
    top: 40%;
}


.banner_top .banner-caption {
    color: white;
    text-shadow: 3px 4px 8px rgb(0 0 0 / 25%);
    font-size: 40px;
    font-weight: bold;
    font-family: 'Arsenal';
    margin: auto;
    position: relative;
    top: 40%;
}



.section-title {
    color: #B5985A;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 20px;
}
.extras {
    text-align: center;
}
.extras {
    text-align: center;
  }

  .extras-text {
    padding-bottom: 5px;
    color: #B5985A;
    font-weight: 500;
    font-size: 30px;
  }
  .extras-item {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
    transition: 0.3s
  }
  .extras-item a {
    color: #798992;
    text-decoration: none;
  }
  .extras-icon {
    transition: 0.3s;
    margin-bottom: 8px;
    height: 50px;
  }

  .extras-item:hover{
      transform: scale(1.1);
      font-weight: bold;
}


.caption {
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 2px 3px 5px rgb(0, 0, 0, 0.3);
}
.page-footer a {
    color: #B4B4B4 !important;
}
.page-footer a:hover {
    color: white !important;
}
.b-menu-obtn {
    z-index: 50;
    width: 30px;
    position: absolute;
    left: 50%;
    bottom: 4%;
    text-align: center;
    opacity: 0.8;
}
.subscribe-btn {
    background-color: #B5985A;
    border: none;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    box-shadow: 5px 5px 5px #3D3D3D;
    height: 40px;
}
.footer-offer-img {
    width: 160px;
	 height: auto;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #3D3D3D;
}

.social-icons img{
    height: 40px;
    width: 47px;
}

.cursor-pointer{
    cursor: pointer;
  }

.store-icons img{
height: 34px;
}

.footer-bottom{
    color: #9A9A9A !important;
}

.footer-bottom a{
    color: #9A9A9A !important;
}


.signin {
    color: #fff;
    cursor: pointer;
}

.signin:hover{
color:#ffffff !important;
text-decoration: underline !important;
}

.signi:active {
    color: #fff !important;
    cursor: context-menu !important;
}

.sind-offers {
    color: #fff;
    font-weight: bold;
}


.card-side-image{
width: 103%;
    height: 103%;
    margin-left: -1%;
    margin-top: -1%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	}