html body .header-second-style {
z-index: 1000;
width: 100%;
position: relative; }
html body .header-second-style .logo-container img {
float: left; }
html body .header-second-style a {
padding: 17px;
display: block;
font-size: 13px;
color: white !important;
font-weight: bold;
text-shadow: none !important; }
html body .header-second-style a.account-menu-button i.fa-chevron-down {
position: absolute;
left: 0;
top: 23px;
margin: 0 !important; }
html body .header-second-style a.account-menu-button i.fa-chevron-down a.submenu-open i.fa-chevron-down {
-moz-transform: 180deg;
-ms-transform: 180deg;
-o-transform: 180deg;
-webkit-transform: 180deg;
transform: 180deg; }
html body .header-second-style a:hover {
color: lightgray !important;
background-color: transparent !important; }
html body .header-second-style .mobile-nav-second .page-header-content {
position: relative;
background-color: #45546e;
text-shadow: none !important;
height: 60px;
/*--- why ? ---*/ }
html body .header-second-style .mobile-nav-second .page-header-content .container {
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-content .logo.col-md-1 {
position: absolute;
z-index: 999;
left: 0px;
top: 0 !important; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu {
float: right;
width: 100%; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu li.header-items > .submenu {
top: 100%;
right: 0; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .has-submenu {
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu {
float: right;
white-space: nowrap;
position: absolute;
right: 100%;
top: 0;
background-color: #45546e;
/*border: 1px solid lighten($color-second, 2%);*/
transform: scaleY(0);
transform-origin: top;
transition: 0.3s;
opacity: 0; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu li {
width: 100%; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu .has-submenu a {
border-right: 1px solid gray; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu.has-submenu {
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu.has-submenu .submenu {
display: none; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .submenu a {
/*color: $color-second !important;*/
text-shadow: none !important;
/*For Menu ????? */
/*text-align: center;
width: 85%;*/
white-space: nowrap; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .header-items i {
font-size: 10px !important;
position: relative;
top: 2px;
right: 8px; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .header-items a {
padding: 21px 17px !important; }
html body .header-second-style .mobile-nav-second .page-header-content ul.header-menu .header-items a:hover {
color: lightgray !important; }
html body .header-second-style .mobile-nav-second .page-header-content .menu-buttom-logo a {
padding-top: 0; }
html body .header-second-style .mobile-nav-second .page-header-bar {
height: 35px !important;
/*background-color: lighten($color-first, 45%) !important;*/
position: relative;
z-index: 99;
/*background-color: darken($color-second, 12%);*/
background-color: whitesmoke !important;
height: 60px; }
html body .header-second-style .mobile-nav-second .page-header-bar .letter-envelop.main-menu {
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-bar .letter-envelop.main-menu i {
font-size: 30px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .letter-envelop.main-menu span {
right: -13px;
top: 0;
position: absolute;
color: white;
background-color: red;
z-index: 9999;
width: 20px;
height: 20px;
display: block;
text-align: center;
font-size: 15px;
border-radius: 10px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header a {
padding: 8px 10px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu {
float: left !important;
width: 254px;
position: relative;
/*span.flag {
background-image: url(/Content/Images/logo/AllLogos.png);
padding-right: 14px;
&.ru {
background-position-x: -17px;
width: 18px;
height: 12px;
}
&.ar {
background-position-x: -58px;
width: 18px;
height: 12px;
}
&.ar-iq {
background-position-x: -58px;
width: 18px;
height: 12px;
}
&.en {
background-position-x: 3px;
width: 18px;
height: 12px;
}
&.fa {
background-position-x: -38px;
width: 18px;
height: 12px;
}
&.ir-fa {
background-position-x: -38px;
width: 18px;
height: 12px;
}
}*/ }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu > div {
float: right;
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu > div:first-child:after {
border-left: 1px solid lightgray;
content: '';
left: 0px;
position: absolute;
top: 10px;
z-index: 9999;
width: 1px;
height: 15px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu span {
font-size: 12px;
color: white;
padding: 7px;
display: inline-flex;
cursor: pointer;
text-align: center;
font-weight: bold; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu span img {
margin: 0 5px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu span:hover {
color: lightgray; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul {
float: left !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools {
color: white;
float: right;
background-color: white;
position: absolute;
transition: all 0.3s;
text-align: left;
min-width: 140px;
z-index: 99; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li {
border-bottom: 1px dashed lightgray;
text-align: right; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li:hover {
background-color: whitesmoke; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li a {
margin: 8px 0 !important;
font-weight: normal !important;
padding: 0 5px !important;
color: #414f68 !important;
padding: 0 14px !important;
margin: 8px 0 !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li a.disabled-language {
user-select: none !important;
color: gray !important;
pointer-events: none !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li a.country-select {
font-weight: bold !important;
pointer-events: none;
font-size: 13px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li a img {
position: relative;
top: 0px;
right: -4px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.header-tools.language-tools li:last-child a {
border-left: none; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.currency-tools {
width: 55px !important;
min-width: initial !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.currency-tools li.has-menu.header-items {
min-width: initial !important;
text-align: center;
width: 100% !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.currency-tools li.has-menu.header-items a {
font-size: 11px;
padding: 0 !important;
direction: ltr !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu ul.currency-tools li.has-menu.header-items a b {
margin: 0 5px; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu li {
position: relative; }
html body .header-second-style .mobile-nav-second .page-header-bar .row.top-header .language-menu li img {
float: left;
padding-right: 15px; }
html body .header-second-style .mobile-nav-second .page-header-bar .logo {
position: absolute;
left: 0;
top: 39px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .logo a {
padding: 0 !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .logo img {
float: left; }
html body .header-second-style .mobile-nav-second .page-header-bar .header-menu .header-items a {
padding: 20px 15px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .language-menu li a:hover,
html body .header-second-style .mobile-nav-second .page-header-bar li.header-items a:hover {
color: lightgray !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .container {
position: relative;
border-bottom: 1px solid transparent;
-moz-border-image: -moz-linear-gradient(to left, #ffffff 0%, transparent 50%, transparent 100%);
-webkit-border-image: -webkit-linear-gradient(to left, #ffffff 0%, transparent 50%, transparent 100%);
border-image: linear-gradient(to left, #ffffff 0%, transparent 50%, transparent 100%);
border-image-slice: 1;
height: 34px; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools {
float: right;
/*a {
padding: 12px !important;
color: white !important;
&.account-menu-button i.second-icon {
position: absolute;
left: 0;
top: 13px;
}
i {
padding-left: 5px;
}
}*/ }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.header-items {
/*.account-menu {
position: absolute;
width: 100%;
background-color: $color-whiteSmoke;
right: 0;
top: 105%;
a {
color: black !important;
text-shadow: none !important;
}
> ul {
z-index: 99;
position: relative;
}
.header-items {
display: block;
float: initial !important;
width: 100%;
padding: 10px;
color: $color-black !important;
}
}*/ }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.header-items i {
position: relative;
top: 1px;
margin-left: 8px;
line-height: 1 !important; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.header-items.has-menu {
position: relative;
min-width: 140px; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.header-items.has-menu .flag {
position: relative;
top: 5px; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.header-items a.account-menu-button {
padding-right: 12px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu > a.account-menu-button {
position: relative;
float: right;
padding: 12px 12px 12px 40px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu a {
padding: 12px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu ul {
float: right;
overflow: hidden; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li {
opacity: 0;
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
-webkit-transform: translateX(50px);
transform: translateX(50px);
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
pointer-events: none; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li a {
padding: 12px !important; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(1) {
-moz-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(2) {
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(3) {
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(4) {
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(5) {
-moz-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(6) {
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(7) {
-moz-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu li:nth-child(8) {
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
html body .header-second-style .mobile-nav-second .page-header-bar ul.header-tools li.account-menu.show-menu li {
opacity: 1;
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
pointer-events: auto; }
html body .header-second-style .mobile-nav-second .page-header-bar li a {
color: black !important; }
html body .header-second-style .mobile-nav-second .page-header-bar .header-contact span {
display: block;
color: white;
padding: 14px 0;
float: left;
font-size: 16px; }
html body .header-second-style .mobile-nav-second .page-header-bar .container:before {
height: 1px;
background-color: transparent; }
html body .header-second-style .account-menu {
position: absolute;
width: 100%;
background-color: white;
right: 0;
top: 90%;
min-width: 180px;
opacity: 1;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s; }
html body .header-second-style .account-menu.ng-hide {
opacity: 0;
top: 120%; }
html body .header-second-style .account-menu > ul {
z-index: 99;
position: relative; }
html body .header-second-style .account-menu .header-items {
display: block;
float: initial !important;
width: 100%;
padding: 0px;
color: black !important;
line-height: 1.4 !important;
overflow: hidden; }
html body .header-second-style .account-menu .header-items.first-menu-item a {
color: #414f68 !important; }
html body .header-second-style .account-menu .header-items.first-menu-item a i {
float: left;
top: 0px;
font-size: 11px !important;
margin-left: 3px; }
html body .header-second-style .account-menu .header-items ul.second-menu-items {
background-color: whitesmoke;
-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
height: auto;
overflow: hidden; }
html body .header-second-style .account-menu .header-items ul.second-menu-items.ng-hide {
height: 0 !important; }
html body .header-second-style .account-menu .header-items ul.second-menu-items.has-reserve-hotel {
height: auto; }
html body .header-second-style .account-menu .header-items ul.second-menu-items.has-ticket-insurance {
height: auto; }
html body .header-second-style .account-menu .header-items ul.second-menu-items.has-ticket-insurance li.header-items.second-menu-item a {
padding: 8px 8px 8px 0px !important; }
html body .header-second-style .account-menu .header-items ul.second-menu-items a {
color: #088cc2 !important;
padding-right: 15px !important;
padding-left: 15px !important; }
html body .header-second-style .account-menu .header-items ul.second-menu-items a:hover {
color: #414f68 !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .language-menu {
margin-left: 100px !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .language-menu ul.header-tools {
float: right;
/*float: left;*/ }
html body.scrolled .header.header-second-style .mobile-nav-second .language-menu ul.header-tools.language-tools {
float: right; }
html body.scrolled .header.header-second-style .mobile-nav-second .language-menu ul.header-tools.language-tools li a {
color: white; }
html body.scrolled .header.header-second-style .mobile-nav-second .language-menu ul.header-tools.language-tools li a.disabled-language {
color: gray !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .page-header-bar {
position: fixed !important;
width: 100%;
background-color: #414f68 !important;
display: block; }
html body.scrolled .header.header-second-style .mobile-nav-second .page-header-bar .header-tools > .header-items > a {
color: white !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .page-header-bar .logo {
transform: scale(0.56);
top: -8px !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .page-header-bar .container {
border-bottom: 0 !important; }
html body.scrolled .header.header-second-style .mobile-nav-second .page-header-bar .container:before {
height: 0 !important; }