@import url(https://fonts.googleapis.com/css?family=Roboto);

.hide {
  display: none !important;
}
.add-review-link {
    float: right;
    margin-bottom: 10px;
}	
.review-ratings {
    background-color: #b38600;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 11px;
    height: 36px;
    line-height: 36px;
    margin: 5px auto;
    text-align: center;
    width: 36px;
	font-weight:bold;
}
.review-ratings2 {
    background-color: #b38600;
	color: #fff;
    float: left;
    font-size: 13px;
    height: 111px;
    line-height: 111px;
    margin: 5px auto;
    text-align: center;
    width: 111px;
	font-weight:bold;
-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); 
}
.thud {
    color: #3ec9cb;
    font-weight: 400;
    overflow-wrap: break-word;
    transition: all 0.2s ease 0s;
}
.thud input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.ThumbVoter_button::before {
    font-style: normal;
    line-height: 40px;
}
.ThumbVoter_button {
    background-color: #339bcb;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.ThumbVoter_button:hover {
    color: #ffff73;
    font-size: 20px;
    font-weight: 400;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

}
.ThumbVoterButtons, .ThumbVoterHeader {
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	padding: 5px;
	margin-top: 15px;
	min-height: 50px;
    /*display: flex;
    height: 40px;
    -moz-box-pack: end;
    justify-content: flex-end;*/	
}
.ThumbVoter_message {
    color: #3a3a3a;
    font-size: 14px;
    line-height: 43px;
    margin: 0;
    padding-right: 7px;
}
.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}
* > .fa.fa-hover-show,
*:hover > .fa.fa-hover-hidden {
    display: none;
}
*:hover > .fa.fa-hover-show {
    display: inline-block;
}
.tudtu {
    background-color: #339bcb;
    padding: 2px 8px 2px 2px;
    color: #99ff99;
    cursor: pointer;
    font-size: 15px;
	font-weight: bold;
	text-align: center;
    position: relative;
    left: 15px;
	width: 60px;
	display: inline-block;
	border-radius: 5px;

}
.tudtd {
    background-color: #339bcb;
    padding: 2px 2px 2px 8px;
    color: #ff9999;
    cursor: pointer;
    font-size: 15px;
	font-weight: bold;
	text-align: center;
    position: relative;
    left: -15px;	
	width: 60px;
	display: inline-block;
	border-radius: 5px;
}
.cf-div {
        padding:0;
}
@media only screen and (max-width: 960px) {
.cf-div {
        float:none;
}
}
.str-view{
	float:left;
	width:70px;
	margin-left:0px;
}
.txt-shadow01 {
text-shadow: 1px 1px 1px #333;
}
.txt-shadow02 {

text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
}
.raform {

}
.raform1 input[type="text"],
.raform1 textarea {
  background: #fcfcfc none repeat scroll 0 0;
  padding: 5px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}
.raform1 input[type="text"]:focus,
.raform1 input[type="text"].focus,
.raform1 textarea:focus,
.raform1 textarea.focus {
  border-bottom: solid 2px #969696;
}
.raform2 input[type="text"] ,
.raform2 textarea {
  padding: 5px;
  margin: 5px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.raform2 label {
	min-width:90px;
}
.raform2 input[type="text"]:focus,
.raform2 input[type="text"].focus,
.raform2 textarea:focus,
.raform2 textarea.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.raform3 input[type="text"] ,
.raform3 textarea {
  padding: 10px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}
.raform3 input[type="text"]:focus,
.raform3 input[type="text"].focus,
.raform3 textarea:focus,
.raform3 textarea.focus {
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
.txt-shadow-hover:hover{
color:#ff4c4d !important;
text-shadow: 1px 1px 1px #333;
}
.hidden {
     display:none;
}
.ochr {
font-weight: 400 !important;
padding-left:5px;
padding-right:5px;
}
/*  ======BROWSE INPUT & BUTTON======    */
/*Clearing Floats*/
.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}    
/* Form wrapper styling */
.form-wrapper {
    padding: 15px 0px;
    border-radius: 10px;
    /*width: 450px;
    margin: 150px auto 50px auto;
    background: #444;
    background: rgba(0,0,0,.2);
   box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);*/
}

/* Form text input */

.form-wrapper input {
    /*width: 300px;
    height: 20px;*/
    padding: 11px 5px;
    float: left;   
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px; 
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(255,0,0,.8) inset;
}

.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   

/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    /*float: right;*/
    border: 0;
    padding: 0px 10px;
    cursor: pointer;
    height: 40px;
    /*width: 110px;*/
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    /*background: #d83c3c;*/
    background: #666666;
    border-radius: 0 3px 3px 0;     
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}  

.form-wrapper button:hover{    
    /*background: #e54040;*/
    background: #757584;
}  

.form-wrapper button:active,
.form-wrapper button:focus{  
    /*background: #c42f2f;*/
    background: #8a8a7b;
    outline: 0;  
}

.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    /*border-color: transparent #d83c3c transparent;*/
    border-color: transparent #666666 transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper button:hover:before{
    /*border-right-color: #e54040;*/
    border-right-color: #757584;
}

.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        /*border-right-color: #c42f2f;*/
        border-right-color: #8a8a7b;
}     

.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
/*  ======BROWSE INPUT & BUTTON======    */

.clrbtn1 {
	color:#d90000;
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
	border-radius: 0.5em;
	border-width:1px;
}  
.clrbtn1:hover:after {
	content:"Remove";
}   
.addbtn1 {
	border-radius: 0.3em;
	padding:5px 20px;
	font-weight:bold;
}
.addbtn1:disabled, .addbtn1:disabled:hover{
	border-color: #ff7373;
	background-color: #cccccc;
	color: #666666;
	cursor:not-allowed;
}
div.business-hour {
    margin-bottom: 7px;
}
div.business-hour .day {
    float: left;
    width: 100px;
}
.gallery-list {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.gallery-list li {
  float: left;
  width: 200px;
  height: 136px;
  margin-right: 6px;
  margin-bottom: 6px;
  border: 4px solid #fff;
  overflow: hidden;
  position: relative;
}
.gallery-list li .hover a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 152, 219, 0.6);
  z-index: 1;
  opacity: 0;
  text-align: center;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.gallery-list li .hover a span {
  color: #FFF;
  position: absolute;
  top: 39%;
  margin: 0px -10px;
}
.gallery-list li .hover a:hover {
  opacity: 1;
}
.ekko-lightbox>.modal-dialog>.modal-content>.modal-header>.close {
font-size:33px;
}
.panel {
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.show-review{
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3;
	padding:30px;
	margin-top: 10px;
}
.error {
color:red;
}
.updateokmsg {
color:green;
}

/* Paginator  */
div.pagination {
    padding: 3px;
    margin: 3px;
	font-weight:700;
	text-transform: uppercase;
}

div.pagination a {
    padding: 5px 5px 5px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    zoom: 100%;
    text-decoration: none; /* no underline */
    color: #3498DB;
	border-radius: 2px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);

}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #3498DB;
	text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.8);

    color: #00d9a3;
    background-color: #efffff;
}
div.pagination span.page_current {
    padding: 5px 5px 5px 5px;
    margin: 2px;
    border: 1px solid #3498DB;
	border-radius: 2px;
	text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.8);

    * zoom: 100%;

    font-weight: bold;
    background-color: #3498DB;
    color: #FFF;
}
div.pagination span.page_disabled {
    padding: 5px 5px 5px 5px;
    margin: 2px;
    border: 1px solid #EEE;
	border-radius: 2px;

    * zoom: 100%;

    color: #DDD;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}
* span.elipsis {zoom:100%}
/* Paginator  */

#double li  { float:left;display:inline;width:50%;}
#triple li  { float:left;display:inline;width:33.333%; }
#quad li    { float:left;display:inline;width:25%; }
#six li     { float:left;display:inline;width:16.666%; }

#cat-col ul{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
#cat-list li{
	border-bottom: 1px solid #eee;
}
#cat-list li:last-child{
	border-bottom: none;
}

/* Badge Colors  */
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.txt-bold {
  font-weight:bold !important;
}
.lnricon {
  font-weight:bold !important;
  font-size: 1.4em !important;
}
.cattitle {
  text-transform:uppercase;
  margin-bottom: 10px;
  padding:0px;
}
hr.style2 {
  border: 0;
  border-top: 2px double #bbb;
	margin:0px;
}
hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
	margin:0px;
}
hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
	margin:0px;
}
hr.style9 {  
  border: none;
  height: 10px;
  background: linear-gradient(-135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(135deg, #fff 5px, #8c8c8c 0) 0 5px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 10px;
	margin:0px;
}
hr.style10 {
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin:0px;
}
.img-box1 {
	box-shadow: 0px 0px 3px 2px rgba(255, 255, 255, 0.6);
}	
.img-box1:hover {
	box-shadow: 0px 0px 5px 3px rgba(115,255,255,0.6);
}
.scrollof {
    pointer-events: none;
}
.form-control {
    background-color: #fafafa;
}
/*Top Notification Bar*/
#hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    margin: 0;
    height: 30px;
    display: table;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    color: #333333;
    position: fixed;
    background-color: white;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15);
}
#hellobar-bar.regular {
    height: 10px;
    font-size: 14px;
    padding: 0em .5em;
	bottom: 0px;
	z-index: 1;
	background: #73dcff;
}
.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin-right: .67em;
    display: inline-block;
    line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}
#hellobar-bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #0099cc;
    border-color: #0099cc;
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .icon-close {
    font-size: 14px;
    top: 5px;
    right: 25px;
    width: 15px;
    height: 15px;
    opacity: .3;
    color: #000;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}
/*Top Notification Bar*/
@media (max-width: 767px) {
#content {
    padding: 10px !important;
}
}
.place_title::before {
    content: "";
    position: absolute;
    border-bottom: 3px solid var(--color1);
    width: 30%;
    bottom: -1px;
    left: 0px;
}
.place_title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
#rand-pages .product-item {
  padding: 0px 5px;
  text-align: center;
}
#rand-pages .product-item .carousel-thumb {
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
#rand-pages .product-item .carousel-thumb img {
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -0-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
#rand-pages .product-item .carousel-thumb .overlay1 {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 999;
  bottom: -1px;
  right: 0;
  opacity: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#rand-pages .product-item .carousel-thumb .overlay i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  cursor: pointer;
  visibility: visible;
  width: 40px;
  height: 40px;
  background: var(--color1);
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  margin: -20px auto;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
  opacity: 0;
  z-index: 99;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
#rand-pages .product-item .carousel-thumb:hover img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -0-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.5;
}
#rand-pages .product-item .carousel-thumb:hover {
  border-color: var(--color1);
}
#rand-pages .product-item .carousel-thumb:hover .overlay {
  /*opacity: 1;
  visibility: visible;*/
}
#rand-pages .product-item .carousel-thumb:hover i {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -0-transform: scale(1);
  transform: scale(1);
}
#rand-pages .product-item .item-name {
  font-size: 14px;
  line-height: 16px;
}
#rand-pages .product-item .price {
  color: #444;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding-top: 7px;
}
#rand-pages .owl-controls .owl-buttons {
  position: relative;
  top: -215px;
  left: 0;
}
#rand-pages .owl-controls .owl-buttons div.owl-prev {
  float: left;
  margin-left: -45px;
}
#rand-pages .owl-controls .owl-buttons div.owl-next {
  float: right !important;
  margin-right: -45px;
}
#new-featured .product-item {
  padding: 0px 5px;
  text-align: center;
}
#new-featured .product-item .carousel-thumb {
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
#new-featured .product-item .carousel-thumb img {
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -0-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
#new-featured .product-item .carousel-thumb .overlay1 {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 999;
  bottom: -1px;
  right: 0;
  opacity: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#new-featured .product-item .carousel-thumb .overlay i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  cursor: pointer;
  visibility: visible;
  width: 40px;
  height: 40px;
  background: var(--color1);
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  margin: -20px auto;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
  opacity: 0;
  z-index: 99;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
#new-featured .product-item .carousel-thumb:hover img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -0-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.5;
}
#new-featured .product-item .carousel-thumb:hover {
  border-color: var(--color1);
}
#new-featured .product-item .carousel-thumb:hover .overlay {
  /*opacity: 1;
  visibility: visible;*/
}
#new-featured .product-item .carousel-thumb:hover i {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -0-transform: scale(1);
  transform: scale(1);
}
#new-featured .product-item .item-name {
  font-size: 14px;
  line-height: 16px;
}
#new-featured .product-item .price {
  color: #444;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding-top: 7px;
}
#new-featured .owl-controls .owl-buttons {
  position: relative;
  top: -155px;
  left: 0;
}
#new-featured .owl-controls .owl-buttons div.owl-prev {
  float: left;
  margin-left: -22px;
}
#new-featured .owl-controls .owl-buttons div.owl-next {
  float: right !important;
  margin-right: -23px;
}
#new-featured .owl-controls .owl-buttons div {
    width: auto !important;
}
.placedetail, .placedetail p, .placedetail b, .placedetail strong {
    font-family: Georgia;
    font-size: 1.2em;
    line-height: 2;
    color: #222;
    letter-spacing: 1px;
}
.category-header a:hover, .category-box:hover a{
	color: #fff !important;
}
.ads-details-info ul li {
	list-style: initial !important;
	padding-left: 10px !important;
	margin-left: 20px !important;
}
.ads-details-info ul.gallery-list li {
	padding-left: 0px !important;
}
#new-products .owl-controls .owl-buttons div.owl-prev, #new-products .owl-controls .owl-buttons div.owl-next{
	top: 60px;
	position: relative;
}
.ads-details-info ul.gallery-list li img {
    width: 100%;
    height: 100%;
}
div.categories-list td span.badge-info{
	display:none;
}
.blink_it {
  animation: myblinker 3s linear infinite;
}
@keyframes myblinker {
  50% {
    /*opacity: 0;*/
	color:#b30000;
  }
}

/* #####################################################################
   #   Modal Login
   ##################################################################### */
   

* {
    font-family: 'Roboto', sans-serif;
}

#login-modal .modal-dialog {
    max-width: 95%;
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 5px !important;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
	border: 1px solid #ccc;
}
.form-control:focus {
  border-color: var(--color1);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(var(--color1rgb),.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(var(--color1rgb),.6);
}
.lgnt2 {
	cursor: pointer;
	text-decoration: none !important;
}
.lgnt2:hover {
	color: #b30000;
}
/* #####################################################################
   #   Modal Login -end
   ##################################################################### */
.main-navigation .navbar-nav > li a {
    border-radius: 0;
}
.dropdown-menu {
	position: absolute;
	left: 0;
	width: 160px;
	background-color: #fff;
	border-top: 2px solid var(--color1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
	-moz-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
	box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
}
.dropdown:hover>.dropdown-menu {
	visibility: visible;
	opacity: 1;
	display: block;
	/*margin-top: 0 !important;*/
}
.dropdown>.dropdown-toggle:active {
    /*pointer-events: none;   */
}
.form-select:focus {
  box-shadow: none;
}
.collapset-title{
background: #eee;
padding: 10px;
}
@media (max-width: 767px){
.btnimg{
	font-size: 0 !important;
}
.btnimg i.fa{
	font-size: 22px;
	line-height: 2em;
}
}
.webedit input.input-md, .webedit textarea.input-md {
    border: 1px solid #ddd;
}
.webedit input.input-md:focus, .webedit textarea.input-md:focus {
    border: 1px solid #888888;
}
.webedit .help-block{
	display: none;
}
.webedit .page-content{
	padding-right: 0px;
	padding-left: 0px;
}
.addbtn1 {
	margin-bottom:20px;
}

/******************* Accordion Style *****************/
.webedit #accordion2 .panel-title a{
    display: block;
    padding: 12px 15px 12px 50px;
    background: linear-gradient(to bottom, #fefefe, #cdcdcd);
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 400;
    color: #676767;
    text-shadow: 1px 1px 1px #fff;
    position: relative;
}
.webedit #accordion2 .panel-title a:before{
    content: "\f068";
    font-family: "FontAwesome";
    width: 25px;
    height: 25px;
    line-height: 26px;
    border-radius: 50%;
    background: #929191;
    font-size: 14px;
    font-weight: 900;
    color: #444;
    text-align: center;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    text-shadow: none;
    position: absolute;
    top: 8px;
    left: 15px;
}
.webedit #accordion2 .panel-title a.collapsed:before{ content: "\f067"; }
.webedit #accordion2 .panel-body{
    padding: 0px 15px;
    font-size: 15px;
    color: #222;
    line-height: 27px;
    border: none;
}
.webedit #accordion2 .panel-body p{ margin-bottom: 0; }
.webedit #accordion2 .panel-default .panel-heading {
	padding: 0px;
	border-radius: 3px;
	border: none;
}
.webedit #accordion2 .panel-default .panel-heading a::after{
	color: #aaa;
}
.webedit #accordion2 .panel-title a:hover, .webedit #accordion2 .panel-title a:hover:before{
	color: var(--color1);
}
/****/
.webedit #accordion3{
    padding-left: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.webedit #accordion3:before{
    content: "";
    width: 5px;
    height: 100%;
    background: #004e89;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}
.webedit #accordion3 .panel-title a{
    display: block;
    padding: 10px 30px 15px 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #004e89;
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
.webedit #accordion3 .panel-title a:before{
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    background: #cad5c2;
    text-align: center;
    font-size: 17px;
    color: #004e89;
    border: 6px solid #004e89;
    position: absolute;
    top: 0;
    left: -80px;
}
.webedit #accordion3 .panel-title a.collapsed:before{
    content: "\f067";
    background: #fff;
}
.webedit #accordion3 .panel-body{
    padding: 0px 15px;
    background: #eee;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 0.9);
    font-size: 14px;
    color: #487677;
    line-height: 25px;
}
/****/
.webedit #accordion4 .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}
.webedit #accordion4 .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}
.webedit #accordion4 .panel-heading:before,
.webedit #accordion4 .panel-heading:after{
    content: "";
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 15px;
    left: 10px;
    transform: rotate(-3deg);
    z-index: -1;
}
.webedit #accordion4 .panel-heading:after{
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}
h4.panel-title{margin:10px 0px !important;}
.webedit #accordion4 .panel-title a{
    display: block;
    padding: 15px 70px 15px 70px;
    margin: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #d11149;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.webedit #accordion4 .panel-title a:before,
.webedit #accordion4 .panel-title a.collapsed:before{
    content: "\f106";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 55px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-left: 2px solid #D11149;
    position: absolute;
    top: 0;
    right: 0;
}
.webedit #accordion4 .panel-title a.collapsed:before{ content: "\f107"; }
.webedit #accordion4 .panel-title a .icon{
    display: inline-block;
    width: 55px;
    height: 100%;
    border-right: 2px solid #d11149;
    font-size: 20px;
    color: rgba(0,0,0,0.7);
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.webedit #accordion4 .panel-body{
    padding: 10px 15px;
    margin: 0 0 20px;
    border-bottom: 3px solid #d11149;
    border-top: none;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 27px;
}
/****/
.webedit #accordion5 .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 50px;
}
.webedit #accordion5 .panel-title a{
    display: block;
    padding: 10px 20px 10px 60px;
    background: #fe5f55;
    border-radius: 30px;
    border: 2px solid #fe5f55;
    font-size: 20px;
    font-weight:400;
    color: #fff;
    position: relative;
}
.webedit #accordion5 .panel-title a.collapsed{
    border: 2px solid #bbb;
    background: #fff;
    color: #bbb;
}
.webedit #accordion5 .panel-title a:before,
.webedit #accordion5 .panel-title a.collapsed:before{
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #fe5f55;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-right: 3px solid #fff;
    position: absolute;
    top: -10px;
    left: -30px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.webedit #accordion5 .panel-title a.collapsed:before{
    content: "\f067";
    background: #bbb;
    border: none;
}
.webedit #accordion5 .panel-body{
    padding: 10px 15px 0;
    margin: 0 0 0 30px;
    border: none;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    position: relative;
}
.webedit #accordion5 .panel-body:before{
    content: "";
    display: block;
    width: 5px;
    height: calc(100% - 10px);
    background: #fe5f55;
    position: absolute;
    top: 0;
    left: -30px;
}
.webedit #accordion5 .panel-body:after{
    content: "";
    border-top: 20px solid #fe5f55;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    left: -48px;
}
/****/
.webedit #accordion6 .panel{
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    margin-left: 50px;
    margin-bottom: 12px;
}
 
.webedit #accordion6 .panel-heading{
    padding: 0;
    background: #fff;
    position: relative;
	background: linear-gradient(to bottom, #fefefe, #cdcdcd);
	border: 1px solid #ddd;
}
.webedit #accordion6 .panel-heading:before,
.webedit #accordion6 .panel-heading:after{
    content: "";
    border-right: 8px solid #aaa;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    position: absolute;
    top: 12px;
    left: -9px;
}
.webedit #accordion6 .panel-heading:after{
    border-right: 7px solid #ddd;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    position: absolute;
    top: 13px;
    left: -6px;
}
.webedit #accordion6 .panel-title a{
    display: block;
    padding: 3px 20px 3px 20px;
    border: none;
    font-size: 20px;
    font-weight: 400;
    color: #555;
    position: relative;
}
.webedit #accordion6 .panel-title a:before,
.webedit #accordion6 .panel-title a.collapsed:before{
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #555;
    text-align: center;
    border: 1px solid #aaa;
    position: absolute;
    top: 0;
    left: -50px;
    transition: all 0.5s ease 0s;
	background: linear-gradient(to bottom, #fefefe, #cdcdcd);
}
.webedit #accordion6 .panel-title a.collapsed:before{ content: "\f067"; }
.webedit #accordion6 .panel-body{
    padding: 0 15px 15px;
    border: none;
    font-size: 14px;
    color: #807e7e;
    line-height: 28px;
}
.webedit #accordion6 .panel-body p{ margin-bottom: 0; }
.webedit #accordion6 .panel-default .panel-heading a::after{
	display:none;
}
/******************* Accordion Style *****************/

.bloglistitem{
	box-shadow: 0px 0px 3px #ccc;
	padding: 10px 0;
}
.bloglist img{
	padding: 10px;
}
.sidebar{
	/*box-shadow: 0px 0px 3px #ccc;*/
}
.news-date ul{
	list-style-type: none;
	padding-left: 0;
}
.news-date ul li{
	display: inline-block;
	margin-right: 10px;
}
.sidebar .galeffect {
	box-shadow: 0px 0px 1px #666;
}
hr.line1{
	border-top: 2px ridge var(--color1);
	background-color: transparent;
}
.btn-color1{
    background:var(--color1);
	color:#fff;
}
.btn-color1:hover{
	opacity: .9;
}
.btn-color2{
    background:var(--color2);
	color:#fff;
}
.btn-color2:hover{
	color:var(--color3);
	opacity: .9;
}
.lnk-color1{
    color:var(--color1);
}
.lnk-color1:hover{
    color:var(--color2);
}
.readmore{
	padding: 1rem 1.2rem;
	padding: .5rem 1.2rem;
	margin-top: 5px;
}
.bloglist h3{
	font-size: 2.5rem;
}
.bloglist p{
	font-size: 1.0rem;
}
.bloglistitem {
	font-size: 1.75rem;
	font-size: 1.0rem;
}
.bloglistitem .bloglttl{
	font-size: 1.5rem;
}
.blogtxt {
	text-align: justify;
}
.me-2 {
  margin-right: .5rem !important;
}
.fa, .far, .fas {
  font-family: "FontAwesome";
}
#comments{
	padding: 1rem 2rem;
}
#comments h3{
	font-weight: 700;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.bloglist img{
	width:100%;
}
.txtavatar{
	padding: 1.5rem;
	font-size: 1.3rem;
	border-radius: 100%;
	display: inline-block;
	line-height: 5.5rem;
	position:relative;
	/*border-bottom: 2px solid var(--color1);*/
	box-shadow: 0px 2px 1px var(--color1);
}
.txtavatar span{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.reply .txtavatar{
	padding: 1.0rem;
	font-size: 1.0rem;
}
.comment-level-0{
	margin-bottom:2.2rem;
}
.media-body{
	text-align: justify;
}
.media-body .btn{
	box-shadow: none;
	color: var(--color2);
	text-transform: initial;
}
.media-body .btn i{
	font-size: 1rem;
}
#comments .btn-lg{
	padding: 8px 25px;
}
.comment-level-0 > .media-body{
	background: #f5f5f5;
	padding: 1rem 1.5rem;
}
.cmtlnk,.cmtlnk:hover{color:#888;text-decoration: none;}
:target {
    scroll-margin-top: 100px;
}
#comments .page-link{
	padding: 7px 20px;
	border-radius: 50%;
}

.py-4{
	padding-top:2rem;
	padding-bottom:2rem;
}
.choices[data-type*="select-one"]:after{
	display:none;
}
.bg-color1, .btn-color1{
    background:var(--color1);
    border-color:var(--color1);
}
.bg-color2, .btn-color2{
    background:var(--color2);
    border-color:var(--color2);
}
.bg-color3, .btn-color3{
    background:var(--color3);
    border-color:var(--color3);
}
.bg-color1-light{
	background: linear-gradient(to top,rgba(255,255,255,.85),rgba(255,255,255,.85)) var(--color1);
}
.bg-color2-light{
	background: linear-gradient(to top,rgba(255,255,255,.85),rgba(255,255,255,.85)) var(--color2);
}
.bg-color1-dark{
	background: linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0.85)) var(--color1);
}
.text-color1{
    color:var(--color1);
}
.text-color2{
    color:var(--color2);
}
.text-color3{
    color:var(--color3) !important;
}
.border-color1 {
    border-color: var(--color1) !important;
}

.border-color2 {
    border-color: var(--color2) !important;
}
.btn-color1:hover{
	background: linear-gradient(to top,rgba(255,255,255,.65),rgba(255,255,255,.65)) var(--color1);
	background: linear-gradient(to top,rgba(255,255,255,.35),rgba(255,255,255,.35)) var(--color1);
}
.btn-color2:hover{
	background: linear-gradient(to top,rgba(255,255,255,.65),rgba(255,255,255,.65)) var(--color2);
}
.pgntr .pagination{
	display: inline-flex;
	margin-bottom: 5px;
}
.page-item.active .page-link {
    background-color: var(--color1);
	border-color: #666;
	color: #fff;
}
.page-link {
    background-color: transparent;
    color: var(--color1);
	text-decoration: none;
	margin: 0px;
	border-radius: 0.0rem;
	border-radius: 100% !important;
	padding: 11px 25px;
	padding: 5px 15px;
	border-color: #888;
	margin: 0 5px;
}
.page-link:hover {
    color: #000;
    color: #fff;
	background-color:var(--color2);
	border-color:#888;
}
.page-item.disabled .page-link{
	background-color: #eee;
	border-color: #888;
}
/*social-share-buttons*/
.share-buttons-container {
  display: flex;
  gap: 10px;
  margin-top: 2px;
}

.share-button {
  display: inline-block;
  padding: 10px 15px;
  background-color: #333;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-family: sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 1.2em; /* Adjust icon size */
  display: flex; /* To center the icon if needed */
  justify-content: center;
  align-items: center;
  width: 52px;
}

.share-button:hover {
  background-color: #555;
  color: var(--color2);
  color: #ffff26;
}

/* Specific styling for each button */
.share-buttons-container .whatsapp {
  background-color: #25D366;
}

.share-buttons-container .facebook {
  background-color: #1877F2;
}

.share-buttons-container .twitter {
  background-color: #1DA1F2;
}

.share-buttons-container .email {
  background-color: #EA4335;
}

.share-buttons-container .copy-link {
  background-color: #777;
}
/*end-social-share-buttons*/
.tooltip-container {
  position: relative;
  display: inline-block; /* Makes the container wrap the button */
}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 10px); /* Position it above the button with a 10px gap */
  bottom: calc(100% + 28px);
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Adjust to true center */
  white-space: nowrap;
  
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Pointing downwards from the bottom of the tooltip */
.tooltip-text::before {
  content: "";
  position: absolute;
  top: 100%; /* Position the arrow at the bottom of the tooltip */
  left: 50%;
  margin-left: -5px; /* Half of border-width to center it */
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent; /* Arrow points down */
}

/* Class to show the tooltip */
.tooltip-text.show {
  visibility: visible;
  opacity: 1;
}
/*//////// START -- gt blog styles //////// */
.blog{
	font-size: 1.1rem;
}
.blog .section-title {
	max-width: initial;
}
.bimgbx{
	aspect-ratio:1.5;
}
.blog .spimg{
	aspect-ratio:1.5;
	object-fit: cover;
	border-bottom: 1px dotted var(--color1);
}
.blog .spgimg{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 1.5;
}
.search .spimg{
	max-width: 100%;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 1.5;
}
.taglstimg {
  width: 100%;
  height: auto;
  aspect-ratio: 1.78;
  object-fit: fill;
  background: var(--color4);
}
.datebadge{
    bottom: 15px;
    display: inline-block;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 0px;
    background: rgba(0,0,0,0.5);
	background: rgba(var(--color1rgb),0.5);
    color: #ffffff;
	padding: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.searchresrow{
	border-bottom: 1px dashed #aaa;
	/*padding: 10px;*/
	display: grid;
}
.searchresrow:last-child{
	border-bottom: none;
}
.search input.search_button{
	color: #FFFFFF;
	background: var(--color1);
	border-color: var(--color1);
	min-height: 48px;
	padding: .375rem .75rem;
	border-radius: .25rem;
}
.search input.search_button:hover{
	color: #FFFFFF;
	background: var(--color2);
	border-color: var(--color2);
}
.search .search_field{
	background: rgba(var(--color1rgb),0.1);
	min-height: 48px;
	border: 0;
	margin-bottom: 10px;
	padding: .375rem .75rem;
	border-radius: .25rem;
	box-shadow: 0 0 0 1px rgba(var(--color1rgb),0.25);
	flex-grow: 1;
	margin-right: 5px;
}
.search .search_field:focus, .search .search_field:focus-visible {
	box-shadow: 0 0 0 .15rem rgba(var(--color1rgb),0.25);
	outline: 0;
}
#sidebar .search #g_search_form p{
	display:grid;
}
.sbinner{
	box-shadow: 0 0 0 1px rgba(var(--color1rgb),0.25);
	border-radius: 10px;
}
#sidebar .section-title h2, #sidebar .section-title .h2 {
	font-size: 1.3rem;
	text-transform: uppercase;
	/*font-weight: 600;
	line-height: 45px;*/
}
#sidebar .post-item img {
	width:80px;
	height:80px;
	object-fit:cover;
}
#sidebar .post-item .post-body {
  justify-content: center;
  align-self: center;
  padding-left: 20px;
}
#sidebar .post-item h3, #sidebar .post-item .h3 {
	font-size: 1.2rem;
	margin-bottom: 0;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.sidebar-left{
	order:-1;
}
.sidebar-widget.booktaxi .section-header{
	display:none;
}
.sidebar-widget #cfcontainer .col-md-3,
.sidebar-widget #cfcontainer .col-md-4,
.sidebar-widget #cfcontainer .col-md-6,
.sidebar-widget #cf_container .col-md-3,
.sidebar-widget #cf_container .col-md-4,
.sidebar-widget #cf_container .col-md-6
{
  width: 100%; /* Make input fields fill the column */
  box-sizing: border-box; /* Ensure proper sizing with padding/borders */
}
.sidebar-widget #cf_container textarea {
	min-height: 120px;
}
.sidebar-widget #cf_container input, .sidebar-widget #cf_container textarea {
	background:rgba(var(--color1rgb),0.04);
}
.sidebar-widget #cf_container .btn.btn-light {
	background:var(--color1);
	box-shadow: inset 0 0 0 0 var(--color2);
}
.sidebar-widget #cf_container .btn.btn-light:hover {
	box-shadow: inset 300px 0 0 0 var(--color2);
}
.sidebar-widget.booktaxi form#enquiry-form .form-left-gtatour-submit.form-group{
	margin-bottom:0;
}
[class^="column-count-"] {
	column-gap: 30px;
	text-align: justify;
}
.column-count-1 { column-count: 1; }
.column-count-2 { column-count: 2; }
.column-count-3 { column-count: 3; }
.column-count-4 { column-count: 4; }
.column-count-5 { column-count: 5; }
.column-count-6 { column-count: 6; }
.blog .pgul ul li{
	font-size: 1.1rem;
	line-height: 1.4em;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.sidebar-widget.categories .post-body a{
	display: flex;
}
.sidebar-widget.categories .post-body a:before{
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	color: var(--color1);
	font-weight: 900;
	margin-right: 10px;
	display: table-cell;
	display: flex;
	transition: all 0.3s ease-in;
}
.posts-prev-item, .posts-next-item {
	position: relative;
}
.posts-prev-item:before, .posts-next-item:before {
	content: "\f0d9";
	content: "\f053";
	font-family: 'Font Awesome 5 Free';
	color: rgba(var(--color1rgb),.2);
	font-weight: 900;
	display: table-cell;
	display: flex;
	font-size: 2.2rem;
	line-height: 4rem;
	position: absolute;
	left: -2.4rem;
	transition: all 0.3s ease-in;
}
.posts-next-item:before {
	content: "\f0da";
	content: "\f054";
	left: unset;
	right: -2.4rem;
}
.pgul  ol{
	list-style-position: outside;
	font-size:1.2rem;
	/*text-indent:10px;*/
	margin-top: 10px;
	margin-left: 15px;
}
/*social-share-buttons*/
.share-buttons-container {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.share-button {
  display: inline-block;
  padding: 10px 15px;
  background-color: #333;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-family: sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 1.2em; /* Adjust icon size */
  display: flex; /* To center the icon if needed */
  justify-content: center;
  align-items: center;
  width: 52px;
}

.share-button:hover {
  background-color: #555;
  color: var(--color2);
}

/* Specific styling for each button */
.share-buttons-container .whatsapp {
  background-color: #25D366;
}

.share-buttons-container .facebook {
  background-color: #1877F2;
}

.share-buttons-container .twitter {
  background-color: #1DA1F2;
}

.share-buttons-container .email {
  background-color: #EA4335;
}

.share-buttons-container .copy-link {
  background-color: #777;
}
/*end-social-share-buttons*/
.justify-content-equal .share-button{
	flex: 1 1 0;
}
.tagbtn-container{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	justify-content: space-between;
	gap: 10px;
}

.tagbtn{
	background: rgba(var(--color1rgb),.2);
	padding: 5px 5px;
	text-transform: uppercase;
	font-size: .8rem;
	min-height: 50px;
	align-content: center;
	border-radius: 0;
	color: var(--bs-dark);
	box-shadow: none;
}
.tagbtn:hover{
	background: rgba(var(--color1rgb),.28);
	color:var(--color1);
}
.tagbtn:focus{
	box-shadow:none;
}
.tooltip-container {
  position: relative;
  display: inline-block; /* Makes the container wrap the button */
}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 10px); /* Position it above the button with a 10px gap */
  bottom: calc(100% + 28px);
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Adjust to true center */
  white-space: nowrap;
  
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Pointing downwards from the bottom of the tooltip */
.tooltip-text::before {
  content: "";
  position: absolute;
  top: 100%; /* Position the arrow at the bottom of the tooltip */
  left: 50%;
  margin-left: -5px; /* Half of border-width to center it */
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent; /* Arrow points down */
}

/* Class to show the tooltip */
.tooltip-text.show {
  visibility: visible;
  opacity: 1;
}
/*//////// END -- gt blog styles //////// */
.blog .btxtbx:before{
	width: 100%;
	height: 8px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	/*border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	background: rgba(var(--color1rgb), .5);
	transition: 0.5s;
	z-index: 3;
}
.blog .blog-item:hover .btxtbx:before {
  background: rgba(var(--color1rgb), .1);
  height: 100%;
  pointer-events: none;
}
.blttl{
	/*overflow: hidden;
	max-height: 1.4em;
	line-height: 1.4em;*/
	transition: 0.5s;
}
#g_search_form{
	padding:5px;
}
#g_search_form p{
	display: flex;
}
#search_results #g_search_form p{
	display: initial;
}
#cf_container .form-group{
	margin-bottom: 15px;
}
.slgntxt{
	font-size: 2.5rem;
	line-height: 5rem;
	text-transform:uppercase;
	font-weight:900;
	text-align: center;
	display: block;
}