@import url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.pushcrew-side-button {
display: none !important;
}
.header-fixed {
display: none;
}
@media screen and (max-width: 768px) {
.tabFormMobile {
display: block !important;
font-size: 10px;
margin-top: -33px;
text-transform: capitalize;
}
.contentFrom {
min-height: 300px;
}
.btn-vo-res{
margin-top: 15px;
margin-bottom: 15px;
}
.btn-vo-res>button{
margin-left: 30%;
}
.feature-item {
width: 22%!important;
margin: 0px 2px!important;
}
.feature-item .text{
font-size: 12px!important;
}
.vo-childreen-label{
font-size: 12px;
}
.vo-recap-table .table>thead>tr>th{
text-align: center!important;
padding: 3px;
}
.vo-recap-table .table>tbody>tr>td,
.vo-recap-table .table>tbody>tr>th,
.vo-recap-table .table>tfoot>tr>td,
.vo-recap-table .table>tfoot>tr>th,
.vo-recap-table .table>thead>tr>td,
.vo-recap-table .table>thead>tr>th{
padding: 3px;
}
.vo-margin-top{
margin-top: 20px!important;
}
}
@media screen and (min-width: 768px) {
.tabFormMobile {
display: none;
}
.btn-vo-res{
margin-top: -50px;
margin-bottom: 50px;
}
.btn-vo-res>button{
margin-left: 25%;
float: right;
}
}
@media only screen and (max-device-width: 768px) {
.MobileCalPlPhone {
display: inline-flex;
}
}
@media only screen and (min-device-width: 768px) {
.MobileCalPlPhone {
display: none !important;
}
}
/*
The above link can also go in HTML document as a link in head.
Rather than @import in an external CSS file,
The following code into the <head> section of your site's HTML.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
*/
/*
* Social Buttons for Bootstrap
*
* Copyright 2013-2014 Panayiotis Lipiridis
* Licensed under the MIT License
*
* https://github.com/lipis/bootstrap-social
*/
.b {
white-space: nowrap;
width: 130px;
overflow: hidden;
text-overflow: ellipsis;
border: 0px solid #000000;
}
@media (min-width: 1200px) {
.vCondit {
margin-left: 995px;
}
.vCondi {
margin-left: 975px;
}
.chanDesk {
height: 225px;
margin-top: 35px;
}
.topDes {
margin-top: 80px;
}
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
.leftMob {
margin-left: 85px;
}
.dureMob {
margin-top: 30px;
margin-bottom: 30px;
}
/* .formWidth {
width: 115%;
} */
.strmobile {
display: inline-block !important;
width: 100%;
height: 0;
}
.mobb {
margin-left: 0px;
}
.numero {
display: none;
}
}
.blackColo {
color: black;
}
@media screen and (max-width: 480px) {
.tMob {
display: grid;
}
.tRmob {
border-bottom: none;
display: grid;
background-color: #f4f4f4;
margin-top: 20px;
border-radius: 20px;
padding: 13px;
}
.tRmob-falldown {
background-color: #706a6a26;
border: none;
margin: 3%;
border-radius: 20px;
}
.widthMob {
border-top: none;
padding-bottom: 0px;
padding-top: 7px;
padding-right: 11px;
padding-left: 0px;
/* background-color: #f4f4f4; */
margin-bottom: 20px;
}
}
.special-offer-list .slick-track {
padding: 0px 0;
}
.padding-top {
padding-top: 10px;
}
.title-style-2 {
margin: 0 0 20px 0;
}
.page-banner-2.homepage-03 {
background-position: center -180px;
}
.tab-search-transparent .find-widget {
background-color: rgba(0, 0, 0, .075);
}
.tab-search-transparent {
margin-bottom: 30px;
}
.tab-search-transparent flight {
margin-bottom: 0px !important;
}
.donate-now {
list-style-type: none;
margin: 25px 0 0 0;
padding: 0;
margin: auto;
width: 70%;
text-align: center;
}
.donate-now li {
float: left;
margin: 0 5px 0 0;
width: 100px;
height: 40px;
position: relative;
}
.donate-now label,
.donate-now input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.donate-now input[type="radio"] {
opacity: 0.011;
z-index: 100;
}
.donate-now input[type="radio"]:checked+label {
background: #c30800;
}
.donate-now label {
padding: 5px;
/*border:1px solid rgb(255, 156, 0) ; */
cursor: pointer;
z-index: 90;
background-color: #4a3e345c;
}
/*.donate-now label:hover {
background:#DDD;
}*/
#newsletter-container {
background: hsla(28, 77%, 55%, 0.31);
padding: 15px 0;
}
#newsletter-container h3 {
font-size: 20px;
line-height: 46px;
color: #444b4c;
text-transform: uppercase;
margin: 0;
float: left;
}
h3 {
font: 19px/38px Arial, sans-serif;
margin: 50px 0 20px;
color: #e3e3e3;
text-transform: uppercase;
}
#newsletter-container form {
float: right;
}
#newsletter-container input[type=text] {
height: 46px;
width: 370px;
vertical-align: top;
margin-right: 5px;
border-radius: 4px;
border: 3px solid #d6af95;
background: #CFCECE;
line-height: 20px;
padding: 5px 10px 5px 20px;
color: #727b7c;
}
input,
select,
textarea {
outline: 0;
}
#newsletter-container .btn {
padding: 12px 20px;
font-size: 15px;
line-height: 15px;
}
.btn-custom-3 {
color: #fff;
background-color: #575a59;
border-color: #5c5f5e;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
}
.btn-custom-3:hover {
color: #fff;
background-color: #84bb26;
border-color: #94CF2E;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
}
/*
::selection {
background-color: #f59239;
color: #fff;
} */
.flight {
display: flex;
margin-bottom: 5px;
border-top: 1px dotted #CCC;
margin-top: 5px;
padding-top: 5px;
}
@media screen and (max-width: 768px) {
.header-02 .hamburger-menu-wrapper {
background-color: #c30800;
}
}
div.text-input label {
color: white;
}
/* csss datepicker */
.datepicker-view th>button,
.datepicker-view td>button {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.datepicker-view th>button.navbar-btn,
.datepicker-view td>button.navbar-btn {
margin-top: 10px;
margin-bottom: 10px
}
.datepicker-view {
margin-left: 4px;
margin-right: 4px
}
.datepicker-view>tbody {
border-top: 1px solid #CCC
}
.datepicker-view th>button {
color: #c30800;
background-color: #fff;
border-color: #c30800;
font-weight: bold
}
.datepicker-view th>button:hover,
.datepicker-view th>button:focus,
.datepicker-view th>button:active,
.datepicker-view th>button.active,
.open>.datepicker-view th>button.dropdown-toggle {
color: #c30800;
background-color: #e6e6e6;
border-color: #c30800
}
.datepicker-view th>button:active,
.datepicker-view th>button.active,
.open>.datepicker-view th>button.dropdown-toggle {
background-image: none
}
.datepicker-view th>button.disabled,
.datepicker-view th>button.disabled:hover,
.datepicker-view th>button.disabled:focus,
.datepicker-view th>button.disabled:active,
.datepicker-view th>button.disabled.active,
.datepicker-view th>button[disabled],
.datepicker-view th>button[disabled]:hover,
.datepicker-view th>button[disabled]:focus,
.datepicker-view th>button[disabled]:active,
.datepicker-view th>button[disabled].active,
fieldset[disabled] .datepicker-view th>button,
fieldset[disabled] .datepicker-view th>button:hover,
fieldset[disabled] .datepicker-view th>button:focus,
fieldset[disabled] .datepicker-view th>button:active,
fieldset[disabled] .datepicker-view th>button.active {
background-color: #fff;
border-color: #c30800
}
.datepicker-view th>button .badge {
color: #fff;
background-color: #c30800
}
.datepicker-view td>button {
color: #333;
background-color: #fff;
border-color: #FFF
}
.datepicker-view td>button:hover,
.datepicker-view td>button:focus,
.datepicker-view td>button:active,
.datepicker-view td>button.active,
.open>.datepicker-view td>button.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #e0e0e0
}
.datepicker-view td>button:active,
.datepicker-view td>button.active,
.open>.datepicker-view td>button.dropdown-toggle {
background-image: none
}
.datepicker-view td>button.disabled,
.datepicker-view td>button.disabled:hover,
.datepicker-view td>button.disabled:focus,
.datepicker-view td>button.disabled:active,
.datepicker-view td>button.disabled.active,
.datepicker-view td>button[disabled],
.datepicker-view td>button[disabled]:hover,
.datepicker-view td>button[disabled]:focus,
.datepicker-view td>button[disabled]:active,
.datepicker-view td>button[disabled].active,
fieldset[disabled] .datepicker-view td>button,
fieldset[disabled] .datepicker-view td>button:hover,
fieldset[disabled] .datepicker-view td>button:focus,
fieldset[disabled] .datepicker-view td>button:active,
fieldset[disabled] .datepicker-view td>button.active {
background-color: #fff;
border-color: #FFF
}
.datepicker-view td>button .badge {
color: #fff;
background-color: #333
}
.datepicker-view td>button.today {
color: #333;
background-color: #fff;
border-color: #5cb85c
}
.datepicker-view td>button.today:hover,
.datepicker-view td>button.today:focus,
.datepicker-view td>button.today:active,
.datepicker-view td>button.today.active,
.open>.datepicker-view td>button.today.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #419641
}
.datepicker-view td>button.today:active,
.datepicker-view td>button.today.active,
.open>.datepicker-view td>button.today.dropdown-toggle {
background-image: none
}
.datepicker-view td>button.today.disabled,
.datepicker-view td>button.today.disabled:hover,
.datepicker-view td>button.today.disabled:focus,
.datepicker-view td>button.today.disabled:active,
.datepicker-view td>button.today.disabled.active,
.datepicker-view td>button.today[disabled],
.datepicker-view td>button.today[disabled]:hover,
.datepicker-view td>button.today[disabled]:focus,
.datepicker-view td>button.today[disabled]:active,
.datepicker-view td>button.today[disabled].active,
fieldset[disabled] .datepicker-view td>button.today,
fieldset[disabled] .datepicker-view td>button.today:hover,
fieldset[disabled] .datepicker-view td>button.today:focus,
fieldset[disabled] .datepicker-view td>button.today:active,
fieldset[disabled] .datepicker-view td>button.today.active {
background-color: #fff;
border-color: #5cb85c
}
.datepicker-view td>button.today .badge {
color: #fff;
background-color: #333
}
.datepicker-view td>button.active {
color: #c30800;
background-color: #fff;
border-color: #c30800
}
.datepicker-view td>button.active:hover,
.datepicker-view td>button.active:focus,
.datepicker-view td>button.active:active,
.datepicker-view td>button.active.active,
.open>.datepicker-view td>button.active.dropdown-toggle {
color: #c30800;
background-color: #e6e6e6;
border-color: #c30800
}
.datepicker-view td>button.active:active,
.datepicker-view td>button.active.active,
.open>.datepicker-view td>button.active.dropdown-toggle {
background-image: none
}
.datepicker-view td>button.active.disabled,
.datepicker-view td>button.active.disabled:hover,
.datepicker-view td>button.active.disabled:focus,
.datepicker-view td>button.active.disabled:active,
.datepicker-view td>button.active.disabled.active,
.datepicker-view td>button.active[disabled],
.datepicker-view td>button.active[disabled]:hover,
.datepicker-view td>button.active[disabled]:focus,
.datepicker-view td>button.active[disabled]:active,
.datepicker-view td>button.active[disabled].active,
fieldset[disabled] .datepicker-view td>button.active,
fieldset[disabled] .datepicker-view td>button.active:hover,
fieldset[disabled] .datepicker-view td>button.active:focus,
fieldset[disabled] .datepicker-view td>button.active:active,
fieldset[disabled] .datepicker-view td>button.active.active {
background-color: #fff;
border-color: #c30800
}
.datepicker-view td>button.active .badge {
color: #fff;
background-color: #c30800
}
@media only screen and (min-device-width: 768px) {
.MobileCalPlPhone {
display: none !important;
}
.existMobile {
display: none
}
}
/*--------------was applied home page------------------*/
.pushcrew-side-button {
display: none !important;
}
/*#f2920a*/
/* Dropdown Button */
.dropbtn {
margin-top: 28px;
background-color: white;
/* color: white; */
padding: 6px;
/* font-size: 16px; */
border: none;
cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
margin-top: 3px;
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 349px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #ddd
}
div.text-input label {
color: white;
}
/*.page-banner-2.homepage-03 {
background-position: center -50px;
vertical-align: bottom;
background-image: url(https://atlasvoyages.s3.amazonaws.com/av_bloc/2017/rh/passiondevoyages.jpg);
}*/
.tab-search-transparent .tab-btn-wrapper .tab-btn {
/*background-color: rgba(49, 84, 126, 0.28);*/
background-color: rgba(36, 41, 47, 0.36);
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
display: block;
}
.hide {
display: none;
}
.btn-outline {
background-color: transparent;
color: inherit;
transition: all .5s;
}
.bgg {
background: rgba(255, 255, 255, 0.4);
border: none;
position: relative;
display: block;
outline: none;
width: 400px;
height: 30p;
top: 250px;
margin: 0 auto;
padding: 10px;
color: #333;
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}
::-webkit-input-placeholder {
color: #666;
}
:-moz-placeholder {
color: #666;
}
::-moz-placeholder {
color: #666;
}
:-ms-input-placeholder {
color: #666;
}
/* hotel*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.rechercheBtn {
right: 0px !important;
}
.chambreMargin {
margin-top: -15px !important;
}
.stretchMobile {
display: inline-block !important;
width: 100%;
height: 0;
}
.numero {
display: none;
}
.MobileCalPosition {
margin-left: none !important;
}
}
@media only screen and (max-device-width: 768px) {
.MobileCalPlPhone {
display: inline-flex;
}
.logoAtlas {
margin-top: -13px;
}
.containerrMobile {
height: 74px !important;
}
.existMobile {
display: inline-flex;
}
/* .tripCategorieMobile {
margin-top: -20px !important;
width: 152% !important;
margin-left: -50px;
} */
.dateHomeVoMobile {
width: 100% !important;
}
}
@media only screen and (min-device-width: 768px) {
.MobileCalPlPhone {
display: none !important;
}
.existMobile {
display: none
}
}
/*css page home*/
.pushcrew-side-button {
display: none !important;
}
.dropbtn {
margin-top: 28px;
background-color: white;
/* color: white; */
padding: 6px;
/* font-size: 16px; */
border: none;
cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
margin-top: 3px;
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 349px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #ddd
}
div.text-input label {
color: white;
}
/*.page-banner-2.homepage-03 {
background-position: center -50px;
vertical-align: bottom;
background-image: url(https://atlasvoyages.s3.amazonaws.com/av_bloc/2017/rh/passiondevoyages.jpg);
}*/
.tab-search-transparent .tab-btn-wrapper .tab-btn {
/*background-color: rgba(49, 84, 126, 0.28);*/
background-color: rgba(36, 41, 47, 0.36);
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
display: block;
}
.hide {
display: none;
}
.btn-outline {
background-color: transparent;
color: inherit;
transition: all .5s;
}
.bgg {
background: rgba(255, 255, 255, 0.4);
border: none;
position: relative;
display: block;
outline: none;
width: 400px;
height: 30p;
top: 250px;
margin: 0 auto;
padding: 10px;
color: #333;
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}
::-webkit-input-placeholder {
color: #666;
}
:-moz-placeholder {
color: #666;
}
::-moz-placeholder {
color: #666;
}
:-ms-input-placeholder {
color: #666;
}
/* hotel*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.rechercheBtn {
right: 0px !important;
}
.chambreMargin {
margin-top: -15px !important;
}
.stretchMobile {
display: inline-block !important;
width: 100%;
height: 0;
}
.numero {
display: none;
}
.MobileCalPosition {
margin-left: none !important;
}
}
/* ellipsis */
.dropdown-menu>li>a {
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
html,
body {
position: relative !important;
min-height: 100% !important;
}
@media only screen and (max-device-width: 768px) {
/* .backMobileGround {
height: 950px !important;
} */
.mobile-tours {
display: block !important;
}
.desktop-tours {
display: none !important;
}
.formMobiletop {
margin-top: 25% !important;
margin-bottom: 18% !important;
}
/* .hamburger-menu {
top: 54px !important;
} */
/* .sdModileSection {
margin-top: -200px !important;
} */
.imageMob {
background-position: center 0px !important;
}
.formulaireMobile {
margin-top: 35% !important;
}
.formulaireDescktop {
width: 120%;
margin-bottom: 0px !important;
display: inline-flex !important;
}
.formulaireDescktop li {
width: inherit !important;
}
.tab-search-transparent .tab-content {
margin-right: none !important;
}
/* .menu-mobile .main-menu{
background: #dcdad6d4;
}*/
.wrapper-mobile-nav {
background: #80808030;
}
.tab-search-transparent .tab-content {
margin-right: 0px;
}
.btnHotelFrom {
height: auto !important;
margin-bottom: 0px !important;
}
.formHotelMobile {
display: inline-block !important;
}
.roomsFromMobile {
margin-left: 20%;
}
/* .guests-inputs-hotel{
min-width: 90%;
top: 66%;
right: 5%;
} */
.guests-inputs-hotel input[type=number] {
height: 10vw !important;
}
.col-center-block {
margin-right: 0px !important;
}
.tab-search .tab-btn-wrapper:first-child .tab-btn,
.tab-search-transparent .tab-btn-wrapper:first-child .tab-btn {
border-radius: 12px 0px 0px 0px;
}
.tab-search .tab-btn-wrapper:last-child .tab-btn,
.tab-search-transparent .tab-btn-wrapper:last-child .tab-btn {
border-radius: 12px 0px 0px 0px;
}
.tab-search-long .text-input .text-box-wrapper {
margin-top: 0px !important;
}
.classFlight {
margin-top: 15px !important;
}
/* .flight__div__adults {
left: 15px !important;
margin-top: -10% !important;
min-width: 275px !important;
} */
/* .header-main .logo .header-logo img {
max-width: 120px!important;
} */
footer .widget {
margin-bottom: 10px !important;
}
.layout-tours {
width: 280px !important;
float: right !important;
/* margin-left: 2%!important; */
margin-left: 50px !important;
margin-right: 45px !important;
}
.marginFlightSelect {
margin-top: 15px !important;
}
.btnFlightSearch {
margin-bottom: -7%;
}
.btnFlightSearch-page {
margin-right: 14px;
margin-top: 27px;
}
}
.mobile-tours {
display: none;
}
.desktop-tours {
display: block;
}
div.input-daterange>div:nth-child(2)>div>ul {
display: block;
top: 35px;
right: 0px !important;
float: right !important;
left: auto !important;
}
@media only screen and (min-device-width: 768px) {
.formulaireDescktop {
width: 120%;
}
.marginInput {
margin-left: -23px !important;
}
.layout-tours {
width: 282px !important;
float: right !important;
}
.btnFlightSearch {
right: 16% !important;
margin-bottom: 2%;
}
}
.btnFlightSearch {
right: 16%;
margin-bottom: 2%;
}
.iconnn {
background-image: url('https://atlasvoyages.s3.amazonaws.com/images/icon_clubmed_modif.png');
display: inline-block;
margin-bottom: 4px;
width: 20px;
height: 23px;
}
.omra-flaticon {
background-image: url('https://atlasvoyages.s3.amazonaws.com/images/kaaba-mecca.png');
display: inline-block;
margin-bottom: 4px;
width: 24px;
height: 24px;
}
.dropdown-menu {
position: absolute;
width: 90%;
z-index: 1000;
float: left;
padding: 5px 0;
margin: 0px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: none;
}
.guests-inputs-hotel,
.guests-inputs-flight {
width: 16%;
height: auto;
position: absolute;
top: 47%;
right: 29.3%;
margin-top: 11px;
background: #fff;
padding: 24px 25px 8px;
min-width: 227px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
z-index: 999;
box-sizing: border-box;
color: #383838;
}
/* .flight__div__adults {
left: -8px;
min-width: 302px;
top: 79%;
} */
.guests-inputs-flight input[type=number],
.guests-inputs-hotel-page input[type=number],
.guests-inputs-hotel input[type=number] {
line-height: 27px;
}
.guests-inputs-flight input[type=number],
.guests-inputs-hotel-page input[type=number],
.guests-inputs-hotel input[type=number] {
width: 25vw;
height: 7vw;
max-width: 70px;
max-height: 35px;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
border: 3px solid #c30800;
display: inline-block;
background-color: #ffffff;
color: #c30800;
}
.guests-inputs-hotel input::-webkit-outer-spin-button,
.guests-inputs-hotel input::-webkit-inner-spin-button,
.guests-inputs-flight input::-webkit-outer-spin-button,
.guests-inputs-flight input::-webkit-inner-spin-button,
.guests-inputs-hotel-page input::-webkit-outer-spin-button,
.guests-inputs-hotel-page input::-webkit-inner-spin-button,
{
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */
/* background: #eee url('https://i.stack.imgur.com/YYySO.png') no-repeat 50% 50%; */
background: #eee url('https://atlasvoyages.s3.amazonaws.com/images/up-down.png') no-repeat 50% 50%;
width: 14px;
height: 14px;
padding: 4px;
position: relative;
right: 4px;
border-radius: 28px;
}
.mergeInput input[type="text"] {
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px);
margin: 0 0 1em;
padding: 1em;
border: 1px solid #cccccc;
border-radius: 0.2em;
background: #fff;
resize: none;
outline: none;
}
.mergeInput select {
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px);
margin: 0 0 1em;
padding: 1em;
border: 1px solid #cccccc;
border-radius: 0.2em;
background: #fff;
resize: none;
outline: none;
}
.mergeInput input[type="button"] {
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px);
margin: 0 0 1em;
padding: 0em;
border: 1px solid #cccccc;
border-radius: 0.2em;
background: #fff;
resize: none;
outline: none;
text-align: left;
padding-left: 4%;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.mergeInput input[type="button"]+label[placeholder] {
display: block;
pointer-events: none;
line-height: 1.25em;
margin-top: calc(-3em - 2px);
margin-bottom: calc((3em - 1em) + 2px);
}
.mergeInput input[type="text"][required]:focus {
border-color: #c30800;
}
.mergeInput input[type="button"][required]:focus {
border-color: #c30800;
}
.mergeInput input[type="button"][required]:focus+label[placeholder]:before {
color: #c30800;
}
.divRooms label {
margin-left: 5%;
float: left;
color: #333 !important;
font-weight: initial;
font-weight: 500;
}
.divRooms input {
float: right;
margin-right: 5%;
}
.divRooms .row {
margin-top: 10px;
}
.close {
position: absolute;
right: 13px;
top: 10px;
width: 12px;
height: 12px;
opacity: 0.7 !important;
}
.close:hover {
opacity: 1 !important;
color: #c30800;
}
.close:before,
.close:after {
position: absolute;
content: ' ';
height: 13px;
width: 2px;
background-color: #c30800;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #c30800 !important;
}
.special-offer-layout:hover {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.tab-search .tab-btn-wrapper {
width: calc((100% - 5px) / 5);
width: -moz-calc((100% - 5px) / 5);
margin-right: 1px;
margin-bottom: 0;
}
.footerTiltle {
font-size: larger;
color: #c30800;
font-weight: bold;
}
.wrapperr {
width: 100%;
text-align: center;
}
.carousel {
width: 100%;
margin: 0px auto;
}
.slick-slide {
margin: 6px;
}
.slick-slide img {
width: 100%;
/* border: 2px solid #fff; */
}
.carousel .content-wrapper .title {
font-size: 12px;
}
.slick-prev,
.slick-next {
background-color: #ffffff;
border-radius: 10px;
}
.star-icon {
color: #f2920b !important;
font-size: 23px!important;
}
.owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
text-align: center
}
.owl-dot {
display: inline-block;
padding: 5px
}
.owl-dot span {
display: block;
width: 10px;
height: 10px;
background-color: #fff;
opacity: .5;
border-radius: 50%
}
.owl-dot.active span {
opacity: 1
}
.owl-dots.disabled,
.owl-nav.disabled {
display: none
}
.fullscreen-slides {
max-height: 33% !important;
min-height: 33% !important;
}
.fs-slides {
/* position: fixed; */
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fs-slides .owl-stage-outer,
.fs-slides .owl-stage,
.fs-slides .owl-item {
height: 100%;
}
.fs-slides .owl-item {
overflow: hidden;
}
.fs-slides .owl-item.portrait img {
width: auto;
height: 50%;
}
.fs-slides .owl-item.landscape img {
width: auto;
height: 100%;
}
/*
.owl-carousel > div{
width:20%;
height :150px;
display:inline-block;
background-color:#5d730c;
}
.owl-carousel div img{
width:100%;
}
*/
.owl-carousel div h2,
.owl-carousel div .textoverlay {
position: absolute;
color: #FFF;
font-size: 12px;
display: block;
top: 39%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
z-index: 1;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
font-family: 'fontAwesome'!important;
top: 44%!important;
position: absolute;
font-size: 40px!important;
color: #434a54bf!important;
}
.owl-carousel .owl-nav .owl-next {
right: 0%!important;
}
.owl-carousel .owl-nav .owl-prev{
left: 0%!important;
}
.owl-carousel .owl-nav .owl-prev:before{
/* fa-chevron-left */
content: "\f053"!important;
margin-right:10px!important;
}
.owl-carousel .owl-nav .owl-next:after{
/* fa-chevron-right */
content: "\f054"!important;
margin-right:10px!important;
}
.main-form {
position: absolute;
z-index: 1;
top: 69.3%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
.vol-banner {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
background-position-y: center;
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
background-image: url(../images/background/trouvez_votre_vol.jpg);
}
.checkout-banner{
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
background-position-y: center;
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
/* background-image: url(../images/background/vol-banner.jpg); */
}
.tour-banner {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
background-position-y: center;
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
background-image: url(../images/background/images/vo-car-world.jpg);
}
.vo-banner {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
/* background-position-y: center; */
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
}
.omra-banner {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
/* background-position-y: center; */
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
}
.hotel-banner {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
background-position-y: center;
background-position-x: center;
-webkit-background-size: cover;
background-size: cover;
/* background: linear-gradient( rgb(238, 238, 238), rgb(238, 238, 238)); */
height: 430px;
background-image: url(../images/background/trouvez_votre_hotel.jpg);
}
.btn1-slide {
border: 1px solid #c30800 !important;
background-color: #c30800 !important;
}
.filter-btn {
margin-top: 5px
}
.filterResult {
text-align: center;
}
.single-flight-result .flight-result-wrapper .info .schedule {
text-align: center;
}
.single-flight-result .flight-result-wrapper .info .schedule .arrive {
border-bottom: 1px solid #999999a8;
}
.panel {
border: 3px solid #999999a8 !important;
border-radius: 19px !important;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
}
.AngularJS-smallsingle-flight-result {
padding-left: 14px;
padding-right: 14px;
text-align: center;
border-radius: 19px !important;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
border: 3px solid #999999a8;
background-color: #f4f4f4;
margin-bottom: 15px;
}
/* .flight-result-wrapper .airlines-logo .airline{
margin-top: 45px;
}*/
.flight-result-wrapper .airlines-logo {
margin-top: 15px;
font-weight: 600;
border-bottom: 1px solid #999999a8;
padding-bottom: 17px;
}
.flight-result-wrapper {
text-align: center;
/* border-radius: 19px !important;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
border: 4px solid #999999a8;
background-color: #f4f4f4; */
}
.flight-result-wrapper .info .schedule {
padding-top: 9px;
border-bottom: 1px solid #999999a8;
}
.flight-result-wrapper .flight-class {
margin-bottom: 15px;
}
.flight-result-wrapper .info .flight-time {
margin-bottom: 5px;
margin-top: 5px;
border-top: 1px solid #999999a8;
border-bottom: 1px solid #999999a8;
}
.decaleBtn1.check-cond {
font-size: 24px;
}
.decaleBtn2.check-cond {
width: 235px;
margin-bottom: 20px;
font-size: 13px;
}
.text-danger {
color: #c30800 !important;
}
.wrapper-driver-detail .driver-title {
background-color: #c30800 !important;
border-radius: 20px 20px 0px 0px !important;
}
.wrapper-driver-detail .content-driver-detail {
border-radius: 0px 0px 20px 20px;
}
.flight-result-title {
padding-bottom: 1px;
padding-top: 10px;
padding-left: 19px;
}
.flight-result-desc {
border-radius: 20px;
}
.tableMobileSumup {
padding-bottom: 1px;
padding-top: 10px;
padding-left: 19px;
padding-right: 19px;
}
.btn-paiement {
width: 225px !important;
padding: 8px !important;
color: #fff !important;
border-color: #c30800 !important;
background-color: #c30800 !important;
border-radius: 4px !important;
padding: 8px !important;
cursor: pointer!important;
}
.btn-paiement:active {
color: #fff !important;
background-color: #c30800 !important;
border-color: #fff !important;
border-radius: 4px !important;
padding: 8px !important;
}
.btn-paiement:hover {
color: #c30800 !important;
background-color: #fff !important;
border-color: #c30800 !important;
}
.recab-table {
display: flex;
margin-bottom: 5px;
border-top: 1px dotted #CCC;
margin-top: 5px;
padding-top: 5px;
}
.checkMar {
margin-right: 130px !important;
}
/* end header styles */
/* vo styles */
.find-tours-widget .title-widgets {
color: white !important;
text-shadow: -3px 2px 20px black;
}
/* hotel page style */
.switcherEnabled,
.switcherDisabled {
line-height: 45px;
padding: 0 14px;
text-align: center;
border: none;
border-radius: 0 !important;
width: 54px;
height: 53px;
}
.switcherDisabled {
color: #c30800;
background: white;
}
.switcherEnabled {
color: white;
background: #c30800;
}
.form-email .btn-email {
background-color: #c30800 !important;
}
.hotels-layout .content-wrapper>.content .title {
text-align: center !important;
}
.hotels-layout .content-wrapper>.content .group-btn-tours .left-btn {
color: #c30800 !important;
}
.hotels-layout .content-wrapper>.content .group-btn-tours .left-btn:hover {
color: white !important;
}
.hotels-layout .content-wrapper>.content .group-btn-tours .left-btn:hover {
color: white !important;
}
.label-route-widget .city {
color: #c30800 !important;
font-size: 14px;
margin-top: 35px;
}
.hotels-layout .content-wrapper>.content .title .price {
color: #c30800 !important;
}
#search-results {
z-index: 9;
}
#vo-sales .label-route-widget {
font-weight: 300;
color: #c30800;
}
.messages-box {
line-height: 80px;
margin-bottom: 25px;
min-height: 100px;
margin-top: 60px;
z-index: 9;
}
.slick-prev:before,
.slick-next:before {
color: #c30800 !important;
}
.sbHolder {
background-color: transparent;
border: 1px solid #5f4e4e00 !important;
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: normal;
height: 40px;
position: relative;
width: 100%;
}
.sbOptions {
margin: 1px !important;
z-index: 9999999999 !important;
}
.sbHolder .sbSelector {
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px) !important;
margin: 0 0 1em;
padding: 0em;
border: 1px solid #cccccc;
border-radius: 0.2em;
background: #fff;
resize: none;
outline: none;
text-align: left;
/* padding-left: 4%; */
text-overflow: ellipsis !important;
overflow: hidden !important;
line-height: 42px !important;
color: #666 !important;
}
.sbHolder .sbOptions {
border-radius: 0.2em;
background-color: #fff !important;
}
.sbHolder .sbOptions li:hover {
background-color: #c30800;
border-color: #c30800;
}
.sbHolder .sbOptions li a:hover {
color: #fff;
}
.prompt {
text-align: center;
color: white;
background-color: #c30800;
border: 1px solid #c30800;
border-right: none;
border-left: none;
border-radius: 22px 22px 0px 0px;
/* margin-left: -18px;
margin-right: -18px */
}
.offer-prompt {
margin-top: 30px;
background-color: whitesmoke;
/* padding-left: 20px;
padding-right: 20px; */
border-radius: 22px;
border: 12px #555;
border-color: #c30800 !important;
margin-bottom: 30px;
}
/* openlayers custom */
.ol-zoom {
position: absolute;
top: 1%;
left: 1%;
}
.ol-zoom .ol-zoom-in,
.ol-zoom .ol-zoom-out {
background-color: #c30800;
color: white;
width: 30px;
height: auto;
}
.prix {
color: #c30800;
}
.stars {
text-shadow: 1px 1px 1px black !important;
color: #ffbc00 !important;
margin-top: -22px !important;
}
/* vo style */
.gallery {
padding: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.alert-info {
color: #555e69!important;
background-color: #d3d3d3!important;
border-color: #d3d3d3!important;
}
.gallery>div {
position: relative;
float: left;
padding: 2px;
}
.gallery>div>img {
display: block;
width: 100%;
transition: .1s transform;
transform: translateZ(0);
}
.gallery>div:hover {
z-index: 1;
}
.gallery>div:hover>img {
transform: scale(1.7, 1.7);
transition: .3s transform;
}
.cf:before,
.cf:after {
display: table;
content: "";
line-height: 0;
}
.cf:after {
clear: both;
}
.detailsDays {
display: inline-block;
padding: 4px 22px;
text-align: center;
color: #fafafa;
border-radius: 50px;
background-color: #c30800;
cursor: pointer;
margin-left: 44%;
}
.timeline-title span {
background-color: #c30800 !important;
color: white !important;
}
.feature-item {
/* background-color: #c30800!important; */
/* color: white!important; */
}
.page-title-wrapper .price .number {
color: #c30800 !important;
}
.page-title-wrapper .price .unit {
color: #c30800 !important;
}
.vo-book {
margin-bottom: 25px;
}
.btn-nonSelected {
height: 35px;
width: 35px;
border-radius: 100%;
background-color: #909090;
border: none;
}
.btn-selected {
height: 35px;
width: 35px;
border-radius: 100%;
background-color: #c30800;
border: none;
}
.my-select-label {
border: 1px solid #ffffff;
cursor: pointer;
font-family: helvetica, arial, sans-serif;
display: flex;
flex-direction: row;
border-radius: 3px;
background-color: white;
}
.my-select-label .my-select-label-text {
/* padding: 6px 12px; */
padding: 9px 12px;
flex: 1;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
background-color: white;
/* border-radius: 6px; */
}
.my-select-label .my-select-caret {
font-size: 29px;
line-height: 1em;
background-color: #ffffff;
color: white;
width: 25px;
text-align: center;
}
.my-select-label .my-select-caret svg {
width: 60%;
position: relative;
top: -4px;
}
.my-select-label:focus {
outline: none;
border-color: #c30800;
}
.my-select-label:focus .my-select-caret {
background-color: #ffffff;
}
.my-select-ops {
border-width: 0 2px 2px 2px;
border-color: #c1c1c1;
border-style: solid;
display: none;
z-index: 5;
position: absolute;
background: white;
font-family: helvetica, arial, sans-serif;
max-height: 150px;
overflow-y: auto;
padding: 5px 0;
}
.my-select-ops.active {
display: inline-block;
}
.my-select-ops>div {
padding: 7px 14px;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.my-select-ops>div.preselected {
background-color: #f5f5f5;
}
.my-select-ops>div:hover {
background-color: #c30800;
color: #fff;
}
.my-select-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.my-select-backdrop.active {
display: block;
}
.opsSelect select,
.my-select-mobile-input {
opacity: 0;
position: absolute;
z-index: 999999999999;
display: none!important;
}
.opsSelect select.active,
.my-select-mobile-input.active {
display: block;
}
.vo-category-btn{
margin-bottom: 10px;
box-shadow: -3px 6px 10px 0px #00000099;
background-color: #c30800!important;
border: 1px solid #ffffff;
border-radius: 9px;
color: #ffffff!important;
}
.vo-category-btn:hover,
.vo-category-btn:active{
margin-bottom: 10px;
box-shadow: -3px 6px 10px 0px #00000099;
background-color: #ffffff!important;
border: 1px solid #c30800;
border-radius: 9px;
color: #c30800!important;
}
/* hotel quotes */
.find-hotel-widget-quote{
background-color: #f5f5f5!important;
border-radius: 20px 20px 20px 20px!important;
}
.find-hotel-widget-quote.find-widget .text-box-wrapper .tb-label{
color: #545454!important;
}
.hotel-quote-datepicker .dropdown-menu{
min-width: 262px!important;
}
.checkout-quote-datepicker .dropdown-menu{
min-width: 254px!important;
}
.selected-offer{
margin-top: 30px;
border: 1px solid;
border-top: none;
background-color: whitesmoke;
border-color: transparent;
border-radius: 20px;
}
.navbar-nav {
text-shadow: 0px 2px 10px #353535;
}
.card, .card .image-wrapper {
box-shadow: 0px 1px 3px #0000005c;
border-radius: 22px;
}
/*
.card .image-wrapper .card-title .price{
position: absolute;
color: #c30800;
margin: 49px 0px 0px 0px;
font-size: 25px;
font-weight: 900;
text-shadow: 1px 1px 1px #ffffff;
transform: rotate(-43deg);
z-index: 5;
min-width: 117px;
} */
.card .image-wrapper .card-title .price {
position: absolute;
color: #c30800;
margin: 41px 0px 0px 0px;
font-size: 25px;
font-weight: 900;
text-shadow: 1px 1px 1px #ffffff;
transform: rotate(-44deg);
z-index: 5;
min-width: 117px;
}
.card .image-wrapper .card-title .price-from {
position: absolute;
color: #c30800;
margin: 51px 0px 0px 0px;
font-size: 25px;
font-weight: 900;
text-shadow: 1px 1px 1px #ffffff;
transform: rotate(-44deg);
z-index: 5;
min-width: 117px;
}
.card .image-wrapper .card-title .price-promo{
position: absolute;
color: #c30800;
margin: 31px 0px 0px -6px;
font-size: 20px;
font-weight: 900;
text-shadow: 1px 1px 1px #ffffff;
transform: rotate(-43deg);
z-index: 5;
min-width: 117px;
}
.card .image-wrapper .card-title .price-promo .promo {
color: orangered;
text-decoration:line-through
}
.card .image-wrapper .card-title .card-starting {
text-transform: uppercase;
color: #ffffff;
position: absolute;
margin: 37px 0px 0px -1px;
font-size: 12px;
font-weight: 900;
transform: rotate(-46deg);
z-index: 5;
left: 0;
}
.card .image-wrapper .card-title .card-starting-from {
text-transform: uppercase;
color: #ffffff;
position: absolute;
margin: 48px 0px 0px -1px;
font-size: 12px;
font-weight: 900;
transform: rotate(-46deg);
z-index: 5;
left: 0;
}
.card .image-wrapper .card-text{
position: absolute;
color: #ffffff;
margin: 17px 12px 9px 27px;
text-shadow: 1px 1px 5px black;
z-index: 5;
right: 0;
}
.card .image-wrapper .card-text-promo {
position: absolute;
color: #ffffff;
margin: 65px 12px 9px 27px;
text-shadow: 1px 1px 5px black;
transform: rotate(-36deg);
z-index: 5;
}
.card .image-wrapper .card-btn {
/* position: absolute;
margin: 30px 12px 9px 257px;
float: right;
z-index: 5;
right: 0; */
position: absolute;
margin: 32px 12px 1px 25px;
float: right;
z-index: 5;
right: 0;
}
.card .card-title-wrapper {
cursor: pointer;
font-size: 20px;
position: absolute;
z-index: 5;
right: 20px;
bottom: 20px;
left: 20px;
display: inline-block;
color: #ffffff;
text-align: center;
}
.card .image-wrapper .card-title-wrapper .title {
font-size: 20px;
text-align: center;
float: none;
color: white;
}
.card .image-wrapper .card-title-wrapper .title:before {
background: #ffffff00;
cursor: pointer;
}
.card .image-wrapper .card-title-wrapper .title:hover {
color: #c30800;
font-size: 22px;
}
.card .card-rating {
position: absolute;
margin: 28px 0px 0px 4px;
font-weight: 900;
transform: rotate(-46deg);
z-index: 5;
}
.card .card-availability {
position: absolute;
margin: 7px 15px 0px 0px;
float: right;
z-index: 5;
right: 0;
}
.card .card-availability .av-dispo {
color: #ffffff;
text-shadow: 1px 1px 1px #040404;
}
.card .card-availability .av-not-dispo {
color: #c30800;
text-shadow: -1px 1px 8px #ffffff;
}
.card .card-address{
color: #f3f3f3;
margin: 0px 0px -8px 0px;
text-shadow: 1px 1px 5px black;
z-index: 5;
font-size: 11px;
}
.card .card-ribbon {
width: 66%;
position: absolute;
color: #fff;
text-align: center;
padding: 1.7em;
margin: 1em 0em 0em -4em;
transform: rotate(-45deg);
background: linear-gradient(#c3c3c361 0%, #c1c1c187 100%);
z-index: 5;
}
.card .card-ribbon-from {
width: 71%;
position: absolute;
color: #fff;
text-align: center;
padding: 1.7em;
margin: 1em 0em 0em -4em;
transform: rotate(-45deg);
background: linear-gradient(#c3c3c361 0%, #c1c1c187 100%);
z-index: 5;
}
.hotel-map{
margin-bottom: 10px;
padding: 0;
height: 450px;
overflow: hidden;
margin-left: 5%;
border-radius: 20px;
}
.map-selected {
margin-left: 10px;
margin-right: 10px;
}
.map-selected p{
font-family: monospace;
background-color: #00000087;
color: white;
border-radius: 10px;
text-align: center;
padding: 10px;
font-size: 17px;
}
.hotel-loadMore {
line-height: 45px;
padding: 0 14px;
text-align: center;
color: #ffffff;
border: none;
border-radius: 0 !important;
width: 100%;
height: 53px;
background-color: #c30800;
font-size: 20px;
}
.car-price-wrapper {
border: 2px solid #999999a8;
border-radius: 22px;
}
.wrapper-car-detail .single-flight-result {
border-radius: 22px;
border: 2px solid #999999a8;
}
.list-single-flight-result .panel .table > tbody > tr:first-child > td{
border-top: transparent;
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
.guests-inputs-hotel {
top: 47.1%;
right: 29.3%;
min-width: 227px;
}
.guests-inputs-flight {
top: 47%;
right: 29.3%;
min-width: 184px;
}
.main-form {
top: 88.3%;
}
.owl-carousel div h2,
.owl-carousel div .textoverlay {
top: 43%;
}
.navbar-nav {
margin-left: 11% !important
}
.tripCategorieMobile,
.tripCategorieMobile-page {
margin-top: -55px;
width: 152%;
margin-left: -50px;
}
.flight-result-wrapper .airlines-logo {
margin-top: 157px;
}
.flight-result-wrapper .info {
border-left: 2px solid #999999a8;
border-right: 2px solid #999999a8;
}
.flight-result-wrapper .flight-class {
margin-top: 132px;
}
.btn-home-hotel {
margin-left: -53px;
}
.dis-home-hotel {
margin-left: 63px;
}
}
@media (min-width: 1601px) and (max-width: 1824px) {
.navbar-header {
margin-right: 2% !important;
}
}
@media (min-width: 1281px) and (max-width: 1600px) {
.navbar-header {
margin-right: 6% !important;
}
}
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
.guests-inputs-hotel {
top: 54.4%;
right: 28.8%;
min-width: 226px;
}
.guests-inputs-flight {
top: 29%;
right: 0%;
min-width: 199px;
left: 66%;
}
.guests-inputs-flight-page {
top: 46%;
right: 0%;
min-width: 199px;
left: 66%;
}
.guests-inputs-hotel-page {
top: 49.7%;
right: 28.6%;
min-width: 226px;
}
.navbar-nav {
margin-left: 11% !important;
margin-top: -1% !important;
}
.navbar-header {
margin-left: 3%;
margin-right: 8%;
}
.main-form {
top: 88.3%;
}
.main-form-vol {
top: 87%;
}
.main-form-tour {
top: 89%;
}
.main-form-hotel {
top: 87%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 81px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 49px 70px;
}
.tab-search-transparent .find-widget.find-tours-widget-page {
padding: 49px 70px;
}
.header-main .logo .header-logo img {
margin-top: -43px;
}
.tripCategorieMobile,
.tripCategorieMobile-page {
margin-top: -40px;
width: 152%;
margin-left: 25px;
}
.flight-result-wrapper .airlines-logo {
margin-top: 157px;
}
.flight-result-wrapper .info {
border-left: 2px solid #999999a8;
border-right: 2px solid #999999a8;
}
.flight-result-wrapper .flight-class {
margin-top: 132px;
}
.btn-home-hotel {
margin-left: -55px;
}
.dis-home-hotel {
margin-left: 62px;
}
.btn-page-vo {
margin-left: 0px;
}
.dis-page-vo {
margin-left: 18px;
}
.btn1-change-vol {
width: 135px !important;
}
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1201px) and (max-width: 1280px) {
.dis-home-hotel {
margin-left: 69px;
}
.btn-home-hotel {
margin-left: -58px;
}
.dis-page-vo {
margin-left: 24px;
}
.btn-page-vo {
margin-left: 0px;
}
.guests-inputs-hotel {
top: 54.9%;
right: 28%;
min-width: 227px;
}
.guests-inputs-hotel-page {
top: 49.9%;
right: 28%;
min-width: 227px;
}
.guests-inputs-flight {
top: 28.2%;
min-width: 228px;
left: 46%;
}
.guests-inputs-flight-page {
top: 46.2%;
min-width: 202px;
left: 65.5%;
}
.main-form {
top: 89.3%;
}
.main-form-vol {
top: 87%;
}
.main-form-tour {
top: 89%;
}
.main-form-hotel {
top: 88.5%;
}
.phone-header {
display: inline;
}
.navbar-nav {
float: left;
margin-left: 4% !important;
margin-top: -1.5% !important;
}
.navbar-header {
margin-left: 3%;
margin-right: 8%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 70px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 43px 70px;
}
.tab-search-transparent .find-widget.find-hotel-widget-page {
padding: 74px 70px;
}
.header-main .logo .header-logo img {
margin-top: -45px;
}
.tripCategorieMobile-page {
margin-top: -32px;
width: 152%;
margin-left: 25px;
}
.tripCategorieMobile {
margin-top: -40px;
width: 100%;
margin-left: 152px;
}
.flight-result-wrapper .airlines-logo {
margin-top: 157px;
}
.flight-result-wrapper .info {
border-left: 2px solid #999999a8;
border-right: 2px solid #999999a8;
}
.flight-result-wrapper .flight-class {
margin-top: 132px;
}
.btn1-change-vol {
width: 113px !important;
}
.footerTiltle {
font-size: larger;
color: #c30800;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}
.booking-widget {
max-width: 266px;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.guests-inputs-hotel {
top: 54.9%;
right: 30.9%;
min-width: 228px;
}
.guests-inputs-flight {
top: 79.2%;
right: 0%;
min-width: 247px;
left: 0%;
}
.guests-inputs-flight-page {
top: 84.2%;
right: 0%;
min-width: 247px;
left: 0%;
}
.guests-inputs-hotel-page {
top: 49.9%;
right: 31.8%;
min-width: 227px;
}
.navbar-nav {
float: left;
margin-left: -2% !important;
margin-top: -1.5% !important;
}
.navbar-header {
margin-left: 3%;
margin-right: 8%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 70px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 43px 70px;
}
.tab-search-transparent .find-widget.find-tours-widget-page {
padding: 49px 70px;
}
.main-form {
top: 89.3%;
}
.main-form-vol {
top: 87%;
}
.main-form-tour {
top: 89%;
}
.main-form-hotel {
top: 88.5%;
}
.phone-header {
display: none;
}
.header-main .logo .header-logo img {
margin-top: -45px;
}
.tripCategorieMobile-page {
margin-top: -32px;
width: 152%;
margin-left: 25px;
}
.tripCategorieMobile {
margin-top: -43px;
width: 91%;
margin-left: 30px;
}
.flight-result-wrapper .airlines-logo {
margin-top: 157px;
}
.flight-result-wrapper .info {
border-left: 2px solid #999999a8;
border-right: 2px solid #999999a8;
}
.flight-result-wrapper .flight-class {
margin-top: 132px;
}
.btn1-change-vol {
width: 113px !important;
}
.footerTiltle {
font-size: larger;
color: #c30800;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}
.booking-widget {
max-width: 266px;
}
.btn-home-hotel {
margin-left: -6px;
}
.dis-home-hotel {
margin-left: 24px;
}
.dis-page-vo {
margin-left: 24px;
}
.btn-page-vo {
margin-left: 0px;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
.main-form {
top: 45.4%;
}
.main-form-vol {
top: 65.5%;
}
.main-form-hotel {
top: 70%;
}
.main-form-tour {
top: 68%;
}
.tour-banner {
height: 500px;
}
.guests-inputs-hotel {
top: 69.4%;
right: 62%;
min-width: 200px;
}
.guests-inputs-hotel-page {
top: 54.1%;
right: 62%;
min-width: 200px;
}
.guests-inputs-flight {
top: 60.5%;
right: 0%;
min-width: 221px;
left: 0%;
}
.guests-inputs-flight-page {
top: 65.5%;
right: 0%;
min-width: 221px;
left: 0%;
}
.page-banner-2 {
height: 550px !important;
}
.form-container {
margin-bottom: 6%;
margin-top: 8px;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 89px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 43px 70px;
}
.tab-search-transparent .find-widget.find-hotel-widget-page {
padding: 29px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget-page {
padding: 41px 70px;
}
.formulaireDescktop {
width: 100%;
}
.header-main .logo .header-logo img {
float: right;
}
.header-main .navbar-header {
float: right;
margin: 0 3% !important;
}
.header-main .header-main-wrapper {
margin-bottom: 0px !important;
}
.owl-carousel div h2,
.owl-carousel div .textoverlay {
display: none;
}
.vol-banner {
height: 548px;
}
.subscribe-email-wrapper .subscribe-email-right {
float: right !important;
}
.tripCategorieMobile,
.tripCategorieMobile-page {
margin-top: -46px;
width: 152%;
margin-left: -50px;
}
.donate-now {
width: 67%;
margin-top: 23px;
}
.card .card-ribbon {
width: 102%;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.guests-inputs-hotel {
top: 55.7%;
right: 59.3%;
min-width: 250px;
}
.guests-inputs-flight {
top: 60.3%;
right: 0%;
min-width: 260px;
left: 0%;
}
.numero {
display: inline;
}
.header-main .logo .header-logo img {
max-width: 100px !important;
float: right;
margin: 0;
margin-top: -1px;
}
.headerAV {
overflow: hidden;
position: fixed;
top: -15px;
width: 100%;
z-index: 9;
}
.header-main .navbar-header {
float: right;
margin: 16px 3% !important;
}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
.guests-inputs-hotel {
top: 47%;
right: 35.7%;
min-width: 178px;
}
.guests-inputs-flight {
top: 79%;
right: 36.3%;
min-width: 247px;
}
.main-form {
top: 87.4%;
}
.main-form-tour {
top: 88.5%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 54px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 53px 70px;
}
.formulaireDescktop {
width: 120%;
}
.phone-header {
display: none;
}
}
/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
.guests-inputs-hotel {
top: 47%;
right: 35.7%;
min-width: 178px;
}
.guests-inputs-flight {
top: 79%;
right: 36.3%;
min-width: 247px;
}
.main-form {
top: 87.4%;
}
.main-form-tour {
top: 88.5%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 54px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 53px 70px;
}
.formulaireDescktop {
width: 120%;
}
.phone-header {
display: none;
}
.navbar-nav {
margin-top: -2% !important;
margin-bottom: -2% !important;
margin-left: 3% !important;
}
}
/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
.guests-inputs-hotel {
top: 47%;
right: 35.7%;
min-width: 178px;
}
.guests-inputs-flight {
top: 79%;
right: 36.3%;
min-width: 247px;
}
.main-form {
top: 87.4%;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 54px 70px;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 53px 70px;
}
.formulaireDescktop {
width: 120%;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.guests-inputs-hotel {
top: 60.1%;
right: 17.3%;
min-width: 208px;
}
.guests-inputs-flight {
top: 62%;
right: 0%;
min-width: 186px;
left: 0%;
}
.header-main .logo .header-logo img {
float: right;
margin-top: 15px;
max-width: 82px !important;
}
.flight-margin-bottom {
margin-bottom: -14%;
}
.main-form {
top: 65.3%;
}
.tab-content {
width: 100%;
}
.tripCategorieMobile {
margin-top: -55px;
width: 152%;
margin-left: -50px;
}
.tripCategorieMobile-page {
margin-top: -7px;
width: 188%;
margin-left: -74px;
}
.owl-carousel div .textoverlay {
display: none;
}
}
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.guests-inputs-hotel {
top: 65.1%;
right: 17.3%;
min-width: 211px;
}
.guests-inputs-flight {
top: 47%;
right: 29.3%;
min-width: 184px;
}
.header-main .logo .header-logo img {
margin-top: 19px;
}
.navbar-header {
margin: -6px 3% !important;
float: right;
}
.hamburger-menu {
position: absolute;
top: 66%;
left: 30px;
display: table;
margin-top: -20px;
}
.owl-carousel div .textoverlay {
display: none;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.guests-inputs-hotel {
top: 56%;
right: 30.5%;
min-width: 169px;
}
.guests-inputs-flight {
top: 47%;
right: 29.3%;
min-width: 184px;
}
.formulaireDescktop {
width: 100%;
}
.tab-search-transparent .tab-btn-wrapper:first-child .tab-btn {
-webkit-border-radius: 20px 0px 0 0 !important;
-moz-border-radius: 20px 0px 0 0 !important;
border-radius: 20px 0px 0 0 !important;
}
.tab-search-transparent .tab-btn-wrapper:last-child .tab-btn {
-webkit-border-radius: 0 20px 0 0 !important;
-moz-border-radius: 0 20px 0 0 !important;
border-radius: 0 20px 0 0 !important;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 12px 46px;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 106px 57px;
}
.tab-search-transparent .find-widget.find-hotel-widget-page {
padding: 61px 57px;
}
.tab-search-transparent .find-widget.find-flight-widget-page {
padding: 39px 47px;
}
.flight-margin-bottom-page {
margin-bottom: -29%;
}
.vol-banner {
height: 550px;
}
.owl-carousel div .textoverlay {
display: none;
}
}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-width : 320px) and (max-width : 568px) {
.guests-inputs-hotel {
top: 56%;
right: 30.5%;
min-width: 169px;
}
.guests-inputs-flight {
top: 62%;
right: 0%;
min-width: 184px;
left: 0%;
}
.header-main .logo .header-logo img {
/* margin-top: 0px; */
float: right;
/* margin-bottom: 15px; */
max-width: 82px !important;
margin-right: 13px;
}
.owl-carousel div .textoverlay {
display: none;
}
}
/* iPhone 5 (landscape)----------- */
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {
.guests-inputs-hotel {
top: 56%;
right: 30.5%;
min-width: 169px;
}
.guests-inputs-flight {
top: 62%;
right: 0%;
min-width: 184px;
left: 0%;
}
.owl-carousel div .textoverlay {
display: none;
}
}
/* iPhone 5 (portrait)----------- */
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) {
.guests-inputs-hotel {
top: 65.4%;
right: 20%;
min-width: 218px;
}
.guests-inputs-hotel-page {
top: 57.5%;
right: 20%;
min-width: 218px;
}
.guests-inputs-flight {
top: 64.7%;
right: 0%;
min-width: 234px;
left: 0%;
}
.guests-inputs-flight-page {
top: 64.6%;
right: 0%;
min-width: 234px;
left: 0%;
}
.main-form {
top: 54.3%;
left: 50%;
}
.main-form-vol {
top: 61.8%;
}
.main-form-hotel {
top: 66%;
}
.main-form-tour {
top: 64.3%;
}
.tripCategorieMobile {
margin-top: -4px;
width: 122%;
margin-left: 0px;
}
.tripCategorieMobile-page {
margin-top: -7px;
width: 188%;
margin-left: -74px;
}
.owl-carousel div .textoverlay {
display: none;
}
.card .card-ribbon {
width: 67%;
}
}
@media only screen and (max-width : 320px) and (orientation : portrait) {
.guests-inputs-hotel {
top: 65.4%;
right: 20%;
min-width: 218px;
}
.guests-inputs-flight {
top: 61.9%;
right: 18.3%;
min-width: 233px;
}
.guests-inputs-flight-page {
top: 64.2%;
right: 18.3%;
min-width: 234px;
}
.guests-inputs-hotel-page {
top: 57.6%;
right: 20%;
min-width: 218px;
}
.tab-search-transparent .tab-btn-wrapper:first-child .tab-btn {
-webkit-border-radius: 20px 0px 0 0;
-moz-border-radius: 20px 0px 0 0;
border-radius: 20px 0px 0 0;
}
.tab-search-transparent .tab-btn-wrapper:last-child .tab-btn {
-webkit-border-radius: 0 0 20px 0;
-moz-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;
}
.owl-carousel div .textoverlay {
display: none;
}
}
@media screen and (max-width: 380px) {
.main-form {
top: 53%;
}
.main-form-vol {
top: 66.4%;
}
.main-form-hotel {
top: 67.4%;
}
.main-form-tour {
top: 66.8%;
}
.tab-search-transparent .find-widget.find-flight-widget {
padding: 65px 46px;
}
.tab-search-transparent .find-widget.find-hotel-widget {
padding: 113px 57px;
}
.tab-search-transparent .find-widget.find-hotel-widget-page {
padding: 55px 57px;
}
.tab-search-transparent .find-widget.find-flight-widget-page {
padding: 35px 46px;
}
.tab-search-transparent .tab-btn-wrapper:first-child .tab-btn {
-webkit-border-radius: 20px 0 0 0 !important;
-moz-border-radius: 20px 0 0 0 !important;
border-radius: 20px 0 0 0 !important;
}
.tab-search-transparent .tab-btn-wrapper:last-child .tab-btn {
-webkit-border-radius: 0 20px 0 0 !important;
-moz-border-radius: 0 20px 0 0 !important;
border-radius: 0 20px 0 0 !important;
}
.owl-carousel div .textoverlay {
display: none;
}
.vol-banner {
height: 607px;
}
.hotels-layout .content-wrapper>.content .title {
display: inline !important;
text-align: center !important;
margin-left: 16px;
}
.tripCategorieMobile {
margin-top: -47px;
width: 157%;
margin-left: -53px;
}
.tripCategorieMobile-page {
margin-top: -7px;
width: 188%;
margin-left: -74px;
}
.tRmob {
border-bottom: none;
display: grid;
background-color: #f4f4f4;
margin-top: 20px;
border-radius: 20px;
padding: 13px;
}
.tRmob-falldown {
background-color: #706a6a26;
border: none;
margin: 3%;
border-radius: 20px;
}
.widthMob {
border-top: none;
padding-bottom: 0px;
padding-top: 7px;
padding-right: 11px;
padding-left: 0px;
/* background-color: #f4f4f4; */
margin-bottom: 20px;
}
.decaleBtn1.check-cond {
font-size: 24px;
}
.decaleBtn2.check-cond {
width: 170px;
margin-bottom: 20px;
font-size: 13px;
}
.recab-table {
display: inline !important;
}
.detailsDays {
margin-left: 30%;
}
.donate-now {
width: 67%;
margin-top: -5px;
}
.card .card-ribbon {
width: 74%;
}
.card .card-ribbon-from {
width: 79%;
}
}
.bg-gray-transparent {
background-color: #5b57555c !important;
}
.img-container {
background-color: #000000;
}
.img-container img {
opacity: 0.7;
}
.img-container-first {
background: linear-gradient(rgb(238, 238, 238), rgb(238, 238, 238));
min-height: 500px !important;
}
.find-flight-widget,
.find-hotel-widget {
margin-bottom: 5%;
}
.flight-margin-right {
margin-right: -27px;
}
.flight-margin-bottom {
margin-bottom: -5%;
}
.bg-transparent-gray {
background-color: rgba(36, 41, 47, 0.28) !important;
/* background-color: rgb(255, 255, 255)!important; */
}
.tab-content {
width: 100%;
}
/* header styles */
/* Desktop Styles */
@media only screen and (min-width: 768px) {
.header-main .logo {
line-height: 10px;
}
.header-main-wrapper {
margin-bottom: -35px;
}
.logo {
padding-left: 10%;
}
}
@media only screen and (max-width: 768px) {
.show-nav .wrapper-content {
-webkit-transform: translate3d(82%, 0, 0);
-moz-transform: translate3d(82%, 0, 0);
-ms-transform: translate3d(82%, 0, 0);
-o-transform: translate3d(82%, 0, 0);
transform: translate3d(82%, 0, 0);
}
.phone-header {
display: none;
}
.card .image-wrapper .card-title .price {
margin: 43px 0px 0px -9px;
}
.navbar-nav {
text-shadow: none;
}
}
.navbar-nav {
margin-top: -1%;
margin-bottom: -4%;
}
.headerAV {
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 999999999;
}
.header-02 .hamburger-menu-wrapper {
background-color: #c30800 !important;
}
.header-02 .hamburger-menu-wrapper {
background-color: #c30800;
}
.wrapper-mobile-nav {
background: #fff !important;
}
.wrapper-mobile-nav .header-main .login-widget .item:hover {
background-color: #fff !important;
}
.menu-mobile {
background-color: #fff !important;
}
.menu-mobile .main-menu {
background-color: #fff !important;
}
.menu-mobile .main-menu:active,
.menu-mobile .main-menu:hover {
background-color: #c30800 !important;
color: white;
}
.header-main.scrolled {
background-color: #c30800 !important;
transition: background-color 200ms linear;
}
.header-main.scrolled {
background-color: #c30800 !important;
transition: background-color 200ms linear;
}
.bg-transparent .header-main.scrolled .navigation .nav-links .main-menu:hover {
color: #ffffff !important;
}
.bg-transparent .header-main.scrolled .navigation .nav-links li.active .main-menu,
.bg-transparent .navigation .nav-links li:hover .main-menu {
color: #ffffff !important;
}
.bg-transparent .header-main.scrolled .navigation .nav-links .main-menu:after,
.bg-transparent .header-main.scrolled .navigation .nav-links .main-menu:before {
background-color: #ffffff !important;
}
.phone-header {
float: right !important;
margin-top: 22px;
margin-right: 20px;
list-style: none !important;
}
/* .bg-transparent .navigation .nav-links li.active .main-menu,
.bg-transparent .navigation .nav-links li:hover .main-menu {
color: #fff !important;
} */
.result-btn {
background-color: #ffffff !important;
border-color: #ffffff !important;
color: #c30800 !important;
width: 106px !important;
font-size: 14px;
font-weight: 700;
text-transform: none !important;
border: 1px solid #c30800 !important;
cursor: pointer;
}
.result-btn:hover {
color: #fff !important;
background-color: #c30800 !important;
}
.result-btn a {
color: #c30800 !important;
}
.result-btn a:hover {
color: #fff !important;
}
.btn1-change-vol {
font-size: 13px;
font-weight: 500;
position: relative;
display: inline-block;
width: 170px;
height: 34px;
padding: 4px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
border: 1px solid #c30800;
border-radius: 50px;
background-color: #c30800;
cursor: pointer;
color: white;
}
.btn1-change-vol:hover {
color: #c30800;
border: 1px solid #c30800;
background-color: #fff;
}
.tours-layout .content-wrapper>.content .title .price {
color: #c30800;
}
.best-vol-title {
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}
/* warning alerts and btns */
.alert-warning {
color: #555 !important;
background-color: rgb(238, 238, 238) !important;
border-color: #777 !important;
text-align: center !important;
}
.btn-warning {
color: #c30800 !important;
background-color: #ffffff !important;
border-color: #c30800 !important;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
color: #fff !important;
background-color: #c30800 !important;
border-color: #c30800 !important;
}
.spinner>div {
background-color: #c30800 !important;
}
.border-radius-vol,
.border-radius-lodge,
.border-radius-vo {
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
}
/* footer style */
.footer-main {
background-color: #dfdede87 !important;
}
.form-subscribe-email input.form-control::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3c3c3c !important;
opacity: 1 !important;
/* Firefox */
}
.form-subscribe-email input.form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #3c3c3c !important;
}
.form-subscribe-email input.form-control::-ms-input-placeholder {
/* Microsoft Edge */
color: #3c3c3c !important;
}
footer.footer [ng-cloak] {
display: block !important;
}
.explore-widget ul li .link,
.top-deals-widget ul li .link,
.contact-us-widget .info-list ul li .link,
.contact-us-widget .info-list ul {
color: #3c3c3c !important;
}
.explore-widget ul li .link:hover,
.top-deals-widget ul li .link:hovers {
color: #c30800 !important;
}
.explore-widget ul li .link:active,
.top-deals-widget ul li .link:active {
color: #c30800 !important;
}
.explore-widget ul li .link,
.top-deals-widget ul li .link {
padding: 0 0 5px;
}
.subscribe-email {
padding: 7px 7px 0px 0px !important;
background-color: #c30800 !important;
}
/* vol page results style */
.line {
border-top: 1px solid #80808026;
flex-grow: 1;
margin: 0 10px;
}
@media only screen and (max-device-width: 768px) {
.result-body-mobile {
display: block;
}
.result-body-desktop {
display: none;
}
.filterResult {
display: grid;
}
.mobb {
display: none;
}
.btnTools {
display: block;
}
.toolsDiv {
display: none;
}
.caption-widgets{
font-size: 20px;
margin-top: -21px;
margin-bottom: 14px;
text-shadow: 4px 3px 7px black;
}
}
@media only screen and (min-device-width: 768px) {
.result-body-mobile {
display: none;
}
.result-body-desktop {
display: block;
}
.btnTools {
display: none;
}
.toolsDiv {
display: block;
}
.btn-vol-price {
float: right;
margin-right: 150px!important;
}
.caption-widgets{
font-size: 28px;
margin-top: -16px;
margin-bottom: 26px;
text-shadow: 4px 3px 7px black;
}
}
/* iPhone X */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
.card .card-ribbon {
width: 70%;
}
.card .card-ribbon-from {
width: 73%;
}
}
/* iPhone 7/8 */
@media only screen
and (device-width : 375px)
and (device-height : 667px)
and (-webkit-device-pixel-ratio : 2) {
.card .card-ribbon {
width: 72%;
}
.card .card-ribbon-from {
width: 73%;
}
}
/* iPhone 6+/6s+/7+/8+ */
@media only screen
and (device-width : 414px)
and (device-height : 736px)
and (-webkit-device-pixel-ratio : 3) {
.card .card-ribbon {
width: 63%;
}
.card .card-ribbon-from {
width: 66%;
}
}
/*
Only iPhone 4/4S (both: landscape and portrait) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{
.card .card-ribbon-from {
width: 87%;
}
}
.contact-box .contact-btn {
min-width: 100px!important;
}
.contact-box {
border: 1px solid white;
border-radius: 19px;
}
.contact-box .label-login{
color: white;
}