@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

body {font-family: 'Open Sans', sans-serif; font-weight:500;}

a:hover {text-decoration:none;}

.header {padding-top:20px;}

.logo {}
.logo a {}
.logo a img {width:100%;}

.atolprotect {text-align:center;}
.sidecontact {text-align:right;}
.sidecontact a {
    color: #df0506;
    font-size: 30px;
    font-weight: 800;
}
.table-striped  tr th{font-size:14px;}
.table-striped  tr td {font-size:14px;}
.sidecontact strong {display:block; font-size:16px; font-weight:bold; color:#000;}

.newmenu {border:#df0506 1px solid; padding:0px;width:100%; margin-top:20px;}
.newmenu .navbar {padding: 0px;justify-content: flex-end;}
.newmenu .navbar .navbar-nav li a {color: #df0506; font-size: 13px;font-weight: 600;border-right: #f95455 solid 1px;}
.newmenu .navbar .navbar-nav li a.nav-link.active-nav-home {background:#df0506; color:#fff;}
.newmenu .navbar .navbar-nav li a:hover {background:#df0506; color:#fff;}
.newmenu .navbar .navbar-toggler { border: #fff 1px solid;  padding: 0px 4px; margin: 5px 0px; color: #fff; outline:none;}
.newmenu .navbar .navbar-toggler-icon { width: 27px; color: #fff;background-image: url(../images/toggle-icon.png);}

.searchnew {}
.banner {
    background: url(../images/banner-bg.jpg) no-repeat center;
    padding-top: 100px;
    padding-bottom: 60px;
    background-size: cover;
}
.search-tabbox { margin-bottom:0px; /*float:left;*/ width:100%; margin-top:0px;}
.search-tabbox-new { margin-bottom:20px; float:left; width:100%; margin-top:0px;}
.destbox-bg {
    background: url(../images/down.png) no-repeat 96% 50% #fff !important;
}
.pos-rel {
    position: relative;
}
.pos-rel span {
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
}

#passanger-openbox {display:none;}
.passangerbox {position:absolute; /*max-width:100%;*/ width:360px; background:#fff; border:1px solid #000; padding:14px 0px; z-index:999; right:0px; top:65px;}
.pas-pax-topbox { float:left; width:100%; padding:0px 7px;}
.room-selctbox { width:33.33%; float:left; padding:0px 7px;}
.room-selctbox p {font-size:13px; color:#2e3539 !important; font-weight:600; margin-top:9px;}
.close-btnbox {height:30px; font-size:14px; color:#fff; background:#086900; border:1px solid #075201; padding:0px 15px; margin-top:5px; border-radius:5px; float:right; cursor:pointer;}
.pas-pax-lastbox {width:100%; float:left;}
.pas-pax-last-headbox { width:100%; float:left;padding: 2px 14px; background: #e1e1e1; margin: 10px 0px;}
.pas-pax-last-headbox span {font-size:13px; color:#333; font-weight:600;}
.pas-pax-last-paxbox { float:left; width:100%; padding:0px 7px;}
.pax-allbox {width:20%; float:left; padding:0px 7px;}
.pax-allbox span {font-size:11px; font-weight:600; color:#2e3539;}
.adult-paxbox {width:100%; /*height:41px;*/height:30px; border:1px solid #ccc; padding-left:5px; color:#333; font-size:14px; font-weight:600; background:url(../images/down.png) #ffffff50 no-repeat 88% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin-top:5px;}
.pax-allbox-age {width:40%; float:left; padding:0px 7px;}
.travellers-row { margin-left:-7px; margin-right:-7px; }
.age-box { width: 50%; float: left; padding: 0px 2px; }

.radiobox ul { padding-left: 0px; margin-bottom: 0px;  }
.radiobox ul li { list-style: none; display: inline-block; margin-right: 20px; }
.radiobox ul li label input { vertical-align: middle; }
.tabs { width: 100%; }
.tabs ul{ padding-left: 0px; margin-bottom: 3px; }
.tabs ul li {list-style: none; display: inline-flex;}
.tabs ul li a { padding:7px 15px; background: #4a3b50; color: #fff !important; border-radius: 3px; cursor: pointer;}
.tabs ul li a:hover { background: #f98018; text-decoration: none; }
.active-tabs { background: #f98018 !important; }
.tt-hint {color: #999;}
.tt-dropdown-menu { width:250px; margin-top: 0px; background:#fbfafa; border: 1px solid #ccc; max-height: 300px; overflow-y: auto; white-space: nowrap; font-weight:500; font-size:12px;}
.tt-suggestion { line-height: 1em; padding: 10px 10px; font-size: 12px; border-bottom: 1px solid #ccc;}
.tt-suggestion p { margin: 0; color:#3e3e3e; }
.tt-suggestion.tt-cursor {color: #000; /*background: #076ab4;*/ background:#f5deb3; cursor: pointer;}
.tt-suggestions strong {  font-size:12px; /*color: #ce2563;*/ color:#e46c00;}
.holiday a {background-color: #df0506 !important;color: #fff !important;}
.ui-datepicker-month {height:30px!important;}

.cheapflight {padding:50px 0px 50px;}
.cheapflight h1 {    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 0px;
    margin-bottom: 12px;}
.cheapflight h1 span {color:#df0506;}
.cheapflight p {    font-size: 14px;
   
    color: #333;
    margin-bottom: 25px;
    text-align: center;}
.image-box{width:100%;float:left;position:relative; overflow:hidden; margin-bottom:25px;}
.image-box img{width:100%;float:left;}
.tt-text{width:100%;float:left;padding:5px;position:absolute;bottom:0;color:#fff;left:0;background: rgba(0, 0, 0, 0.67);    font-weight: 500;}
.tt-text:hover, .tt-text:active, .tt-text:focus{color:#fff;text-decoration:none;}
.text-heading{width:auto;float:left;font-size:16px;}
.text-price{width:auto;float:right;padding-top:0px;text-align:right;margin-right:7%; font-size:18px; color:#ff4a4a; }
.hover-text{width:100%;height:100%;float:left;top:0;left:0;position:absolute;color:#fff;padding:20% 5px 5px 5px;text-align:center;font-size:20px;display:none;}
.hover-text:hover, .hover-text:active, .hover-text:focus{color:#fff;text-decoration:none;background: rgba(0, 0, 0, 0.44);}
.price{width:100%;float:left;    margin-top: 22px;}
.main-border{width:100%;float:left;}
.border{width:60%;margin:auto;border-bottom:2px solid #fff;}
.cost{width:100%;float:left;}
.image-box:hover .hover-text{display:block;}
.image-box:hover .tt-text{display:none;}

footer { background:#262626;width:100%; padding:20px 0px;}
footer span { color: #fff; font-size: 24px; font-weight: normal; } 
footer p { color: #fff; font-size: 14px; margin-bottom: 0px;    font-weight: 500; }
footer ul { padding-left:0px; }
.brands li { display: inline-block; }
footer ul li { list-style: none; }
footer ul li a { color: #fff; font-size:14px;    font-weight: 500; }
footer ul li a:hover { color:#df0506; text-decoration: none;  }
.sub { border-radius: 3px; background: #f98018; border:0px; padding:4px 10px; color: #fff;  }
footer a { color: #fff; font-size:14px; display: block;    font-weight: 500; }
footer a:hover { color:#df0506; text-decoration: none;  }
.footer-para { padding: 10px; margin-bottom: 0px; border: 1px solid #5b5b5b; }
.footer-para a { text-decoration:none; color: #df0506 !important; font-weight: 500 !important; display: inline-block; }
.social { margin-top: 10px; }
.social li { display: inline-block; padding-right: 5px; }
.social li a {font-size: 16px; display: list-item;}
.social li a:hover {color: #fff; }
.facebook { color: #fff; background: #3B5998; width: 25px; height: 25px; text-align: right; padding-right: 4px; border-radius: 2px;  line-height: 27px;}
.twitter { color: #fff; background: #1DA1F2; width: 25px; height: 25px; text-align: center; border-radius: 2px;   line-height: 27px;}
.insta {   display: inline-block; width: 25px; height: 25px; text-align: center; border-radius: 2px; color: #fff; line-height: 27px; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); box-shadow: 0px 3px 10px rgba(0,0,0,.25); }
.gplus { width: 25px; height: 25px; background: #d34836; color: #fff; line-height: 26px; text-align:center; border-radius: 2px; }
.footerflight{font-size:13px;padding:10px;border-top:1px solid #df0506;}
.footerflight ul{list-style: none;padding-left: 0px!important}
.flin ul li a{color:#000;    font-weight: 500;}
.flin ul li{transition:all linear 0.3s}
.flin ul li span{color:#df0506;font-weight:600;font-size:16px;}
.footerflight h4{padding: 10px 0 6px 0;}
.footerflight h4:before{border-left:3px solid #df0506;content:'';padding-right:8px; }
.footerflight ul li:hover{margin-left:5px;color:#df0506;}
.footerflight ul li:hover a{color:#df0506;}
.about_main {padding:50px 0px;}
.about_main h1 {font-size:30px; font-weight:600;}
.conimg {}
.conimg img {width:100%;}
.box-shadow {
    width: 100%;
    border: 1px solid #dadada;
    padding: 10px;
    min-height: 300px;
}
.box-shadow h4 {font-weight:600;}

.flight_main {padding:50px 0px;}
.flight_main h1 {font-size:40px; font-weight:700;}
.flight_main h1 span {color:#df0506;}
.serflight {background:#df0506; padding:20px 10px;}
.flight-label {
    width: 100%;
    color: #fff;
    font-size: 15px;
}
.flight-label select {
    width: 100%;
    border-radius: 3px;
    padding: 5px 0px 5px 10px;
    color: #333;
    font-size: 14px;
    background: url(../images/down.png) no-repeat right #fff;
    background-position: 97%;
}
.mb20 {margin-bottom:20px;}
.mt50 {margin-top:50px;}
.airlbox {text-align:center; border:1px solid #ccc; margin-top:25px;}
.airlbox img {width:100%;}
.airlbox h3 {color:#df0506;font-weight:bold; font-size:18px;margin-top:10px;}
.airlbox h4 {font-weight:500;}
.airlbox a {color: #fff; display: block; background: #df0506;padding: 6px; font-size: 14px; font-weight: 600;}
.airlbox:hover {}
.airlbox:hover a {background: #222;}
.airlbox:hover h3 {color: #222;}
.mt20 {margin-top:20px;}
th, td {white-space: nowrap;}
.table-bordered > tbody > tr > td {
    padding-top: 15px !important;
    font-size: 14px !important;
}
thead{background:#df0506;color:white;}


.table {
border: #df0506 solid 2px !important;
}
.button-search{ background:green; border-radius:4px;color:#fff; padding:5px; margin-top:2px; text-align:center;}
.button-search a {color:#fff;}
.button-search:hover{ color:#fff; text-decoration:underline;}
@media screen and (max-width: 768px)  {  
.atolprotect {display:none;}
.sidecontact {display:none;}
.newmenu {background:#df0506;}
.newmenu .navbar .navbar-nav li a {color:#fff;border-right: none; border-bottom:1px solid #f95455;}


}