body{font-family: 'Poppins', sans-serif!important; }
a:hover{ text-decoration: none!important}

#hed-section{ position: relative; }

.select-date{ position: absolute; bottom: 15%; z-index: 1; width: 100%; }
.date-boxer{ border-radius:  8px; padding: 15px; padding-bottom: 25px;
background:#ff000a url(../images/flw-1.png);
    background-position: center right;
    background-repeat: repeat;
}
.date-boxer h4{ color: #fff; font-size: 16px}

.date-boxer input{ border: solid #fff 0px; color: #000; border-radius:  0px; }
.rad input{ border-radius:  15px 0px 0px 15px}

.date-boxer .input-group-addon{ background: #fff; border: none}
 
.bx-30{ width: 24%; float: left }
.bx-13{ width: 13%; float: left }

.date-frm{border-right: solid 1px #ea0009}

.date-slct .form-control{ color: #999999; border-radius: 0px; border: none}
.date-slct{border-right: solid 1px #ea0009}


.bookbtn button{ background: #ffcb08; color: #000; font-size: 16px; font-weight: 600; border: none; width: 100%; border-radius:  0px 15px 15px 0px; margin-top: 37px; height: 34px}
.bookbtn button:hover{ background:#ffd63c  }

.menu-bar{ height: 55px;    position: absolute;top: 0px;z-index: 999;width: 100% }

.menu-bar .sahel-container{ margin: 0 auto;}
.menu-bar .sahel-container .sahel-logo{ float: left; width: 215px; height: 112px; }

.menu-bar .sahel-container .sahel-logo img{ width: 100%}



.menu-bar .sahel-container .sahel-info{ float: right; width: calc(100% - 215px);background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,203,8,1)); border-bottom: solid 5px linear-gradient(to right, rgba(255,0,0,0), rgba(255,203,8,1)); }
.mnu{ width: 65px; background: #ff000a; float: right; height: 55px; text-align: center; }
.mnu:hover{ background: #ea0009;  }


.mnu2{ width: 65px;  float: right; height: 55px; }
.mnu i{ color:#fff; font-size: 30px; padding-top: 11px;  }
.menu-bar .sahel-container .sahel-info .info-sa{ float: right; color: #000000; font-size: 14px; font-weight: 600; padding-top: 18px;margin-right: 30px;  }

.sign-sigup{float: right;font-weight: 500; font-size: 14px; color: #fff; background: #ff000a;margin-right: 9px; border-radius: 30px; padding: 8px 20px; margin-top: 9px;}
.sign-sigup:hover{ background: #ea0009 }


.sahel-banner .carousel{ height: 100vh; overflow: hidden; }
.sahel-banner .carousel-caption{ top: 25%; text-align: center; }
.sahel-banner .carousel-caption h1{ font-size: 65px; color: #fff; font-weight: 700; line-height: 85px;   
      text-shadow: 0 0 8px #ffcb08, 0 0 8px #ffcb08, 0 0 8px #ffcb08, 0 0 8px #ffcb08, 0 0 8px #ffcb08; margin: 0px;
}
.sahel-banner .carousel-caption h3{ color: #fff; font-size: 22px; font-weight: 300; line-height: 33px;  margin: 0px; margin-bottom: 20px;}

.sahel-banner .carousel-caption button{ background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08); color: #fff; height: 60px; border: none; border-radius:  30px; font-size: 18px; font-weight: 500; padding: 0px 40px;}
.sahel-banner .carousel-caption button:hover{ background: #ff000a  }

.sahel-banner .carousel-indicators .active{ width: 40px;background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08);}
.sahel-banner .carousel-indicators{ bottom: 20px}
.sahel-marq{ background: rgba(46,56,141,0.2); position: absolute; bottom:0px; width: 100%; height: 45px;  }
.sahel-marq marquee{ color: #fff; font-size: 16px; padding-top: 12px; font-weight: 400 }
.sahel-marq marquee span{ margin-left: 20px; margin-right: 20px; }


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  top: 0;
  right: 0;
    z-index: 9;
  background-color: #ff000a; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {

  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;font-weight: 500;
}
.sidenav a span { color: #ffcb08!important}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #ffea00!important;
}

/* Position and style the close button (top right corner) */

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 30px; 

  width: 65px; background: #ffea00; height: 55px; text-align: center; 
}
.sidenav .closebtn i{color:#ed1c24; font-size: 30px; padding-top: 11px;  }
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.mnu{ position: absolute; top: 0px; right: 0px; z-index: 999999 }

.menu-logo{ background: #fff; margin-top: -5px; }
.sidemenu{ padding: 15px;}
.sidemenu a{ padding:7px 0px 7px 0px}

.sidenav .dropdown-btn:hover {
  color: #ffcb08!important;
}

.sidenav .dropdown-btn {

  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none; padding: 7px 0px;font-weight: 500;
}
.sidenav .dropdown-btn i{     font-size: 16px; padding-left: 10px; }

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}
.dropdown-container {
  display: none;
  background-color: #ea0009;
  padding-left: 8px;
}
.dropdown-container a{ font-size: 14px; font-weight:400; padding:8px 10px}

.dropdown-container a:hover{   color: #ffcb08!important;}


#facility{
    background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08);
 
}
#facility .facility-img{
     background: url(../images/flw-3.png);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; 

}
.facilty-hed{ text-align: center; }
.facilty-hed h1{ font-weight: 800; font-size: 50px; color: #000}
.facilty-hed h1 span{ font-weight: 300; }
.facility-cntr{ margin-top: 30px;}
.box-20{ width: 20%; float: left; text-align: center; margin-bottom: 20px; min-height: 210px; }
.box-20 h6{ color: #fff; font-size: 18px; line-height: 26px;}

.fac-round{ background: #fff; width: 140px; height: 140px; border-radius:  50%; margin: 0 auto}

.fac-round img{ width: 80%; padding-top: 15px;}



#aboutshel{    background: url(../images/flw-2.png);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; text-align: center;
}
#aboutshel p{ text-align: center; font-size: 16px; line-height: 28px; padding:0 6% ; }

#aboutshel button{
background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08);
    color: #fff;
    height: 45px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500; margin-top: 20px;
    padding: 0px 40px;}
#aboutshel button:hover{  background: #ffcb08;}
#aboutshel h1{color: #ff000a; font-size: 50px; font-weight: 700; margin-top: 0px; margin-bottom: 15px;}
#aboutshel h1 span{color: #ffcb08;}
#aboutshel h2{color: #000; font-size: 45px; font-weight: 300; margin-top: 0px; margin-bottom: 0px;}



#aboutshel .bdr-shel{ background:#2e388d; height: 2px; width: 330px; margin: 0 auto;margin-bottom: 50px;position: relative; }


.bdr-shel img{ position: absolute;       top: -31px;
    right: -22px;
} 


#our-exp{
background:#fff url(../images/our-exp-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 270px; padding-bottom: 60px; text-align: center;
  
}
#our-exp h3{ font-size: 50px; font-weight: 800; color: #fff}
#our-exp h3 span{ font-weight: 300; }
#our-exp h4{font-size: 24px; font-weight: 500; color: #fff}

.exp-roomz{ margin-top: 30px; }

    .exp-mobile{ display: none;}

.mobile-exp-room{ width: 49%; margin-right: 1%; margin-bottom: 1%; float: left}
.mobile-exp-room img{ width: 100%}

#ourproducts{
  background:#af6478 url(../images/productsbg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
     padding: 70px 0px;
}
#ourproducts h1{ margin: 0px; color: #2e388d; font-size: 50px;    font-weight: 900; }
#ourproducts h1 span{ font-weight: 200;  }


.prd-bx{ margin-top: 20px;}
.prd-cntr{ position: relative;  width: 24% ;text-align: center;  overflow: hidden; float: left; margin-right: 1%}
.prd-abst{  width: 100%; position: absolute; bottom: 30px }

.prd-cntr h2{margin-bottom: 20px; margin-top: 0px; color: #fff; font-size: 22px; font-weight: 800; }
.prd-cntr button{ background: #e91e28; border: none; color: #fff; font-size: 16px;     width: 120px;height: 40px; border-radius:  20px;}
.prd-cntr button:hover{ background: #2e388d }

.prd-img{ overflow: hidden; }
.prd-img img{ width: 100%; transition: all 1s;
}
.prd-img:hover {  transform: scale(1.2); 
}







.prd-mission-vision{ margin-top: 40px;}
.vision-ico{ float: left;  width: 64px; }
.vision-txt{ float: right;  width: calc(100% - 80px); }
.vision-txt h3{ color: #fff; font-size: 35px;font-weight: 800; margin-top: 10px; margin-bottom: 10px; }
.vision-txt p{ color: #fff;font-size: 18px;padding-right: 30%; }



#choose{ 

background: url(../images/patern-3.jpg);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; }

.hed-choose{ text-align: center}

.hed-choose h2{      color: #2e388d;
    font-size: 50px;
    font-weight: 900; margin: 0px;}
.hed-choose h2 span{font-weight: 200;} 

.chos-box{ margin-top: 70px;}
.blue-choose{ background: #2e388d!important; }
.blue-choose .ico-chos{border:solid 4px #2e388d!important;}
.blue-choose button{color: #2e388d!important;  }

.chos-box-1{ background: #ed1c24; width: 32%; margin-right: 1.2%; float: left; border-radius:  10px; text-align: center; padding: 20px; min-height: 280px;}
.chos-box-1 .ico-chos{ width: 88px; height: 88px; border-radius:  50%; background: #fff; border:solid 4px #ed1c24; margin: 0 auto; margin-top: -60px; text-align: center}
.chos-box-1 .ico-chos img{ padding-top: 12px; }
.chos-box-1 h2{ color: #fff; font-size: 30px; font-weight:900; margin-top: 16px;
    margin-bottom: 10px; }
.chos-box-1 p{ color: #fff; font-size: 16px;  }
.chos-box-1 button{ background: #fff; border-radius: 6px; border: none; padding: 6px 25px; color: #ed1c24;     font-size: 16px; margin-top: 15px;
    font-weight: 700;}
.chos-box-1 button:hover{background: #f6cb01  }



#brands{   background: url(../images/bg-brands.jpg);
    background-position: top center;
    background-repeat: no-repeat;
     padding: 70px 0px; text-align: center }
.brand-left{ float: left; width: 45%; }
.brand-right{float: right;  width: 45%;}
#brands h2{ color: #fff; margin: 0px; font-weight: 800; font-size: 35px; margin-bottom: 15px;}
#brands h2 span{ font-weight: 200;  }

.banner-brands .carousel-indicators{     bottom: -45px;}

.banner-brands .carousel-control.left{ background-image: none; }
.banner-brands .carousel-control.right{ background-image: none; }


#testi{
    background:#000 url(../images/testi-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 70px 0px; text-align: center;
}
#testi h2{ color: #fff; margin: 0px; font-weight: 800; font-size: 35px; margin-bottom: 30px;}
#testi h2 span{ font-weight: 200;  }


#testi .slider{ width: 100%; margin: 0px; }


 * {
      box-sizing: border-box;
    }



    .slick-slide {
      margin: 0px 10px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 0;
    }
    
    .slick-active {
      opacity: 2;
    }

    .slick-current {
      opacity: 2;
    }

.test-cntr-box{  }
.test-cntr-box .yellow-sec{background: #ffcb08; border-radius: 10px; position: relative;}
.test-cntr-box .yellow-txt{ position: absolute; bottom: 20px; width: 100%;}

.test-cntr-box .yellow-txt h2{ color: #fff; font-weight: 600; font-size: 24px; margin-bottom: 6px;
 text-shadow: 0 0 20px #000, 0 0 20px #ffcb08, 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;

}
.test-cntr-box .yellow-txt h5{ color: #fff; font-weight: 300; font-size: 14px; margin-top: 0px;}
.test-cntr-box .yellow-txt h5:hover{ color: #ffcb08 }
.test-cntr-box .yellow-txt button{ color: #fff; font-weight: 13px; font-weight: 500; background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08); border: none; height: 35px; border-radius:  45px; padding: 0 15px;}
.test-cntr-box .yellow-txt button:hover{ background: #ffcb08; color: #ff000a }


.test-cntr-box .yellow-sec img{border-radius: 10px; }



.slick-prev{ background: #ffcb08!important;    width: 50px!important;
    height: 50px!important;
    border-radius: 40px;  }

.slick-next{ background: #ffcb08!important;    width: 50px!important;
    height: 50px!important;
    border-radius: 40px; }

.slick-list ,draggable{ padding: 0px 20px!important }



#stats{ background: #2e388d url(../images/patrn-2.png);
    background-position: center right;
    background-repeat: repeat;
   text-align: center; padding-bottom: 130px; }
#stats h1{ font-weight: 900; font-size: 45px;  color: #fff; margin-top: -25px;}

.stats-box{ margin-top: 50px;  text-align: center; }



.stats-brrr{ float: left;width: 33.3%; }
.stats-box .icn-stz{ width: 71px; margin: 0 auto; margin-bottom: 15px}
.stats-box .icn-stz img{ width: 100%  }
.stats-box h4{ color: #fff; font-size: 26px; font-weight: 200; margin-top: 0px; margin-bottom: 2px; }
.stats-box h5{ color: #fff; font-size: 36px; font-weight: 900; margin-top: 5px; margin-bottom: 0px;}


#footer-bg{ position: relative}

#footer-bg .req-abst{  position: absolute; top: -70px; width: 100% }
#footer-bg{  background:#1c1c1c url(../images/footer-bg.jpg);
    background-position: center top;
    background-repeat: repeat;
    text-align: center; }

#footer-bg .req-box{ background-image: linear-gradient(to right, #fe0000, #fb0303, #f80606, #f50808, #f20b0b); width: 90%; margin: 0 auto; height: 140px; border-radius: 15px; }

.req-box .red-left {
    float: left; text-align: left;
    width: calc(100% - 300px);}

.req-box .red-left h3{ color: #fff; font-size: 28px; font-weight: 200; margin-top: 30px; }
.req-box .red-left h4{ color: #fff; font-size: 36px; font-weight: 900 }
.req-box  .red-right {
    float: right;
    width: 300px;
}
.req-box  .red-right button {
    background: #ffea00;
    color: #3f3400;
    border-radius: 50px;
    height: 60px;
    width: 100%;
    border: none;
    font-size: 18px;
    margin-top: 42px;font-weight: 500;}
.req-box  .red-right button:hover{ background:#2e388d; color: #fff; }
.frt-lg{ margin-bottom:22px; }
.footer{ padding-top: 40px; text-align: left }
.footer h3{ font-size:22px; font-weight: 700; color: #ffcb08 ; margin-bottom: 20px; margin-top: 80px; }
.footer h4{ color: #fff; font-size: 14px;font-weight: 400; padding: 3px 0px;}
.footer h4 i{ padding-right: 10px;}
.footer h4:hover{ color: #ffea00 }

.footer h5{ color: #fff; font-size: 20px;font-weight: 600; padding: 3px 0px; line-height: 30px}
.footer h5 i{ padding-right: 10px;}
.footer h6{ color: #fff; font-size: 14px;font-weight: 400; padding: 0px 0px; line-height: 28px; margin: 4px 0px}
.footer h6 i{ padding-right: 10px;}
.pad-lft-26{  padding-left: 26px; }

.footer .ftr-ico{ width: 40px; height: 40px; background: #fff; text-align: center; border-radius:  50%;display: inline-block; color: #000000}
.footer .ftr-ico i{ font-size: 20px; padding-top: 10px; }
.footer .ftr-ico:hover{ background: #ffea00 }

.footer-btm{ background: #000000; margin-top: 40px; text-align: left; padding: 15px 0px; }
.footer-btm h6{ color: #fff; font-size: 14px; font-weight: 300 }
/*inner*/
#abt-bnr{ height: 365px; text-align:center;background:#ff000a url(../images/about-banner.jpg);
    background-position: top center; 
    background-repeat: no-repeat; overflow: hidden; position: relative}

#glry-bnr{ height: 365px; text-align:center;background:#ff000a url(../images/galery-banner.jpg);
    background-position: top center;  
    background-repeat: no-repeat; overflow: hidden; position: relative}


#room-bnr{ height: 365px; text-align:center;background:#ff000a url(../images/rooms-banner.jpg);
    background-position: top center; 
    background-repeat: no-repeat; overflow: hidden; position: relative}



#terms-bnr{ height: 365px; text-align:center;background:#ff000a url(../images/terms-banner.jpg);
    background-position:top center; 
    background-repeat: no-repeat; overflow: hidden; position: relative}


.bnr-txt{ position: absolute; bottom: 0px; width: 100%}
.bnr-txt h2{ font-weight: 400; font-size: 24px; color: #fff; text-shadow: 0 0 6px #ff000a, 0 0 6px #ff000a, 0 0 6px #ff000a, 0 0 6px #ff000a, 0 0 6px #ff000a; }
.bnr-txt h2 span{ font-weight:  200}
#aboutshel h3{color: #2e388d; font-size: 40px; font-weight: 900; margin-top: 0px; margin-bottom: 10px;}
#aboutshel h3 span{font-weight: 200; }

#team-sahel{  background:#fff url(../images/team-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat; padding: 70px 0px;
    }

#team-sahel h3{ color: #fff; font-size: 35px; font-weight: 900; padding-top: 80px;}
#team-sahel h3 span{ font-weight: 200 }
.team-boxer{  background: #fff; margin-top: 10px; margin-bottom: 100px;  padding: 5px 5px;}
.teaman{ width: 32.3%; background: #2e388d; border-top: solid 150px #ed1c24; height: 400px; margin-left: 0.5%; margin-right: 0.5%; float: left; margin-top: 0.5%; margin-bottom: 0.5%; text-align: center; }
.teaman .team-dp img{ width: 100% }
.teaman .team-dp{ width: 260px; height: 260px; background: #ccc; border: solid 10px #fff; border-radius: 50%;  margin: 0 auto;margin-top: -130px ; overflow: hidden}
.teaman h2{ color: #fff; font-size: 28px; margin-top: 30px; }
.teaman h4{  color: #fff;  font-size: 16px; font-weight: 300}


#support-bnr{ height: 365px; text-align:center;background:#1c1c1c url(../images/support-bnr.jpg);
    background-position: center left; 
    background-repeat: no-repeat; overflow: hidden; position: relative}

#supportshel{  background: url(../images/patern-3.jpg); border-top: solid 100px #fff;
    background-position: center right;
    background-repeat: repeat;
    padding-bottom: 100px;
}
#supportshel .chos-box{ margin-top: 0px; }
#supportshel .chos-box-1{ border-radius: 0px 0px 10px 10px;     min-height: 220px;}

.sup-form{ background: #ffcb08; margin-top: 50px; overflow: hidden}
.sup-form-lft{ float: left;width: calc(100% - 420px); min-height: 393px}
.sup-form-rgt{ float: right; background: #2e388d; width: 420px; padding: 30px; }
.sup-form-rgt h2{ color: #fff; font-weight: 800; font-size: 30px; margin: 0px; }
.sup-form-rgt h2 span{ font-weight: 200 }

.sp-frm{ margin-top: 15px;  }
.sp-frm input{ width: 100%; border: none; border-bottom: solid 2px #fff; background: none; border-radius:  0px; margin-bottom: 15px; height: 40px; padding: 0px 0px; color: #fff; font-size: 14px}
.sp-frm input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.sp-frm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.sp-frm input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.sp-frm textarea{ width: 100%;  border: none; border-bottom: solid 2px #fff; background: none;  margin-bottom: 5px; padding: 0px 0px; color: #fff; font-size: 14px; height: 120px;}


.sp-frm textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.sp-frm textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.sp-frm textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.sp-frm button{ background: #ffcb08; color: #000; padding: 0px 30px; border: none;  border-radius: 30px; height: 40px; font-size: 16px; font-weight: 600 }
.sp-frm button:hover{ background: #eebc00}

.sup-form-lft{ padding: 15px; min }
.sup-form .panel-default > .panel-heading{  background-color:#fff!important; border: none!important}
.sup-form .panel-default{ border: none!important }
.panel-title > a{ font-size: 20px; color: #ed1c24!important; font-weight: 200; text-decoration: none!important; line-height: 27px;}
.panel-title > a:hover{text-decoration: none!important;} 
.panel-title > a span{ font-weight: 700 }
.sup-form .panel-body{ font-size: 18px; }

#contact-bnr{ height: 365px; text-align:center;background:#ff000a url(../images/contact-banner.jpg);
    background-position: top center; 
    background-repeat: no-repeat; overflow: hidden; position: relative}

#contactshel{background: url(../images/flw-2.png);
    background-position: center right;
    background-repeat: repeat;
    padding-top: 70px; padding-bottom: 70px;

}
#contactshel h1{ margin-top: 0px; font-weight: 800; font-size: 40px;  color: #ff000a}
#contactshel h1 span{ font-weight: 200 } 
#contactshel h3{ margin-top: 0px; font-weight: 300; font-size: 20px;  color: #000; line-height: 30px; margin-bottom: 0px;}
#contactshel h3 span{ color: #ff000a; font-weight: 500 }


#contactshel .sup-form-lft{width: calc(100% - 700px);padding: 30px; background: #ffcb08;}
#contactshel .sup-form-rgt{ width: 700px; background: #ff000a; }



#contactshel .fifty1{ width: 49.5%; float: left }
#contactshel .fifty2{ width: 49.5%; float: right }

#contactshel .sup-form-rgt h6{ color: #fff; font-size: 18px; font-weight: 300; font-style: italic; margin-top: 5px; }
#contactshel .sup-form-lft h5{ color: #000; font-weight: 700; font-size: 18px; margin-top: 20px; line-height: 24px }
#contactshel .sup-form-lft h6{ color: #000; font-weight:400; font-size: 14px; margin-top: 10px; line-height: 24px }
#contactshel .sup-form-lft h3{ color: #000; font-weight:600; font-size: 14px; margin-top: 10px; margin-bottom: 3px; line-height: 24px; margin-top: 0px;}
#contactshel .sup-form-lft h3 i{ padding-right: 10px;}
#cntct-map{ margin-top: 0px; position: relative; height: 600px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
#contactshel .sup-form{ position: relative; z-index: 99 }


#prd-bnr{height: 365px; text-align:center;background:#1c1c1c url(../images/products-banner.jpg);
    background-position: center left; 
    background-repeat: no-repeat; overflow: hidden; position: relative}

#prdshel{background: url(../images/patern-3.jpg);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; padding-bottom: 130px; }

.prd-lft{ float: left; width: 290px; background-image: linear-gradient(to right, #bb0007, #c7070f, #d40f16, #e0161d, #ed1c24); border-radius:  0px 0px 0px 10px}
.prd-rgt{ float: right;  width: calc(100% - 290px); padding:0px 15px; border-left:  solid 1px #e8b8b9 }

.prd-lft-hed{ background: #2e388d; color: #fff; padding: 10px 20px; font-size: 20px; font-weight: 900 }
.prd-lft-hed span{ font-weight: 200 }

.prd-anchr{ border-bottom: solid 1px #ee797d; color: #fff; margin: 0px 20px; font-weight: 500; font-size: 16px; padding: 10px 0px  }
.prd-anchr span{ font-size: 13px; font-weight: 200 }
.prd-anchr:hover{ color: #ffea00 }

.prd-rgt h2{ margin: 0px; color: #2e388d; font-weight: 900; font-size: 28px;}
.prd-rgt h3{  margin: 0px; color: #000; font-weight: 400; font-size: 14px; margin-top: 6px; }
.dvdr{ height: 1px; background: #e8b8b9;width: 100%; margin-top: 10px; position: relative;}

.prd-box-cntr{ margin-top: 15px;}
.prd-box{ width: 32.3%; position: relative; float: left; margin-right: 1%; margin-bottom: 1%; }

.prdd-img{min-height: 262px; background: #e61820; overflow: hidden}
.prdd-img img{ width: 100%;  transition: all 1s;}
.prdd-img img:hover {transform: scale(1.2);}


.prdd-txt{ background: #e61820; border-bottom: solid 30px #2e388d; padding: 10px 15px;  }
.prdd-txt h4{ margin: 0px; color: #fff; font-size: 20px; }
.prdd-txt h3{ margin: 0px; color: #fff; font-size: 14px; margin-top: 6px; }
.read-btn{ background: #ffea00; width: 40px; height: 40px; border-radius:  50%; text-align: center; position: absolute; right: 10px; bottom: 10px;}
.read-btn:hover{ background: #fff;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);}
.read-btn i{ color: #2e388d; font-size: 30px; padding-top: 5px;}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.prd-rgt h6{ font-size: 40px; margin-bottom: 0px; margin-top: 40px; font-weight: 200; color: #2e388d  }


#prd-dtl-bnr{height: 365px; text-align:center;background:#1c1c1c url(../images/products-details.jpg); position: relative;
    background-position: center left; 
    background-repeat: no-repeat; overflow: hidden;}

#prdshel-details{background: url(../images/patern-3.jpg);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; padding-bottom: 130px; }

.details-prd{  }
.details-prd h1{ color: #2e388d; font-size: 28px; font-weight: 900; margin-top: 0px; margin-bottom: 0px; }
.details-prd h2{ color: #000; font-size: 14px;font-weight: 400; margin-top: 6px; }
.detail-prd-box{ margin-top: 30px; }




.detail-prd-box-lft{ float: left; width: 500px; }
.imgBox{width: 500px;height: 500px;}


.detail-prd-box-rgt{ float: right;   width: calc(100% - 515px);}





.panel.with-nav-tabs .panel-heading{
    padding: 0px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #2e388d; font-size: 16px; font-weight: 600;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #2e388d; 
background: rgb(230,24,32, 0.3);
	border-color: transparent;border-radius:0px;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #2e388d;border: none; border-radius:0px;  border-bottom: solid 2px #e61820; background: rgb(230,24,32, 0.3)



}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {

    border-color: #ddd;border-radius:0px;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: none;background: rgb(230,24,32, 0.3)
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;background: rgb(230,24,32, 0.3)

}
.detail-prd-box-rgt .nav-tabs > li > a{ border: none!important }

.detail-prd-box-rgt .panel-default > .panel-heading{background-color: rgba(201, 76, 76, 0)!important; border-color:#e8b8b9; border-top:solid 1px #e8b8b9 }

.detail-prd-box-rgt .panel{ background-color: rgba(201, 76, 76, 0)!important; box-shadow: none!important; border: none!important; border-left:solid 1px #e8b8b9!important; border-radius:   0px!important;min-height: 502px!important;}
.detail-prd-box-rgt P{ font-size: 15px; font-weight: 400 ; line-height: 26px}

#prdshel-details .read-btn{bottom: -17px;}

#recent-prd{ background: #2e388d url(../images/patrn-2.png);
    background-position: center right;
    background-repeat: repeat;
   text-align: left; padding-bottom: 130px; padding-top: 70px; }
#recent-prd h1{ color: #fff; font-size: 35px; font-weight: 900; }
#recent-prd h1 span{ font-weight: 200; }


#recent-prd .prdd-txt{ border-bottom: solid 30px #fff }
#recent-prd .prd-box{ width: 24% }




#map-con{}
.map-div{ height: 550px; float: left; width: calc(100% - 600px); -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.map-con{ height: 550px; float: right; width: 600px;  background:#ffcb08 url(../images/flw-3.png);
    background-position: center right;
    background-repeat: repeat; padding: 30px; }

.map-con-hed{}
.map-con-hed h2{ font-weight: 800; font-size: 50px; color: #ff000a; margin-top: 0px; padding-top:36px; }
.map-con-hed h2 span{font-weight: 300; }

.quick-con-form{ margin-top: 20px;}
.quick-con-form input{ width: 100%; background: none; border: none; border-bottom: solid 2px #000; margin-bottom: 30px; font-size: 16px; font-weight: 500}
.quick-con-form textarea{ width: 100%; background: none; border: none; border-bottom: solid 2px #000; margin-bottom: 10px; font-size: 16px; font-weight: 500; height: 100px;}
.quick-con-form button{ background: #ff000a; padding: 10px 35px; border: none; border-radius:  30px; color: #fff; font-size: 18px; font-weight: 500 }
.quick-con-form button:hover{ background: #ea0009 }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

#travel-desk{ position: relative; }
.travel-50{ width: 50%;background: url(../images/trvel-bg.jpg); position: absolute; top: 0px; z-index: -9;
    background-position: top right;
    background-repeat: repeat;  min-height: 800px; }
.welcome-tokannur{ padding-top: 150px}
.welcome-tokannur h1{ color: #fff; margin: 0px; padding: 0px; font-weight: 700; font-size: 40px;}
.welcome-tokannur h2{ color: #fff; margin: 0px; padding: 0px; font-weight: 400; font-size: 20px; font-style: italic; margin-top: 10px; line-height: 30px;}
.welcome-tokannur h3{ color: #fff; margin: 0px; padding: 0px; font-weight: 400; font-size: 26px; margin-top: 15px;}
.welcome-tokannur p{ color: #fff; margin: 0px; padding: 0px; font-weight: 300; font-size: 16px; margin-top: 15px; line-height: 26px;}

.bkm-btn button{ background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08); color: #fff;
    height: 45px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    padding: 0px 40px; }

.travel{ padding: 1% 0%;}
.bx-50-trvel{ width: 46%; margin-right: 2%; margin-left: 2%; margin-top: 2%; margin-bottom: 2%; float: left; border-radius:  10px; overflow: hidden; position: relative;}
.bx-50-trvel img{ width: 100%}
.travel-hed{ position: absolute; top: 0px; padding: 15px; }

.travel-ftr{ position: absolute; bottom: 0px; padding: 15px;}
.travel-ftr h5{  color: #fff; font-weight: 400; font-size: 14px; margin-top: 0px; padding: 0px;}
.travel-ftr h5:hover{ color: #ffcb08 }

.travel-hed h4{  color: #fff; font-weight: 600; font-size: 22px; line-height: 30px; margin-top: 0px; padding: 0px;}


	.wrapper {
	width: 100%;
	overflow: hidden;
}
.photobanner {
	position: relative;
	height: 270px;

	display: flex;
	width: 100%;
}

.photobanner img {
 width: auto; height: 270px;
}

.photobanner {
  animation: bannermove 10s linear infinite alternate-reverse;
}

@keyframes bannermove {
  from {
    left: 0px;
  }
  to {
    left: -1500px;
  }
}

#galery-move{ background:#ff000a url(../images/flw-1.png);
    background-position: center right;
    background-repeat: repeat; position: relative; }
.btn-glry{ position: absolute; right: 0px; top: 0px;background-image: linear-gradient(to right top, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08); color: #fff; z-index: 9; height: 270px; width: 190px; text-align: center;}
.btn-glry h6{ font-size: 20px; font-weight: 600; line-height: 30px; padding-top: 30px; padding-top: 80px;

}
.btn-glry:hover{ background: #ff000a }

.abt-loc-left{background:#ffcb08; float: left; width: 650px;}
.abt-loc-left img{ width: 100%}
.abt-loc-right{ float: right;  width: calc(100% - 650px);  background:#ffcb08 url(../images/flw-3.png);
    background-position: center right;
    background-repeat: repeat; padding: 30px; padding-right: 80px; min-height: 528px;}

.abt-loc-right h4{ color: #ff000a;  font-size: 40px; font-weight: 700}
.abt-loc-right p{ font-size: 16px; line-height: 26px; }

.glry-bx{ float: left;     width: 24%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
 }
.glry-bx img{ width: 100%}



.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


#roomzz{    background: url(../images/flw-2.png);
    background-position: center right;
    background-repeat: repeat;
    padding: 70px 0px; 
}
#roomzz h4{color: #ea0009; font-size: 28px; font-weight: 600; margin-bottom: 20px;}
.dot{ margin-bottom: 10px;}
.dot-lft{ float: left; color: #ea0009; width: 20px;}
.dot-rgt{ float: left; color: #010101; font-weight: 500; font-size: 16px;  width: calc(100% - 20px);}
.roomfeatures{ margin-bottom: 40px; }

.tarif-dot{margin-bottom: 40px;}

.tarif-box{ padding: 30px; margin-bottom: 20px;
background:#ff000a url(../images/flw-1.png);
    background-position: center right;
    background-repeat: repeat; }
.tarif-box h2{ color: #ffcb08; margin-top: 0px; padding-top: 0px; font-weight: 600; font-size: 30px; border-bottom: solid 1px #f98084; padding-bottom: 10px; }
.tarif-hed{ border-bottom: solid 1px #f98084;}

.wid-30{ float: left; width: 30%}
.wid-30 h3{ color: #fff; margin-top: 0px; font-weight:600; font-size: 22px; }
.wid-30 h6{ color: #fff; margin-top: 10px; margin-bottom: 0px; font-weight:800; font-size: 20px; }
.bdr-none{ border: none }
.tarif-main{ margin-bottom: 40px; }
.tarif-main h1{ margin: 0px; font-size: 45px; font-weight: 800; color: #ff000a; margin-bottom: 10px;}
.tarif-main p{ color: #000; font-size: 16px; line-height: 30px;}

.img-tumb{ position: relative; min-height: 400px;  margin-bottom: 30px; }
.img-hed{ background: #ffcb08; height: 120px; }
.img-photo{ position: absolute; top: 0px; padding: 30px; text-align: center }
.img-photo h3{ position: absolute; top: 0px; padding: 0px; width: 90%; padding-top: 30px; font-weight: 800; color: #000; font-size: 36px; }
.img-photo img{ width: 100%}
.booknw{ text-align: center}
.booknw button{ height: 60px; background-image: linear-gradient(to right top, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08); border: none; border-radius:  30px; padding: 0px 50px; color: #fff; font-weight: 600; font-size: 16px; margin-top: -20px;}
.booknw button:hover{ background: #ff010a }
.roomfeatures p{ font-size: 16px; color: #000; line-height: 28px; }


#sign-in-bg{   background: url(../images/flw-2.png);
    background-position: center right; min-height: 100vh;
    background-repeat: repeat;
    padding: 70px 0px;  padding-top: 170px;}
.sign-box{ width: 50%; margin: 0 auto; background: #fff; padding: 30px;}
.sign-title{ text-align: center }
.sign-title h2{ font-size: 30px; color: #ff000a; font-weight: 800  }
.sign-form{  }
.sign-form input{ width: 100%; margin-bottom: 10px;  border: solid #ffcd13 1px;    padding: 10px 15px; border-radius:   6px;}
.sign-form button{ background: #ff000a; color: #fff; width: 100%; border: none; border-radius:   6px;font-size: 16px; padding: 10px 15px;}
.sign-form button:hover{ background: #d40008 }

.rember{ margin-bottom: 10px;}
.rember-left{ float: left; width: 50% }
.rember-right{ float: right; width: 50%; text-align: right;}
.rember-left .checkbox-inline, .radio-inline{ margin-left: 0px; }
.rember-left .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{ margin-left: -73px!important;}
.rember-right a{ color: #000;  }
.rember-right a:hover{ color: #ff000a}
.sign-btm{ text-align: center; padding: 5px 20px; }
.sign-btm a{ color: #ff000a }
.sign-btm a:hover{ color: #ffcd12 }
.sign-ovrbtm{ padding: 6px 20px; text-align: center; font-size: 11px; padding-top: 15px; padding-bottom: 120px;}
.sign-title h6{ line-height: 20px;  }


.account{ background: #ffcd13; padding: 10px 15px; }
.account-dp{ width: 50px; height: 50px; background: #ffffff; border-radius:  60px; text-align: center;}
.account-dp h4{ font-size: 26px; line-height: 50px; font-weight: 600;}
.account h3{ color: #000; font-size: 18px; font-weight:700; margin-top: 10px;}
.account h6{ color: #000; font-size: 12px; font-weight:400;margin-bottom: 5px; margin-top: 0px;}
.dvdr-menu{ height: 1px; background: #000; width: 100%; opacity: 0.3 }
.account a{ color: #ff000a; font-size: 13px; font-weight: 500; margin-top: 10px; font-weight:600 }
.account a:hover{ color: #000!important}
.acnt-menu{ padding: 5px 0px; }

.my-account .account{ background: #fff; padding: 0px; text-align: center}
.my-account .account-dp{ background: #ff000a; margin: 0 auto}
.account-dp h4{ color: #000 }
.my-account .account-dp h4{ color: #fff }
.my-account .dvdr-menu{ margin-top: 15px; }

.booksection{}
.booksection h3{ font-weight: 700; padding-bottom: 10px; text-align: center; color: #ff000a}

.book-box{border-bottom: solid 1px #ff000a;border-top: solid 1px #ff000a;    margin-top: -1px; padding: 15px 0px;}
.my-account .dvdr-menu{border-bottom: solid 1px #ff000a;}
.book-box-left{ float: left; width: 160px; height: 105px;  overflow: hidden; }
.book-box-left img{ width: 100%;  }
.book-box-right{ float: right; width: calc(100% - 170px);}
.book-box-right h2{ margin: 0px; padding: 0px; font-weight: 700; font-size: 18px; padding-bottom: 5px }
.book-box-right h3{ font-size: 12px; font-weight: 500; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 5px; text-align: left; color: #000}
.book-box-right h3 span{ font-weight: 700 }
.book-box-right h4{ color: #ffcb08; margin-top: 5px; margin-bottom: 0px; font-weight: 700}


/*summary*/

.cart{ background: #fff; padding: 20px; margin-bottom: 100px; margin-top: 20px; }
.cart-50-left{ float: left; width: 50%; }
.cart-50-right{ float: right; width: 50%; padding-left: 20px; }
.cart-hed{ }
.cart-hed h4{ color: #000;     margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 5px;  }

.cart .sign-form{ margin-top: 15px; }
.cart .book-box{ border-top: solid 1px #b3b3b3; padding: 0px; border-top:none;padding-bottom: 15px; margin-top: 15px; border-bottom: none;  }
.cart .book-box-left{ overflow: inherit;  height: auto; border-right:solid 1px #b3b3b3; padding-right: 10px;  }
.cart .book-box-left .imggg{ hanging-punctuation: 105px; overflow: hidden;}
.cart .book-box-left button{ width: 100%; background: none; border: solid 1px #ef0009; margin-top: 10px; border-radius: 30px; color: #ef0009; padding: 5px; font-weight: 600;}
.cart .book-box-left button:hover{ background:#ef0009; color: #fff  }

.price-cart{ margin-top: 20px; }

.price-box{ margin-top: 15px; border-radius: 8px;padding: 15px;padding-bottom: 15px; background: #ff000a url(../images/flw-1.png);background-position: center right;background-repeat: repeat;}
.price-box-left{ float: left; width: 160px;  }
.price-box-left img{ width: 100%}
.price-box-right{ float: right;width: calc(100% - 175px); }
.price-row{ border-bottom: solid 1px #ff8085}
.price-row h3{ color: #fff; margin: 0px; font-weight: 600; font-size: 22px; margin-bottom: 5px;margin-top: 5px; }
.pri-25{ width: 25%; float: left}
.pri-25 h4{  color: #fff; font-size: 16px; font-weight: 400;  }
.pri-25 h5{  color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 0px; }
.bdr-none{ border: none!important}
.total{ margin-top: 15px; }

.total-box{}
.total-left{ float: left;width: calc(100% - 210px);}
.total-right{ float: right; width: 200px; text-align: right;}
.total-box h5{ font-weight: 500; font-size: 14px;}
.total-box h6{ font-weight: 800; font-size: 14px;}
.total-box h1{ font-weight: 800; font-size: 20px; margin: 0px; margin-top: 10px;}
.total-right .dvdr-menu{ opacity: 0.1!important }

.summary-button{ border-top:  solid 1px #b3b3b3; margin-top: 30px; padding-top: 15px; text-align: center}
.prc-btn{ background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08);
    color: #fff;
    height: 45px;
    border: none;
    border-radius:0px 30px 30px 0px;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 40px  }
.prc-btn:hover{ background: #ef0009 }

.cart-btn{ border: solid 1px #ffcb08; color:#ffcb08;     height: 45px;border-radius:30px 0px 0px 30px;font-size: 16px; font-weight: 600; background: none;padding: 0px 40px}
.cart-btn:hover{ background: #ffcb08; color:#fff }

@media (min-width: 768px) and (max-width: 990px){
    .cart-hed h4{ margin-top: 20px; }
    .cart-50-left{ width: 100%; }
    .cart-50-right{ width: 100%; padding-left: 0px;}
    .pri-25{ width: 33%;}
}
@media (max-width: 767px) {
        .cart-hed h4{ margin-top: 20px; }
    .cart-50-left{ width: 100%; }
    .cart-50-right{ width: 100%; padding-left: 0px;}
    .pri-25{ width: 33%;}
    .cart-btn{ height: 35px; padding: 0px 10px; font-size: 12px; }
    .prc-btn{  height: 35px; padding: 0px 10px; font-size: 12px;}
    .price-box-right{ width: 100%; }
    .price-box-left{ display: none}
    #sign-in-bg{ padding-top: 70px; padding-bottom: 70px}
    .cart{ margin-bottom: 0px}
}


/*travel dek*/
#travel-desk-detail{ padding: 70px 0px; }

#travel-desk-detail .bx-50-trvel{ width: 23%;    margin-right: 1%;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
min-height: 327px;
     }
#travel-desk-detail .bx-50-trvel h4{    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    margin-top: 0px;
    padding: 0px;}


#traveldekbanr{ height: 365px; text-align:center;background:#ff000a url(../images/travel-banner.jpg);
    background-position:top center; 
    background-repeat: no-repeat; overflow: hidden; position: relative}

@media (min-width: 768px) and (max-width: 990px){
    #travel-desk-detail .bx-50-trvel h4{ font-size: 16px }
}
@media (max-width: 767px) {
    #travel-desk-detail .bx-50-trvel{ width: 48% }  
     #travel-desk-detail .bx-50-trvel h4{ font-size: 16px }
}
@media (max-width: 480px) {
   #travel-desk-detail .bx-50-trvel{ width: 100% }   
}

/*travel desk detail*/

#travel-desk-details{padding: 70px 0px;}
 #travel-desk-details .bx-50-trvel{ width: 400px;    margin-right: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-bottom: 0%; } 
.travel-right{ float: right;width: calc(100% - 415px) }
.travel-right h4{ font-size: 30px; font-weight: 800; color: #ff000a; border-bottom: solid 1px #d3d3d3; padding-bottom: 10px; line-height: 42px; margin-top: 0px; }
.travel-right p{ font-size: 16px; line-height: 26px; }
.back-btn{     background-image: linear-gradient(to right, #ff000a, #ff5900, #ff8400, #ffa900, #ffcb08);
    color: #fff;
    height: 45px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    padding: 0px 40px;
} 
.back-btn:hover{background: #ef0009; }
@media (min-width: 768px) and (max-width: 990px){
    #travel-desk-details .bx-50-trvel{ width: 230px; }
    .travel-right{ width: calc(100% - 245px) }
}
@media (max-width: 767px) {
    #travel-desk-details .bx-50-trvel{ width: 160px; }
    .travel-right{ width: calc(100% - 175px) }
}
@media (max-width: 480px) {
      #travel-desk-details .bx-50-trvel{ width: 100%; }
    .travel-right{width: 100%; text-align: center } 
    
}


/*Cart page*/
.acnt-tab{
    background: #ff000a; border-radius: 6px;
}
.acnt-tab button{ border: none; background: none; padding: 10px 15px; color: #fff; font-weight: 500; border-right:  solid 1px #c70008}
.acnt-tab button:hover{ color: #ffcb08 }
.wid-30 h6 span{ font-weight: 500; font-size: 14px; }