/*
Theme Name: baytiproperties
Theme URI: https://planet-www.com
Author: the Planet WWW
Author URI: https://planet-www.com
Description: New theme from Planet WWW Arabic.
Requires at least: WordPress 4.9.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: baytiproperties
Tags:planet, www.
*/
html {background: #bec738;}
body {font-family: 'El Messiri', sans-serif;padding: 0}
.img-responsive {margin:auto;}
a:hover {text-decoration: none;cursor: pointer;}
.np{padding:0;}
.ltr{direction:ltr;}
ul {margin: 0;}

/* google map */
#con-map2 {height:600px;direction:ltr;}
.gm-style .gm-style-iw-c {padding: 0;}
.gm-style .gm-style-iw-d {margin-right:-18px;}
.map-window img {border-bottom:3px solid #045ca6;}
.map-window p {margin-top:10px;color:#045ca6;outline:none;}
.map-window a{outline:none;text-decoration:none;}

/* Header */
#mnu-div {width:274px;height:100vh;background:#fff;position:fixed;top:0;right:-280px;z-index:9999;transition: right 0.5s;overflow-x:hidden;overflow-y:auto;padding-top: 24px;padding-bottom: 6em;}
.close-btn {display: inline-block;color:#bec738;font-size: 23px;position: absolute;top: 12px;left: 16px;cursor: pointer;}
.search-home {border: solid 1px #bec738;padding: 9px 6px;border-radius: 8px;background:#232323;color:#fff;width:160px;margin:20px auto;}
.search-home a {color:#bec738;}
.btn-pw{color:#175ca6;background:#fff;}

.side{padding:5px;}
.side ul{list-style:none;padding:5px;background:#fff;}
.side ul li a{color:#000;font-size:14px;display:inline-block;padding:5px 1px;}
.side ul li{border-bottom:1px solid #ddd;padding: 6px;}
.side ul li:last-child{border:none;}
.side ul li:hover{background:#bec738;color:#fff;}
.side ul.children {border-top: 1px solid #b89d67;padding: 14px;}
.side .the-sidebar{padding:10px;color:#000;background:#fff;}
.cat-num{background:#000;display: inline-block;width: 18px;box-shadow: 0 1px 1px #000;float:left;margin:5px;color:#1b2839;font-weight: bold;}
ul.children {display:none;}
.current-cat > a {color: #175ca6 !important;font-weight:bold;}
ul.children .current-cat > a {color: #175ca6 !important;;font-weight:bold;}
.sub-arr {width:30px;height:23px;float:right;cursor:pointer;display:none;background:#232323 url('img/plus.png') no-repeat center center;margin-left:3px;}
.roo {background: url('img/plus.png') no-repeat center center !important;}
.rooo {background: url('img/xxx.png') no-repeat center center !important;}
.side ul li ul.children li:first-child{}
.tagcloud {height: 50vh;overflow: hidden;overflow-y: hidden;overflow-y: scroll;}
.tagcloud a{font-size: 10pt !important;color:#fff;background:#175ca6;display:inline-block;padding:4px 7px;margin:2px auto;}
.tagcloud a:hover{background:#26292e;}

.pwww-qr {border:1px solid #045ca6;}

.contact-header {background: #232323;padding: 10px 0;position: fixed;width: 100%;z-index: 99999;top: 0;}
.contact-header .call {
    position: relative;
    top: 8px;
    direction: ltr;
}

.contact-header .call ul li a i {
    color: #bec738;
    font-size: 20px;
}

.contact-header .call ul li a span {
    color: #ffffff;
    font-size: 15px;
    padding-left: 3px;
    display:inline-block;
}

.search .input-group {border: solid 1px #bec738;border-radius: 50px;width: 130px;margin-left: auto;-webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;}
.search .input-group-addon,
.search .input-group-addon:last-child {border: none;background: transparent;color: #bec738;}

.search .form-control {
    border: none;
    box-shadow: none;
    background: transparent;
    text-align: right;
    color: #ffffff;
    transition: all ease-in-out 500ms;
    /*width: 60px*/
}

.search .form-control:focus {
    box-shadow: none;
}

.search .form-control::placeholder {
    color: #ffffff
}
.contact-header .search .form-control:focus {width: 170px;-webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;;}
.menu {
    border: solid 1px #bec738;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

.menu-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.menu span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    margin: 4px;
}

.language {
    border: solid 1px #bec738;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
}

.language span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 13px;
}

/*nav*/
.nav-wrap{padding:10px 0;}
.logo{width:120px;}
.navbar-default {border:none;border-radius:0;background: #fff;margin:5px auto;}
.dropdown-menu{z-index: 99999;right:auto;}
.navbar-default .navbar-brand {color: #F0F0F0;background-color: #2e2e2f;font-weight: bold;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #F0F0F0;background-color: #2e2e2f;}
.navbar-default .navbar-text {color: #fff;}
.navbar-default .navbar-nav > li > a {color: #045ca6;font-size:16px;font-weight:bold;border-bottom: 5px solid transparent;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#045ca6;background: #fff;border-bottom:5px solid #045ca6;}
.navbar-default .navbar-nav > li > .dropdown-menu {background-color: #fff;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {color: #045ca6;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {color: #fff;background-color: #2e2e2f;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #fff;background-color: #2e2e2f;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {background-color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #045ca6;background-color: #fff;border-bottom:5px solid #045ca6;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #fff;background-color: #2e2e2f;}
.navbar-default .navbar-toggle {border-color: #2e2e2f;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;} 
.navbar-default .navbar-toggle .icon-bar {background-color: #2e2e2f;color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff;}
.navbar-default .navbar-link {color: #fff;}
.navbar-default .navbar-link:hover {color: #fff;}
.navbar-toggle {margin-right:15px !important;}
.navbar {margin-bottom:0;}
.nav > li > a {position: relative;display: block;padding: 15px;}
/*search form*/

.the-post-content {font-size:20px;}
.the-post-content p {text-align:justify;}
.post-content, .post-excerpt {margin:auto;}
.post-excerpt {border:1px solid #045ca6;border-right:10px solid #045ca6;padding:1em;font-size:20px;text-align:justify;}
.post-content h3 {background: #2661a1;color: #fff;font-size: 21px; padding: 2px;margin:10px auto;text-align:center;border-radius:5px;}
.post-content h2 {color: #444;position: relative;padding-right: 12px;margin: 32px 0 20px;font-weight: bold;font-size:20px;}
.post-content h2::after {position: absolute;content: "";right: 0;top: 0;height: 19px;width:4px;background:#bec738;}
.search-form .row {
    background: #2e2e2f;
    padding: 62px 0;
    position: relative;
    margin-bottom: 32px;
}

.search-form  select {height: 40px;color: #444;background: #ffffff url("img/arrow.png") no-repeat 10px center;-webkit-appearance: none;-moz-appearance: none;appearance: none;
    border-radius: 4px;padding-right: 5px;width: 100%;margin: 5px auto;}

.search-form  select:focus {box-shadow: none;border: solid 1px #bec738;}
.search-form  .btn,
.search-form  .btn:hover {height: 40px;background: #bec738;color: #ffffff;border: solid 1px #bec738;width: 100%;margin-top: 5px;padding: 10px 0;}

.search-form  p {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff
}

.bayti-serv {margin:1em auto;padding:1em;border:1px dashed #000;height:300px;}

.pwww-whatsapp {position:fixed;right:5px;bottom:10px;z-index:99999;width:60px;}
.pwww-whatsapp img {width:50px;}
.pwww-whatsapp span {color:#79c717;font-size:9px;}

/*#pwwwCarousel {border-bottom: 5px solid #4e3b1d;box-shadow: 0 0 3px #333;}*/
#pwwwCarousel .icon-next{color: #222;border-radius:50%;background: #bec738;right:50%;margin-right:0;border: 6px solid #ffffff;width: 50px;height: 50px;line-height: 30px;font-size: 46px;box-shadow: 1px 6px 19px #6b6969;text-shadow: none;}
#pwwwCarousel .icon-prev{color: #222;border-radius:50%;background: #bec738;left:50%;margin-left:0;border: 6px solid #ffffff;width: 50px;height: 50px;line-height: 30px;font-size: 46px;box-shadow: 1px 6px 19px #6b6969;text-shadow: none;}
#pwwwCarousel .carousel-control{opacity: 1;}
.carousel-control.right, .carousel-control.left {background: none !important}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;}
.mg{margin:1em auto;}
/* projects */

.last-property {
    margin-bottom: 62px;
}

.section-title {
    padding-right: 35px;
    position: relative;
    margin-bottom: 32px;
}

.section-title::before {
    top: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    content: '';
    border-radius: 3px;
    position: absolute;
    background-color: #045ca6;
}

.section-title  span:nth-child(1){
    font-size: 32px;
    color: #045ca6;
    margin: 0;
    display: block;
}

.section-title  span:nth-child(2) {
    font-size: 40px;
    color: #045ca6;
    line-height: 37px;
    margin: 0;
    margin-right: 8px;
}
.pw-arr-box {padding:10px 0;margin: 1.5em auto;}
.pw-arr-box span {outline: none;}
.pw-arr-box i {font-size: 35px;color: #333;}
.mb-archive .listing, .mb-archive .blogcontainer{margin-bottom:32px;}
.mb-archive img{height:auto;}
.listing {height:525px;margin: 0 auto;border: solid 1px #d8d8d8;}
.image-container {overflow: hidden;}
.image-container img {height:auto;transition: all ease-in-out 1s;width:100%;}
.listing:hover img {transform: scale(1.2);}
.listing-info {padding: 20px 20px !important;}
.listing-info .listing-header .listing-title {font-size: 24px;font-weight: 600;color: #444;margin: 0 0 3px;height: 55px;}
.listing-location {line-height: 28px;}
.listing-location i {color: #045ca6;width: 20px;}
.listing-location span {font-size: 15px;color: #666;}
.listing-details ul {padding-bottom: 20px;}
.listing-details ul li {display: block;font-size: 14px;line-height: 40px;list-style: none;}
.listing-details ul li i {color: #045ca6;width: 20px;}
.listing-details ul li span {font-size: 14px;color: #666;}
.details-price {padding: 20px 0 0;border-top: solid 1px #d8d8d8;}
.details-price .price {font-size: 16px;color: #444;}
.details-price .more {float: left;border: solid 1px #bec738;width: 87px;text-align: center;border-radius: 30px;line-height: 28px;margin-top: -5px;transition: all ease-in-out 500ms;}
.details-price .more:hover {background: #232323}
.details-price .more a {color: #444;font-size: 14px;transition: all ease-in-out 500ms;}
.details-price .more:hover a {color: #ffffff}
a.news {
    display: inline-block;
    margin-top: 32px;
    text-align: center;
    background: #232323;
    color: #bec738;
    width: 185px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    font-size: 16px;
}
a.news2 {
    display: inline-block;
    margin-top: 32px;
    text-align: center;
    background: #fff;
    color: #bec738;
    width: 185px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    font-size: 16px;
}
/* service */

section.services {background-image: url('img/video-bg.jpg');background-repeat: cover;background-position: center center;position: relative;z-index: 0;padding: 24px 0 62px 0;}
section.services .layer {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #045ca6;opacity: 0.9;z-index: 1;}
section.services .serv {position: relative;z-index: 2;margin-top: 38px;}
.serv .serv-icon {float: right;overflow: hidden;padding: 0 10px 0 25px;}
.serv .serv-icon img {width: 70px;}
.serv .serv-content {color: #ffffff;width: 87%;}
.serv .serv-content h3 {font-size: 22px;font-weight: bold;margin: 0;}
.serv .serv-content p {margin: 12px 0 0;line-height: 22px;}
section.services .play-video {position: relative;z-index: 2;text-align: center;margin-top: 14em;}
.play-btn {
    border-radius: 50%;
    text-align: center;
    line-height: 108px;
    animation: animate 2s linear infinite;
    cursor: pointer;
    width: 140px;
    height: 140px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }
.play-btn i {
    color: rgb(26 105 168);
    font-size: 140px;
}
.play-btn i:hover {color: #333;}
@keyframes animate{
	0%{box-shadow: 0 0 0 0 rgb(26 105 168 / 57%);}
	40%{box-shadow: 0 0 0 50px rgb(189 199 56 / 55%);}
	80%{box-shadow: 0 0 0 50px rgb(190 199 56 / 20%);}
	100%{box-shadow: 0 0 0 rgb(8 85 152 / 26%);}
}
/*blog*/

.blog {
    background: #ffffff;
    padding-top: 32px;
    padding-bottom: 62px;
}

.blogcontainer {
    height: 255px;
    background: #ffffff;
    margin-top: -19px;
    padding: 22px;
    box-shadow: 0px 0px 9px #DCDCDC;
    color: #444;
    padding-bottom: 42px;
}

 .blogcontainer h3 {
    color: #444;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    min-height: 44px;
}


.blogcontainer i {
    color: #bec738;
    margin-right: 8px;
    margin-left: 3px
}

.blogcontainer i.fa-angle-left {
    margin: 0
}

.blogcontainer p {
    height: 95px;
    color: #666;
    font-size: 12px;
    margin: 12px 0 22px;
}

 .blogcontainer .read {
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
}

.blogcontainer .read:hover {
    text-decoration: none;
}

@media (max-width:991px) {
   .blogcontainer {
        margin-bottom: 32px
    }
}


/*end blog*/
/*email*/

.email {
    background-image: url('img/cover.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.over {
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    height: 100%;
    padding: 100px 0;
    background-position: center center
}

.email h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}

.email p {
    margin-bottom: 32px;
    color: #BEBEBE;
}

.email .borderr::after {
    background-color: #ffffff !important;
}

.email form {
    margin: 0 auto;
}

.email form input[type="text"] {
    background: none;
    border: none;
    border-bottom: solid 2px #ffffff;
    border-radius: 0;
    margin-top: 20px;
    box-shadow: none;
    color: #ffffff
}

.email form input[type="text"]::placeholder {
    color: #ffffff
}

.email form input[type="text"]:focus {
    box-shadow: none
}

.email form button,
.email form button:hover {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 10px 25px;
    width: 100%;
    margin-top: 32px
}

.prj-itm {border: 1px solid #2661a1;padding: 5px;margin: 2px;border-radius: 5px;text-align:center;}
.prj-prv {width: 95%; margin: auto;color:#000;}
.prj-prv .list-group-item {border:1px solid #bec738;border-radius:5px;}
.prj-ttl {background: #2661a1;color: #fff;font-size: 21px; padding: 2px;margin:10px auto;text-align:center;border-radius:5px;}
.prj-tbl {border:1px solid #bec738;width:100%;}
.prj-tbl td {text-align: center;border:1px solid #b89d67;padding:5px;}
.prj-clr {color: #bec738;font-weight:bold;text-shadow:1px 1px 1px #333;}

.gallery {text-align:center;max-width:920px;margin:auto;}
.gallery img{border:5px solid #fff;transition: all 300ms linear 0s;}
.gallery-item {margin: 0;display: inline-block;}
.gallery img:hover{transform:scale(1.1,1.1);border-radius:5px;transition: all 300ms linear 0s;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/* Share */
/*#share-links {display:inline-block;}
#share-links i{font-size:20px;height:40px;width:40px;margin: 1px;line-height:40px;color: #fff;border-radius:50%;text-align: center;}
#share-links i:hover{opacity: 0.7;}
#share-links .fab {background:#bec738;}*/
.pwww-post-tools {margin:5px auto;border:1px solid #045ca6;}
#share-links .fas {font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-left:1px solid #045ca6;text-align:center;}
#share-links .fab{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#fff;border-radius:50%;text-align:center;}
#share-links .fab:hover{}
#share-links .fb{background:#36609f;}
#share-links .tw{background:#2aa9e0;}
#share-links .gp{background:#d82a21;}
#share-links .ln{background:#007bb7;}
#share-links .pn{background:#cb2027;}
#share-links .em{background:#70369f;}
#share-links .wa{background:#090;}
.pwww-fsize .fab{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-left:1px solid #045ca6;text-align:center;}
.pwww-fsize .fas, .pwww-views .fas{font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#045ca6;border-radius:50%;border:1px solid #045ca6;text-align:center;}
.pwww-views span {font-size:12px;color:#045ca6;display:inline-block;height:36px;line-height:30px;vertical-align:middle;}

/* Home Page */

/* Page */
.page-header {}
.page-title {}
.page-thumbnail {}
.page-content {}


/* 404 Page */
.p404-header {}
.p404-title {}
.p404-thumbnail {margin:2em auto;}
.p404-content .search {margin:1em auto;width:260px;background:#000;padding: 1em .7em;border-right: 5px solid #bec738;border-radius:5px;}
.p404-content .search .input-group {width:100%;}

/* Archive */
.cat-header .cat-title {margin: 1em;padding-right: 10px;border-right: 5px solid #bec738;}
.entry-part {background:#fff;width:300px;height:460px;margin:0 auto 1em;border:1px solid #eee;margin-top:10px;}
.entry-part .entry-thumbnail {width:100%;height:200px;}
.entry-part .entry-header {height:70px;padding:5px;}
.entry-part .entry-header h2 {font-size:20px;margin:5px;}
.entry-part .entry-content {height:90px;}
.entry-part .entry-footer{padding:5px;}
.entry-part .entry-footer a {color:#bec738;}

/* Search */
.search-header .entry-title{font-size:18px;}
.search-header .entry-title a {color: #045ca6;}
.search-title {}
.search-result {margin:5px auto;padding:5px;}
.search-thumbnail {overflow:hidden;margin:1em;}
.search-thumbnail img {border-radius:5px;}
.search-result .search-text {border:2px solid #bec738;margin:5px auto;padding:5px;border-radius:5px;}
.search-header {}
.search-content {}
.search-footer {padding:5px;border-radius:5px;border-right:5px solid #045ca6;}
.search-footer a {color:#bec738;border:1px solid #bec738;}

/* Single */
.post-header {}
.post-title {font-size:26px;}
.post-thumbnail {}
.post-content {}

/* Search Form */
#searchform {}
#searchform #s {}
#searchform #searchsubmit {}

/* Breadcrumbs */
.breadcrumbs{background-color:#232323;}
#pwww-breadcrumbs {list-style:none;overflow:hidden;color:#fff;padding:8px 5px;}
#pwww-breadcrumbs li {display:inline-block;vertical-align:middle;margin-right:15px;}
#pwww-breadcrumbs a {color:#fff;}
#pwww-breadcrumbs .separator{font-size:18px;font-weight:100;color:#fff;}
.bread-current{color:#bec738;}

/* Pagination */
.pagination {text-align:center;font-weight:bold;margin:0 auto 10px auto;}
.pagination .page-numbers {width:32px;height:32px;border-radius:50%;border:1px solid #045ca6;line-height:32px;margin:5px;display:inline-block;background:#fff;color:#666;transition:all ease-in-out 300ms;}
.pagination .page-numbers:hover {-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);;}
.pagination .current {background:#045ca6;color:#fff;}
.pagination .dots {background:#fff;color:#bec738;}
.pagination h2{display:none;}

/* Comments */
#commentform input{display:block;border-radius:0;border:1px solid #666;padding:5px;}
#commentform textarea{border:1px solid #666;display:block;padding:5px;}
#commentform #submit{padding: 5px;color:#fff;background:#666;}
#commentform #submit:hover{color:#000;background:#fff;}
.comment-body{padding:5px;box-shadow:0 1px 3px #000;margin-bottom: 9px;}
.comment-meta{border:2px solid #fff;}
.comment-content{background:#fff;padding:4px;}
.reply{background:#666;padding:4px;}
.reply a{color:#fff;}

/* footer */

footer {
    background: url(img/footerbg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: none;
    padding: 52px 0px 0;
}

footer .first img {
    width: 145px;
    margin-bottom: 24px;
}

footer .first p {
    color: #ffffff;
}

footer .first ul li {
    position: relative;
    width: 30px;
    height: 30px;
    border: solid 1px #bec738;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 22px;
}

footer .first ul li i {
    color: #bec738;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

footer h3 {
    color: #ffffff;
    position: relative;
    margin-bottom: 47px;
}

footer h3:after {
    content: '';
    position: absolute;
    bottom: -14px;
    height: 2px;
    width: 50px;
    background-color: #bec738;
    right: 0;
}

footer .second .contact-info {
    display: table;
    color: #ffffff;
}
.contact-info p
{
        margin-bottom: 4px;
    padding-right: 1em;
    color: #bec738;
    font-size: 18px;
}
footer .second .info-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
    width: 37px;
    text-align: center;
    color: #ffffff
}

footer .second .info-text a {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
    color: #ffffff
}

footer .third {
    padding-right: 18px;
}

footer .third ul li a {
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}
footer .third ul li a:hover{color:#adb822;}
footer .third ul li a:before {
    content: '>>';
    position: relative;
    right: 0;
    top: 50%;
    transform: translate(-50%);
    margin-left: 10px;
}

footer .copy {
    background: #232323;
    color: #ffffff;
    margin-top: 32px;
   padding: 12px 5px;
}

footer .copy p {
    margin: 0;
    font-size: 12px;
    padding: 12px 0;
}

footer .copy p a span {
    color: #bec738
}

.contact-now-form {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.6);
    margin-top: 0px;
    padding: 60px 30px 30px 30px;
    text-align: center;
    margin: 62px auto
}

.contact-now-form h3 {
    color: #212529;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
}

.contact-now-form input[type='text'],
.contact-now-form input[type='email'] {
    width: 100%;
    border: 0px solid #898989;
    box-shadow: 0px 0px 6px -2px #666666;
    border-radius: 7px;
    color: #898989;
    height: 40px;
    margin-bottom: 30px;
    padding: 5px 20px;
}

.contact-now-form textarea {
    width: 100%;
    border: 0px solid #898989;
    box-shadow: 0px 0px 6px -2px #666666;
    border-radius: 7px;
    color: #898989;
    padding: 10px 20px 5px 20px;
}

.contact-now-form button,
.contact-now-form button:hover {
    margin-top: 30px;
    width: 100%;
    background: #045ca6;
    color: #ffffff;
    height: 40px;
    font-size: 14px
}

@media(min-width:991px)and (max-width:1120px) {
    .contact-now-form {
        margin-top: 20px;
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:766px) {
    .contact-now-form {
        width: 95%;
        margin-top: -15px;
    }
    .carousel-control {display:none;}
    .play-video {margin: 5em auto !important;}
    .play-btn{position:static;}
    .play-btn i{color: white;}
    .cat-header .cat-title {font-size: 20px;}
}



#footbar a:hover  {background-color: #ddd;color: black;}
#footbar a {display: inline-block;color: #bec738;text-align: center;padding:5px;text-decoration: none;font-size: 16px;width:18%;margin: 5px auto;}
#footbar {background-color: #232323;position: fixed;bottom: 0;width: 100%;display: block;transition: bottom 0.5s;z-index:999;}

.pwww-curr-plugin {font-size:15px;color:#fff;}
.pwww-curr-plugin .currt {width: 105px;text-align: center;display:inline-block;background:transparent;margin: 1px;border:solid 1px #fff;}
.pwww-curr-plugin .mcurr {direction:ltr;border:1px solid #fff;background: none;font-weight:bold;}

.pwww-cf {padding: 1em;margin:1em auto;border: 1px solid #6b6b6b;background-color: #b9b9b9;border-radius: 9px;}
.pwww-cf p {text-align:center;color: #222;font-weight: bold;font-size: 21px;}
.pwww-cf i{background: #175ca6;color:#fff;height:35px;width:35px;line-height:35px;border-radius:50%;margin-top: 1em;}
#pwww-cf input{    border: 1px solid #ffffff;margin: 2px auto;padding: 1.5em;}
#pwww-cf textarea{border: 1px solid #fff;border-radius: 7px;margin: 2px auto;padding:1em;}
#singlebuttonn {background: #175ca6;color: #fff;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pwww-wdg {min-height: 250px;}  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    section.services .layer {position: absolute;width: 50%;}
    section.services .play-video img {width: 160px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .contact-header .search .form-control:focus {width: 220px;}
    .search-form .row {margin-top: -42px;background-image: url("img/search.png");background-repeat: no-repeat;background-size: 8%;background-position: 99% center;}
    .contact-now-form{width:500px;}
}
@media (max-width: 576px) {
       .pwww-whatsapp{bottom: 50px !important;}
}

@media (max-width:992px){
    footer .copy {
   padding: 12px 5px 24px;
}
} 

/* mobile-contact */

.mobile {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    background: #2E2E2F;
    z-index: 9999;
}

.mobile ul {
    padding: 12px 0;
}

.mobile ul a {
    width: 24%;
    text-align: center;
    display: inline-block;
}

.mobile ul li i {
    color: #bec738;
    font-size: 20px
}
/* social side bar */

.social-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    text-align: center;
}

.social-side ul li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #2E2E2F;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.social-side ul li i {
    font-size: 22px;
    color: #bec738;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fixed-social {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center;
    margin-top: -40px;
    transition: all ease-in-out 500ms;
    left: 59px
}

.fixed-social .round {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    transition: all ease-in-out 500ms;
    left: -55px;
        z-index:9999999;
}

.fixed-social .face {
    background: #3b5998;
    top: -4px;
}

.fixed-social .ins {
    background: #e1306c;
    top: -4px;
    left: -55px;
}

.fixed-social .twit {
    background: #1da1f2;
    top: -4px;
    left: -54px;
}

.fixed-social .youtube {
    background: #ff0000;
    top: -4px;
    left: -52px;
}

.fixed-social a {
    color: #ffffff;
}

.showf {
    top: -58px !important;
    left: -55px;
}

.showi {
    top: -39px !important;
    left: -12px !important;
}

.showt {
    top: 1px !important;
    left: 12px !important;
}

.showy {
    top: 48px !important;
    left: 18px !important;
}

.exchange {
    background-color: #2E2E2F;
    position: fixed;
    top: -100%;
    left: 51px;
    z-index: 999999;
    transition: all ease-in-out 1000ms;
    text-align:center;
    color:#fff;
    padding: 12px 0 17px;
}

.showe {
    top: 0;
}
#conModal{
   z-index: 99999;
}
.fancybox-container{z-index:9999999;}
/* property */

#con-map3 {
    width: 100%;
    height: 350px;
}

.property {
    padding: 42px 0;
}
.property img{
    width:100%;
}
.property .section-title {
    position: relative;
}

.property .section-title a {
    position: absolute;
    left: 10px;
    bottom: 0;
    font-size: 18px;
    color: var(--text-color)
}

.property .section-title a i {
    width: 20px;
    text-align: center;
    color: var(--gold-color)
}

.property .swiper {width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.property .swiper-slide {background-size: cover;background-position: center;}
.property .gallery-thumbs {box-sizing: border-box;padding: 10px 0 !important}
.property .gallery-thumbs img{cursor: pointer;}



.property .swiper-button-next {left: 50px !important}
.property .swiper-button-prev {right: 50px !important}

.property .property-title {color: var(--title-color);position: relative;padding-right: 12px;margin: 32px 0 20px;font-weight: bold}
.property .property-title::after {position: absolute;content: "";right: 0;top: 0;height: 24px;width: 5px;background: var(--gold-color);}
.property .general-info table {width: 100%}
.property .general-info table tr td {border: dashed 1px #ebebeb;padding: 10px;color: var(--text-color);}
.property .general-info table tr td.main {color: var(--title-color);font-weight: bold;width: 25%;}
.property .property-details ul li {color: var(--text-color);margin: 10px 0;}
.property .property-features table {width: 100%}
.property .property-features table tr td {border: dashed 1px #ebebeb;padding: 10px;color: var(--text-color);}
.property .property-features table tr td i {margin-left: 5px}
.property .property-sketch img {margin-bottom: 20px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container embed,
.video-container iframe,
.video-container object {
    margin-bottom: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.share-section {
    position: relative;
}

.share-section div.share i {
    position: absolute;
    left: 10px;
    bottom: 0;
    font-size: 18px;
    color: var(--text-color);
    cursor: pointer;
}

.share-section ul.share-list {
    position: absolute;
    left: 0px;
    background: var(--gold-color);
    width: 35px;
    padding: 10px 0;
    text-align: center;
    border-radius: 50px;
    top: 35px;
    opacity: 0;
    transition: opacity ease-in-out 1s;
}

.opacity-list {
    opacity: 1 !important
}

.share-section ul li i {
    font-size: 14px;
    color: #ffffff;
}

@media(max-width:767px) {
    .property .property-features table tr td {
        font-size: 12px;
        display: block;
    }
    .property .section-title a {
        top: 0;
        font-size: 13px;
        left: 0
    }
    .listing {height: 500px;}
}
@media (min-width: 991px) {.dropdown:hover .dropdown-menu {display: block;}}