.top-header { background: #ffffff; line-height: normal; padding: 10px 0; border-bottom: solid 1px #f3f5f7; position: fixed; top: 0; z-index: 1000; width: 100% } .top-header, .top-header a { color: #000 !important; outline: none; } .flightsres-headerbx .top-header, .flightsres-headerbx .result-header { position: static; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flightsres-headerbx .top-header { display: none; } .flightsres-headerbx.showtop .top-header { display: block; } .top-header .container { padding: 0 } #resultScreen .top-header { display: none; } .result-header .navbar-brand img { height: auto; } .navbar-brand { height: auto !important; margin: 9px 0 0 40px } .navbar-brand img { width: 70% } .result-header .nav ul li { padding: 0 0 0 15px } .result-header .logo_area { padding-right: 0 } .result-header .call_area { padding-left: 0 } .result-header .nav ul li a { font-size: 13px } .result-header .nav { margin-top: -5px !important; position: relative; top: 6px; } .result-header .logo img { width: 200px !important } .result-header { width: 100%; border-bottom: 1px solid #f6f6f6; float: left; background: #fff; padding: 14px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 999; position: fixed; height: auto; top: 0 !important } .result-header .logo { float: left; font-weight: 400; font-family: 'Rubik', sans-serif; } .result-header .logo img { width: 200px } .result-header .nav { float: right; margin-top: 0 } .result-header .nav ul { margin: 0; padding: 0; list-style: none } .result-header .nav ul li { float: left; padding: 7px 0 7px 15px } .result-header .nav ul li a { color: #fff; font-size: 17px; font-weight: 400 } .result-header .nav ul li img { vertical-align: middle; margin-right: 10px } .result-header .nav ul li:last-child { border: 0 } .result-header .container { position: relative; } .result-header .mysearch_drop ul li { padding-bottom: 30px !important; } .result-header { -webkit-box-shadow: 0 0px 5px rgb(15 15 15 / 3%); -moz-box-shadow: 0 0px 5px rgb(15 15 15 / 3%); box-shadow: 0 0px 5px rgb(15 15 15 / 3%); } .result-header .nav ul li { background: transparent; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { margin: 0; list-style: none; -webkit-box-shadow: 0 0.3rem 8rem rgb(0 0 0 / 8%), 0 -4px 28px -9px rgb(0 0 0 / 10%); -moz-box-shadow: 0 0.3rem 8rem rgb(0 0 0 / 8%), 0 -4px 28px -9px rgb(0 0 0 / 10%); box-shadow: 0 0 0 10000px rgb(0 0 0 / 55%); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; overflow: hidden; margin-top: 25px; width: 350px; border: none; padding: 22px; overflow: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } hr.currency-hr.exl { margin: 22px -22px; } .langmenufl-item .dropdown-menu li.mt-5 { margin-top: 40px; } .langmenufl-item .dropdown-menu li, .result-header .langmenufl-item .dropdown-menu li { padding: 0; } .result-header .nav ul li a { color: #333; font-size: 15px; font-weight: 500; text-decoration: none; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { right: 0px; left: auto; min-height: auto !important; margin-bottom: 0; } .cheapbook-light .currency-chsbx img, .result-header .nav ul li .currency-chsbx img { margin-right: 5px; position: relative; vertical-align: middle; top: -2px; } .result-header ul.currentlng-rs li a, .result-header .nav ul.currentlng-rs li a { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 15px 10px; min-height: 52px; color: #040404; border: 1px solid #e5e5e5; font-size: 14px; display: block; position: relative; font-weight: 600; text-align: center; text-decoration: none; } .result-header ul.currentlng-rs li a img, ul.currentlng-rs li a img, .result-header .nav ul.currentlng-rs li a img { width: 39px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 9px; margin-right: 0; margin-left: 0; display: inline-block; vertical-align: middle; border: 1px solid #efefef; box-shadow: 0 0 7px 2px #fff; -o-box-shadow: 0 0 7px 2px #fff; -ms-box-shadow: 0 0 7px 2px #fff; -moz-box-shadow: 0 0 7px 2px #fff; -webkit-box-shadow: 0 0 7px 2px #fff; } .result-header ul.currentlng-rs, .result-header .nav ul.currentlng-rs { margin: 20px -6px 0 } .result-header ul.currentlng-rs li, .result-header .nav ul.currentlng-rs li { padding: 0 8px !important; display: inline-block; width: 50% !important; } .result-header ul.currentlng-rs li a.active, .result-header .nav ul.currentlng-rs li a.active { border-color: #aefdb5; font-weight: 700; background-color: #e4ffe7; } .langmenufl-header-mobile { display: none; } .langmenufl-header-mobile ul { margin: 0; } .langmenufl-item .dropdown-toggle.light { background: transparent; color: #0e0e0e; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; padding: 10px 0; text-align: center; margin-left: 0; position: relative; top: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .langmenufl-item .dropdown-toggle.light.pnone { pointer-events: none; } .langmenufl-item .dropdown-toggle.light img { margin-top: -20px; position: relative; top: 8px;  width: 30px; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; z-index: 1002; } .langmenufl-item .dropdown-toggle.light svg { vertical-align: middle; margin-top: -5px; margin-right: 4px; fill: #ff6600; } .langmenufl-item .dropdown-toggle.btn-primary.focus, .langmenufl-item .dropdown-toggle.btn-primary:focus, .langmenufl-item .dropdown-toggle.btn-primary:hover { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; color: #333; } .langmenufl-item.open .btn-primary.active.focus, .langmenufl-item.open .btn-primary.active:focus, .langmenufl-item.open .btn-primary.active:hover, .langmenufl-item.open .btn-primary:active.focus, .langmenufl-item.open .btn-primary:active:focus, .btn-primary:active:hover, .langmenufl-item.open>.dropdown-toggle.btn-primary.focus, .langmenufl-item.open>.dropdown-toggle.btn-primary:focus, .langmenufl-item.open>.dropdown-toggle.btn-primary:hover, .langmenufl-item.open>.dropdown-toggle.btn-primary { background: transparent; color: #333; border-color: transparent; } .langmenufl-item .dropdown-menu h4 { margin-top: 0; margin-bottom: 0; color: #000000; font-size: 15px; text-align: left; letter-spacing: 0.6px; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .langmenufl-item .dropdown-menu h4 svg { vertical-align: middle; display: inline-block; margin-top: -4px; margin-right: 4px; } .langmenufl-item .dropdown-menu ul.nav-lng { margin: 0 -8px; } .langmenufl-item .dropdown-menu ul.nav-lng li { float: left; width: 33.33%; padding: 0 8px; list-style: none; } .langmenufl-item .dropdown-menu ul.nav-lng li a { color: #6c757d; text-align: center; display: block; font-weight: 400; border: solid 1px #6c757d; font-size: 16px; letter-spacing: 1.2px; width: 100%; margin: 0; } .langmenufl-item .dropdown-menu ul.nav-lng li a:hover { background-color: rgb(108 117 125 / 7%); } .langmenufl-item .dropdown-toggle .caret { margin-left: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .langmenufl-item .dropdown-toggle[aria-expanded="true"] .caret { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .langmenufl-item .dropdown-menu ul.nav-lng li a.active { background: #ff6600; color: #fff; border-color: #ff6600; font-weight: 600; -webkit-box-shadow: 0 0px 13px 4px #fff, 0 8px 13px rgb(255 102 0 / 60%); -moz-box-shadow: 0 0px 13px 4px #fff, 0 8px 13px rgb(255 102 0 / 60%); box-shadow: 0 0px 13px 4px #fff, 0 8px 13px rgb(255 102 0 / 60%); } .langmenufl-item .dropdown-menu::before { bottom: 100%; left: auto; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 9px; right: 21px; } .langmenufl-item .dropdown-menu ul.nav-lng li.col-xs-12 { width: 100%; text-align: center; } .langmenufl-footer .langmenufl-item .dropdown-menu::before { right: auto; left: 21px; } .langmenufl-footer .langmenufl-item { margin: 0; margin-bottom: 30px; } .langmenufl-footer .langmenufl-item .dropdown-toggle.light { width: 100%; margin: 0; text-align: right; height: 46px; } .langmenufl-footer .dropdown-toggle b { width: 100%; text-align: center; display: table-cell; vertical-align: middle; } .langmenufl-footer .dropdown-toggle img { max-width: none; } .langmenufl-footer .langmenufl-item .dropdown-menu { width: 100%; } .langmenufl-item { margin-left: 15px; } .langmenufl-header-right { position: absolute; right: 59px; top: 3px; z-index: 4; } .btn.btn-info.btn-modal { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; font-weight: 500; padding-top: 0; padding-bottom: 0; height: 30px; width: auto; font-size: 13px; background: transparent !important; border: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 11px; padding-right: 0; padding-left: 9px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.btn-info.btn-modal svg {font-size: 37px;margin-right: 0;color: #0770e4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #d9ebff;} .input-group.langmenuflacc .input-group-addon, .input-group.langmenuflacc .form-control { border: none; height: 40px; } .input-group.langmenuflacc { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; margin-bottom: 20px; } .input-group.langmenuflacc .input-group-addon img { max-width: none; } .input-group.langmenuflacc .input-group-addon { padding: 0 8px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-width: 40px; position: relative; z-index: 3; border-right: solid 2px #0f1e35; } .input-group.langmenuflacc .form-control { font-size: 17px; font-weight: 600; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; } .currency-chsbx { -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; border: solid 1px #e1e1e1; background-color: #fff; } .currency-chsbx label { display: block; padding: 16px 11px; border-top: solid 1px #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; margin-bottom: -1px; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .currency-chsbx label:first-child { border-top: 0 } .currency-chsbx .chsbxswitch, .chsbxswitch { position: relative; display: inline-block; width: 42px; height: 21px; padding: 0; } .chsbxswitch input { opacity: 0; width: 0; height: 0; } .chsbxslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; } .chsbxslider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; } .chsbxswitch input:checked+.chsbxslider { background-color: #ff6600; } .chsbxswitch input:focus+.chsbxslider { -webkit-box-shadow: 0 0 1px #ff6600; -moz-box-shadow: 0 0 1px #ff6600; box-shadow: 0 0 1px #ff6600; } .chsbxswitch input:checked+.chsbxslider:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); -moz-transform: translateX(19px); -o-transform: translateX(19px); transform: translateX(19px); } .chsbxslider.round { -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; } .chsbxslider.round:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* callnowpopup */ #callnowpopup { z-index: 1000000200; } #callnowpopup .currency-chsbx { padding: 5px; text-align: center; background: transparent; border: none; margin-bottom: -13px; } #callnowpopup .currency-chsbx, #callnowpopup .currency-chsbx label { border-color: #e5e5e5; } #callnowpopup .cheapbook-light h4 { margin-bottom: 11px; background-color: #fff; display: inline-block; padding: 7px 10px; font-size: 15px; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); color: #607D8B; } #callnowpopup .currency-chsbx label { font-size: 15px; width: 46%; color: #212529; margin: 0 2%; display: inline-block; letter-spacing: 0.6px; border: solid 1px #e5e5e5; background-color: #f7f7f7; margin-bottom: 13px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-weight: 700; -webkit-box-shadow: -1px 4px 5px -4px rgb(0 0 0 / 10%) inset; -moz-box-shadow: -1px 4px 5px -4px rgb(0 0 0 / 10%) inset; box-shadow: -1px 4px 5px -4px rgb(0 0 0 / 10%) inset; } #callnowpopup .currency-chsbx label:last-child { margin-bottom: 0; } #callnowpopup .cheapbook-light { font-size: 0; position: relative; } #callnowpopup .currency-chsbx .chsbxswitch, #callnowpopup .chsbxswitch { width: 21px; } #callnowpopup .chsbxslider.round:before { background-color: #ccc; } #callnowpopup .chsbxswitch input:checked+.chsbxslider:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); background-color: #ff6600; } #callnowpopup .chsbxswitch input:checked+.chsbxslider { background-color: #fff; -webkit-box-shadow: 0 0 0 1px #ff6600; -moz-box-shadow: 0 0 0 1px #ff6600; box-shadow: 0 0 0 1px #ff6600; } #callnowpopup .chsbxslider:before { height: 13px; width: 13px; left: 4px; bottom: 4px; } .cheapbook-contact { margin-bottom: 20px; } .currency-chsbx label.disabled { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha(opacity=30); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .currency-chsbx label.disabled .chsbxswitch { pointer-events: none; } .callcustomcare-content.select-country-popup .currency-chsbx { padding: 20px 0 !important; } .status-spantext-cur { float: left; } body { top: 0 !important; } .status-spantext-cur img { margin-top: -2px; margin-right: 4px; } hr.currency-hr { margin: 16px 0; border-top: 1px solid #ebebeb; } #google_translate_element a.goog-logo-link img { margin: 0; } #google_translate_element select { width: 100%; margin-bottom: 10px !important; font-family: 'Rubik', sans-serif; height: 40px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right 1rem center !important; -webkit-background-size: 10px 13px !important; -moz-background-size: 10px 13px !important; -o-background-size: 10px 13px !important; background-size: 10px 13px !important; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; } #google_translate_element select option[value=""] { cursor: no-drop; pointer-events: none; } #google_translate_element select, .langmenufl-item .dropdown-toggle { border: none; outline: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-weight: 500; text-transform: uppercase; font-size: 12px; position: relative; top: 0px; padding: 4px 10px; letter-spacing: 1.4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; border: solid 1px #e4e4e4; color: #000; cursor: pointer; margin-top: 0 !important; margin-bottom: 0 !important; -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%); -moz-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%); box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%); } body .goog-te-gadget { font-size: 0; font-family: 'Rubik', sans-serif; text-align: center; } body .goog-logo-link, body .goog-logo-link:link, body .goog-logo-link:visited, body .goog-logo-link:hover, body .goog-logo-link:active { color: #444 !important; font-size: 12px !important; font-family: 'Rubik', sans-serif; } #goog-gt-tt, body .goog-te-balloon-frame { display: none !important; } body .goog-text-highlight { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc, .goog-te-gadget img { display: none; } .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } body .goog-te-banner-frame { display: none !important; } body .goog-te-gadget a { display: none; } .navM_sctn { display: none; position: fixed; overflow: auto; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 900000000; -webkit-animation-name: fadeInLeftNavsct; -moz-animation-name: fadeInLeftNavsct; -o-animation-name: fadeInLeftNavsct; animation-name: fadeInLeftNavsct; -webkit-animation-duration: 180ms; -moz-animation-duration: 180ms; -o-animation-duration: 180ms; animation-duration: 180ms; -webkit-animation-delay: 180ms; -moz-animation-delay: 180ms; -o-animation-delay: 180ms; animation-delay: 180ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; max-width: 400px; padding: 22px; } @-webkit-keyframes fadeInLeftNavsct { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeftNavsct { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-o-keyframes fadeInLeftNavsct { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes fadeInLeftNavsct { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .navM_sctn.hideleft { -webkit-animation-name: fadeOutLeftNavsct; -moz-animation-name: fadeOutLeftNavsct; -o-animation-name: fadeOutLeftNavsct; animation-name: fadeOutLeftNavsct; -webkit-animation-duration: 180ms; -moz-animation-duration: 180ms; -o-animation-duration: 180ms; animation-duration: 180ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutLeftNavsct { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeftNavsct { 0% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-o-keyframes fadeOutLeftNavsct { 0% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeftNavsct { 0% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .navM_sctn>div { text-align: left; font-size: 22px; color: #000; padding-top: 22px; height: 60px; font-weight: 500; margin-bottom: 10px; } .navM_sctn>div a { float: right; color: #1e1e1e; font-size: 38px; text-decoration: none; margin-top: -20px; font-weight: 300; } .navM_sctn>a { width: 100%; float: left; padding: 0 15px; margin: 5px 0 10px; text-align: left; font-size: 16px; color: #000 } .rsv_deal_navprt { min-height: auto !important } .rsv_deal_navprt .navbar-collapse>ul>li>a { font-size: 16px; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .rsv_deal_navprt .navbar-collapse>ul>li.hidden-xs a { font-size: 20px; font-weight: 500 } .rsv_deal_navprt .navbar-header button { margin: 0 } .rsv_deal_navprt .navbar-toggle .icon-bar { background: #000 } .rsv_deal_navprt .number.hidden-sm { color: #000; position: absolute; right: 0; top: 5px } .rsv_deal_navprt .navbar-nav>li>a { color: #000 !important } .rsv_deal_navprt .navbar-nav>li>a:hover { background: 0 0 !important } .rsv_deal_navprt .navbar-collapse>ul>li>a .badge { margin-left: 6px; } .skiptranslate iframe { display: none; } .opn_mobnav { position: absolute; left: 13px; color: #000; top: 50%; font-size: 20px; line-height: normal; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); margin-top: -1px; } img.navbar-tg { width: 24px; position: relative; top: -1px; } .nav-sctn-back { display: none; position: fixed; overflow: auto; bottom: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); z-index: 899999998; -ms-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); -moz-backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .callquest-head .media-body { width: auto; } .callquest-head b { display: block; font-weight: 400; font-size: 90%; margin-top: 1px; color: #7b7b7b; } li.hidden-calfo.callquest-head a, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo.callquest-head a { color: #000000 !important; display: block; } li.hidden-calfo.callquest-head a { margin-bottom: 8px; } li.hidden-calfo.callquest-head a:last-child { margin-bottom: 0; } li.hidden-calfo.callquest-head { padding-right: 16px; } ul.hidden-calfo-fix { display: none; position: fixed; z-index: 9; line-height: normal; padding: 0; margin: 0; bottom: 5px; text-align: center; width: 100%; left: 0; } ul.hidden-calfo-fix li.hidden-calfo { list-style: none; padding: 0; position: relative; z-index: 2; margin-left: 0; } ul.hidden-calfo-fix li.hidden-calfo a { padding: 11px 6px; background: #FFEB3B; margin: 0; color: #000000 !important; font-size: 15px !important; border: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; text-decoration: none; margin-top: 6px; width: 90%; display: inline-block; margin-left: 1%; margin-right: 1%; position: relative; font-weight: 700; } ul.hidden-calfo-fix .hidden-calfo img, ul.hidden-calfo-fix .hidden-calfo img#phoneclick { width: 20px; margin-right: 7px; position: absolute; top: 50%; margin-top: -10px; left: 10px; background-color: #ffffff; float: left; -webkit-box-shadow: 0px 0px 0 8px #ffffff; -moz-box-shadow: 0px 0px 0 8px #ffffff; box-shadow: 0px 0px 0 8px #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } ul.hidden-calfo-fix li.hidden-calfo.w-100 { width: 100%; font-size: 0; padding: 0 0 3px; } li.hidden-calfo { padding: 3.5px 0; } .hidden-calfo img, .hidden-calfo img#phoneclick { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 18px; margin-right: 6px; position: relative; top: -1px; } li.hidden-calfo a, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo a { padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; vertical-align: middle; font-weight: 400; color: #ff6600 !important; font-size: 14px; display: inline-block; } li.hidden-calfo a.first, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo a.first { border-left: none } li.hidden-calfo a:hover, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo a:hover { color: #ff6600 !important } li.hidden-calfo a, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo a { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; } .callquest-head .media-left { padding-right: 8px; } .callquest-head .media-left svg { position: relative; top: 3px; } ul.nav-services { margin: 0 auto; position: relative; left: -53px; font-size: 0; } .respflgmob ul.nav-services { position: static; margin-top: 15px; margin-bottom: 5px; width: 100%; } .respflgmob ul.nav-services a { font-weight: 500; padding: 10px 14px; font-size: 13px; } .respflgmob ul.nav-services li { padding: 0; border-color: #ffffff; border-width: 2px; margin: 0; border: solid 5px #ffffff; background: #eff8ff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .respflgmob ul.nav-services li:first-child { border-left: solid 3px #ffffff; } ul.nav-services, ul.nav-services li { display: inline-block; list-style: none; vertical-align: middle; } ul.nav-services li img { margin-bottom: 4px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5 } ul.nav-services li.active img { -webkit-filter: none; filter: none; opacity: 1 } ul.nav-services li a, .rsv_deal_navprt .navbar-collapse>ul.nav-services>li>a { text-decoration: none; color: #1c1c1c; font-weight: 500; text-align: center; display: inline-block; padding: 0; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; } ul.nav-services li.active a { font-weight: 600; } ul.nav-services li a span { display: block; } ul.nav-services li a svg { stroke: #ff6600; } ul.nav-services li.active a svg path { fill: #ff6600; } ul.nav-services li.active.trans a svg path, ul.nav-services li.active.htlist a svg path { fill: transparent; stroke: #ff6600; } ul.nav-services li.active.trans a svg circle { fill: #000; } ul.nav-services li.active svg.bed { opacity: 1; } ul.nav-services li { position: relative; margin: 0 11px; } ul.nav-services li:last-child { border-right: none; } .respflgmob ul.nav-services li:hover a { color: #fff; } .respflgmob ul.nav-services li:hover { background: #0063d6; color: #fff; } ul.nav-services li:hover a, .rsv_deal_navprt .navbar-collapse>ul.nav-services>li:hover>a, ul.nav-services li.active a, .navM_sctn>a.othpol:hover, a.othpol:hover, .rsv_deal_navprt .navbar-collapse>ul.nav-services>li.active>a { color: #ff6600; } .langmenufl-header-nvlogo ul.nav-services li img { display: none; } .langmenufl-header-nvlogo ul.nav-services li img.new-badge { position: absolute; display: inline-block; left: -9px; top: -6px; padding: 3px; } .langmenufl-header-nvlogo ul.nav-services li a, .rsv_deal_navprt .langmenufl-header-nvlogo ul.nav-services>li>a { font-size: 15px; font-weight: 400; padding: 16.35px 4px; color: #000000; } ul.nav-services li::after { content: ''; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -16px; width: 0%; height: 4px; position: absolute; background: #ff7011; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } ul.nav-services li.active::after { opacity: 1; width: 100%; -webkit-animation-name: zoomInLinenv; -moz-animation-name: zoomInLinenv; -o-animation-name: zoomInLinenv; animation-name: zoomInLinenv; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomInLinenv { 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-moz-keyframes zoomInLinenv { 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); -moz-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-o-keyframes zoomInLinenv { 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomInLinenv { 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); -moz-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } a.navbar-brand-slidenav img { width: 170px; } .navM_sctn>div a.navbar-brand-slidenav, a.navbar-brand-slidenav { float: left; } .navM_sctn ul.nav-services { width: 100%; float: left; display: block; left: 0; } .navM_sctn>a.othpol, a.othpol { padding: 0; margin: 10px 0; text-decoration: none; } .navM_sctn>a.othpol svg, a.othpol svg { vertical-align: middle; margin-top: -5px; } .navM_sctn ul.nav-services li { display: block; padding: 10px 0; margin-bottom: 9px; border-right: none; } .navM_sctn ul.nav-services li img { margin-right: 15px; } .navM_sctn ul.nav-services li:last-child { margin-bottom: 0; } .navM_sctn ul.nav-services li a span { display: inline-block; } .navM_sctn>div.col-xs-12.othpol-col, .othpol-col { padding: 0; height: auto; margin-bottom: 12px; margin-top: 10px; } .navM_sctn>a.othpol svg, a.othpol svg { margin-left: -6px; } .navM_sctn ul.nav-services li a { text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .navM_sctn ul.nav-services li a img { min-width: 30px; margin-right: 19px; margin-bottom: 0; width: 30px; height: 30px; } .nav>li>a>img.new-badge.b, img.new-badge.b, .theme-footer.calltofree-bx a img.new-badge, .langmenufl-header-nvlogo ul.nav-services li img.new-badge, .navM_sctn ul.nav-services li a img.new-badge { height: auto; margin-right: 0; min-width: auto; margin-left: 10px; width: 38px; -webkit-filter: none; filter: none; opacity: 1; image-rendering: auto; } .nav>li>a>img.new-badge.b, img.new-badge.b { position: absolute; top: -17px; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .theme-footer.calltofree-bx a img.new-badge { padding: 3px; margin-top: -2px; margin-left: 4px; } .navM_sctn ul.nav-services li::after { left: -31px; width: 6px; height: 100%; top: 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .navM_sctn ul.nav-services li a, .navM_sctn>a.othpol, a.othpol, .contact-info-sctnmbo a.emaico-si { font-size: 15px; } .contact-info-sctnmbo a.emaico-si { float: none; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0; line-height: normal; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contact-info-sctnmbo a.emaico-si:hover h5 { color: #ff6600; } .contact-info-sctnmbo .fooN_Sctn { margin: 25px 0 0; } .contact-info-sctnmbo .fooN_Sctn:first-child { margin: 0; } .contact-info-sctnmbo a.emaico-si label { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 15px; font-weight: 400; margin: 0; padding-top: 7px; cursor: pointer; line-height: 1.6; color: #727272; } .contact-info-sctnmbo a.emaico-si h5 { margin-top: 0; font-size: 95%; margin-bottom: 6px; color: #131313; font-weight: 600; } .contact-info-sctnmbo, .navM_sctn hr { width: 100%; float: left; } .contact-info-sctnmbo svg { min-width: 30px; } .navM_sctn>div.contact-info-sctnmbo, .contact-info-sctnmbo { height: auto; } .contact-info-sctnmbo, .navM_sctn>div.contact-info-sctnmbo { border: solid 1px #f1f1f1; padding: 14px 20px 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; margin: 24px 0; } .contact-info-sctnmbo .fooN_Sctn:first-child, .contact-info-sctnmbo .fooN_Sctn, .contact-info-sctnmbo .row.ktl .col-xs-12 { padding: 0; } .contact-info-sctnmbo a.emaico-si span { background-color: #ff6600; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 40px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; min-height: 40px; } .flags-list-wrapper { margin: 18px -8px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flags-list-item { padding: 0 6px 14px; width: 33.33%; } .flags-list-item:last-child { padding-bottom: 0; } .flags-list-wrapper.curr .flags-list-item { width: 33.33%; } .flags-list-wrapper.curr .flags-list-item .flags-fl-2 { padding-right: 0; } .symc { background: #ffe8d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 4px; text-align: center; vertical-align: baseline; white-space: nowrap; font-size: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 20px; letter-spacing: 1.2px; font-weight: 600; color: #000000; line-height: normal; top: -2px; position: relative; z-index: 1002; } .flags-fl-2 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; } .flags-fl-2 .sym { background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 9px; padding: 3px 6px; text-align: center; vertical-align: baseline; white-space: nowrap; font-size: 14px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: normal; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 22px; -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 8%); -moz-box-shadow: 0 2px 5px rgb(0 0 0 / 8%); box-shadow: 0 2px 5px rgb(0 0 0 / 8%); font-weight: 500; float: right; margin-top: -4px; position: relative; top: 4px; } .flags-list-box:hover { color: #000000; border-color: #ff7011; background-color: #fff; font-weight: 500; } .flags-list-box.active .sym, .flags-list-box:hover .sym { background: #ff7011; color: #fff; } .flags-list-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 7px 12px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: solid 1px #ebf2fb; color: #181818; background-color: #ebf2fb; width: 100%; text-align: center; font-weight: 500; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 46px; } .flags-list-box.active .flags-fl-3 svg, .flags-list-box.active .sym { -webkit-box-shadow: 0 0px 0 4px rgb(255 112 17 / 20%); -moz-box-shadow: 0 0px 0 4px rgb(255 112 17 / 20%); box-shadow: 0 0px 0 4px rgb(255 112 17 / 20%); } a.flags-list-box, a.flags-list-box:hover { text-decoration: none; } .choose-by-lang .flags-list-box { cursor: pointer; text-align: left; } .flags-list-box.active { background-color: #ffffff; font-weight: 700; border: solid 1px #ff6600; pointer-events: none; color: #0a0a0a; } .flags-fl-3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flags-fl-1 img { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; width: 30px; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; } .flags-fl-3 svg { width: 19px; height: 19px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #ff6600; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 4px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .flags-list-box.active .flags-fl-3 svg { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .log_popup .right_content h3 { font-size: 26px; font-weight: 700; line-height: 34px; color: #333; letter-spacing: .5px; margin-top: 0; } .log_popup .otp-input-fields input {height: 55px;width: 15%;background-color: #f1f5fa;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border: 2px solid #f1f5fa;text-align: center;outline: none;font-size: 17px;font-weight: 500;color: #000000;} .vertical-alignment-helper { display:table; height: 100%; width: 100%;  } .vertical-align-center { display: table-cell; vertical-align: middle;  } .log_popup .modal-content { width:inherit; max-width:inherit; height:inherit; margin: 0 auto; pointer-events:all; } .otp-otp-resend { margin-top: 12px; font-size: 13px; text-align: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .otp-resend-request { color: #787878; display: none; } .otp-resend-request strong { cursor: pointer; color: #ff6000; font-weight: 500; } .otp-otp-resend.timer .otp-resend { display: none; } .otp-otp-resend.timer .otp-resend-request { display: block; } .ipcurcode-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .ipcurcode-flex h4.text-center { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 12px; } .ipcurcode-close { cursor: pointer; position: relative; top: 3px; } /*---------- responsive ----------*/ @media only screen and (min-width:768px) { .result-header .nav.navbar-right { margin-right: 106px; } .langmenufl-header-nvlogo .navbar-collapse.collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { -webkit-animation-name: fadeInUpperxPhoneHg; -moz-animation-name: fadeInUpperxPhoneHg; -o-animation-name: fadeInUpperxPhoneHg; animation-name: fadeInUpperxPhoneHg; transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; -moz-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -o-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -webkit-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; width: 700px; } @-webkit-keyframes fadeInUpperxPhoneHg { 0% { opacity: 0; -webkit-transform: rotateX(-10deg) scale(0.90); transform: rotateX(-10deg) scale(0.90); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUpperxPhoneHg { 0% { opacity: 0; -webkit-transform: rotateX(-10deg) scale(0.90); -moz-transform: rotateX(-10deg) scale(0.90); transform: rotateX(-10deg) scale(0.90); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-o-keyframes fadeInUpperxPhoneHg { 0% { opacity: 0; -webkit-transform: rotateX(-10deg) scale(0.90); transform: rotateX(-10deg) scale(0.90); } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes fadeInUpperxPhoneHg { 0% { opacity: 0; -webkit-transform: rotateX(-10deg) scale(0.90); -moz-transform: rotateX(-10deg) scale(0.90); transform: rotateX(-10deg) scale(0.90); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } } @media only screen and (min-width:992px) { .result-header .nav.navbar-right { margin-right: 104px; } } @media screen and (max-width:1024px) and (min-width:768px) { .top-header .unsubcribe-deals { width: 50% } .top-header .bottom-fixed { display: none } } @media screen and (max-width:1199px) { .langmenufl-header-nvlogo #deskNavBar ul.nav-services { display: none; } .result-header { padding: 17.5px 15px; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { margin-top: 22px; padding: 24px 17px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } hr.currency-hr.exl { margin: 22px -17px; } li.hidden-calfo.callquest-head { margin-top: -4px; } .langmenufl-item .dropdown-toggle.light { top: 2px; } } @media (min-width:768px) and (max-width:991px) { .flags-fl-1 img { width: 26px; } .langmenufl-item .dropdown-menu h4 { font-size: 14px; } hr.currency-hr.exl { margin-top: 11px; margin-bottom: 19px; } .langmenufl-item .dropdown-menu h4 svg { width: 17px; height: 17px; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { padding: 20px 17px 19px; } .flags-list-wrapper { margin-top: 15px; } } @media screen and (max-width:991px) { .result-header .navbar-brand img { width: 184px; position: relative; top: 4px; } .langmenufl-item .dropdown-toggle .revert, .langmenufl-item .dropdown-toggle { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } .langmenufl-item .dropdown-toggle { margin-left: 15px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .navbar-brand { margin: 5px 0 0 40px } a.navbar-brand-slidenav img { width: 165px; } .result-header { padding: 19px 15px; } .result-header .nav { top: 4px; } .langmenufl-header-right { top: 3px; right: 47px; } li.hidden-calfo.callquest-head { margin-top: -7px; position: relative; top: 4px; } li.hidden-calfo a, .rsv_deal_navprt .navbar-collapse .nav li.hidden-calfo a { padding: 0; padding-left: 12px; margin-left: 7px; font-size: 14px !important; } .hidden-calfo img { margin-right: 4px; } } @media only screen and (min-width:768px) and (max-width:991px) { .rsv_deal_navprt .navbar-collapse>ul>li>a { font-size: 15px !important } .rsv_deal_navprt .navbar-collapse>ul>li.hidden-xs a { font-size: 18px !important } } @media screen and (max-width:767px) { .flightsres-headerbx.showtop .top-header { display: none; } .btn.btn-info.btn-modal svg{ height: 26px; width: 26px;} .top-header, .top-header a { color: #fff !important; } .log_popup .right_content h3{ font-size: 24px; } .top-header .unsubcribe-deals { padding: 8px 0 !important } .navbar-brand { margin: 5px 0 0 12px } img.navbar-tg { width: 20px; } .navbar-brand img { width: 150px } div.top-header { z-index: 9999999; display: none; padding: 0; } .nav>li>a>img.new-badge.b, img.new-badge.b { top: 1px; right: 3px; width: 27px; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .result-header { padding: 8px 10px 8px 15px !important; top: 0 !important; } .result-header .call_area, .result-header .logo_area { padding: 0 } .result-header { top: 0 !important } .dropdown-menu-drolang { height: 47.28px; } .result-header .container { padding-right: 0 !important; padding-left: 15px !important; } .result-header .logo img { margin-top: 5px } .result-header .navbar-header { margin-left: 8px !important; float: left; } .result-header ul.currentlng-rs li a, .result-header .nav ul.currentlng-rs li a { font-size: 13px; } .langmenufl-header-mobile { display: block; float: right; } .langmenufl-header-mobile ul { list-style: none; margin: 0; } .langmenufl-header-mobile .langmenufl-item .dropdown-toggle.light { padding: 6px 0; top: 1px !important; width: auto; min-width: auto; font-size: 11px; line-height: normal; } #callnowpopup .currency-chsbx label { margin-left: 0; margin-right: 0; width: 100%; font-size: 14px; padding: 15px 12px 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #callnowpopup .cheapbook-light h4 { width: 100%; margin-bottom: 0; } .navM_sctn>.contact-sidefn, .contact-sidefn { text-align: center; width: 100%; float: left; margin-bottom: 0px; margin-top: 20px; padding: 10px 15px; height: auto; background: transparent; border: none; } .navM_sctn>.contact-sidefn a { float: none; display: inline-block; font-size: 18px; margin: 0 !important; background: #000000; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width: 220px; text-align: center; padding: 10px 14px; padding-right: 36px; color: #ffffff; -webkit-box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 15%); box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 15%); } .navM_sctn>.contact-sidefn a img { background: #fff; -webkit-box-shadow: 0 0 0px 5px #fff; -moz-box-shadow: 0 0 0px 5px #fff; box-shadow: 0 0 0px 5px #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; position: relative; top: 3px; margin-right: 20px !important; float: left; } .result-header .navbar-brand img { width: 123px; position: relative; top: 0px; } .langmenufl-header-right { position: static; float: right; } .navbar.rsv_deal_navprt { position: static; } .dropdown.navlang.langmenufl-item { position: static; margin-top: -12px; } .langmenufl-item .dropdown-toggle .caret { margin-left: 3px; } .langmenufl-item .dropdown-toggle.light { top: 7px; } .langmenufl-item .dropdown-toggle.light svg { width: 15px; height: 15px; margin-top: -8px; position: relative; top: 3px; margin-right: 4px; } .navM_sctn { padding: 20px; } .navM_sctn ul.nav-services li::after { left: -17px; width: 5px; } .opn_mobnav { left: 0 } a.navbar-brand-slidenav img { width: 160px; } .langmenufl-item .dropdown-toggle.light img { top: 10px; } .langmenufl-header-right { top: -6px; } .result-header .nav .langmenufl-item .dropdown-menu, .langmenufl-item .dropdown-menu { padding: 17px 15px 17px; width: 100%; position: fixed; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; overflow-x: hidden; overflow-y: auto; height: auto; top: auto; bottom: 0; margin: 0 !important; -webkit-box-shadow: 0 5px 50px 1000px rgb(0 0 0 / 50%); -moz-box-shadow: 0 5px 50px 1000px rgb(0 0 0 / 50%); box-shadow: 0 5px 50px 1000px rgb(0 0 0 / 50%); -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; max-height: 90%; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } hr.currency-hr.exl { margin: 18px -15px; } .flags-list-box { padding: 6px 9px; } .navM_sctn ul.nav-services { left: -11px; } .flags-fl-2 .sym { font-size: 12px; } .symc { top: 1px; } .flags-fl-2{ padding: 0 6px; } ul.hidden-calfo-fix { display: none !important; } ul.hidden-calfo-fix li.hidden-calfo { padding: 12px 6px; width: 50%; float: left; } } @media (max-width:667px) { .result-header .logo img { width: 150px !important } .result-header .nav ul li span { float: right !important; font-size: 14px !important } .result-header .nav ul li span img { width: 15px !important } .result-header .logo { font-weight: 400; font-family: 'Rubik', sans-serif; text-align: center } .result-header .nav ul li span+span { float: left !important; font-size: 12px } .result-header .nav ul li { width: 100% !important } .result-header .nav ul li span+span { float: left !important; font-size: 12px } .result-header .nav ul li { width: 100% !important } } @media screen and (max-width:575px) { .langmenufl-item .dropdown-menu ul.nav-lng li { width: 100%; margin-bottom: 10px; } .langmenufl-item .dropdown-menu ul.nav-lng li:last-child { margin-bottom: 0; } .langmenufl-item .dropdown-menu ul.nav-lng li a { padding-top: 7px; padding-bottom: 7px; } .rsv_deal_navprt .number.hidden-sm { font-size: 13px; } .rsv_deal_navprt .number.hidden-sm img { width: 13px !important; position: relative; top: -2px; } .contact-info-sctnmbo a.emaico-si span { min-width: 35px; min-height: 35px; } .contact-info-sctnmbo svg { min-width: 18px; width: 18px; height: 18px; } .navM_sctn ul.nav-services li a img { min-width: 26px; margin-right: 18px; width: 26px; height: 26px; margin-left: 5px; } .navM_sctn { padding: 15px; } .contact-info-sctnmbo .fooN_Sctn { margin: 20px 0 0; } .navM_sctn ul.nav-services li::after { left: -13px; } .navM_sctn ul.nav-services li { padding: 8px 0; } a.navbar-brand-slidenav img { width: 155px; } .navM_sctn>a.othpol, a.othpol { margin: 8px 0; } .log_popup .right_content h3{ font-size: 22px; } .contact-info-sctnmbo, .navM_sctn>div.contact-info-sctnmbo { padding: 9px 15px 6px; margin-bottom: 6px; } .langmenufl-header-right { top: -5px; } .navM_sctn ul.nav-services { left: -10px; } .flags-list-wrapper.curr .flags-list-item, .flags-list-item { width: 50%; } .langmenufl-item .dropdown-menu li.mt-5 { margin-top: 20px; } .flags-fl-2 .sym{ margin-top: -6px; } .log_popup .otp-input-fields input{ font-size: 15px; } .log_popup .otp-input-fields input:focus{ font-size: 16px; } .langmenufl-item .dropdown-toggle .caret{ margin-left: 0; } .btn.btn-info.btn-modal svg{ height: 24px; width: 24px;} } @media (max-width:479px) { ul.hidden-calfo-fix { padding: 5px 0; background: transparent; } ul.hidden-calfo-fix li.hidden-calfo { width: 100%; padding: 4px 15px; } ul.hidden-calfo-fix li.hidden-calfo a { font-size: 14px !important; padding: 8px 6px; width: 90%; } } @media screen and (max-width:480px) { .navbar-brand img { height: 30px } .langmenufl-item .dropdown-toggle.light svg { display: none; } .navM_sctn { max-width: 328px; } .navM_sctn ul.nav-services li a, .navM_sctn>a.othpol, a.othpol, .contact-info-sctnmbo a.emaico-si { font-size: 14px; } .respflgmob ul.nav-services a { font-size: 12px; } .theme-footer.calltofree-bx a img.new-badge, .langmenufl-header-nvlogo ul.nav-services li img.new-badge, .navM_sctn ul.nav-services li a img.new-badge { width: 36px; } .langmenufl-item .dropdown-toggle .caret{ border-width: 3px; } } @media (max-width:425px) { ul.hidden-calfo-fix .hidden-calfo img, ul.hidden-calfo-fix .hidden-calfo img#phoneclick { background-color: #fff; left: 7px; -webkit-box-shadow: 0px 0px 0 4px #ffffff; -moz-box-shadow: 0px 0px 0 4px #ffffff; box-shadow: 0px 0px 0 4px #ffffff; } } @media screen and (max-width:400px) { .result-header .navbar-brand img { height: auto } .result-header .container-fluid>.navbar-right { margin-bottom: 0 } .result-header .container-fluid>.navbar-right a { padding: 0; margin-top: 10px } .result-header .navbar { min-height: 40px } a.navbar-brand-slidenav img { width: 150px; } .contact-info-sctnmbo .fooN_Sctn { margin: 15px 0 0; } .theme-footer.calltofree-bx a img.new-badge, .langmenufl-header-nvlogo ul.nav-services li img.new-badge, .navM_sctn ul.nav-services li a img.new-badge { width: 34px; } .langmenufl-item .dropdown-toggle.light img{ width: 26px; } .symc { padding: 1px 4px; font-size: 8px; top: 0px; } .log_popup .right_content h3{ font-size: 20px; } } @media screen and (max-width:375px) { .navM_sctn ul.nav-services li a img { margin-left: 5px; } .contact-info-sctnmbo a.emaico-si label { padding-left: 10px; padding-top: 3px; } .contact-info-sctnmbo a.emaico-si span { min-width: 28px; min-height: 28px; } .contact-info-sctnmbo svg { min-width: 15px; width: 15px; height: 15px; } .langmenufl-item .dropdown-menu h4 { font-size: 14px; } .flags-list-box { font-size: 13px; } .flags-fl-1 img { width: 26px; } } @media screen and (max-width:360px) { .flags-fl-1 img { width: 24px; } } /* ================== */ @media (min-width: 768px) { .log_popup .modal-dialog { width: 800px; } } .log_popup .left_img img.logo { position: absolute; width: 150px; left: 20px; top: 16px; z-index: 2; } body .modal-backdrop.in { opacity: 0.8; } .log_popup .left_img img { width: 100%;  } .left_popup img.logobck{ -webkit-animation: scalelv 8s linear infinite; -moz-animation: scalelv 8s linear infinite; -o-animation: scalelv 8s linear infinite; animation: scalelv 8s linear infinite; } @-webkit-keyframes scalelv { 50% { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } } @-moz-keyframes scalelv { 50% { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } } @-o-keyframes scalelv { 50% { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } } @keyframes scalelv { 50% { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } } .log_popup .left_img { position: relative;} .log_popup .left_content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 99; width: 100%; padding: 0 50px; } .log_popup .left_content h4 { color: #fff; margin: 0; font-size: 35px; font-weight: 600; text-shadow: 1px 0px 1px #000000; line-height: 1.4; } .left_popup { border: solid 6px #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; overflow: hidden; } .log_popup .right_popup { padding: 0px 20px; } .log_popup .modal-body button.close { position: absolute; right: 15px; top: 15px; font-size: 29px; font-weight: 300; z-index: 99999; color: #000000; cursor: pointer; opacity: 1; } .log_popup .right_content {position: relative;} .log_popup .right_popup button.close span {font-size: 24px;} .log_popup .right_content p { font-size: 14px; color: rgb(47 56 60); margin-right: auto; margin-bottom: 5px; line-height: 1.6; } .log_popup .right_content p.info { margin-bottom: 0; } .otp_sec { margin-bottom: 30px; } .log_popup .inputWrap input[type="text"] { font-size: 16px; width: 100%; background: #f2f2f200; color: #121212; resize: none; padding: 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 55px; border: 2px solid rgb(204 204 204 / 47%); margin-bottom: 15px; } .log_popup .inputWrap input[type="text"]:focus { border-color: #ff6000; } .log_popup .inputWrap input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8d8d8d; } .log_popup .inputWrap input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #8d8d8d; } .log_popup .inputWrap input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #8d8d8d; } .log_popup .inputWrap input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #8d8d8d; } .log_popup .input_btn .continueBtn { width: 100%; height: 55px; background: #ff6000; border: none; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-transform: capitalize; font-size: 15px; } :disabled.continueBtn, .log_popup .input_btn :disabled.continueBtn { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 52px !important; opacity: 0.4; } :disabled.continueBtn span{ display: none; } :disabled.continueBtn svg { margin: 0; } :disabled.continueBtn svg.after{ -webkit-animation: spin 1s infinite; -moz-animation: spin 1s infinite; -o-animation: spin 1s infinite; animation: spin 1s infinite; } @-webkit-keyframes spin{ 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin{ 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin{ 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin{ 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } :disabled.continueBtn svg.before, .continueBtn svg.after, .log_popup .input_btn :disabled.continueBtn svg.before, .log_popup .input_btn .continueBtn svg.after{display: none;} :disabled.continueBtn svg.after, .continueBtn svg.before, .log_popup .input_btn :disabled.continueBtn svg.after, .log_popup .input_btn .continueBtn svg.before{display: inline-block;} .log_popup .input_btn .continueBtn svg ,.continueBtn svg { display: inline-block; vertical-align: middle; margin-right: 3px; } .mobile-menu {display: none;} .inputWrap{ margin-top: 30px; } .log_popup .otp-input-fields { margin: auto; margin-top: 30px; max-width: 400px; width: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .log_popup .otp-form .title { text-align: center; } .otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .otp-input-fields input[type=number] { -moz-appearance: textfield; } .otp-input-fields input:focus { border-width: 2px; border-color: #ff6000; font-size: 20px; } .result { max-width: 400px; margin: auto; padding: 10px 24px; text-align: center; } .result p {margin-bottom: 0;} .result p { font-size: 24px; font-family: "Antonio", sans-serif; opacity: 1; -webkit-transition: color 0.5s ease; -o-transition: color 0.5s ease; -moz-transition: color 0.5s ease; transition: color 0.5s ease; } .result p._ok { color: green; } .result p._notok { color: red; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .result p._notok:empty { display: none; } form.otp-form { margin-bottom: 5px; } .signup_screen .continueBtn svg { margin-top: -8px; position: relative; top: 4px; } .signup_form .input_div {margin-bottom: 15px;} .signup_form .input_div input { display: block; font-size: 16px; width: 100%; background: #ffffff; color: #121212; resize: none; padding: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 50px; border: 2px solid #e7e7e7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .signup_form .input_div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8d8d8d; } .signup_form .input_div input::-moz-placeholder { /* Firefox 19+ */ color: #8d8d8d; } .signup_form .input_div input:-ms-input-placeholder { /* IE 10+ */ color: #8d8d8d; } .signup_form .input_div input:-moz-placeholder { /* Firefox 18- */ color: #8d8d8d; } .signup_form .input_div input[readonly] { border-color: #f5f5f5 !important; background-color: #f5f5f5; } .input_div.mt-3.gap-2 input[type="text"] { width: 48%; } .input_div.mt-3.gap-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .inputeye i {position: absolute; right: 12px; color: #4a4a4a; top: 9px; font-size: 16px; cursor: pointer; width: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 30px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;} .inputeye i:hover {color: #ff6000; } .password-screen .mt-3 { margin-top: 30px; } .inputeye { position: relative; } .signup_form.inputeye .input_div input, .signup_form .inputeye .input_div input { padding-right: 43px; } button.continueBtn { padding: 8px 10px; text-align: center !important; border: 1px solid #ff5100; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #ff6000; color: #fff; position: relative; overflow: hidden; font-weight: 500; font-size: 14px; letter-spacing: .6px; width: 100%; height: 55px; border: 1px solid #99999938; text-transform: uppercase; } .continueBtn.disabled { -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.15; pointer-events: none; } .log_popup .modal-dialog.modal-dialog-centered .modal-content { -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .log_popup .modal-dialog.modal-dialog-centered .modal-body { padding: 0; } .log_popup .modal-dialog.modal-dialog-centered .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0; } .log_popup .modal-dialog.modal-dialog-centered .col-md-6 { padding: 0; } .right_content h4 { margin: 0 0 20px 0; font-size: 19px; color: #333; } .signup_form .input_div input:focus {border-color: #ff6c26;} .otp_screen #email_id { color: #003092; font-weight: 500; } /* =========profile-sec=============== */ .tab_box .progress .progress-bar { background-color: #05ac15; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btnlogin-label, body a.btnlogin-label, body a.btnlogin-label:focus { height: 31px; width: 31px; margin-right: 0; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex ; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; text-decoration: none; outline-offset: 0; background-color: #009688; text-transform: uppercase; border: solid 2px #fff; outline: solid 1px #009688;} body div:where(.swal2-container) div:where(.swal2-html-container) {font-size: 14px;line-height: 1.6;} .sepr-line-login .or{ position: relative; } .sepr-line-login .or { position: relative; margin: 25px 0; } .sepr-line-login .or span { position: relative; background-color: #fff; padding: 4px 17px; color: #8f8f8f; font-size: 13px; } .sepr-line-login .or::before{ content: ''; width: 100%; position: absolute; left: 0; top: 10px; height: 1px; background: #ebebeb; } .sepr-line-login .btlink { margin-top: -5px; } .sepr-line-login .btlink { margin-top: -5px; font-size: 14px; color: #2e2e2e; } .sepr-line-login .btlink-btn { display: inline-block; color: #ff6000; margin: 0 3px; cursor: pointer; font-weight: 500; } .sepr-line-login .btlink-btn:hover{ text-decoration: underline; } /* ==========profile-end============== */ @media screen and (min-width:1200px) { .log_popup .right_popup{ padding: 0 30px; } .log_popup .inputWrap input[type="text"] { font-size: 16px;  } } @media screen and (min-width:768px) and (max-width:1024px) { .log_popup .modal-dialog.modal-dialog-centered .modal-body .row {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;} .log_popup .modal-body .col-md-6 {width: 50%;} .log_popup .modal .modal-dialog {width: 100%;} div#deskNavBar { padding-right: 0; } div#deskNavBar .btn.btn-info { margin-top: 9px; } } @media screen and (max-width:767px) { .mobile-menu {display: block;} .langmenufl-header-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .btnlogin-label, body a.btnlogin-label,body a.btnlogin-label:focus { height: 26px; width: 26px; font-size: 10px; } .mobile_class { display: none; } .log_popup .right_popup { padding: 30px 20px; width: 100%; } .log_popup .modal-dialog.modal-dialog-centered .modal-content { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; max-width: 475px; margin-left: auto; margin-right: auto; } .right_content h3 {font-size: 20px;} .otp-input-fields input {width: 32px; height: 32px;} .log_popup .right_content { position: relative; width: 100%; } .log_popup .modal-dialog.modal-dialog-centered .col-md-6 { padding: 0; width: 100%; } .btn.btn-info.btn-modal { margin-top: -6px; position: relative; top: 4px; } } @media screen and (max-width:575px) { .log_popup .right_popup { padding: 30px 15px; width: 100%; } .log_popup .right_content p{ font-size: 13px; } .log_popup .otp-input-fields{ gap: 7px; } }