.feature-box .feature-box-icon {
    background: #CCC;
    border-radius: 35px;
    color: #FFF;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 30px;
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border: 0px solid #77ce24;
    background: #8cc63f;
    line-height: 30px;
	color:#fff;
}

.feature-box .feature-box-info {
    padding-left: 40px;
}

.feature-box1 .feature-box-info {
    padding-left: 40px;
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: #fff;
}

.feature-box h4 {
    font-size: 1.1em;
    line-height: 40px;
	font-weight:500;
}

#header .header-social-icons {
    float: right;
    margin: 34px 0 0 00px;
}

.nav-pills>li+li {
    margin-left: 1px;
}

.counterround { border:3px solid #77ce24; width:100px !important; height:100px !important; font-size: 3.1em; padding-top:20px; margin-left: 33px; margin-bottom:10px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%;}

@media only screen and (max-width:992px) {
.clear-counder{ float:left !important; width:25% !important; }
.counterround { border:2px solid #77ce24; width:80px !important; height:80px !important; font-size: 2.1em; padding-top:20px; margin-left: 33px; margin-bottom:10px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%;}
}
@media only screen and (max-width:700px) {
.clear-counder{ float:left !important; width:25% !important; }
.counterround { border:2px solid #77ce24; width:60px !important; height:60px !important; font-size: 1.5em; padding-top:20px; margin-left: 14px; margin-bottom:10px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%;}
}



.btn.custom-btn-style-1 {
    background: transparent;
    border: 1px solid rgba(60, 63, 68, 0.2);
    padding: 13px 30px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption h4 {
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0;
}

.thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 0px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.properties-listing .listing-item .thumb-info .thumb-info-listing-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.thumb-info:hover .thumb-info-wrapper:after {
    opacity: 0.4;
}

.properties-listing .listing-item .thumb-info .thumb-info-price {
    display: block;
    width: 100%;
    line-height: 1;
}

html .background-color-primary {
    background-color: #8cc63f !important;
}

.properties-listing .listing-item .thumb-info .custom-thumb-info-title {
    display: block;
}
.thumb-info .thumb-info-inner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.text-md {
    font-size: 1.6rem !important;
}

.properties-listing .listing-item .thumb-info .custom-thumb-info-title ul li {
    display: inline-block;
    line-height: 1;
    padding: 1px 5px;
}

.custom-color-1 {
    color: #2bca6e !important;
}

.properties-listing .listing-item .thumb-info .custom-thumb-info-title ul li:nth-child(2) {
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
}

.page-header-more-padding {
    padding: 85px 0 35px;
}

.page-header-light {
    background: url(../img/bg.jpg) no-repeat center #000;
    border-bottom: 0px solid #F4F4F4;
    border-top: none;
}

.page-header-light h1 {
    border-bottom: none;
    color: #FFF;
    font-size: 2.3em;
}

a {
    color: #000;
}

.product a {
    color: #6a80a9;
}

.product ol, ul {
    margin-top: 0;
    margin-bottom: 00px;
}

.product .accommodations{ margin-top:5px;}
.product .accomodation-value{ font-weight:500}
.product .thumb-info-inner { font-weight:500; color: #000;}



.thumb-info-listing-type-detail {
    position: absolute;
    z-index: 2;
}

aside {
    display: block;
    background: #f4f4f4;
    padding: 20px;
}
aside h4 {
    background: #77ce24;
    padding: 10px 0;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #FFFFFF !important;
    margin-bottom: 0px;
}

aside .nav {
    padding: 5px 15px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background-color: #FFF;
    border: 1px solid #EEE;
}

aside ul.nav-list > li > a {
    color: #000;
    font-size: 14px;
    padding: 8px 0 8px 18px;
}

.project-details aside ul.nav-list > li > a {
    color: #000;
    font-size: 13px;
    padding: 8px 0 8px 18px;
	text-transform:uppercase;
}



ul.nav-list li a {
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    transition: background 0.1s;
    border-bottom: 1px solid #EDEDDE;
    padding: 7px 0 7px 18px;
    display: block;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
}

ul.nav-list li a:hover {
	background-color: #eee;
	text-decoration: none;
}

.phgallery{ margin-bottom:30px;}

@media only screen and (max-width:992px) {
.phgallery{ width:33.33%}
}


.products-list {
  list-style: none;
  padding: 0;
  margin: 0 -10px 0;
}
.products-list li {
  padding: 10px;
  width: 100%;
}

.product {
  position: relative;
}
.product .product-image-area {
  overflow: hidden;
  position: relative;
}
.product .product-image-area .product-image {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.product .product-image-area .product-image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.product .product-image-area .product-image .product-hover-image {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.product .product-quickview {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #3b3b3b;
  color: #fff;
  padding: 10px;
  z-index: 9;
  border-radius: 0 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  font-size: 12px;
  line-height: 1.4;
}
.product .product-quickview span {
  margin-left: 2px;
}
.product .product-quickview:hover, .product .product-quickview:focus {
  opacity: 0.9 !important;
  color: #fff;
  text-decoration: none;
}
.product .product-quickview:hover span, .product .product-quickview:focus span {
  text-decoration: underline;
}
.product .product-label {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  line-height: 1;
  z-index: 5;
  text-align: center;
}
.product .product-label + .product-label {
  top: 40px;
}
.product .product-label span {
  display: block;
  position: relative;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
}
.product .product-label span.discount {
  background-color: #e27c7c;
}
.product .product-label span.new {
  background-color: #62b959;
}
.product .product-details-area {
  padding: 10px;
  text-align: center;
}
.product .product-details-area .product-actions {
  margin: 0 -10px;
}
.product .product-name {
  color: #777;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 3px;
}
.product .product-name a {
  color: #777;
}
.product .product-name a:hover, .product .product-name a:focus {
  color: #3b3b3b;
  text-decoration: none;
}
.product:hover .product-image-area .product-image .product-hover-image {
  visibility: visible;
  opacity: 1;
}
.product:hover .product-quickview {
  visibility: visible;
  opacity: 1;
}



@media only screen and (max-width:1200px) {
#header .header-nav-main nav > ul > li > a {
    padding: 6px 23px;
}
}

.cleartitle-call{display: inline;}
.cleartitle-call-mob {display: none !important;}

@media only screen and (max-width:991px) {
.cleartitle-call{display: none !important;}
.cleartitle-call-mob {display: inline !important;}
.social-mobile {float: left !important; margin: 13px 0 0 10px !important;}
}

@media only screen and (max-width: 1110px) {
	.head-actions { display: none;}
}

.head-actionsmob{ display: none}

@media only screen and (max-width: 1110px) {
	.head-actionsmob { display: inline; margin: 12px 0 0 0; float: left}
	.head-actionsmob a{ background: #77ce24; padding: 5px 8px; margin-right:3px; float: left;}
	.head-actionsmob .fa{ font-size: 17px; color: #fff; }
	.headmobi{ border-top: 0px solid #909090}
}

@media only screen and (max-width: 991px) {
.headmobi{ margin-top: 50px; float: right}
}
@media only screen and (max-width: 741px) {
.headmobi{ margin-top: 13px; float: right; z-index: 9999999 !important;}
}


.feature-box-info a {
    color: #000;
}

.feature-box-info a:hover {
    color: #6059d2;
	text-decoration:none;
}

.inbg { background:url(../img/inn.jpg) top right no-repeat !important; }
.inbg2 { background:url(../img/inn2.jpg) #5c808d top right no-repeat !important;}
.inbg3 { background:url(../img/inn3.jpg) #26612b top right no-repeat !important;}
.inbg4 { background:url(../img/inn4.jpg) #fff top right no-repeat !important;}
.inbg2 p{ color:#fff;}
.inbg3 p{ color:#fff;}
.inbg4 li{ color:#fff;}
@media only screen and (max-width: 991px) {
.clear-welcome{ width:100% !important}
.inbg { background:#d4f5f1 !important; }
.inbg2 { background:#5c808d !important; }
.inbg3 { background:#26612b !important; }
.inbg4 { background:#112e40 !important; }
}

.allpopform h4{font-size:1.3em !important;color:#000 !important;text-align:center !important; text-transform:uppercase;}
.allpopform .form-control{margin-bottom:20px;display:block;width:100%;height:;padding:6px 12px;font-size:12px;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border-bottom:1px solid #cad5de !important;border-top:0px solid #cad5de !important;border-left:0px solid #cad5de !important;border-right:0px solid #cad5de !important;border-radius:0px;-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075) !important;box-shadow:inset 0 0px 0px rgba(0,0,0,.075)!important;-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}


.casestudy article.post-large {
    margin-left: 00px;
    padding: 0px 0px 30px 0px;
	float: left;
   // border-bottom: 1px solid #e3e3e5;
}

.casestudy .post-content h2 {
    font-size: 20px;
    line-height: normal;
	margin:0px 0px 15px 0px; font-weight:500; color:#77ce24;
}


.casestudy img {
    vertical-align: middle;
	float:left;
	margin:0px 0px 20px 0px;
}

aside {
    display: block;
    background: #fff;
    padding: 00px;
}

.project-details table { }

hr.solid {
    background: #77ce24;
}
hr.tall {
    margin: 20px 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.ebro a{ color:#fff; padding:10px 0px; background:#009c68; font-size:16px; font-weight:600; text-align:center; width:100% !important; float:left; text-transform:uppercase;}
.ebro a:hover{ color:#fff;  padding:10px 0px; background:#77ce24; font-size:16px; font-weight:600; text-align:center;}

.prlist .product{ margin-bottom:30px;}
.gl-more{ float:right}
.bg-green{ background:#8cc63f !important;}
.bg-oranch{ background:#ff9600 !important;}
.bg-blue{ background:#00a8ff !important;}
/* ===== SG topnav v2 site-wide (approved ticket 01, rolled out ticket 06) ===== */
/* Scoped: only hide the legacy Porto header when the new nav markup is present,
   so a stale-cached old page + fresh CSS still shows its header. */
.sg-topnav ~ #header, body:has(.sg-topnav) #header { display: none !important; }
.sg-topnav {
    position: sticky; top: 0; z-index: 9999990;
    background: rgba(248,250,252,0.92);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-bottom: 1px solid #e2e8f0;
    font-family: "Geist", Arial, Helvetica, sans-serif;
}
.sg-topnav-inner {
    max-width: 1280px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    gap: 24px; padding: 12px 16px;
}
.sg-brand { display: flex; align-items: center; gap: 10px; flex-shrink: 0; text-decoration: none; }
.sg-brand img { height: 38px; width: auto; }
.sg-brand-text { display: flex; flex-direction: column; line-height: 1.2; }
.sg-brand-name { font-size: 18px; font-weight: 800; color: #172536; }
.sg-brand-sub { font-size: 11px; font-weight: 500; color: #64748b; }
.sg-links { display: flex; align-items: center; justify-content: center; gap: 20px; flex: 1; }
.sg-links > a, .sg-drop > a {
    position: relative; font-size: 13.5px; font-weight: 500; color: #475569;
    text-decoration: none; padding: 4px 0; white-space: nowrap;
}
.sg-links > a:hover, .sg-drop > a:hover { color: #172536; }
.sg-links > a::after, .sg-drop > a::after {
    content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0;
    border-radius: 2px; background: #77ce24; transition: width 0.2s;
}
.sg-links > a:hover::after, .sg-drop > a:hover::after { width: 100%; }
.sg-links a.sg-current, .sg-drop a.sg-current { color: #172536; font-weight: 700; }
.sg-links a.sg-current::after { width: 100%; }
.sg-drop { position: relative; }
.sg-drop-menu {
    display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    min-width: 230px; background: #fff; border: 1px solid #e2e8f0; border-top: 3px solid #77ce24;
    border-radius: 0 0 8px 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    padding: 6px; margin: 8px 0 0;
}
.sg-drop:hover .sg-drop-menu, .sg-drop:focus-within .sg-drop-menu { display: block; }
/* Invisible hover bridge: covers the gap so the menu stays open while moving down */
.sg-drop-menu::before {
    content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px;
}
.sg-drop-menu a { display: block; padding: 8px 14px; font-size: 13px; color: #334155; text-decoration: none; border-radius: 6px; white-space: nowrap; }
.sg-drop-menu a:hover { background: #f2f8ea; color: #4a9a10; }
.sg-cta { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.sg-cta-call { font-size: 13.5px; font-weight: 600; color: #172536; text-decoration: none; white-space: nowrap; }
.sg-cta-book {
    padding: 10px 24px; border-radius: 999px; background: #77ce24; color: #fff;
    font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap;
    box-shadow: 0 2px 8px rgba(119,206,36,0.4); transition: transform 0.15s, background 0.15s;
}
.sg-cta-book:hover { background: #68b81f; color: #fff; transform: scale(1.04); }
.sg-burger {
    display: none; align-items: center; justify-content: center;
    width: 44px; height: 44px; border: 0; background: transparent; border-radius: 8px; cursor: pointer;
}
.sg-mobile-panel { display: none; }
@media (max-width: 1100px) {
    .sg-links, .sg-cta { display: none; }
    .sg-burger { display: flex; }
    .sg-topnav.open .sg-mobile-panel {
        display: block; border-top: 1px solid #e2e8f0; background: #f8fafc;
        max-height: calc(100vh - 70px); overflow-y: auto;
    }
    .sg-mobile-panel > a { display: block; padding: 10px 20px; font-size: 14px; color: #334155; text-decoration: none; }
    .sg-mobile-panel > a:hover { background: #eef2f7; }
    .sg-mobile-group { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #94a3b8; padding: 12px 20px 2px; }
    .sg-mobile-cta { display: flex; gap: 10px; padding: 14px 20px 18px; }
    .sg-mobile-cta a { flex: 1; text-align: center; padding: 12px 0; border-radius: 999px; font-weight: 700; text-decoration: none; }
    .sg-mobile-cta .sg-call { background: #77ce24; color: #fff; }
    .sg-mobile-cta .sg-book { background: #172536; color: #fff; }
}
.sg-mobile-callbar { display: none; }
@media (max-width: 767px) {
    .sg-mobile-callbar {
        display: flex; position: fixed; bottom: 0; left: 0; right: 0;
        z-index: 9999998;
    }
    .sg-mobile-callbar a {
        flex: 1; text-align: center; padding: 13px 0;
        font-weight: 700; font-size: 15px; color: #fff;
    }
    .sg-mobile-callbar .sg-call { background: #77ce24; }
    .sg-mobile-callbar .sg-book { background: #172536; }
    body { padding-bottom: 48px; }
}
