@charset "UTF-8";
p {
  margin-bottom: 0;
}

a,
button {
  text-decoration: none;
  color: inherit;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
  outline: 0;
}

a,
button,
img,
input {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

a:focus {
  text-decoration: none;
  color: #253237;
  outline: 0;
}

a:hover {
  text-decoration: none;
  color: #0090F0;
}

button,
input[type="submit"] {
  cursor: pointer;
  outline: 0 !important;
}

img {
  max-width: 100%;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.form-control:focus {
  box-shadow: none;
}


/*******************************
input  placeholder
*******************************/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #A4A4A4 !important;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #A4A4A4 !important;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #A4A4A4 !important;
  opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #A4A4A4 !important;
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  color: #A4A4A4 !important;
  opacity: 1;
}

.review-images img{
height:200px;
object-fit:cover;
}

section.trip-category-header a{color:#0c00ff;}        
.les-cruise-finder a{color:#0c00ff;}       
.trip-details a{color:#0c00ff;} 
/*******************************
input active placeholder
*******************************/

input:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder {
  color: #0090F0 !important;
  opacity: 1;
}

input:active::-moz-placeholder,
textarea:active::-moz-placeholder {
  color: #0090F0 !important;
  opacity: 1;
}

input:active:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
  color: #0090F0 !important;
  opacity: 1;
}

input:active::-ms-input-placeholder,
textarea:active::-ms-input-placeholder {
  color: #0090F0 !important;
  opacity: 1;
}

input:active::placeholder,
textarea:active::placeholder {
  color: #0090F0 !important;
  opacity: 1;
}

.text-white{
  color: #fff !important;
}

/*--header css styeld start here--*/
/*.navbar-dark .navbar-brand{
position:absolute;
left: 20%;    
}*/
.modal-content .navbar-brand{left:0%;}

@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 1160px;
}
}
@media (min-width: 1200px){
.container{max-width: 1360px;}
}
.btn-book-now{
color: #fff;
background-color: #fbaf17;
border-color: #fbaf17;
margin-top:-7px;    
}

.btn-book-now:hover{
color: #fff;
background-color:#1b2c58;
border-color:#1b2c58;
}

#lc-subscription{
position: fixed;
left: 2%;
bottom:8%;
width: 50%;
z-index: 1030;
padding-top: 15px;

}

#lc-subscription .lc-btn-close{
position: absolute;
top: 7px;
right: -7px;
font-weight: normal;
z-index: 100;
font-size: 13px;
color: #fff;
background: #000;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 2px;
text-align: center;
opacity: 1;
cursor:pointer;
line-height: 1.2;    
}

#nav_search_box{    
width:82%;
position: absolute;
background: #fff;
height: 30px;
right:10%; 
z-index:99;
 }
    
#nav_search_box .form-control{
width:95%; 
height: 30px;   
}
.nav_search_trigger {
top: 5px;
font-size: 15px;
color: #000;
cursor:pointer;
}    
    
.nav_search_input {
margin-bottom: 0;
display: block;
line-height: 32px;
width: 95%;
height: 30px;
}  
    
.nav_search_button {
position: absolute;
top: 0;
right: 32px;
width: 35px;
height: 30px;
line-height:33px;
font-size:18px;
padding: 0!important;
border: 0;
vertical-align: middle;
background: #000;
border-radius: 0;
color: #fff;    
} 
.nav_search_button:hover,.nav_search_button:focus{
color:#fff;    
}    
.nav_search_close{    
position: absolute;
right: 8px;
top: 6px;
font-size: 18px;
cursor: pointer;
color: #000;
}    
.navbar-dark .navbar-nav .nav-link {color: #000 !important;} 
.explore-menu{    
position: relative;
color:#000;  
font-size:13px; 
padding-top: .2rem;    
font-weight:700;    
cursor:pointer;
width:85px; 
text-transform:uppercase;
}

.explore-menu:hover{color:#000;} 
.vr{
border-right:2px solid #dddd;
height:23px;
float:right;
}
.vl{
border-right:2px solid #dddd;
height:23px;
float:right;
}


.scroll-search .form-control{height:30px;}
.scroll-search .input-group {width: 350px;}
.scroll-search .input-group-append {margin-left: -38px;z-index: 99;}    
.scroll-search .btn{line-height:1;} 

.header-banner {
background:#fff;
width: 100%;
height:100px;
}     
/*nav */
.nav-pills {text-transform:uppercase;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #000;
background-color: #fff;
border-radius: 0;
font-size: 14px;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
padding: 10px 4px;    
font-weight: bold;
}    
.nav-pills .nav-link:hover{color:#000;}    
.nav-pills .lni{
line-height: 23px;
}
.nav-pills .nav-link.active .lni{
line-height: 23px;
font-weight: bold;    
}  

#desk_nav .modal-header .close{
position: absolute;
top: 11px;
right: 13px;
z-index: 99999;
font-size: 27px;
}
   
.menu-header {
display: block;
margin: -6px 0 6px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0,0,0,0.15);
text-align: left;
}    
.menu-header h1{
font-size: 30px;
line-height: 34px;
color: #000;
}    
 
.modal-nav{
display: flex;
flex-direction: column;
height: 700px;
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden;
}
.main-menu{
height: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0;
margin-top: 0;    
}

.menu-item{
float: left;
width: 50%;
padding-right: 0;
padding: 0 32px 0 0;
border-bottom-width: 0;
display: flex;
justify-content: space-between;
align-items: center;    
}

.main-menu .menu-item .menu-item-link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size:16px;
margin-right: 24px;
padding-bottom: 0;
margin-bottom: 8px;
color: #000;    
}
.main-menu .menu-item .menu-item-link:hover{
color:#000;
text-decoration:underline;
}    
    
.custom-menu{
padding: 15px;
height:305px;
border-top: 4px solid #000;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}    
   
.custom-menu-img {
display: flex;
justify-content: center;
align-content: center;
height: 120px;
} 
    
.custom-menu-img img {
margin: auto;
display: block;
object-fit: contain;
max-height: 100px;
max-width: 100%;
width: auto;
}   
.custom-menu .title{
overflow:hidden;
text-align: center;
font-weight: bold;    
font-size: 16px;
line-height: 1.4;
height:42px;
color: #252d6a;
margin-bottom: 10px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;    
}   
.custom-menu .desc{   
position: relative;
height: 42px;
overflow: hidden;
margin-bottom: 0;
color: #000;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}  
.weather-img{
float: left;
width: 50px;
margin-top:0px;
}
.weather-text {
float: left;
font-size: 14px;
font-weight: bold;
color: #fbb426;
margin-top:4px;
margin-right: -10px;
}
.dropdown-menu{
right:0;
left: auto;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }

/*-- img gallery --*/
.gallery a{        
overflow: hidden;
float: left;
width: 25%;
height: 150px;
border: 2px solid #fff;
}
.gallery a img{
max-width: 100%; 
height: 150px;
object-fit: cover;
-webkit-transition: -webkit-transform .15s ease;
-moz-transition: -moz-transform .15s ease;
-o-transition: -o-transform .15s ease;
-ms-transition: -ms-transform .15s ease;
transition: transform .15s ease;      
}     
.gallery a:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
z-index: 5;
}   

.img-gallery .modal-header .close {
background: transparent !important;
color: #fff;
opacity: 1 !important;
border: none;
outline: none;
}

.font-size-16{font-size:16px;}    
.about-how {
list-style: none;
margin: 0;
padding: 0;
color:#000;    
}
.about-how1, .about-how2, .about-how3, .about-how4, .about-how5 {
margin-bottom: 20px;
}    
.about-how1:before {
background-position: left -2px;
}
.about-how1:before, .about-how2:before, .about-how3:before, .about-how4:before, .about-how5:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
width: 42px;
height: 40px;
position: absolute;
display: block;
margin-top: 5px;
margin-left: -75px;
background-image: url(../img/numbers.png);
background-repeat: no-repeat;
background-size: 40px 217px;
}

.about-how1:before {
    background-position: left -2px
}

.about-how2:before {
    background-position: left -42px
}

.about-how3:before {
    background-position: left -87px
}

.about-how4:before {
    background-position: left -129px
}

.about-how5:before {
    background-position: left -168px
}

.bg-gray{background:#ddd;}

.skip {
position: absolute;
background: rgba(0,0,0,0.7) !important;
color: #fff;
padding: 5px !important;
top: 0px;
right:0;
cursor: pointer !important;
z-index: 99999;
font-size: 18px !important;
}


.tt-height{
height:300px;
}
.cc-img{
height:375px !important;
}

/*###### nav-tabs ######*/
.nav-tabs {border-bottom: 0;}
.nav-tabs .nav-item a{
font-size: 15px;
color: #000;
font-weight: bold;
padding:5px;
}
.nav-tabs .nav-item a{
color: #000;
background-color: #fff;
border-color: #000;
}
.nav-tabs .nav-item .active{
color: #fff;
background-color: #000;
border-color: #dee2e6 #dee2e6 #fff;    
}
.nav-tabs .nav-link{margin-right: 8px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border-color: #000;    
}
/*---sign in--*/
.login-reg-btn .icon {
width:55px;    
position: relative;
padding: 1px 22px;
vertical-align: middle;    
}
.login-reg-btn .icon .fa{    
font-size: 18px;
position: relative;
top: 2px;    
    }
.icon:after {
content: '';
display: block;
position: absolute;
width: 1px;
right: 0;
top: 43%;
transform: translateY(-50%);
background-color: #fff;
height: 43px;
}    
.login-reg-btn {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-top: 16px;
} 
    
.login-reg-btn-text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
letter-spacing: 0;
font-weight: 700;
display: inline-block;
padding: 8px 56px;
letter-spacing: 0;
vertical-align: middle;
flex-shrink: 0;    
}
.bg-google{    
background-color:#4285f4;
color: #fff !important;
} 
.bg-fb{    
background-color:#3c579e;
color: #fff !important;
}   
.bg-email{
background-color:#343a40;
color:#fff !important;
}  


/*--zoom in class--*/

.zoom-in img {
transition: linear 0.3s;
-webkit-transition: linear 0.3s;
-moz-transition: linear 0.3s;
-ms-transition: linear 0.3s;
-o-transition: linear 0.3s;
}
.zoom-in:hover img {
transform: scale(1.1) rotate(0.05deg);
-webkit-transform: scale(1.1) rotate(0.05deg);
-moz-transform: scale(1.1) rotate(0.05deg);
-ms-transform: scale(1.1) rotate(0.05deg);
-o-transform: scale(1.1) rotate(0.05deg);
}

.travel-input input {   
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
    
}

/* input + radio  */
.travel-input label {
font-size:1.25rem;   
position: relative;
cursor: pointer;
color:#000;    
}
.travel-input label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #000;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding:8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.travel-input input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 8px;
width: 5px;
height: 11px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

.view-trip .table td, .table th{
font-size: 16px;
font-weight: 500;	
}

/*---------------------home page styled css start------------------------*/

.les-banner-text {
  background-color: #fff;
  width: 80%;
  padding: 30px 0px;
  margin-top: -70px;
  position: absolute;
}

.les-banner-text h2 {
  font-size: 26px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.les-banner p {
  color: #000;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.les-banner .banner-border {
  border-top: 8px solid #28435f !important;
}

.les-banner .banner-border img {
  max-width: 100%;
  height: 90px;
  width: 100%;
  object-fit: contain;
}

.les-banner .les-banner-text:after {
  content: ' ';
  position: absolute;
  border-right: 10px solid #28435f;
  border-top: 10px solid #28435f;
  width: 82px;
  height: 82px;
  right: 0;
  top: 0;
}

.les-safe-travel {
  margin-top: 80px;
}

.les-safe-travel p {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.les-safe-travel .travel-images img {
  height: 90px;
  width: 100%;
  object-fit: cover;
}

.les-about h2 {
  font-size: 26px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.les-latest img {
  height: 150px;
  width: 100%;
  object-fit: contain;
}

.les-latest h3 {
  font-size: 22px;
  line-height: 1.3;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.les-latest .les-latest-border {
  border-top: 8px solid #28435f !important;
}

.les-latest .les-latest-border ul li {
  line-height: 2em;
  font-size: 17px;
  color: #000;
}

.les-fall-travel img {
  height: 235px;
  width: 100%;
  object-fit: contain;
}

.les-fall-travel h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.les-products p {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.les-fall-travel a p {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


/*----------------------home page styled css end--------------------------*/


/*-----------------trip ideas header styled css start------------------*/

div.bg-yellow {
  background-color: #f3b329;
  height: 160px;
}

section.trip-category-header {
  margin-top: -80px;
}

.trip-category-header h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
}

.trip-category-header p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.trip-category-header .bg-border:before {
  content: ' ';
  position: absolute;
  border-right: 10px solid rgba(0, 0, 0, 0.95);
  border-top: 10px solid rgba(0, 0, 0, 0.95);
  width: 82px;
  height: 82px;
  right: 15px;
  top: 0;
}

/*.frmReview label{
top: -3px;
position: relative;
}*/

.r-size-none{resize:none;}

/*-----------------mobile header end------------------*/
.side_nav{
position: absolute;
left: 11px;
font-size: 28px;
cursor:pointer;
}  
#sidebar {
width: 80%;
position: fixed;
top:0px;
left: -100%;
height: 100vh;
z-index: 9999;
background: #fff;
color: #000;
transition: all 0.3s;
overflow-y: scroll;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
left: 0;
}

#dismiss {
width: 22px;
height: 22px;
line-height: 26px;
font-size: 21px;    
text-align: center;
position: absolute;
top: 4px;
right: 8px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#dismiss:hover {
color: #000;
}

.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.overlay.active {
display: block;
opacity: 1;
}

#sidebar .sidebar-header {
padding: 20px;
background: #6d7fcc;
}

#sidebar ul.components {
padding: 31px 0;
}

.components .dropdown-toggle::after{
float: right;
margin-top: 10px;    
    }    
    
#sidebar ul li a {
padding:5px;
font-size: 1.1em;
display: block;
}

#sidebar ul li.active>a
/*a[aria-expanded="true"] */{
color: #000;
border-top: 2px solid #767676;
border-bottom: 2px solid #767676;
}    
/*-----------------text slider styled css start------------------*/

#owl-demo {
  overflow-x: hidden;
}

#owl-demo .item {
  margin:15px;
  list-style: none;
  border: 3px solid #f3b329;
  color: rgba(0, 0, 0, 0.95);
  background: #fff;
  padding: 12px 7px;
  font-weight: 700;
}

#owl-demo .item:hover {
  background: #f3b329;
}

#owl-demo .item a {
  color: #000;
  text-decoration: none;
}


/*-----------------text slider styled css end------------------*/


/*-----------------category details styled css start------------------*/

.category-details {
  border-top: 2px solid #ddd;
}

.category-details img {
  height: 265px;
  width: 100%;
  object-fit: cover;
}

.category-details h3 {
  font-size: 23px;
  line-height: 1.2;
  color: #000;
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.category-details h5 {
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.category-details p {
  font-size: 16px;
  color: #000;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.category-details .read-more {
  color: #041a61;
}


/*-----------------category details styled css end------------------*/


/*-----------------more trip ideas styled css start------------------*/

.category-trip-ideas img {
  height: 360px;
  width: 100%;
  object-fit:cover;
}

.category-trip-ideas h3 {
  font-size: 23px;
  line-height: 1.2;
  color: #000;
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.category-trip-ideas p {
  font-size: 14px;
  color: #000;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.more-ideas-trip img {
  height: 180px;
  width: 100%;
  object-fit: cover;
}

.more-ideas-trip h5 {
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.trip-ideas-second h3 {
 font-size: 23px;
 line-height: 1.2;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight:600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.trip-ideas-second p {
  font-size: 16px;
  color: #000;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.trip-ideas-second img {
  height:auto;
  width: 100%;
  object-fit: cover;
}


/*-----------------more trip ideas styled css end------------------*/


/*------------All Trip Ideas styled css start--------------*/

.trip-ideas-title h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  color: #000;
 text-transform: capitalize; 
}

.trip-ideas-list {
  border-top: 2px solid #ddd;
}

.trip-ideas-list img {

  height: 170px;
  width: 100%;
  object-fit: cover;
}

.trip-ideas-list h3 {
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/*------------All Trip Ideas styled css end--------------*/


/*------------------review details page styled css start------------------*/

.trip-details-header h3 {
  color: #000;
}

.trip-details-header p {
  letter-spacing: 0.5px;
}

.trip-ratings h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.trip-ratings .btn {
  background-color: #041a61;
  color: #fff;
  font-weight: 500;
  border-radius: 0px;
  font-family: inherit;
}

.trip-reviews h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.trip-reviews .btn {
  background-color: #041a61;
  color: #fff;
  font-weight: 500;
  border-radius: 0px;
  font-family: inherit;
}

.trip-reviews .trip-reviews-heading {
  display: flex;
  justify-content: space-between;
}

.trip-reviews p {
  color: #000;
  font-size: 16px;
}

.trip-reviews .trip-reviews-checkbox .filters label {
  position: relative;
  cursor: pointer;
}

.trip-reviews .trip-reviews-checkbox .filters input[type="checkbox"] {
  display: none;
}

.trip-reviews .trip-reviews-checkbox .filters label span {
  text-align: center;
  padding: 5px 15px 5px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 1rem;
  border-radius: 0px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

.trip-reviews .trip-reviews-checkbox .filters input[type="checkbox"]:checked+span {
  color: #fff;
  background-color: #041a61;
}

.trip-reviews-images img {
width: 70px;
height: 70px;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
margin: 0 auto;
}

.trip-reviews-images h5 {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: #000;
  line-height: 1.3;
}

.trip-reviews-images p {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.best-trip img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}


/*------------------review details page styled css end------------------*/


/*-------------user review page styled css start----------------*/

.section-title {
  position: relative;
  padding-bottom:20px;
  text-align: center;
  margin: 0 auto;
}

.section-title h2 {
  text-transform: capitalize;
  font-size: 38px;
  font-weight: 600;
  color: #28435f;
  line-height: 1.5;
}

.section-title h3 {
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  color: #000;
}

.section-title:before {
  background: #28435f;
  width: 152px;
  transform: translateX(-50%);
}

.section-title:after {
  background: #faa41a none repeat scroll 0 0;
  position: absolute;
  width: 76px;
  z-index: 9;
}

.section-title:before,
.section-title:after {
  bottom: 11px;
  height: 3px;
  left: 50%;
  position: absolute;
  content: "";
  right: 0;
}

.user-review-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.user-review-search .form-control {
  padding-left: 2.375rem;
}

.user-review-search .form-control:focus {
  border: 2px solid #28435f ! important;
  box-shadow: none !important;
}

.user-ratings h3 {
  font-size: 18px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.user-ratings img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}


/*--------------user review page styled css end------------------*/


/*-----------------review page css start here--------------------*/

.trip-write-review h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-family: 'Josefin Sans', sans-serif;
}

.trip-recent-review h4 {
  font-size: 18px;
  line-height: 1.3;
  color: #000;
  font-family: 'Josefin Sans', sans-serif;
}

.trip-recent-review p {
  font-size: 14px;
  color: #000;
  line-height: 1.7em;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.trip-write-review .form-group .btn {
  background-color: #000;
  color: #fff;
  border-radius: 0px;
  box-shadow: none;
  border: none;
}

.trip-optional-text p span {
  color: #28435f;
  font-weight: 500;
}

.trip-radio-button input[type="radio"] {
  display: none;
}

.trip-radio-button label {
  padding: 7px 27px;
  display: inline-block;
  border: 1px solid #e9e8e2;
  cursor: pointer;
}

.trip-radio-button input[type="radio"]:checked+label {
  background: #041a61;
  color: #fff;
  box-shadow: none;
}

.recent-review-image img {
  border-radius: 100px;
  width: 70px;
  margin: 0 auto;
}


/*-----------------review page css end here--------------------*/


/*-------------------post photos css styled start here------------------*/

.trip-post-photos form label {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.7;
  padding-left: 4px;
}

.trip-reviews label {
  color: #000;
  font-size: 16px;
}


/*-----------------------post photos css end here-------------------------*/


/*----------------------add photos styled css stert here----------------------*/

.trip-ideas-addphotos h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-family: 'Josefin Sans', sans-serif;
}

#previewimg {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.trip-imagePreview {
  height: 250px;
  object-fit: contain;
}

.trip-imagePreview img {
  height: 250px;
  object-fit: cover;
}

.trip-upload-photos .btn {
  background-color: #041a61;
  color: #fff;
  font-weight: 400;
}

.trip-view-img img {
  width: 300px;
  display: block;
  height: 250px;
  object-fit: cover;
}

#trip-ideas-upload {
  display: none;
}

.trip-ideas-uploadbtn {
  border: 0;
  border-radius: 0;
  color: #fff;
  font: 400 15px 'Roboto', Arial, Helvetica, sans-serif;
  line-height: 1.1;
  margin-top: 20px;
  width: 155px;
  padding: 11px;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.trip-ideas-uploadbtn:after {
  content: "\f093";
  font-family: FontAwesome;
  color: #fff;
  font-size: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  text-align: center;
  line-height: 38px;
  left: 0;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}

.trip-ideas-uploadbtn span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.15s;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.15s;
  -moz-backface-visibility: hidden;
  transition: all 0.15s;
  backface-visibility: hidden;
}

.trip-ideas-uploadbtn:hover:after {
  top: 0;
}

.trip-ideas-uploadbtn:hover span {
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}

.trip-ideas-del {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}


/*------------------------add photos styled css end here-----------------------*/


/*------------------------details page styled css start here-----------------------*/
.trip-details{
  font-family: 'Roboto', sans-serif;	
}
.trip-details h1 {
  font-family: 'Roboto', sans-serif;	
  line-height: 1.2;
  color: #000;
}

.trip-details h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;

  color: #000;
  padding-bottom: 20px;
}

.trip-details p {
  font-family: 'Roboto', sans-serif;	
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
}
.trip-details span{
  font-family: 'Roboto', sans-serif;		
}
.trip-details p span{
  font-family: 'Roboto', sans-serif;		
}
.trip-details p span span{
  font-family: 'Roboto', sans-serif;		
}

.trip-details img { 
height: auto; 
max-width: 100% !important; 
object-fit:contain; 
}
.trip-details dl, ol, ul{
font-family: 'Roboto', sans-serif;
padding-left: 14px; 
 } 

/*------------------------details page styled css end here-----------------------*/


/*--------------------------copyright styled css stert here--------------------*/

.les-content ul li, ol li {
padding: 0;
list-style-position: outside;
}

.les-content h4 {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.les-content p {
  font-size: 15px;
  color: #000;
  line-height: 1.7;
}

.les-content ol.terms-list li {
  line-height: 28px;
}


/*------------------------copyright styled css end here-------------------------*/


/*-----------------footer styled css start here-----------------*/

.les-footer {
  background: #f5f5f5;
}

.les-footer .footer-widget {
  text-align: center;
}

.les-footer .footer-inner-widget {
  border-left: 1px solid rgba(0, 0, 0, 0.95);
  border-right: 1px solid rgba(0, 0, 0, 0.95);
}

.les-footer .footer-widget .footer-widget-heading h3 {
  color: #1b2c58;
  font-size: 24px;
  font-weight: bold;
}

.les-footer .footer-widget ul li {
  list-style: none;
  line-height: 15px;
  margin-bottom: 10px;
}

.les-footer .footer-widget ul li a {
  color: #000;
}

.les-footer .footer-widget .newsletter {
  text-align: center;
  position: relative;
  z-index: 2;
}

.les-footer .footer-widget .newsletter form {
  padding-top: 30px;
}

.les-footer .footer-widget .newsletter .btn {
  min-height: 45px;
  border-radius: 0;
  background: #243c4f;
  color: #fff;
  font-weight: 600;
  border-radius: 0px 5px 5px 0px;
}

.les-footer .footer-widget .newsletter .form-control {
  height: 45px;
  border-color: #ffffff;
  border-radius: 0;
}

.les-footer .footer-widget .footer-social-icon {
  padding-top: 50px;
  padding-bottom: 50px;
}

.les-footer .footer-widget .footer-social-icon .icons {
  padding-top: 30px;
}

.les-footer .footer-widget .footer-social-icon .icons a i {
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}

.les-footer .copyright-area {
  background: #1b2c58;
  padding: 15px 0;
}

.les-footer .copyright-area p {
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}


/*------------------footer styled css end here------------------*/


/*------------------world best styled css start here------------------*/

.les-world-best .les-best-title h1 {
  color: rgba(0, 0, 0, 0.95);
  font-size: 40px;
  line-height: 52px;
}

.les-world-best p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 28px;
font-weight: 400;
letter-spacing: 0;
color: rgba(0, 0, 0, 0.95);
}

.bg-dark-blue {
  background-color: #1b2c58;
}

.les-world-best .les-best-hotels h2 {
  color: rgba(0, 0, 0, 0.95);
  line-height: 1.2;
}

.les-top-hotels h5 {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:50px;
}

.les-top-hotels img {
  height:180px;
  width: 100%;
  object-fit: cover;
}

#owl-demo {
    overflow-x: hidden;
    position: absolute;
    z-index: 111;
}
.customNavigation{
  z-index: 999;
  position: relative;
  background-color: #fff;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.customNavigation .prev{
margin-left: 28px;
margin-top: 21px;
}
.customNavigation .next{
margin-top:21px;
margin-right: -13px;
}
.ext-top{display:none;}


/*------------------world best styled css end here------------------*/


/*------contact page styled css start here------*/

.les-contact .les-subscription-service h1 {
  color: #000;
}

.les-contact .les-subscription-service h3 {
  color: #000;
  font-weight: 600;
  line-height: 28px;
}

.les-contact .les-subscription-service p {
  color: #000;
  font-size: 16px;
  line-height: 28px;
}

.les-contact .les-subscription-service p a {
  color: #000;
}


/*----- giftcard here----------*/
.cardcont img {
-webkit-filter: drop-shadow(3px 3px 3px #222 );
filter: drop-shadow(3px 3px 3px #222);
}
#giftcol ul {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding-left: 50px;
    padding-top: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 660px;
}
#giftcol ul li {
min-height: 64px;
font-size: 16px;
line-height: 1.4em;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 3px;
background-repeat: no-repeat;
color:#fff;    
}

#giftcol ul li.gift-desc1:before {
content: "";
display: block;
position: absolute;
width: 64px;
height: 64px;
margin-left: -76px;
background-image: url(../img/gift-cards/gift-desc-icon.png);
background-repeat: no-repeat;
background-position: left -7px;
}
#giftcol ul li.gift-desc2:before {
content: "";
display: block;
position: absolute;
width: 64px;
height: 64px;
margin-left: -82px;
background-image: url(../img/gift-cards/gift-desc-icon.png);
background-repeat: no-repeat;
background-position: left -70px;
}
#giftcol ul li.gift-desc3:before {
content: "";
display: block;
position: absolute;
width: 64px;
height: 64px;
margin-left: -82px;
background-image: url(../img/gift-cards/gift-desc-icon.png);
background-repeat: no-repeat;
background-position: left -136px;
}
#giftcol ul li.gift-desc4:before {
content: "";
display: block;
position: absolute;
width: 64px;
height: 64px;
margin-left: -82px;
background-image: url(../img/gift-cards/gift-desc-icon.png);
background-repeat: no-repeat;
background-position: left -197px;
}
#giftcol ul li h3 {
font-size: 1.2em;
font-weight: 700;
color: #fff;
margin-bottom:8px;    
}
/*---travel guide styled css start here---*/
.les-travel-guide {
background-image: url("../img/travelbg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 155px;
widows: 100%;
}

.ls-terms li{
font-size: 16px;
line-height: 1.4;
padding-bottom: 4px;
}

.accordion .btn-link{
color:#000;
text-decoration:none;
outline:0;    
}
.accordion .btn-link:hover,.btn-link:focus{
color:#000;  
text-decoration:none; 
outline:0;       
}
.accordion .btn:hover,.btn:focus{text-decoration:none;}
/*---travel guide styled css end here---*/
.btn.focus, .btn:focus{box-shadow:none;}
#accordion1 a{
font-size:16px;    
cursor:pointer;
color:#000;
} 
#accordion1 a:hover{
 color:#000;   
}

/*---checkin styled css start here---*/

.les-sweepstakes-card img {
  height: 253px;
  width: 100%;
  object-fit: cover;
}

.les-top-hotels .les-stakes img {
  height: 360px;
  width: 100%;
  object-fit: cover;
}


/*---checkin styled css end here---*/


/*--sitemap styled css start here--*/

.les-sitemap h4 {
  font-size: 16px;
  color: #000;
  font-weight: 800;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.les-sitemap .sitemap-list {
  line-height: 30px;
  list-style: outside;
  padding-left: 15px;
}

.les-sitemap .sitemap-list li a:hover {
  color: #1b2c58;
}
/*--siemap styled css end here--*/

.r-size{resize:none;}
.ecard-message {
font-size: 28px;
text-align: right;
font-weight: bold;
color: black;
}
.card-no {
font-size: 12px;
text-align: right;
}
.prvamount {
float: left;
padding: 10px;
border-left: 1px solid;
}
.prvamount .amount {
font-size: 24px;
font-weight: bold;
}
/*--cruise-finder page styled css start here--*/

.bg-cruise-finder {
  background-image: url("../img/hotels/finderbg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 225px;
  width: 100%;
}

.les-cruise-finder p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
}

.les-cruise-finder {
  margin-top: -80px;
}


/*--cruise-finder page styled css end here--*/


/*--newsletter page styled css start here--*/

.les-newsletter h2 {
  color: #000;
}

/*--newsletter page styled css end here--*/

.site-map h4{
	font-size: 20px;
    color: #000;
	font-weight:800;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.site-list li:before{
	content:"\f068";
	font: normal normal normal 6px/1 FontAwesome;
	position:relative;
	bottom: 3px;
    margin-right: 10px;
}
.site-list li a{
color:#2a354e;	
}

.site-list li a:hover{
	color: #ff8004;
    padding-left: 5px;
    transition: all 0.3s ease-in-out;
}
.plan-your-trip h1{
font-size:28px;
color:#000;
}

.plan-your-trip .form-group input[type='checkbox']{   
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;  
}

/* input + radio  */
.plan-your-trip .form-group label {
font-size:14px;     
position: relative;
cursor: pointer;
color:#000;    
font-weight: 500;    
}
.plan-your-trip .form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #000;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding:8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.plan-your-trip .form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top:4px;
left: 8px;
width: 5px;
height: 11px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.scroll-nav .nav-link{
font-size:13px !important;}
.weather-main{
width: 100px;
margin-top: 5px;    
}

.ScrollStyle
{
    max-height: 443px;
    overflow-y: scroll;
}

/* .plan-your-trip .form-group [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.plan-your-trip .form-group [type="radio"]:checked + label,
.plan-your-trip .form-group [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.plan-your-trip .form-group [type="radio"]:checked + label:before,
.plan-your-trip .form-group [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.plan-your-trip .form-group [type="radio"]:checked + label:after,
.plan-your-trip .form-group [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #000;
    position: absolute;
    top:3px;
    left:3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.plan-your-trip .form-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} */
.plan-your-trip h3{
font-size: 16px;
margin-bottom:7px;
color: #000;   
}     
.font-size-12{font-size:12px !important;}  
.font-weight-300{font-weight:300;} 
/*------------------------add photos styled css end here-----------------------*/


/*------------------------details page styled css start here-----------------------*/
.trip-details{
  font-family: 'Roboto', sans-serif;	
}
.trip-details h1 {
  font-family: 'Roboto', sans-serif;	
  line-height: 1.2;
}

.btn-dark-blue{
  background-color: #243c4f;
}

.footer-contact-form{
 background-color: transparent;
}

.footer-contact-form .card-header{
 background-color: transparent;
}

.footer-contact-form .form-control{
 background-color: transparent !important;
}


#bottom_bar {
    display: none;
    height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1b2c58;
    padding-top: 20px;
    z-index: 100;
    text-align: center;
    will-change: transform;
    -webkit-transition-property: max-height;
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#bottom_bar .mt-6 {
    margin-top: -6px;
}

#bottom_bar h4 {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 600;
    text-align:left;
    color: #fff;
}
#bottom_bar .btn-ylw{margin-top:-10px;}
.vertical-bar{width:15px;border-left:2px solid rgba(0,0,0,0.15)}
.btn-ylw {
    color: #fff;
    background: #fbaf17;
    padding-top: 10px;
    text-decoration: none;
    outline: 0;
    border: 0;
    vertical-align: middle;
    text-transform: capitalize;
}
.btn-ylw:hover,btn-ylw:focus{
color:#fff;	
}

.about-tour h2{
font-family: 'Roboto', sans-serif;
font-size: 26px;
line-height: 1.3;
font-weight:bold;
color: #343a40!important;
margin-bottom: .5rem!important;
}
.about-tour h3{
font-family: 'Roboto', sans-serif;
font-size: 22px;
line-height: 1.3;
font-weight:bold;
color: #343a40!important;
margin-bottom: .5rem!important;
}
.about-tour h4{
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 1.3;
font-weight:bold;
color: #343a40!important;
margin-bottom: .5rem!important;
}
.about-tour h5{
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 1.3;
font-weight:bold;
color: #343a40!important;
margin-bottom: .5rem!important;
}
.about-tour p{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #343a40!important;
margin-bottom: .5rem!important;
}


.page-item.active .page-link {
color: #fff;
background-color: #1b2c58;
border-color: #1b2c58;
}

.pagination>li>a, .pagination>li>span {
 color: #1b2c58;
}

.page-link:hover {
outline: none;
border: none;	
}

.les-footer .copyright-area {
margin-bottom: 60px;
border-bottom: 1px solid #fff;
}


.luxury-vacations-tours ul {
float: left;
padding: 0 0 6px;
margin: 0 2%;
margin-bottom: 6px;
color: #555;    
}    
.luxury-vacations-tours ul{list-style:none;}    
.luxury-vacations-tours ul li:first-child {
font-size: 16px;
display: block;
padding: 0 0 4px;
font-weight: bold;
}
.luxury-vacations-tours ul li {
font-size: 15px;
display: block;
padding: 0 0 4px;    
} 

#our-promises {
    background-image: url(../img/leopard-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
}

#full-proof .bg-desc {
    background: #cfdbf3;
    min-height: 362px;
}

#full-proof p{
	font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px;
}

.our-pro-title {
    text-align: center;
    margin-top: 25%;
    width: 360px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    margin-left: -2%;
    padding: 20px;
}
.our-pro-title p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.our-pro-title h2 {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 2.3;
    color: #fff;
    margin-bottom: -14px;
}


@media (min-width:320px) and (max-width:767px){
.our-pro-title {
    text-align: center;
    margin-top: 5%;
    width: 95%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    margin-left: -5px;
    padding: 20px;
}
#our-promises {
    height: 200px;
}

.our-pro-title h2{
	font-size: 26px;
}

.our-pro-title p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}
}

.social-share {
	padding: 16px 16px 32px;
	border-top: 2px solid rgba(0,0,0,0.95);
	display: flex;
}   
.social-share .heading-follow-up {
	flex: 100 1 1px;
	text-align:left;
}
.social-share .social-items {
	flex: 100 1 1px;
	text-align: right;
} 
.social-share .social-items .icon{   
	border: none;
	background: none;
	line-height: 0;
	display: inline-block;
}   
header .form-control{
	border:0;
	border-bottom:1px solid #ddd;    
}
.popup-heading{
	font-size: 30px;
	line-height: 34px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	font-weight: 500;
}
.first-aticle-home
{
	font-size: 26px;
    line-height: 1.3;
    color: #000;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 body.modal-open {
    overflow: auto!important;
    padding: 0px!important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #243c4f !important;
}
.text-black{color:#2a2a2a;}  
.text-black:hover{color:#2a2a2a;}    
.font-size-18{font-size:18px; line-height:1.3;}       
.font-size-20{font-size:20px; line-height:1.3;}      
.offer-price {font-size: 28px;font-weight:bold}    
.org-price {
display: inline-block;
text-decoration: line-through;
font-size: 18px;
color: #dc3545;    
margin: 0 5px 0px 0;
font-weight:500;
}
.form-control.is-valid, .was-validated .form-control:valid{background-position: right calc(0.875em + 0.1875rem) center;}      
.form-control.is-invalid, .was-validated .form-control:invalid{background-position: right calc(0.875em + 0.1875rem) center;}