@charset "utf-8";
/* CSS Document */

body{ font-family: 'Roboto', sans-serif; min-height:100%; color:#383838;}
.login-bg{ background:url(../images/login-bg.jpg) no-repeat center top; background-size:cover; }
.login-bg header .container{ max-width:800px; position:relative;}
/*.login-bg .navbar-dark.bg-dark{ background:rgba(255,255,255,.5) !important; position:relative; z-index:9;} */
.login-bg .navbar-dark.bg-dark {background:#fff !important; box-shadow:         5px 5px 11px 0px rgba(50, 50, 50, 0.25);position: fixed;z-index: 9;top: 0;width: 100%;}
.login-bg .navbar-brand, .login-bg .navbar-brand:hover{ color:#4c5252;}
.navbar-dark .navbar-toggler {background:#555;     border-radius: 10px;       padding: 4px 8px;    font-size: 13px; outline:none;}
.navbar-collapse{ background:rgba(255,255,255,.5) !important; position:absolute; width:250px; right:0; z-index:999; top:48px; padding:10px;}
.navbar-nav a{ color:#333 !important; border-bottom:#999 1px solid;}
.login-box{ background:rgba(0,0,0,0.4); max-width:400px; margin:140px auto 0 auto; padding:15px 0; color:#fff;}
.login-box .form-control{ border-radius:0;}
.inside-page{ background:none !important; padding-top:56px;}
#banner{ width:100%;}
#banner img{ width:100%;}

#bradcrumb { margin:auto; text-align:center;}
#bradcrumb nav{ display:inline-block !important;}
#bradcrumb .breadcrumb{ background:#fff; text-align:center; color:#175795 !important; }
#bradcrumb a{ color:#175795}
#bradcrumb a:hover{ color:#175795; text-decoration:none;}
#bradcrumb  .breadcrumb-item.active { color:#175795}
#bradcrumb .breadcrumb-item+.breadcrumb-item::before {    color:#175795}

#body .container{ max-width:950px;}
#body h1{ text-align:center; font-size:32px; text-transform:uppercase; font-weight:400;}
.rate-box{ background:#e0dae6; padding:15px; padding-top:45px; max-width:400px; margin:50px auto 0 auto;}
.rate-box h2{ text-align:center; padding-bottom:15px; margin:0; text-transform:uppercase; font-size:28px; font-weight:400;}
.rate-box  td{ padding:2px 10px; font-size:14px;}
.rate-box  td:last-child{ font-weight:500;}

#order-quote{ padding:35px 0; max-width:850px; margin:auto;}
#order-quote h2{ text-align:center; padding-bottom:15px; margin:0; text-transform:uppercase; font-size:28px; font-weight:400;}
.form-text{ font-size:13px; text-align:right; margin-bottom:5px;}
.form-text .red{ color:red;}
.text-f{ width:100%; border:#ccc 1px solid; outline:none; padding:5px; color:#666; font-size:13px; margin-bottom:5px;}
.send{ display:inline-block; background:#f86448; color:#fff; border:none; padding:12px 35px; font-size:14px;}
.label-b{ padding:0 10px 0 0; font-size:13px;}


#the-banner{ margin-top:00px; position:relative;}
#the-banner img{ width:100%; }

#icon-cntr{ padding:45px 0; text-align:center; max-width:900px; margin:auto;}

#icon-cntr .head{ font-size: 18px;padding: 20px 0;color: #5a5a5a;width: 190px;margin: auto;height: 80px;text-align: center;line-height: 24px;}
  
#icon-cntr .icon-link{ padding:5px 0 25px 0;}

#icon-cntr .icon-link img{ width:100%; max-width:150px; height:auto;}

#icon-cntr .head a { font-size:18px; padding:20px 0; color:#5a5a5a; max-width:250px; margin:auto;  text-decoration:none;}
.enter { background-color: #ff603e; color: #fff; border: none; }

@media(max-width:1200px){
	.login-bg{ background:url(../images/login-bg.jpg) no-repeat center top; background-size:none; }
	}
	
	@media(max-width:767px){
		#icon-cntr .icon-link {    padding: 15px 0; width:42%; }
		.form-text{ text-align:left; padding-left:30px; padding-top:10px;}
		#icon-cntr .head {    font-size: 15px;  height: 85px; overflow:hidden; line-height:24px;width:132px;}
		#icon-cntr .head a{ font-size:15px; line-height:normal;}
		#icon-cntr {    padding: 0 0 45px 0;}
		#icon-cntr .icon-link img{ max-width:100px;}
		.col-sm-4.col-6.offset-4.center-box{ margin-left:25% !important;}
		.icon-link{ max-width:42%;}
                

		}
	
	@media(max-width:400px){
                 #icon-cntr {    padding: 0 0 45px 0; max-width: 270px;}
		.login-box{ margin:140px 15px 0 15px; }
		#icon-cntr {    padding: 0 0 45px 0; }
		#icon-cntr .head {height: 70px; width: 100px;}
		#icon-cntr .head a {font-size: 13px;}
		#icon-cntr .icon-link {padding: 15px 0px; float: left;}
		#icon-cntr .icon-link:nth-child(even) {float: right;}
               /* #icon-cntr .icon-link:last-child {float: none;}*/
		
		#top-cat .head a { font-size: 13px;line-height: 18px !important;display: block;}
	}
	

/* HTML Pages CSS (27 JUN 2018) */

#activitiy-body{ background:#e3e3e3; padding:15px 0; min-height:500px;}
#activitiy-body .container{ max-width:620px; margin:auto;}
#activitiy-body .head-sec{ text-align:center;  padding:25px 0;}
#activitiy-body .head-sec h2{ color:#a89ca0; padding:15px 0; letter-spacing:2px;}
#activitiy-body  .head-sec p{ text-align:left; font-size:22px;  color:#7a7a7a;}
#activitiy-body .activity { padding:15px 0;}
#activitiy-body .activity  h3{ color:#7a7a7a; text-transform:uppercase; margin-bottom:5px;}
#activitiy-body .activity p{ margin-bottom:0;  color:#7a7a7a;}
#activitiy-body .visit-btn a{ color:#303f90; text-decoration:none;}
#activitiy-body .visit-btn { text-align:right;}
.form-clean{ max-width:500px;  text-align:center; margin:auto; padding:0 10px;}
.form-clean .form-control{ border:none; border-radius:0; margin-bottom:5px;}
.form-clean .send{ background:#005997; color:#fff; border:none; font-size:20px; padding:8px 45px;}

.top-pic{ padding:100px 0; min-height:250px;}
.top-pic .head{ text-align:center; background:rgba(0,0,0,0.2); padding:5px 0; color:#fff; font-size:33px;}

#road-body { padding:15px 0;}
#road-body .container{ max-width:630px; margin:auto;}
#road-body .bg-tag{ background:#e1e1e1; padding:10px 15px; margin:0px 0; letter-spacing:0.5px; }
#road-body .white-text{ text-align:center; overflow:hidden; padding:20px 0;  margin-top: 20px;}
#road-body .wish-head{ color:#24408b; text-align:center; padding:30px 0;}
.cr{ display:inline-block; width:12px; height:12px; background:#000; border-radius:20px; margin:0 5px;}
.pink-text{ color:#9e1a59; margin:0; }
#road-body .orange-text{ color:#a1363b; text-align:left; margin-top:20px;}
#road-body .gps-txt{ background:#92cddc; margin:30px 0; text-align:center; padding:5px;}
#road-body .white-text a{ color:#436bc8;}
.map { padding:0px 0;}
.contact-link{ font-size:24px; color:#353b8f;}
.contact-link:hover{ text-decoration:none; color:#353b8f;}

#house-rules{ background:#e3e3e3; padding:0px 0 50px 0; min-height:500px;}
.house-top-pic{ max-width:650px; margin:auto; position:relative;} 
.house-icon { position:absolute; width:185px; left:50%; top:40px; margin-left:-93px;} 
.house-icon  img{ width:100%;}
.house-top-pic .head{ width:100%; text-align:center; position:absolute; bottom:10px; color:#fff; font-size:25px; }
#house-rules .container{ max-width:680px; margin:auto;}
.house-row{ margin-top:50px;}
.house-row .cnt{ color:#ababab;}
.house-row  .house-pic{ float:left; margin-right:30px; }
.item-row{ margin:20px 0;}
.item-row .pic{ width:100%; margin-bottom:10px;}
.item-row .cnt{ color:#7a7878;}
.item-row .quan{ text-align:center; color:#7a7878;}
.item-row .quan input{ width:50px; }
.ess-text  { letter-spacing:0.5px;}
.ess-text p{ text-align:center; max-width:560px; margin:auto; font-weight:500; color:#7a7878;}
.blue{ color:#1734c7;}
.ess-text .no{ background:#fff; display:block; padding:6px 10px; color:#1734c7; margin:auto; text-align:center; font-size:30px; width:100px; margin-bottom:15px; font-weight:bold;}

.flag-sec{ text-align:center; max-width:480px; margin:25px auto;}
.flag-sec .flag img{ margin: 10px  6px;} 
.country .cnt{ text-align:right;}
.country{ font-weight:500;}
.country .no{ color:#58589d;}
.country .col-6{ padding-left:5px;  padding-right:5px; }


.scrollTop {  position: fixed;  right: 15px;  bottom: 10px;  background: #555555 url(../images/arrow.jpg) no-repeat center top;  width:50px;   height:50px;
  opacity: 0;  transition: all 0.4s ease-in-out 0s;  cursor:pointer;}
.scrollTop a {  font-size: 18px;  color: #fff;}

#top-cat .container{ max-width:600px;}
#top-cat{ background:#dbdbdb; padding:15px 0; }
#top-cat .cat-box{text-align:center; position:relative;}
#top-cat .head { height:60px; }
#top-cat .head a {color:#5a5a5a;}
#top-cat .cat-box img{ max-width:80px; margin-left: 10px}
.link{color:#4773e8; font-size: 20px;}
		
.banner-top{background:url(../images/the-way-banner.jpg) center top no-repeat; background-size:cover; height:384px;}
.cat-box ul{ display:block; width:100%; text-align:center; margin:0; padding:0;}
	.cat-box ul li{ display:inline-block; }
	.cat-box .top-ar{ width:8px; height:auto;}
.icon-link{ width:32%; display:inline-block; }

.top-circle .head{ padding:20px 0 0 0; font-size:30px;}
.top-circle .head a{ color:#555;}
.top-header{ min-height:418px; padding:90px 0 90px 0; margin-top: 15px; }
@media(max-width:450px){
.top-pic .head{  font-size:20px;}
.activity img.img-fluid{ width:100%; margin-bottom:15px; }
.form-clean .col-4 , .form-clean .col-2{ padding-left:2px; padding-right:2px;}
.house-icon {  width:120px; left:50%; top:20px;  margin-left:-60px;} 
.house-top-pic .head{ font-size:16px; }
.item-row .quan{ text-align:left;}

#top-cat .cat-box img{ max-width:100px;}
.link{ left:0px; bottom:45px; }

}

@media(max-width:540px){
	.banner-top{ background-size:220%; height:295px;}
	#top-cat .cat-box img {    max-width: 120px;}
	#top-cat{ padding:8px 0;}
}

@media(max-width:440px){
	.banner-top{ background-size:220%; height:225px;}
	.cat-box ul li {    display: inline-block;    max-width: 86px;}
	#top-cat .cat-box img {    max-width: 52px;}
	.top-circle .head{ font-size:22px;}
	
}

/*6th july 2018*/

.navbar-dark.bg-dark.header-inside{ background:#d9d9d9 !important;  box-shadow:none !important;}
.center-sec .container{ max-width:640px; padding:30px 15px;}
.icon-box{ max-width:640px; text-align:center;}
.icon-box .head{ color:#858689; font-size:44px; padding:10px 0;}
.back{ position:absolute; font-size:22px; color:#7e98e5;}
.back:hover{ text-decoration:none; color:#7e98e5;}

a.link-box{ width:100%; display:block; min-height:250px;}
a.link-box:hover{ text-decoration:none;}
.cont-box{ background:#b3b3b3; color:#fff; text-align:center; padding:20px 10px; line-height:30px; min-height:250px;}
.cont-box h4{ color:#873c4f; font-size:25px; line-height:40px;}
.cont-box h4 a{ color:#873c4f; font-size:25px; line-height:40px;}
.cont-box p a{color:#fff;}
.visit{ display:inline-block; border:#fff 2px solid; padding:5px 30px; color:#fff; font-size:12px; line-height:normal; margin-bottom: 5px; }
.visit:hover{ color:#fff; text-decoration:none;}
.water-row{ margin-bottom:25px;}
.water-row .col-6 {  padding: 0 7px; }

@media(max-width:460px){
       
	.cont-box h4 {    font-size: 13px;    line-height: 20px; margin-top: 10px;}
	.cont-box h4 a{    font-size: 13px;    line-height: 20px;}
	.icon-box img{ max-width:120px;}
	.icon-box .head{ font-size:25px;} 
	.icon-box{ margin-bottom:20px;}
	.back{ font-size:16px;}
	a.link-box{ width:100%; display:block; min-height:159px;}
	.water-row .col-6{ padding: 0 4px;}
	.water-row{ padding: 0 3px; margin-bottom:18px;}
	
		.cont-box {    background: #b3b3b3;    color: #fff;    text-align: center;    padding: 5px 2px;    line-height: 21px;
    		min-height: 150px;    font-size: 12px;}
	}
	
			
		
.bgwhite {
    background: #fff!important;
  
}               

.form-checkout .pleft { font-size: 20px;  font-weight: bold; color: #222;} 
.form-checkout .pright { font-size: 20px; font-weight: bold; color: #900202;} 
.form-checkout .bgblue { background: #c8d3f1; padding:25px;}
.checkout-hr { float:right; width: 160px;}
.input-txt input[type='radio']{ position: absolute; margin-top: 4px; margin-left: -5px; }
.input-txt label{ padding-left: 15px; font-size: 16px;}
.checkout-hr select{ width: 50px;}
.cl{ clear: both;}

.form-checkout .send{ margin-top:30px; border-radius:5px; background:#c35525 !important;}
.form-checkout .bg-green{ background: #c9f2c9; padding: 25px; }
				



.mt-4{ font-size: 28px;}
.gps{ font-size: 20px; display:inline; background: #E3E3E3;font-weight:bold; padding: 1px;}
.white-text{ background: #c8d3f1; padding:16px;}
.highway{ font-weight:550;}
.mt-5{ font-size:20px;font-weight:599;}
.route{ margin-top: 75px; font-size: 26px; font-weight: 550;}
.mt-2{ font-size:20px;}
.gps1{ font-weight:bold;  margin-top: -14px;}
.mt-21{ font-size:26px;}

.route-map{background: #E3E3E3; padding: 18px;}
.mt-22{ font-size:20px;}
.notes{ color:#637dd8; }
.welcome{ font-size: 30px;}
#html1{ text-align:right; }

.arrow-btm{ margin-top: 15px; opacity: 0.3; }

.input-txt{ width:calc( 100% - 160px ); float: left;}
.check-head{ font-size: 27px; color: #000 !important; letter-spacing: normal !important; font-weight:normal; padding:28px 0 0 0  !important;}
.check-sub-head{ font-size: 20px; color:#888 !important; letter-spacing:normal !important; font-weight:normal; margin:5px 0 35px 0; }

.grey-bg { background: #ddd; padding: 15px; margin: 15px 0; text-align:center;}
.grey-bg p{ color: #555 !important; font-size: 18px !important; }
.time-box{ padding-top: 50px;}
.time-box p{ color: #003b7f !important; font-size: 16px !important; text-align: center !important }
.time-box img{ margin-bottom: 25px;}
.imgs-check{ width: 125px;}
.imgs-check-res{ width: 75px;}
.self-check{ width: 45px; height:auto;}

.select-hr{ width: 119px !important; font-size: 13px; height: 29px;}
.select-min{ width:60px !important;  font-size: 12px; height: 29px;}
.check-time{ width:70px;}

 .time-box p{ color: #182457 !important;}
 .check-times{ font-weight:bold; font-size:20px; padding-bottom:18px;}
 
@media(min-width:767px){
   .send#sub {padding: 15px 55px;    font-size: 16px;}
   .check-sub-head{  margin:5px 0 55px 0; font-size:24px;}
   .input-txt input{ width:16px; height:16px; margin-right:5px;}
}

    @media(max-width:767px){
        .top-header {    min-height: 180px;    padding: 90px 0 90px 0;    margin-top: 15px;
}
    .grey-bg p{ color: #555 !important; font-size: 17px !important; }
    .time-box p{ color: #182457 !important; font-size: 17px !important; text-align: center !important;   font-weight: 500;  }
    .input-txt label{font-size: 13px;}
    .imgs-check{ width: 84px;}
     .imgs-check-res{ width: 65px;}
    .gps-text{ font-size:15px;}
    .route{ font-size: 24px; font-weight: 550;}
    .mt-5{ font-size: 18px;}
    .mt-2{ font-size:17px;}
    .mt-21{ font-size: 20px;}
    .mt-22 {font-size: 15px;}
    .welcome{ font-size:21px; font-weight:550;}
    .self-check{ width: 41px; height:auto;}
    .form-checkout .bgblue {    background: #c8d3f1;    padding: 25px;}
    .form-checkout .bg-green{padding: 25px;}
}
.gps-text { font-size: 20px; padding:5px;}
@media(max-width:400px){
    .input-txt label{font-size: 17px;}
        .gps-text{ font-size:16px;}
    .route{ font-size: 24px; font-weight: 550;}
     .mt-5{ font-size: 18px;}
     .mt-2{ font-size:17px;}
     .mt-21{ font-size: 20px;}
     .mt-22 {font-size: 15px;}
     .welcome{ font-size:21px; font-weight:550;}
}


#activities{ background:#fff; padding:15px 0; min-height:500px;}
#activities .container{ margin:auto;}
#activities .head-sec{ text-align:center;  padding:25px 0;}
/*#activities .head-sec img{ width:15%;}*/
#activities.head-sec h2{ color:#a89ca0; padding:15px 0; letter-spacing:2px;}
/*#activities .head-sec p{  font-size:22px;  color:#7a7a7a;}*/
#activities .activity { padding:15px 0;}
#activities .activity  h3{ color:#7a7a7a; text-transform:uppercase; margin-bottom:5px;}
#activities .activity p{ margin-bottom:0;  color:#7a7a7a;}
#activities .visit-btn a{ color:#303f90; text-decoration:none;}
#activities .visit-btn { text-align:right;}

/* new-style */
.text-name{font-size: 33px; color:#5a5757;}
.text-name1{font-size: 28px; color:#333; margin-top: -13px;}

.res-row{padding: 0px; height: 200px;}

.map{text-align: center;}
.img-fluids{height: 250px; width: 100%;  margin-left: 15px;}

.text-deco{text-align: center;text-decoration: underline;  margin-top: 0px; font-size: 13px;}
.heading-text{ color:#274366; font-size: 15px; line-height:20px; height:45px; padding-top:5px; text-align:left;}
/*.map-route{ margin-top: 41px;}*/

.rating { padding-top: 5px;  position:absolute; top:0px; width: 100%; text-align:center; }

.rating img{ width: 50px;}
.map-route{ position:absolute; bottom: 5px; width: 100%; text-align: center; }

.box5 { background: #ddd; padding: 0; overflow: hidden; }
.qqq { padding-left: 15px;}
.img-responsive {  width:100%;  height: 200px;}
.map-route img{ width: 20px;}


@media(max-width:400px){
    
    .text-name { font-size: 35px;}
    #activities .head-sec img {width: 20%;}
     #activitiy-body .head-sec p {font-size: 17px;}
     .form-checkout .pright { font-size: 16px;}
     .form-checkout .pleft { font-size: 16px;}
        .checkout-hr { float:right; width: 118px;}
     .input-txt{ width:100%; float: left;}
     .select-hr{ width: 67px !important; font-size: 9px; height: 29px;}
    .select-min{ width:45px !important;  font-size: 9px; height: 29px;}
}

@media(max-width:767px){
   
    .text-name { font-size: 25px;}
    .text-name1 {    font-size: 22px; margin-top: -20px}
    #activities .head-sec img {width: 27%; margin-bottom: 15px;}
   

    #activitiy-body .head-sec p {font-size: 17px;}
    .form-checkout .pright { font-size: 20px;}
    .form-checkout .pleft { font-size: 20px;}

    .check-head{ padding-top: 20px !important;}
}
@media(min-width:780px){
    .box5 { background: #ddd; padding: 0; overflow: hidden; max-height:200px; margin-right: 39px; }
}
@media(max-width:779px){
    .box5 { background: #ddd; padding: 0; overflow: hidden; max-height:400px; }
}
.res-pic{ max-width: 100%; }
.new-box .col-8{ padding-left: 0px; padding-right: 0px;}
.new-box  .row{ margin-right:-7px;}
.new-box .col-4{ padding-left: 7px; padding-right: 7px; }
.cont-padd{ padding: 0 0px; }

@media (min-width: 768px){
.container {
    max-width:1000px;
}
}

@media (max-width: 768px){
 .map-route img{ width: 20px;}
  .select-hr{ width: 114px !important; font-size: 12px; height: 29px;}
.select-min{ width:50px !important;  font-size: 12px; height: 29px;}
.checkout-hr { float:right; width: 150px;}
.input-txt{ width:100%; float: left;}
}




/*Supermarket Css*/
.market-section{ position:relative; margin-bottom:45px;}
.market-box{ background:#d2d2d2; margin:0 -8px 0 -8px;}
.market-box .col-7{ padding-left:0; padding-right:0;}
.supermarket-pic{ width:100%;}
.note-text {    background: #ffdecd;    font-size: 15px;    margin: 40px  -8px;    text-align: center;    padding: 15px 28px;}
.market-box .heading{ color:#5a2d3c; text-transform:uppercase; font-size:13.5px; font-weight:500; padding-top:10px ; height:80px;  text-align:center;  line-height:18px;}
.market-box .heading a{ color:#5a2d3c; }
.market-box .heading a:hover{ text-decoration:none; }
.market-box p{ font-size:11px !important; text-align:center !important; margin-bottom:0; line-height:14px;}
.mar-head{  color:#5a2d3c; text-transform:uppercase; font-size:17px; font-weight:700; padding-top:10px ;  text-align:center; line-height:18px;}
.mar-head a{  color:#5a2d3c;}
.mar-head a:hover{ text-decoration:none;}
.mar-subhead{  color:#5a2d3c; font-size:14px;  padding-bottom:10px ;   text-align:center;}
.mar-subhead a{  color:#5a2d3c;}
.mar-subhead a:hover{  text-decoration:none;}
.rute{ position:absolute; right:-8px; margin-top:-20px; font-size:12px; color:#263994; text-decoration:underline;}
.rute img{ width:22px; margin-top:-15px}
.market-box .col-5{ padding-left:3px; padding-right:3px;}






@media (min-width: 767px){
	.market-section{ position:relative; margin-bottom:75px;}
.market-box .heading {   font-size: 22px;    padding-top: 40px;    height: 135px;    line-height: 29px;}
.market-box p{ font-size:15px !important; text-align:center !important; margin-bottom:0; line-height:23px;}
.mar-head{   font-size:22px; line-height:22px;}
.mar-subhead{ font-size:18px;}
.market-box{ margin:0;}
.note-text { font-size:20px; padding:30px;}
.rute img {    width: 25px;    margin-top: -19px;}
.rute{margin-top: -30px;    font-size: 15px;}
.review-heading {font-size: 18px;}
}


.texi-blue{ background:#cce4e3; padding:15px; margin-top:30px; color:#5d585a; text-align:center;}
.texi-blue h3{ text-transform:uppercase; font-weight:700; margin-bottom:0px;}
.head-sm{ font-weight:500; color:#8a8587;}

.texi-text{ padding-top:15px; font-size:16px;}
.texi-text .price{ color:#102e72; font-size:22px; font-weight:500;}

.text-form-head{  padding-top:58px; text-align:center;}
.text-form-head span{ display:block; font-size:25px;  margin-bottom:10px;}
.text-form-head  img{ width:100px; margin-bottom:10px;}

.get-form{ text-align:right; background:#cecaca; padding:28px; margin-top:30px; color:#5d585a; } 

.get-form .container{ padding:0;}
.get-form .form-control{ padding:8px 5px; font-size:12px; min-height:40px;}
.get-form input[type='date'].form-control{  font-size:12px; height:40px;}
.texi-send {    display: inline-block;    background: #f86448;  min-height:40px;  color: #fff;    border: none;   
 padding: 10px 35px; margin-top:35px;    font-size: 14px; border-radius:5px;}

.cont-inf{ text-align:center; padding:10px 0 35px 0;}
.cont-inf a{ color:#102cc5;}
.cont-inf a:hover, .cont-inf a:focus{ color:#102cc5; text-decoration:none;}
.no-head{ font-size:36px; font-weight:bold; text-align:center;}
.road-m{ margin-top:40px;   margin-bottom: 36px;}

.beach-box{ margin-top:55px;}
.beach-box h3{ color:#59220b; font-weight:500; font-size:25px;}
.beach-box h5{ color:#565455; font-weight:500; font-size:20px;}
.beach-box  .beach-pic{ width:100%; height:auto;}
.beach-cnt{ position:relative; padding:15px 25px; background:#d4d4d4; font-size:17px;}
.map-r{ width:50px; position:absolute; right:10px; margin-top:-8px;}

.emr-no{ background:#d4d4d4; color:#454e83; font-weight:bold; font-size:22px; text-align:center; padding:1px 5px; margin-top:40px; margin-left:-15px; margin-right:-15px;}
.emr-t{ font-size:16px; font-weight:500; padding-top:10px; color: #4a4647; margin-bottom:40px;}

.special-emr h4{ font-weight:bold; color:#666263; font-size:20px; margin-bottom:5px; line-height:18px;}
.special-emr .text-r{font-size:18px; padding-top:3px; font-weight:500; color:#4a4647; line-height:18px; text-align:right; max-width:205px; margin:auto;}
.special-emr .text-r span{ color:#1c38c7;}

.health-cntr{ padding-top:50px;}
.health-cntr .health-head{ color:#2c2c2c; font-size:20px; font-weight:700; background:#d4d4d4; text-transform:uppercase; margin:10px -15px 10px -15px; }
.health-cntr .tx-cnt{font-size:18px; padding-top:3px; font-weight:500; color:#4a4647; font-weight:500; line-height:18px; text-align:right; text-align:center; line-height:25px;}
.health-cntr .tx-cnt span{ color:#1c38c7;}


.doctor-cntr{ padding-top:45px;}
.doctor-cntr .doctor-head{ color:#2c2c2c; font-size:18px; font-weight:700;text-transform:uppercase; }
.doctor-cntr .tx-cnt{font-size:18px; padding-top:3px; color:#4a4647;  font-weight:500;  line-height:18px; text-align:right; text-align:center; line-height:25px;}
.doctor-cntr .space{font-size:18px; padding-top:8px; color:#4a4647;  font-weight:500;  line-height:18px; text-align:right; text-align:center; line-height:25px;}
.doctor-cntr .tx-cnt span{ color:#1c38c7;}

.phone-cnt{font-size:16px; padding-top:3px; color:#000; font-weight:500; max-width:245px; text-align:right; margin:auto; line-height:18px; line-height:25px; padding-right:15px;}
.phone-cnt span{ color:#1c38c7; display:inline-block; padding-left:8px;}

/*.key-sec{ padding-bottom:75px; padding-top:15px; text-align:left; font-size:15px; margin:0 -5px; font-weight:500;}*/
.key-sec{ padding-bottom:40px; padding-top:15px; text-align:left; font-size:15px; margin:0 48px; font-weight:500;}
.key-head { overflow:hidden; font-size:20px; font-weight:500; text-transform:uppercase; background:#cbd0d4; padding:8px 10px; }
.key-head img{ float:left; margin-right:10px;}
.key-sec .ctn{ padding:15px; line-height:19px; font-size:16px;}

.key-sec .key-pic{ width:100%; margin-top:20px;}
.hrules-key-sec{ padding-top:40px;}
.map-link{ float:right; overflow:hidden; margin-top:-42px;margin-right: 32px;}
.map-link-beach{ float:right; overflow:hidden; margin-top:-35px;margin-right: 35px;}
.map-link  img{ float:right; margin-left:5px;}
.map-link-beach  img{ float:right; margin-left:5px; margin-top: 14px;}
.map-link a{ color:#32608f; font-size:14px; text-decoration:underline;}
.map-link-beach a{ color:#32608f; font-size:14px; text-decoration:underline;}
.new-font{color:#2e466a; font-size:22px;  margin-left: 0px; padding-top: 55px; text-align:left; line-height:5px;}
.new-font-beach{color:#2e466a; font-size:22px;  margin-left: 0px; padding-top: 55px; text-align:left; line-height:5px;}
.heading1{ color:#2e466a; font-size: 17px; line-height:20px; height:45px; padding-top:5px; text-align:left;}
.heading1-beach{ color:#2e466a; font-size: 17px; line-height:20px; height:60px; padding-top:5px; text-align:left;}
.rating-b{ text-align:left; font-size:15px; color:#797979; padding-top:8px; padding-bottom:0px;}
.text-bg{ text-align:left; line-height:12px; margin-bottom:0; padding-top:12px;}
.text-bg-beach{ text-align:left; line-height:12px; margin-bottom:0; padding-top:0px;}
.text-bg a{ color: #797878; font-size:11px;}
.text-bg-beach a{ color: #797878; font-size:14px;}
.water-box{ margin-bottom:25px; padding-right:5px;}
.water-box .col-6{ padding-left:5px; padding-right:5px;}
.water-heading{ font-size:18px; color:#87354a; padding-bottom:10px; padding-top:10px;}
.water-text { font-size:16px; color:#fff;   padding-top: 15px;}
.visit-btn {    color: #fff;    border: #fff 1px solid;    padding: 4px 20px;    font-size: 20px;    margin-top: 85px;    display: inline-block;}
.visit-btn:hover{ color:#fff; text-decoration:none;}
.nerja-diving{ font-size:19px; color:#fff; text-decoration:underline;}
.nerja-diving:hover{ color:#fff; text-decoration:none;}
.water-bg{ background:#b3b3b3; padding:5px 5px; line-height:17px !important;}
.water-active{margin-top:35px;}
#activitiy-body .transfer-taxi {    max-width: 560px;    margin: auto;}
.date-select{ width:130px; margin-left:50px;}
.time-select{ width:130px; margin-left:50px;}
.people-select{ width:70px; margin-left:26px;}
.bagage-select{ width:70px; margin-left:26px;}
.flight-select{ width:120px; margin-left:66px;}
.landing-select{ width:130px; margin-left:57px;}
.thnk-you-tick{ margin-top:-30px;}
.ctn-thankyou{ margin-top:55px;}
.hrules-words{ padding-top: 14px; padding-left: 80px;}
.hrules-words-long { padding-top:14px; padding-left: 80px;}


.review-icon{ width:30px;}
.review-this{  overflow: hidden; margin-top: -34px;    margin-right: 35px;}
.review-text { font-size:17px; color: #333;}

.head-sec .review-title{ color:#b14848; letter-spacing: normal !important; }
.review-title span{     background: #9a3e5d;    display: block;    height: 2px;    width: 200px;    margin: -3px auto 0 auto; }
.review-heading { text-align:center; color:#333; font-size: 28px; font-weight: 555;     padding-top: 43px;}
.rating-container .caption .label {display: none !important;}
.glyphicon-minus-sign{ display: none !important;}
#review-body{ background:#e3e3e3; padding:15px 0; min-height:500px;}
#review-body .container{ max-width:620px; margin:auto;}
#review-body .head-sec{ text-align:center;  padding:25px 0;}
#review-body .head-sec h2{ color:#9a2525; padding:15px 0; letter-spacing:2px;}
.rev-pic{ width: 100%; margin-left:15px;}
.my-rating{color:#9a2525;  padding-top: 40px; font-size: 20px;}
.my-exp { background:#333;}
.review-send {    display: inline-block;    background: #f86448;  min-height:40px;  color: #fff;    border: none;   
 padding: 10px 35px; margin-top:35px;    font-size: 14px; border-radius:5px;}
@media(max-width:400px){
.visit-btn{ color:#fff; border:#fff 1px solid; padding:4px 20px; font-size:12px; margin-top:12px; display:inline-block;}
.nerja-diving{ font-size:14px; color:#fff; text-decoration:underline;}
.water-text { font-size:14px; color:#fff; padding-top: 0px;}
.water-heading{ font-size:15px; color:#87354a; padding-bottom:10px; padding-top:10px;}
.water-active{margin-top:0px;}
.beach-box h3{ color:#59220b; font-weight:500; font-size:21px;}
.beach-box h5{ color:#565455; font-weight:500; font-size:16px;}
.map-r{ width:38px; position:absolute; right:0px; margin-top:-10px;}
.beach-cnt{ position:relative; padding:15px 25px; background:#d4d4d4; font-size:13px;}
.doctor-cntr .space{   margin-top: -32px;}
.text-form-head{  padding-top:30px; text-align:center;}
.get-form{ text-align:right; background:#cecaca; padding:15px; margin-top:30px; color:#5d585a; } 
.map-link{ float:right; overflow:hidden; margin-top:-42px; margin-right: 0px;}
.date-select{ width:110px; margin-left:-5px;}
.time-select{ width:122px; margin-left:-15px;}
.people-select{ width:61px; margin-left:-10px;}
.bagage-select{ width:61px; margin-left:-10px;}
.flight-select{ width:111px; margin-left:-8px;}
.landing-select{ width:125px; margin-left:-20px;}

}
@media(max-width:768px){
.key-sec .ctn{ padding:15px; line-height:19px; font-size:17px;}
    .key-sec{ padding-bottom:40px; padding-top:15px; text-align:left; font-size:15px; margin:0 -5px; font-weight:500;}
    .hrules-key-sec{ padding-top:30px;}
    .new-font-beach{color:#2e466a; font-size:18px;  margin-left: 0px; padding-top: 55px; text-align:left; line-height:5px;}
    .heading1-beach{ color:#2e466a; font-size: 15px; line-height:20px; height:auto; padding-top:5px; text-align:left;}
    .text-bg-beach {    text-align: left;    line-height: 12px;    margin-bottom: 0;    padding-top: 0px;}
    .map-link-beach{ float:right; overflow:hidden; margin-top:-35px;margin-right: 6px;}
    .hrules-words-long { padding-top:5px;}
    .text-bg-beach a{ font-size:11px;}
/*    .resto-top-pic{height:180px;}*/
    .review-icon { width: 26px;  margin-right: -34px;}
    .review-text { font-size: 13px; color: #333;  margin-right: -35px;}
    .rating-lg {  font-size: 28px !important;}
    .review-heading {font-size: 18px;}
    .rev-pic {    width: 100%; margin-left:0; padding:0 15px;}
}



.review-btn{background: #62d5fc url(../images/send-icon.jpg) no-repeat  20px 12px;border-radius:25px;width: 128px;padding: 12px;color:#fff;border: none; margin-top: 9%;}
.review-btn2 img{ width:126px;}
.alert-success {text-align: center !important;}

.rating-container .star { font-size: 31px;}

.car-rental-box{ font-size: 16px; padding-top: 65px; padding-bottom:30px; max-width:350px; margin:auto;}
.car-rental-box .head{background:#fce6db; color: #222; font-size: 22px; font-weight: bold; padding:8px  15px; margin-top: 10px;}
.car-rental-box h3{ font-size: 22px;   padding: 15px 25px;}
.send-me{ background:#cd837a; color: #fff; font-size: 18px; font-style: italic; padding: 8px 35px; border:none; outline: none; margin-top:35px; border-radius:25px;}

.car-rental-box .head2{background:#dff8da; color: #000429; font-size: 22px; font-weight: bold; padding:8px  15px;  margin-top: 10px;}
.car-rental-box p{ padding: 15px 0;}

.car-i{ padding:125px 0 50px 0; text-align: center;}
.car-i img{ width: 120px;}
.car-head{ font-size: 27px; text-align: center; color: #000;}
.car-head img{ width: 125px; height: 125px; border-radius:50%; display: block; margin:auto; margin-top: 25px;  margin-bottom: 10px;}
.send-me:hover{cursor:pointer;}

.car-rental-box .icon{  width:90px; height:auto;}
.car-rental-box ul{ margin:0; padding:0;}
.car-rental-box li{ margin:0; padding:2px 0; list-style:none;}
.car-rental-box li:before{ width:5px; height:5px; background:#333; position:absolute; content:''; border-radius:50%; margin: 12px 0 0 -11px;}

/*1st march 2019*/

.coming-text{ max-width:600px; margin:auto; text-align:center; padding-top:50px; font-size: 21px;    color: #777;}

/* 27 march 2019*/

#road-body .white-text11 {
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
    margin-top: 20px;
}
#road-body .white-text11 a{ color:#436bc8;}
.white-text11 {
    
    padding: 16px;
}
.small-font{ font-size:15px;}
.mt-212 {
    font-size: 26px;
    font-weight: bold;
}

.here{ text-decoration: underline !important;}
.ordinate{ color: #333;}
.ordinate:hover{ color: #333;}









/*24th may 2019*/

.region-box{ max-width:650px; margin:auto;}
.region-box h1{ font-size:30px; color:#000; margin:15px 0 0 0;}
.welcome-txt h2{ font-size:28px; color:#354a77; text-align:center; padding-bottom:15px; }
.welcome-txt h2 span{ font-weight:bold; font-style:italic;}
.welcome-txt { font-size:16px; line-height:normal; text-align:left; padding-top:30px; }
.region-pic{ width:100%; height:auto; margin:15px 0;}

.why-text  { font-size:16px; line-height:normal; text-align:left; padding-top:20px; }
.region-map { width:100%; height:auto; margin:120px 0 0 0;}

.town-sec{ text-align:left; font-size:16px; line-height:normal; text-align:left; padding:30px 0;}
.town-sec h3{ font-size:26px; color:#354a77; text-align:left; padding-bottom:0px; font-weight:normal; }
.town-sec h3 span{ font-weight:bold; }
.town-sec ul{ margin:0; padding:10px 0 0 0; list-style:none;}

.town-sec li{ margin:0; padding:5px 0;}
.town-sec li a{ color:#444;}
.town-sec li a:hover{ color:#444; text-decoration:underline;}
.town-sec li:before{ content:'-'; margin-right:10px;}

.town-sec p{ margin-bottom:0;}
.town-pic { width:100%; height:auto; margin:10px 0 0 0;}
.copy-img{ text-align:right; font-size:12px; padding-top:5px; padding-bottom:10px;} 
.why-text .copy-img{ margin-top:-15px; padding-bottom:25px;}
.town-map{ margin-top:40px;  width:100%; height:auto;}

@media(max-width:500px){
	.welcome-txt h2{ font-size:24px;}
	.town-sec h3{ font-size:22px;}
	.region-map{ margin-top:50px;}
	}