@import url('https://fonts.googleapis.com/css2?family=Expletus+Sans&family=Hind:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
  font-family: 'Nobel-Light';
  src: url('../fonts1/Nobel-Light.woff2') format('woff2'), /* Super modern browsers */
       url('../fonts1/Nobel-Light.woff') format('woff'), /* Modern browsers */
       url('../fonts1/Nobel-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts1/Nobel-Light.svg') format('svg'), /* Legacy iOS */
       url('../fonts1/Nobel-Light.otf') format('otf'); /* Legacy iOS */

}

@font-face {
  font-family: 'Font-Light';
  src: url('../fonts/fontLight.otf') format('ttf'); /* Legacy iOS */

}

body, h1, h2, h3, h4, h5, h6, button, form, table, span {
    font-family: 'Expletus Sans', cursive !important;
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Hind', sans-serif;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.showOnMobile {
    display: none;
}

.city_box .img span {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    text-align: center;
    line-height: 30px;
    display: block;
    background: #fff;
    left: 4px;
    top: 3px;
    font-size: 18px;
    border-radius: 50%;
    color: #0cadbf;
}
header{
	background-color: #0cadbf;
	width: 100%;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	box-shadow: 0 1px 15px rgba(57, 63, 72, 0.3);
}
.head-right {
    float: right;
    z-index: 999;
}
.right-menus {
    float: right;
}
.right-menus li {
    float: left;
    list-style: none;
    text-align: center;
    padding: 9px 0;
    position: relative;
    z-index: 1;transition: all .2s ;
    border-left: solid 1px #fff;
}
.right-menus li:after{
	position: absolute;
	content: '';
	width: 100%;
	height:0%;
	background-color:#67dae7;
	left: 0;
	transition: all .2s ;
	bottom: 0%;
	z-index: -1;
}
.right-menus li:hover:after{height: 100%; transition: all .2s ;}
.right-menus li .search_box{
	float: left;
	width: 380px;
	margin-right: 00px;
	position: absolute;margin-top: 1px;
	padding: 10px; background-color: #0cadbf;
	top: 110%;left: 100%;
	transition: all .2s;
}
.right-menus li .search_box.show{left:auto;right: 0;transition: all .2s;}
a#searchtoggle{cursor: pointer;}
.search_box input{
	width: 100%;
	padding-right: 50px;
	border: solid 2px #fff;
	border-radius: 20px;color: #fff;
	padding-left: 15px;
	font-size: 14px;outline: none;
	background-color: transparent;
	padding-top: 9px;
	padding-bottom: 9px;
}

.mapOverlay {
    width: 100%;
    height: 50px;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    margin-top: -50px;
    color: white;
    font-size: 33px;
    padding: 5px;
}

.search_box button{
position: absolute;
    right: 11px;
    cursor: pointer;
    top: 50%;
    outline: none;
    transform: translateY(-50%);
    background-color: #bdbdbd;
    border: 0;
    padding: 9px 18px;
    border-radius: 0 20px 20px 0;
    border: solid 2px #fff;
    font-size: 14px;
    color: #fff;
}

.search_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.search_box input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.search_box input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.search_box input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.serch2{    
	position: absolute;
    width: 0;
    overflow:hidden; transition: all .2s;
    right: 100%;top: 0;
    background-color: #9e9e9e;
}
.serch2.show{width: 300px;overflow: visible;}
.serch2 input{width: 100%;padding: 11px;
	height: 40px;outline: none;
	border: solid 1px #fff;
}


.right-menus li a{
	display: block;
	color: #fff;font-size: 14px;
	text-decoration: none;font-weight: 300;
	text-transform: uppercase;
}
.right-menus li a i.fa{font-size: 20px;}
.right-menus li:nth-child(1) a,.right-menus li:nth-child(2) a,.right-menus li:nth-child(3) a{padding: 12px 15px;}
.right-menus li:nth-child(3) a{padding: 12px 15px;}
.right-menus li:nth-child(1),.right-menus li:nth-child(2),.right-menus li:nth-child(3){padding:0;}
.right-menus li:nth-child(3),.right-menus li:nth-child(4),.right-menus li:nth-child(5){min-width: 70px;}

.right-menus li:nth-child(1){border-left: 0;}
.right-menus li a img{
	display: block;
	margin: auto;}
.right-menus li.cartbtn,.right-menus li.usr_drop {
    padding: 10px;
    background: #fff;
}
.right-menus li.usr_drop{border-color:#0cadbf; }
.right-menus li.usr_drop a{color: #0cadbf;}
.right-menus li.cartbtn:after,.right-menus li.usr_drop:after{display: none;}

/*//header end here*/

.banner{
	position: relative;
	width: 100%;
	float: left;
	height: 280px;
}
.banner a.logo{
	position: absolute;
	left: 40px;
	top: 20px;
	z-index: 9;
}
.banner .bannrimg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top:22%;
}
.banner .bannrimg img{   
	width: 100%;
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.heading{
    padding-bottom: 42px !important;
	padding-top: 50px !important;
	text-align: center;
	text-transform: capitalize;
/* 	color: #0cadbf;font-size: 38px; */
	padding-bottom: 0;
/* 	font-weight: 600;letter-spacing: 3px; */
	font-family: 'Expletus Sans', cursive !important;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.subheading{
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	z-index: 1;
/* 	margin-bottom: 40px; */
	margin-top: 40px;
}
.subheading:after{
	position: absolute;
	content: '';
	width: 450px;
	height: 2px;
	left: 50%;
	background-color: #0cadbf;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
}
.subheading h2{
	position: relative;
	display: inline-block;
	text-transform: none;
	color: #333;
/* 	font-weight: 600; */
	background-color: #fff;padding: 0 15px;
	font-size: 30px;
	border: 0;
	z-index: 2;
	    line-height: 40px;
    margin-bottom:30px;
}
.subheading h1{
	position: relative;
	display: inline-block;
	text-transform: none;
	color: #333;
/* 	font-weight: 600; */
	background-color: #fff;padding: 0 15px;
	font-size: 30px;
	border: 0;
	z-index: 2;
	    line-height: 40px;
    margin-bottom:30px;
}
ul.city-list{
	float: left;
	width: 100%;
	list-style: none;
	text-align: center;
}
ul.city-list li{width: 33.1%;display: inline-block; overflow:hidden; }
.city_box{
	width: 100%;
	position: relative;
	float: left;
	height: auto;outline: none;
	overflow: hidden;
}
.city_box .price_tag{
	    background: none;
    color: #333;
    z-index: 99;
    transition: all .2s;
    padding: 0px;
    font-family:'Hind', sans-serif !important;
    font-weight: bold;
    font-size: 24px;
    display: inline-block;
    float: left;
    position: absolute;
    left: 40px;
    bottom: 45px;
}
.city_box:hover .img:after{opacity: 1;}

.city_box .img{z-index: 1; position: relative; width: 100%;float: left; overflow: hidden; height: 220px !important;}
.city_box .img:hover img{ 
transform:scale(1.3); filter: grayscale(0);
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.city_box .img:after{
	position: absolute;
	content: '';width: 100%;
	height: 100%;
	left: 0;transition: all .2s;
	top: 0;
	opacity: 0;
	background-color: rgba(12, 173, 191, 0.32);
	z-index: 1;
}
.city_box .img img{width: 100%;height: 100%;filter: grayscale(100); transition: .5s;}


 .box_wrap{
	padding: 40px;
	float: left;
	width: 100%;text-align: left;
}
.box_wrap h3{
	font-size:20px;
	text-transform: uppercase;
	margin-bottom: 17px;
	color: #0cadbf;font-weight: 600; font-family: 'Hind', sans-serif !important; 
}
.box_wrap .txt{    
	font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    overflow: hidden;
    color: #4c4c4c;margin-bottom: 20px; font-family: 'Hind', sans-serif !important;
}

.city_box .box_wrap .txt{    
	font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    overflow: hidden;
    color: #4c4c4c;margin-bottom: 20px; font-family: 'Hind', sans-serif !important;
    height:100px; overflow:hidden;
}


.city_box .box_wrap h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 17px;
    color: #202020;
    font-weight: bold;
    font-family: 'Hind', sans-serif !important;
    margin-top:0;
}


.box_wrap .buy_btn{
	background-color: #0cadbf;
	padding:10px 15px;
	color: #fff;border: 0;outline: none;cursor: pointer;
	text-decoration: none;transition: all .2s;
	font-size: 16px;border-radius: 2px;
	text-transform: uppercase;  font-family: 'Hind', sans-serif !important; font-weight:bold;
	float:right;
    border: 1px solid #0cadbf; 
}
.city_box:hover .buy_btn{
	background-color: #fff;
	color: #0cadbf;
	border: 1px solid #808080;
}
.banner.checkout{height: 300px;}
.bannrimg .checkout-head{    
	z-index: 9999;
    position: absolute;
    bottom: 70px;
    left: 130px;
    color: #fff;
    border-bottom: solid 1px;
    padding-bottom: 4px;
    letter-spacing: 2px;
}
.container{
	width: 1170px;
	margin: auto;
	overflow:hidden; 
	padding:0 15px; 
}


.check-table{
	float: left; 
	width: 70%;
	padding-right: 30px;
	margin-top: 0px;
}
.checkout_box{
    float: left;
    width: 100%;
    position: relative;
    padding: 20px;
    background-color: #fafafa;
    border: solid 1px #ccc;
    border-radius: 3px;
   
    margin-bottom: 10px;
}
.puc-img{
    position: absolute;
    height: 148px;
    width: 230px;
    right: 20px;
    top: 20px;
    overflow: hidden;
}
.puc-img img{
	height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.prdct-dtail{
	
	position: relative;
	width: 100%;
}
.prdct-dtail .total-price{float: left;
	width: 100%;background-color: #0cadbf;
	color: #fff;padding:  10px;    font-family: 'Hind', sans-serif !important;
    margin-top: 10px;}
.total-price label{    float: right;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    width: 100%;
    text-align: right;}
.total-price label{ display:inline-block; vertical-align:middle}
.coupen-success {
    float: left;
    width: 100%;
    background: #ececec;
    padding: 10px;
    margin-top: 20px;
    font-weight: 600;
    padding-left: 20px;
    color: #545454;    
    border-left: solid 4px green;
}
.total-price .p{padding-left: 100px;font-size: 18px;}
.total-price .p i.fa{margin-right: 5px;margin-top: 2px;}
.total-price .p input{font-size: 16px;font-weight: bold; background:none;}
.prdct-dtail .name{
	font-size: 24px;background-color: transparent;
	font-weight: 500;
	font-family: 'Hind', sans-serif !important; float:left; width:40%; padding:0 10px 0 0;
}
.prdct-dtail .price i.fa{float: right;
    margin-right: 6px;
    margin-top: 7px;
    font-size: 24px;}
.prdct-dtail .price{
	font-size: 22px;
	font-weight: 600; background-color: transparent;
	float: left;color: #0cadbf;
	width: 20%;
	font-family: 'Hind', sans-serif !important;
	float:left;
}
.prdct-dtail .price input{     width: 90px;
    padding: 0;
    font-size: 24px;
    float: right;
    text-align: left; background:none; color: #0cadbf  !important;}
.price .off{
	display: inline-block;
	padding:0 20px;
	color: green;
font-size: 14px;font-family: 'Hind', sans-serif !important;
}
.price del{font-size: 16px;padding: 0 10px; font-weight: normal; color: #2d2d2d;font-family: 'Hind', sans-serif !important;}
.prdct-dtail .quntity{float: right;font-family: 'Hind', sans-serif !important; width:35%; text-align:center;  }
.quntity{float: right;font-family: 'Hind', sans-serif !important;  }
.pluminus input{text-align: center;}
.pluminus {width: 150px;float: left;text-align: center;}
.pluminus div{cursor: pointer;margin-top: 4px;outline: none;user-select:none;
	width: 30px;height: 30px;font-size: 22px;border: solid 1px #ccc;    color: #949494;    font-weight: 600;
	line-height: 25px;text-align: center;background-color: transparent;border-radius: 50%;
}
.pluminus .minus{float: left;}
.pluminus .plus{float: left;}
.quntity a{float: right;
    font-size: 28px;
    color: #0cadbf;
    padding: 10px;
    position: relative;
    padding-top: 0px;}

.quntity input{padding: 10px;width: 70px !important;text-align: center; float: left;margin: 0 5px; border: solid 1px #ccc;outline: none;}
.total-sec{width: 30%;float: left;margin-top: 0px;}
.total-cont {
    float: left;
    width: 100%;
    background-color: #fafafa;
    border: solid 1px #ccc;
}
.total-cont .hd{font-size: 20px;padding: 10px 20px;font-weight: 600;border-bottom: solid 1px #ccc;font-family: 'Hind', sans-serif !important; }
.total-cont .price-wrap{padding: 0 20px;}

.price-wrap .price,.total-cont .price{
	margin: 20px 0;
	font-weight: 600;
	font-size: 16px;font-family: 'Hind', sans-serif !important;
 }
.price-wrap .price span,.total-cont .price span{float: right;font-family: 'Hind', sans-serif !important;}
.price-wrap .price span input,.total-cont .price span input{
        width: 80px !important;
    float: right;
    font-size: 18px;
    background: transparent;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: 'Hind', sans-serif !important;
    padding: 0 !important;
    margin: -2px 5px 0 5px;
}

.total-cont .price.grand {
    padding: 10px 20px;
    border-top: dotted 1px #ccc;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 19px;font-family: 'Hind', sans-serif !important;
}
.total-cont .price.grand i.fa.fa-rupee {
    margin-right: 5px;
    font-size: 20px;
    margin-top: -2px;
}

.checkout_btn{
	margin-top: 20px;
	overflow:hidden;
	float: left;
	width: 100%;
}
.checkout_btn .btn{
	padding: 10px 25px;
	color: #fff;
	border: 0;outline: none; float:right; width:100%;cursor: pointer;
	background-color: #636363;
	display: block;
	text-align: center;text-decoration: none;
	font-size: 18px;
	border-radius: 3px;
	font-weight: 600; font-family: 'Hind', sans-serif !important;
}
.checkout_btn .btn:hover{background-color: #0cadbf; color:#fff;}
.cupen-cont{
	float: left;
	position: relative;
	width: 100%;    
	background-color: #fafafa;font-family: 'Hind', sans-serif !important;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 1px #ccc;
}
.cupen-cont label{ 
	display: block; 
	margin-bottom: 5px;font-family: 'Hind', sans-serif !important; 
}
.cupen-cont input{
	padding: 9px  !important;
	box-sizing: border-box  !important; 
	width: 75%  !important; 
	float: left  !important;font-size: 15px  !important;font-family: 'Hind', sans-serif !important;
	outline: none  !important;
	margin:0 !important;
}
.cupen-cont button{
	padding: 11px 13px 12px 13px  !important;
	width: 25%  !important;
	float: left  !important;
	background: #0cadbf  !important;
    border: 0  !important;
    margin-left: -1px  !important;
    color: #fff  !important;cursor: pointer  !important;font-family: 'Hind', sans-serif !important;
    outline: none  !important;
    
}
.price-wrap .price input{
	    font-size: 18px;
    font-weight: 600;
    margin: 0 5px;
    background: transparent;
    font-family: 'Hind', sans-serif !important;
    padding: 0;
}
input {
    font-family: 'Nobel-Light';
}




.right-menus li i.fa.fa-chevron-down{ 
	font-size: 10px;
    margin-right: 6px;
    float: right;
    margin-top: 5px;
}
.right-menus li ul.toggle-list{
	position: absolute;
	top: 110%;display: none;
	background-color: #eee;
	width: 200px;right: 0;
}
.right-menus li ul.toggle-list.show{display: block;}
.right-menus li ul.toggle-list li{border: 0;padding: 0 !important;width: 100%;}
.right-menus li ul.toggle-list li:after{display: none;}
ul.toggle-list li a{color: #333 !important;font-family: sans-serif;  border-bottom: dotted 1px #333;}
ul.toggle-list li a:hover{background-color: #bfbfbf;}
ul.toggle-list li:last-child a{border-bottom: 0;}

.right-menus li a .tltp{
    position: absolute;
    top: 4px;
    right: 8px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    padding: 0;
    font-size: 11px;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 1px;
    font-weight: 600;
}

.qr-cont{
	float: left;
	width: 100%;
	margin-top: 50px;
}
.qrcode_box{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.qrcode_box:last-child{margin-bottom: 0;}
.qrcode_box h2{
    font-size: 18px;

display: inline-block;

background-color: #0cadbf;

padding: 15px 50px;

color: #fff;

border-radius: 10px 10px 0 0;

font-family: 'Hind', sans-serif !important;
}

ul.qr-list{
	margin: 0;
	padding: 0;list-style: none;
	/*border:dotted 1px #d4d4d4;*/
	width: 100%;padding: 0;
	float: left;
}
ul.qr-list li{width: 20%;float: left;padding: 5px;}
.qrcodediv{
	width: 100%;
	background-color: #eee;
	padding: 7px;
	border: solid 1px #ccc;
	border-bottom: 0;
}
.qrcodediv img{
	width: auto;
	max-width: 100%;     
	display: block;
    margin: auto;
}
ul.qr-list li span.ttl{
display: block;
    text-align: center;
    padding: 6px;
    border: solid 1px #ccc;
    background-color: #eeeeee;
    border-top: dotted 1px #ccc;
    font-size: 13px;
    font-weight: 600; font-family: 'Hind', sans-serif !important;
}



#clpiboardcopy ,#clipboard_error {
    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
    position: fixed;
    right: 20px;
/*     bottom: 80px; */
    top:88px; 
    z-index: 9999;
    background-color: #fff;
    padding: 20px;
    padding-left: 40px;
    text-align: left;
    font-size: 14px;
}

#clpiboardcopy i.fa ,#clipboard_error i.fa {
    position: absolute;
    color: #ffffff;
    left: 0;
    line-height: 57px;
    background-color: #00a0af;
    width: 30px;
    height: 58px;
    top: 0;
    text-align: center;
    font-size: 17px;
}


#clpiboardcopy2{
	    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
    position: fixed;
    left: 40%;
    transform: translateX(-50%);
    top: 50%;
    z-index: 9999;
    background-color: #fff;
    padding: 20px;
    width: 400px;
    padding-left: 40px;
    text-align: left;
    font-size: 18px;
}
#clpiboardcopy2 i.fa {
    position: absolute;
    color: #ffffff;
    left: 0;
    line-height: 57px;
    background-color: #00a0af;
    width: 30px;
    height: 58px;
    top: 0;
    text-align: center;
    font-size: 17px;
}
.thanku-cont {
    width: 100%;
    text-align: center;
    height: 220px;
    /*color: #ffffff;*/
	background: #fff;
	color: #000;
	padding-top: 5px;
	float: none;
	clear: both;
}
.thanku-cont h1 {
    /*color: #3e3e3e;*/
    font-size: 52px;
    margin-bottom: 20px;
    font-weight: 600;
}
.thanku-cont i.fa.fa-check {
    font-size: 40px;
    color: #0cadbf;
    margin-bottom: 30px;
    -webkit-text-stroke: 1px #fff;
}
.thanku-cont .thanku-txt {
    font-size: 22px;
	padding-top:20px;
}
.fa-check-circle{
	font-size: 88px;
	color: #00bcd4;
	background: #fff;
}

.thank_you .footer-container{
	padding-top: 130px;
}

.monument-lis{
	margin: 0;
	padding: 0;list-style: none;
	border:dotted 1px #d4d4d4;
	width: 100%;padding: 5px;
	float: left;
}
.monument-lis li{width: 50%;float: left;padding: 5px;}
.monuments-cont{
    width: 100%;
    background-color: #eee;
    padding: 7px;
    position: relative;
    border: solid 1px #ccc;
    min-height: 106px;
    padding-left: 175px;
}
.monuments-cont .img{
	width: 150px;
	overflow:hidden; 
	height: 90px;
	position: absolute;
	left: 7px;top: 7px;
}
.monuments-cont .img img{height: 100%;transition: ease .3s }
.monuments-cont .desc {
    width: 100%;
    float: left;
    height: 100%;
    min-height: 90px;
    position: relative;
    overflow: hidden;
}
.monuments-cont .desc h3 {
	    text-transform: uppercase;
    margin-bottom: 20px;font-family: 'Hind', sans-serif !important;
}
#tab-4 .monuments-cont .desc h3 {
    position: absolute;
    top: 49%;
    margin: 0;
    transform: translateY(-50%);
}
.monumnt-btns {
    text-align: left;
}
.monumnt-btns .btn {
    display: inline-block;
    margin: 0 15px;
    background-color: #0cadbf;
    padding: 10px 24px;
    border-radius: 35px;
    text-decoration: none;
    color: #fff;border: 0;cursor: pointer;
    outline: none;
    font-weight: 600;
    padding-bottom: 12px;
}
.monumnt-btns .btn[disabled] {
    background-color: #cecece;
    color: #b7b4b4;
    cursor: not-allowed;
}
.monumnt-btns .btn:hover{background-color: #aaa}
.monumnt-btns .btn:first-child{margin-left: 0;}
.monuments-cont:hover .img img{transform: scale(1.1);}

.tabs {
    width: 100%;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.tabs>li {
    float: left;
    margin-bottom: -1px;
}
.tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    position: relative;
    display: block;font-weight: 600;
  text-decoration:none;
    color: #333;
    padding: 10px 55px;
    border-radius: 4px 4px 0 0;
    border-color: #e7e7e7;
}
.tabs>li.current>a, .tabs>li>a:focus, .tabs>li>a:hover {
    color: #7A54D8;
    background-color: #e7e7e7;
    border-bottom-color: transparent;
}
.tabs>li.current>a {
    cursor: default;
}
.tab-content.current {
    display: inherit;
}

.tab-content {
    display: none;
    padding: 15px;
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
   
}
#modal2 ,#modal {
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

#modal2.is-visible ,#modal.is-visible{
    visibility: visible;
    display:block;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

#modal2.is-visible .modal-overlay ,#modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 50%;
  width: 90%;
  max-width: 500px;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%) translateX(-50%);
  opacity: 0;
}

#modal2.is-visible .modal-transition ,#modal.is-visible .modal-transition {
  transform: translateY(-0%) translateX(-50%);
  opacity: 1;
  padding-bottom:20px
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
    color: #545454;
}
form.edit-group {
    max-width: 450px;
    width: 100%;
    margin:50px  auto;
}

.form-group .addMoreEdit {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    top: 21px;
}




 .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    outline: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    
    font-family: 'Hind', sans-serif !important;
}
.form-group {
    margin-bottom: 10px;
    position: relative;
}
.form-group .minus_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #F44336;
    padding: 0px 12px;
    color: #f9f9f9;
    height: 34px;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    line-height: 33px;
}

.addMore {
    border-radius: 4px !important;
    margin-bottom: 0 !important;
    padding: 8px 12px !important;
    position: absolute;
    right: 16px;
    top: 141px;
}

.btn-grey {
    background-color: #aaa !important;
}
.modal-footer .monumnt-btns {
    text-align: center;
}
.modal-footer {
    padding: 1em;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.4em;
  color: #aaa;
  outline: none;cursor: pointer;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;border: 0;padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

.tiles-cont {
    float: left;
    width: 100%;margin-bottom: 30px;
}
.tiles-cont .block {
    float: left;
    margin: 10px;
    overflow: hidden;
    width: calc(33% - 20px);
    width: -webkit-calc(33% - 20px);
    width: -moz-calc(33% - 20px);
    position: relative;
	z-index:0;
}
.tiles-cont .block .caption_img{display: inline-block;width: 100%;/*height: 250px;*/ overflow:hidden; }
.tiles-cont .block a{display: inline-block;width: 100%;height: 100%; }
.tiles-cont .block.lg{width: 66.66%;}
.tiles-cont .block img {
    position: relative;
    display: block;
    width: 100%;height: 100%;
    filter: grayscale(90%);transition: .5s;

}
.tiles-cont .block:hover a{ text-decoration:none;}
.tiles-cont .block:hover img{filter: grayscale(0%); transform:scale(1.2);
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.tiles-cont .block .caption {
       font-size: 24px;
    padding: 0;
    color: #fff;
    font-weight: 600;
    text-align: center;
/*     background: rgba(0,0,0,0.3); */
    display: inline-block;
    width: 100%;
    top: 0;
    border-top: none;
    position: absolute;
    z-index: 111;
    height: 250px;
    left: 0;
}

.tiles-cont .block .caption span{ position: absolute;
    bottom: 9%;
    left: 34%;
    display: inline-block;
    width: 100%;
}

.banner.cities .overlay {
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 140px;
    position: absolute;
    z-index: 99;
    top: 0;
}
.banner-caption {
    position: relative;
    top: 50px;margin-top:0px;
    padding: 0 50px;
}
.banner-caption .search-cont {
    float: left;
    width: 48%;
    padding: 30px 0;
}
.search-cont label {
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 10px;
}
.search-cont input {
    width: 100% !important;
    outline: none !important;
    padding: 10px 15px !important;
    font-size: 18px !important;
    font-family: 'Hind', sans-serif !important;
    border:none !important;
    border-radius:4px !important;
}
.bnrheading {
    float: left;margin-top: 0px; width:100%; /*text-align:center;*/
}

.bnrheading h1 {
    font-size: 48px;
    color: #ffaa00;
    text-transform: uppercase;
    /*font-weight: bold;*/
    font-family: 'Hind', sans-serif !important;
    letter-spacing: 0px;
    /*text-shadow: 1px 3px 5px #232323;*/
    transition: all 0.5s fade-in;
}
.bnrheading h1 small {
        display: block;
    text-transform: initial;
    color: #fff;
    margin-top: 10px;
    line-height: 35px;
    letter-spacing: 0;
}
.search{position: relative;float: left;
    margin: 0 auto;
    width: 400px;}

.search button{
    border: none;
}

.search i.fa {
    position: absolute;
    right: 14px;
    top: 12px;
    font-size: 24px;
    color: #949494;cursor: pointer;
}
.search input {
    padding-right: 45px;
}

.btn-cont {
    float: left;
    width: 100%;
}
.btn-cont i.fa {
    font-size: 28px;
}
.btn-cont button {
    float: right;
}
#map { width: 100%; height: 400px; }

 .slick {width: 100%;float: left;padding: 0px;     margin-bottom: 50px;}
.slick .city_box {
    margin: 20px 10px;
    box-shadow: 1px 2px 10px #ccc;
    border: 1px solid #ccc;
}

.group_page {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.banner.monument-cities {
    height: 141px;
    background: #0f656f;
}
.group_listcont {
    width: 100%;
    float: left;
    padding-right: 0;
}
.create_group {
    float: left;
    width: 100%;
}
h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;text-transform: capitalize;
    border-bottom: solid 1px #eee;
}

ul.list{margin: 0;width: 100%;float: left; padding: 0;list-style: none;}
ul.list li{width: 100%;float: left;}

.group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
    border: dashed 1px #d7d7d7;
    padding-right: 110px;    
}
.group h3 {
    margin: 0;
    display: block;   text-transform: capitalize;
    margin-top: -7px;
}
.group .membr {
    position: absolute;
    right: 0;
    top: 50%;font-weight: 600;
    transform: translateY(-50%);
    width: 110px;
    text-align: center;
}
.membr span {
    font-weight: normal;
    display: block;
}

.btn{
  background-color: #0cadbf;
  padding: 5px 14px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  border: 0;
  cursor: pointer;
  outline: none;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 6px;
  display: inline-block;
  font-family: 'Hind', sans-serif !important;
}

.group .btn {
    margin-top: 7px;
}

ul.list.account-list li {
    float: left;
    width: 50%;
}
.qr-accountbox {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 25px;
     min-height: 140px;
    border: solid 1px #e7e7e7;    
    padding-right: 120px;
    font-family: 'Hind', sans-serif !important;
}
.qr-accountbox h3 {
    margin-bottom: 5px; font-family: 'Hind', sans-serif !important;    margin-top: 30px; font-weight:600;
}
.qr-accountbox .qr-right {
   position: absolute;
    right: 20px;
    top: 8px;
    height: 100px;
    width: 110px;
}
.qr-right img {
    display: block;
    height: 100%;
    width: 100%;
}
.qr-right .assign {
    margin-top: 5px;
    text-align: center;text-transform: capitalize;
}
.assign b {
    display: block;
    color: #0cadbe;
    font-weight: 600;
}
.bold  {
    color: #0cadbe;
    font-weight: 600;
    font-family: 'Hind', sans-serif !important;
}
.qr-accountbox .licence {
    padding-right: 20px;
    padding-top: 10px;
    text-transform: capitalize;
    margin-bottom: 0px;
    float: left;
}
.licence b {
    padding-left: 10px;
    color: #0cadbe;
}
#clipboard_error i.fa {
    background: #00a0af;
}

.banner.height150 {
    height: 150px !important;
    background: #166c75;
}





















































@media only screen and (max-width: 1200px) {
.bnrheading h1{font-size: 42px;}
.container{width: 98%;}	
.monument-lis li {width: 100%; }
}
@media only screen and (max-width: 1024px) {
.banner.cities {height: 440px; }
.head-right{width: 100%;}
.search_box{margin-right: 0;width: 50%;}
.right-menus{width: auto;padding-left: 40px;}
.right-menus li{min-width: inherit;padding-left: 20px !important;padding-right: 20px !important; }
form.log-contnr {
    max-width: 450px;
    margin: auto;
    width: 95%;
}
.logo-txt h1 {letter-spacing: 10px; }
ul.qr-list li {width: 25%;}
.banner{height: 370px;}
/*.city_box .img img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%);
}
.city_box .img {
    height: 172px;
    overflow: hidden;
    position: relative;
}*/
.banner-caption .search-cont{float: none;margin: auto;overflow: hidden;}

.puc-img {
    position: absolute;
    height: 148px;
    width: 230px;
    right: inherit;
    top: 20px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
}
.prdct-dtail{overflow: hidden;padding-right: 0;}
.quntity,.prdct-dtail .total-price{width: 100%;}
.check-table{width: 100%; padding:0;}
.total-sec{width: 100%;}










}
	
@media only screen and (max-width: 767px){
.check-table,.total-sec{width: 100%;}
.check-table{padding-right: 0;}
.container{width: 100%;padding: 0 20px;}	
.right-menus li {
    min-width: inherit;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.bannrimg .checkout-head{left: 50%;transform: translateX(-50%);}
.modal-wrapper{width: 90%;padding:  0 0;}
.city_box .img img{width: 100%;}
.monument-lis{padding: 0;border: 0;}
.qr-cont .tab-content{padding: 0;padding-top: 20px;}
.tabs>li>a{padding: 10px;}
ul.list.account-list li{width: 100%;}
form.edit-group{width: 100%;margin: 50px 0;padding: 0 20px;max-width: inherit;}
.right-menus{padding-left: 0;}
.banner {height: 260px !important; }
.banner.dashboard {height: 370px !important; }

.banner a.logo{left:20px;}
.subheading:after{width:80%;top: 41%;}
ul.city-list li{width: 100%;margin-bottom: 30px;}

ul.city-list li:nth-child(3){margin-top: 40px;}

.banner-caption .search-cont{width: 100%;max-width: inherit;	}
.tiles-cont .block {
    width: 100%;
    margin: 8px auto;
    float: none;
}
.tiles-cont .block .caption{font-size: 35px;}
.banner.cities .bannrimg img{width: auto;height: 100%;}
.banner.cities{height: 370px;}
.banner.cities .overlay { background: rgba(0, 0, 0, 0.95); height: 140px;}
.city_box{float: none;margin-bottom: 50px;overflow: hidden;max-width: 400px;margin: auto;}
/*.heading{padding: 40px 0;}*/

.subheading{margin: 30px 0 0;}

ul.qr-list li {width: 33.33%;}

.logo-txt h1{display: none;}
.logo-cont{    position: static !important;
    text-align: center;
    overflow: hidden; float:left;
}
.logo-cont img.logo {float: none !important;  width: 129px; }
.loginheading{margin-left: 0;text-align: center;}



}
@media only screen and (max-width: 1200px){
.city_box .img{height: 172px;}
.city_box .box_wrap{padding: 20px;}

.city_box .price_tag{left: 20px;Bottom: 25px;}
.city_box .box_wrap .txt{ height:150px}

}
@media only screen and (max-width: 650px){
.banner.dashboard .bannrimg img{width: auto;height: 100%;}

}

@media only screen and (max-width: 480px){
    .banner{height: 200px;}
    ul.qr-list li{width: 50%;}
    .total-price .p i.fa{float: left;}
    .total-price .p input{width: 100px;float: left;}
    .right-menus li {
        min-width: inherit;
        padding-left: 00px !important;
        padding-right: 00px !important;
    }
    .right-menus li:nth-child(1) a, .right-menus li:nth-child(2) a, .right-menus li:nth-child(3) a {
        padding: 10px 5px;
    }
    .right-menus li:nth-child(3), .right-menus li:nth-child(4), .right-menus li:nth-child(5) {
        min-width: 50px;
    }
    .right-menus li.cartbtn, .right-menus li.usr_drop{padding: 7px;}
    body{/*padding-top: 34px;*/}
    .right-menus li a{font-size: 12px;font-weight: 600;}
    .banner-caption{padding: 0 10px;}
    .banner-caption .search-cont{padding: 20px 10px;}


    .addMore {
        top: 124px;
    }

    .mapOverlay {
        font-size: 22px;
        height: auto;
        margin-top: -25px;
    }

   
    /* Monument Starts */

    .group_page {
        margin-top: 30px;
    }

    .monument-lis1 a.btn { 
        color: #fff;
        margin-bottom: 10px;
    } 

    .monument-lis1 a.btn:hover, .monument-lis1 a.btn:active {
        color: #111;
    }

    .create_group h2 {
        color: #777;
        font-size: 28px;
        font-weight: 400;
        padding: 10px 0 20px;
        text-align: center;
    }

    .qr-accountbox {
        color: #666;
        padding-right: 25px;
    }

    .qr-accountbox h3.monumentName {
        font-size: 24px;
        font-weight: normal;
        text-transform: capitalize;
            margin-top: 10px;
    }

    .qr-accountbox .licence {
       font-size: 14px;
    padding-left: 0px;
    width:100%;
    }

    .qr-accountbox .licence span {
        font-size: 18px;
        padding-left: 5px;
    }

    .qr-accountbox .qr-right {
        right: 5px;
    }

    .qr-accountbox .qr-right .assign {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 38px;
    }

    /* Monument End*/

    /* QR Model Starts */

    .modal-wrapper .modal-header {
        border-bottom: 0;
        padding: .5em;
    }

    .modal-wrapper .modal-close {
        padding: 0;
        margin-top: 10px;
        margin-right: 5px; 
    }

    .modal-wrapper .modal-close a {
        border: 1px solid;
        border-radius: 50%;
        color: #444;
        padding: 5px 8px; 
    }

    .modal-wrapper .modal-body .modal-content img {
        height: 60px !important;
        width: 60px !important;
    }

    .modal-wrapper .modal-body .modal-content h2 {
        font-size: 27px !important;
        color: #888;
        font-weight: 400;
        letter-spacing: 1px;
        padding-bottom: 0;
        padding-left: 10px;
    }

    .modal-wrapper .modal-body .modal-content .assign {
        color: #777;
        font-size: 16px !important;
        padding-left: 15px;
    }

    .modal-wrapper .modal-body .modal-content .assign span {
        font-size: 18px;
        padding-left: 15px;
    }

    .modal-wrapper .modal-body .modal-content .groupSelectionForm {
        margin-top: 30px;
    }

    /* QR Model Ends*/


    .check-table {
        margin-top: auto;
    }

    .checkout_box {
        background: #fff;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        margin-bottom: 0;
        min-height: 120px;
        padding: 0;
    }
    .puc-img {
        display: none;
    }

    .prdct-dtail {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .prdct-dtail .name{
        align-self: center;
        font-size: 23px;
        margin-bottom: auto;
        width: 100%;
    }

    .prdct-dtail .price{
        display: none;
    }

    .prdct-dtail .quntity {
       float: left;
    /* height: 60px; */
    margin-top: 20px;
    width: 100%;
    }

    

    .prdct-dtail .pluminus .number {
        width: 40px;
    }

   


    .prdct-dtail .total-price .p i {
        color: #0cadbf !important;
        font-size: 24px;
    }

    .prdct-dtail .total-price .p input {
        background-color: #fff !important;
        color: #0cadbf !important;
        font-size: 23px;
    }


    /* Calculate amount */
    .total-sec {
        margin-top: 0;
        position: relative;
    }

    .total-sec .cupen-cont {
        background: #fff;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        display: flex;
        margin-bottom: 0;
       padding: 40px 0 15px 0;
    }


    .total-sec .cupen-cont label {
        display: none;
    }

    .total-sec .total-cont {
        background: #fff;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .total-sec .total-cont .hd {
        display:none;
    }

    .total-sec .total-cont .price-wrap {
        padding: 0;
    }

    .total-sec .total-cont .price-wrap .price {
    }

    .total-sec .total-cont .price-wrap .price label {
        align-self: center;
        font-size: 15px;
        font-weight: 500;
        width: 60%;
    }

    .price-wrap .price label input {
        width: 10px !important;
    }

    .total-sec .total-cont .price-wrap .price span {
        align-items: center;
        color: #0cadbf;
        text-align: right;
        width: 40%;
    }

    .price-wrap .price span i {
        float: none;
    }

    .price-wrap .price span input {
        color: #0cadbf;
        float: none;
        font-size: 15px;
  
    }

    .total-sec .total-cont .grand {
        border-top: 0;
        margin: auto;
        margin-top: 10px;
        padding: 10px 0;
    }
.checkout_btn .btn{ width:100%;}
    .total-sec .total-cont .grand span {
        color: #0cadbf;
    }
.subheading h2{ font-size:24px;}
    .total-sec .total-cont .grand span input {
        color: #0cadbf;
    }

    .notOnMobile {
        display: none;
    }

    .showOnMobile {
        align-items: center;
        color: #666;
        display: flex;
        flex-direction: column-reverse;
        font-size: 20px;
        padding: 20px 0;
        text-align: center;
    }

    .showOnMobile i {
        font-size: 100px;
        color: #999;
        margin: 0 20px;
    }
	.subInner{
		width: 92%!important;
		margin-left: 4%!important;
		margin-right: 4%!important;
	}
	.mail_edit{
		font-size: 12px!important;
	}
	.createGroup{
		font-size: 12px!important;
	}
	.add-more{
		font-size: 12px!important;
	}
	.new_adjst{
		width: 85%!important;
	}
	
	.new_adjst_minus{
		width: 13%!important;
		padding: 8px 0px 0px 9px!important;
	}
	
}


.footer-container{background-color: #ffffff;
    background-image: url(../images/footer.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 290px;
    padding-top: 50px;}

.copyright-cont{ text-align:center; font-size:14px; font-family: 'Hind', sans-serif; padding-top: 0px;}
.login-container{    background-color: #ffffff;
    /*background-image: url(../images/tajmahal.jpg);*/
    background-image: url(../img1/banner.jpg); background-size: cover;
    background-position: top center;
    background-repeat: repeat-x;
    padding-bottom: 100px;
    padding-top: 0px;     padding-left: 0;
    padding-right: 0;}
	

.logout-container{    
	background-color: #ffffff;
    background-image: url(../img1/banner.jpg);
    background-position: top center;
    background-repeat: repeat-x; background-size: cover;
    padding-bottom: 150px;
    padding-top: 0px;     padding-left: 0;
    padding-right: 0;
	}

    
.login-inner{ margin:40px auto 0 0; max-width:500px; background:rgba(0,0,0,0.3); padding:20px 40px; border-radius:4px;}


.fusion-main-menu ul > li > ul{ display:none;}
    .fusion-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 35px !important;
    /* background-color: rgba(0,0,0,0.5); */
    padding: 8px 20px !important;
    overflow: hidden;
}
.fusion-main-menu li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}
    .fusion-main-menu > ul > li {
    padding-right: 42px;
}
 .fusion-main-menu > ul > li > a {
    color: #ffffff;
    font-family: 'Hind', sans-serif !important;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
        height: auto !important;
    line-height: inherit !important;
}

.fusion-main-menu > ul > li:last-child{ padding-right:0;}

.fusion-mobile-menu-icons a {
    color: #dadada;
}

.fusion-mobile-menu-icons a {
    float: right;
    font-size: 21px;
    margin-left: 20px;
}
[class*=" fusion-icon-"], [class^=fusion-icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fusion-mobile-menu-icons {
    margin-top: 15px;
}

.fusion-mobile-menu-icons {
    display: none;
    position: relative;
    top: 0;
    right: 0;
    vertical-align: middle;
    text-align: right;
}

.navbar-default.navbar-login-cont{ background:none; border:none;margin: 30px 0 0 0;}
.navbar-login-cont .navbar-nav > li >a {color: #ffffff !important;
    font-family: 'Hind', sans-serif !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
        height: auto !important;
    line-height: inherit !important;    display: inline-block;
     padding: 10px 15px !important;
 }
 .navbar-login-cont .navbar-nav > li >a:hover{ color:#ccc;}
 .navbar-default.navbar-login-cont .navbar-toggle {
    border-color: #fff; margin-top: 40px; margin-bottom: 10px;
}
 .navbar-default.navbar-login-cont .navbar-toggle .icon-bar {
    background-color: #fff;
}
.forget-pwd-cond{margin: 12px 0 0 0;font-size: 20px; color:#fff; font-size:14px;display: inline-block;width: 100%;font-family: 'Hind', sans-serif !important; }
.forpwd{display:inline-block}
.newmem_cont{display:inline-block;float: right;color:#fff;font-family: 'Hind', sans-serif !important;}
.newmem_cont a{display:inline-block; color:#fff; margin-left:5px; font-weight:bold;}

.navbar-collapse.in{    background: rgba(0,0,0,1);}
.loginButton {
          border-radius: 4px;
    background-color: #0cadbf;
    font-size: 18px;
    color: #fff;
    width: 100%;
    padding: 10px;
    font-family: 'Hind', sans-serif !important; transition: all 0.3s;
    }
    .loginButton:hover{ background:#232323; color:#fff;}

.fixed {
       position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 20px;
    background: rgba(0,0,0,0.75);
    z-index: 10;
    box-shadow: 1px 2px 3px #232323;
	
	}
.container.login-header{overflow:visible;
        
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background: none;
}
.dropdown-menu>li>a{ font-weight:600 !important}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #ccc !important;
}
}
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
    font-family: 'Hind', sans-serif !important; font-weight:600;
    
  }
  #navbar {
    text-align: center;
  }
}  




@media only screen and (max-width: 1024px) {
    .login-container{    padding-bottom: 150px;}
    .navbar-login-cont .navbar-nav > li >a{ padding:10px 8px !important;}
}
@media only screen and (max-width: 767px) {
    .login-inner {
        margin: 30px auto 0 0;
        padding: 20px 30px;
    }
    .navbar-default.navbar-login-cont .navbar-toggle{margin-top:0;}
    .login-navbar{width: 100%; margin: -70px 0 0 0;}
}
@media only screen and (max-width: 479px) {
    .newmem_cont{ width:100%; text-align:center;}
    .forpwd{ width:100%; text-align:center;}
    .login-container{ padding-bottom:130px;}
    .copyright-cont{ padding:0; font-size: 16px; margin-top:40px;}
    .footer-container{padding-bottom: 200px;padding-top: 20px;}
    .search{ width:100%;}
}

.checkout .login-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.checkout .logout-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.checkout .login-header{
	margin-bottom:20px;
	}
.checkout h1 {
    color: #000000;
    float: left;
    width: 100%;
    padding: 20px 20px 5px 5px;
    margin-bottom:30px;
    font-size: 30px;
/*     font-weight:bold !important; */
    border-bottom:1px solid #ccc; letter-spacing:0 ;
}
.checkout .banner{
	display:none;
}	

.monument_cities .login-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	padding:0;
	}
.monument_cities .logout-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	padding:0;
	}
.monument_cities .login-header{
	margin-bottom:20px;
	}

.groups .login-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.groups .logout-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.groups .login-header{
	margin-bottom:20px;
	} 
.groups .height150{
	display:none;
	}
.groups h1{
	color
	:left;
	width:100%;
	padding:2% 0% 0% 7%;
}

.qr_code .login-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.qr_code .logout-container{
	background-image:none;
	background-position:none;
	background-repeat:none;
	background-color:#333;
	height:150px;
	}
.qr_code .login-header{
	margin-bottom:20px;
	}
.qr_code .height150{
	display:none;
	}
.qr_code h1{
	color:#000000;
	float:left;
	width:100%;
	padding:2% 0% 0% 7%;
}
.groups .modal-content{
    border:none;
    box-shadow:none;
        max-height: 350px;
    overflow: auto;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:transparent !important;
}

.dropdown-menu>li>a{ color:#000 !important;}
.dropdown-menu {
	background: #fff !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    border-radius: 4px !important;}
.dropdown-menu:after, .dropdown-menu:before {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
}

.dropdown-menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.dropdown-menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;

	border-width: 11px;
	margin-left: -11px;
}

.dropdown-menu>li>a {
    padding: 8px 20px !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color: #ccc !important;}

.dropdown-menu .divider{ display:none;}
#itemCount {
        position: absolute;
    display: none;
    top: 0px;
    left: 30px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: red;
    color: white;
    text-align: center;
    font-size: 12px;
    padding: 3px 5px;
}


.cart_img{float:left;clear:both; width: 25px; margin: -2px 10px 0 0px;}

.fixed .logo-cont{ position:relative; left:6.5%;}

.empty-dashboard {font-size: 18px;}
.city-description {font-size:18px; text-align:center; margin-bottom: 20px;}
.other-cities{margin-top:0px !important;}
.thank_you .login-container{ padding-bottom:unset;}
.dummySlick{
	width: 100%;
    float: left;
    padding: 0px;
    margin-bottom: 50px;
}
.dummySlick .city_box{
	margin: 20px 10px;
    box-shadow: 1px 2px 10px #ccc;
    border: 1px solid #ccc;
}