﻿.header-opt_btn1 {
    background-color: #0c2137;
    float: right;
    position: relative;
    cursor: pointer;
    top: 0;
    font-size: 16px;
    height: 90px;
    line-height: 90px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    width: auto;
    color: #878C9F;
    transition: all 200ms linear;
}
.videotitle {
    background-color: #fff;
    padding: 15px 0px;
    text-align: center;
    font-size: 18px;
}
.geodir-category-builder a {
    margin-right: 12px;
    float: left;
    font-weight: 500;
    color: #fff !important;
    font-size:16px;
}
.mb-20
{
    margin-bottom:20px !important;
}
.projectmenu
{
    
    background: #000;
    padding: 20px 0 0px 0px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    z-index: 10;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 7%);

}
.thumbslider
{
    display:none;
}
.projectbgsection
{
padding-top:40px !important;
padding-bottom:40px !important;
}
.slidersection
{
    padding-top:0px !important;
}
.topdetailsbox
{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:15px;

}
.topdetailsboxinner
{
     width:560px;
    height:438px;
    overflow:hidden;
    background-color:#eee;
    margin-left:-80px;
    position:absolute;
    border-radius: 16px !important;
    padding:20px;

}
.maindetailsbox
{
    width:260px;
    height:100px;
    float:left;
    padding: 18px 10px 10px 0px;
    border-bottom:1px dashed #ccc;
    text-align:left;
}
    .maindetailsbox img {
        float:left;
    }
    .maindetailsbox span {
        font-size:14px;
        color:#000;
        display: flex;
    align-items: center;
    padding-left:10px;
    padding-top:2px;
    font-weight:600;
    }
    .maindetailsbox p {
        margin-top:10px;
        font-weight:600;
        color:#808080;
        font-size:13px;
        line-height:21px;
    }
.maindetailsbox:last-child {
  border-bottom:0px solid #878C9F;
}
.maindetailsbox:nth-last-child(2){
  border-bottom:0px solid #878C9F;
}
.ssw-btn.swiper-button-next
{
    right:50px;
    text-align:center;
}
.ssw-btn.swiper-button-prev
{
    text-align:center;
}
.gal-link
{
     text-align:center;
}
.color-white
{
    color:#000;
}
.viewed-counter i
{
    color:#fff !important;
}
.share-social
{
    padding-bottom:4px;
    height:auto;
    overflow:hidden;
}
.projectbg
{
    background-color:#808080;
}
.share-social ul
{
    width:auto !important;
    margin-left:4px;
    margin-top:4px;
    margin-bottom:4px;
}
.share-social li
{
    margin-left:2px;
}
.geodir-category-location a
{
    margin-top:15px;
}
.show-reg-form
{
    display:none !important;
}
.list-single-header-price
{
    color:#fff !important;
}
.headersocial
{
    margin-top:26px !important;
    margin-right:30px;
}
.number {
    position: relative;
    float: left;
    color: #878C9F;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.number .icon {
    margin-right: 14px;
    color: #000000;
    
}
 .help {
    position: relative;
    float: left;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-bottom: 1px solid #000;
    line-height:25px;
    margin-top:30px;
}
 .sliderdiv
 {
     text-align:right;
 }
 .url-btn {
    background-color: #0eb755;
    font-size: 17px;
    line-height: 26px;
    position: fixed;
    bottom: 130px;
    z-index: 999999;
    color:#fff;
    font-weight:500;
   -webkit-animation:argh-my-eyes1 1s infinite;-moz-animation:argh-my-eyes1 1s infinite;animation:argh-my-eyes1 1s infinite}
@-webkit-keyframes argh-my-eyes1 {
0%{background-color:#61bc46;color:#fff!important;}
49%{background-color:#61bc46;color:#fff!important;}
50%{background-color:#315b8a;color:#000!important;}
99%{background-color:#315b8a;color:#000!important;}
100%{background-color:#61bc46;color:#fff!important;}
}
@-moz-keyframes argh-my-eyes1 {
0%{background-color:#61bc46;color:#fff!important;}
49%{background-color:#61bc46;color:#fff!important;}
50%{background-color:#315b8a;color:#000!important;}
99%{background-color:#315b8a;color:#000!important;}
100%{background-color:#61bc46;color:#fff!important;}
}
@keyframes argh-my-eyes1 {
0%{background-color:#61bc46;color:#fff!important;}
49%{background-color:#61bc46;color:#fff!important;}
50%{background-color:#315b8a;color:#000!important;}
99%{background-color:#315b8a;color:#000!important;}
100%{background-color:#61bc46;color:#fff!important;}
}

 .url-btn.left i
 {
     font-size:21px;
     margin-right:10px;
    margin-top:3px;
    float:left;
 }
 .url-btn.left span
 {
     float:right;
     display:block;
 }
 .url-btn.right i
 {
     font-size:21px;
     margin-left:10px;
    margin-top:3px;
    float:right;
 }
 .url-btn.right span
 {
     float:left;
     display:block;
 }
 
 .url-btn.right {
    right: 20px;
    padding: 8px 15px 8px 15px;
     border-bottom-right-radius:10px;
    border-top-right-radius:10px;
}
 .url-btn.left {
    left: 20px;
    padding: 8px 15px 8px 15px;
     border-bottom-left-radius:10px;
    border-top-left-radius:10px;
}
 .url-btn.mobileurl
 {
    left: 0px;
    bottom:0px;
    padding: 8px 15px 8px 15px;
   display:none;
   width:100% !important;
   text-align:center;
}
  .url-btn.mobileurl i
 {
     font-size:21px;
     margin-left:10px;
     margin-right:10px;
    margin-top:3px;
 }
 .list-single-header-item h1 {
    text-align: left;
    font-weight: 600;
    color: #566985;
    position: relative;
    padding-bottom: 5px;
    font-size: 18px !important;
}
 .list-single-header-item p {
    text-align: left;
    font-weight: 600;
    padding-bottom: 8px;
    color: #5f5e5e;
    position: relative;
    font-size: 13px !important;
}
  .titlediv
  {
      padding-left:20PX;
  }
 .titlediv:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    bottom: auto;
    right: auto;
    height: 58px;
    border-left: 1px solid #ccc;
}
 .proprice
 {
     font-size: 36px;
    color: #666;
    font-weight: 700;
    display: inline-block;
    margin-left: 0px;
    text-align:left;
    float:left;
    width:100%;
    color:#000;
 }
.proprice span{
    font-size: 24px;
    color: inherit;
    font-weight: 400;
}
.proppriceper
{
   
    font-size: 16px !important;
    font-weight: 700 !important;
     text-align:left;
    color:#666 !important;
}
.pricenego
{
   
    font-size: 14px;
    font-weight: 700;
     text-align:left;
    float:left;
    width:100%;
    color:#808080;
}
.proenquiry
{
    border: 1px solid #ccd1d9;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
.propbtn
{
     width: 100%;
     height:auto;
     overflow:hidden;
     padding:0px 0px 10px 10px;
}
.propinfo
{
     width: 100%;
     height:auto;
     overflow:hidden;
    background-color:#ccd1d9;
    padding:3px;
}
.contactnow
{
    font-size:14px;
    background-color:#000;
   
    border:1px solid #000;
    color:#fff;
    padding:7px 25px;
    float:left;
}
.contactnow:hover
{
    font-size:14px;
    background-color:#fff;
     background:#fff !important;
    color:#000;
    border:1px solid #000;
    padding:7px 25px;
    float:left;
}
.contactnowpipe
{
    font-size:14px;
    background-color:#fff;
    color:#5f5e5e;
    padding:7px 10px;
    float:left;
}
.inline-block
{
    display:inline-block;
}
.list-single-header-item.no-bg-list_sh
{
    border-bottom:1px dashed #ccd1d9;
    padding-bottom:10px;
}
.hcat-item {
	margin: 15px 0; 
}
.hcat-item li{
	width:33.33%;
	padding-bottom: 8px;
	margin-bottom: 15px;
	text-align:left;
	position:relative;
    float:left;
}
.hcat-item li:last-child {
	margin-bottom:0;
}
.hcat-item li:before {
	content:'';
	position:absolute;
	bottom:6px;
	width:100px;
	height:1px;
	background:#eee;
	left:50%;
	margin-left:-25px;
}
.hcat-item.hcat-item_dec li:before {
	display:none;
}
.hcat-item.hcat-item_dec li {
	padding-left: 25px;
}
.hcat-item.hcat-item_dec li:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 15px;
    font-weight:bold;
}
.hcat-item  li a{
	float:left;
	font-size:17px;
	color: #808080;
	font-weight:600;
}
.hcat-item  li  span {
	float:right;
	color:#fff;
	font-size:10px;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
}
.proboxprice
 {
     font-size: 30px;
    font-weight: 600;
    display: inline-block;
    margin-left: 0px;
    text-align:left;
    float:left;
    width:100%;
    color:#0c2137;
 }
.proboxprice span{
    font-size: 20px;
    color: inherit;
    font-weight: 400;
}
.propboxpriceper
{
   
    font-size: 16px !important;
    font-weight: 700 !important;
     text-align:left;
    color:#61bc46 !important;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.mt-30
{
    margin-top:30px;
}
.mb-30
{
    margin-bottom:30px;
}
.geodir-category-location a .iconcolor
{
    color:#6c6a6a !important;
}
.captchacode
{
    text-align:left;
    margin-bottom:20px;
}
.form-control
{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-bottom:10px;
    text-align:left;
}
.alertdangerr {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 25px;
    font-size: 13px;
    color: #ee0d09 !important;
}
.modalconfirm
{
     width:100%; height:100%;
    border-radius:10px;
    background-color:#fff;
    padding:30px 30px;
    text-align:center;

}
.modalconfirm h6{
    margin-bottom:10px;
    font-size:15px;
}
    .modalconfirm p {
        margin-bottom: 20px;
        line-height:1em;
        text-align:center;
    }
.btnyes
{
    width:100px;height:40px;
    background-color:#000;
    border:1px solid #000;
    color:#fff;
     border-radius:10px;
}
.contactform
{
    max-width:100%;
    width:100%;
}
.to-top
{
    text-align:center;
}
.contact-social li a
{
    text-align:center;
}
.contactformmain
{
    padding: 30px 30px;
}
@media only screen and (max-width : 480px) 
{
    .promo-link {
        margin-top:25%;
    }
    .url-btn.right
    {
        display:none;
    }
    .url-btn.left
    {
        display:none;
    }
    .url-btn.mobileurl {
        display:block;
    }
    .main-search-input-wrap .main-search-button
    {
        width:100%;
        display:block;
        margin-top: 70px;
        padding: 12px;
    }
    .hero-section {
    padding: 50px 0 120px;
}
    .scroll-down-wrap {
    position: absolute;
    left: 20%;
    bottom: -250px;
}
    .services-item h4 span
    {display:none;

    }
    .serv-btnblack {
        float: left;
        font-size: 12px;
    }
    .main-facts .inline-facts-wrap
    {
        width:100% !important;
        padding-bottom:35px;
    }
    .testimonials-slider .slick-dots
    {
        left:5%;
    }
    .pricediv
    {
        width:100%;
        height:auto;
        overflow:hidden;
    }
    .titlediv
    {
        padding-left:0px;
        margin-top:20px;
        margin-bottom:20px;
    }
    .topdetailsboxinner
    {
        width:100%;
        position:relative;
        height:auto;
        overflow:hidden;
        margin-left:0px;

    }
    .inline-facts-wrap
    {
        width:100%;
        padding-left: 15px;
    border-right: 0px solid #e2e2e2;
    }
    .hcat-item li
    {
        width:100%;
        padding-top:15px;
        padding-bottom:15px;
    }
    .hcat-item.hcat-item_dec li:after 
        {
            top:20px;
        }
}