/*
Theme Name: VW Construction Estate Pro
Theme URI:  https://www.vwthemes.com/themes/premium-construction-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Our premium Construction WordPress theme finds its application in wide range of building and construction businesses. It can be used by land dealers, real estate agents, contractors, builders, architects, construction material traders, property dealers, renovation business, repair businesses etc. Its unique design will give the best online platform for your business. You can even demonstrate your work through the gallery. A website designed with our theme will speak for your work. Our theme comes with jam-packed features and high-quality functions. It supports a wide variety of plugins to implement any functionality you wish to have on your site. Its professional look will make your business stand out and help boost it in the best possible way. It has a user-friendly design which allows easy navigation. It is designed to give maximum exposure to your quality work. Work is worship for us. Hence we do not compromise with the quality and deliver the best to our customers. This premium Construction theme is dedicatedly designed by our expert developers to bring out the best theme and justify the value of your money. Trusting us will be your decision and proving you right will be ours.
Version: 1.3
License: GNU General Public License
License URI:license.txt
Text Domain: vw-construction-estate-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Construction Estate Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Construction Estate Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word;
  position:relative;
  font-family: "Meiryo", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  color:#000;
  /*background-color: #eae1d0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%23e3d9c6' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");*/
   background: #eae1d0;
  /*background: #f3e0dc;*/
}

body.single {
  background: #f7f2e9;
}

body.single #header {
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);*/
}

/*-------------------------- NEW --------------------------*/
#welcome {
  margin: 40px 0;
}
#properties .owl-carousel .owl-item img {
  object-fit: cover;
  height: 400px;
}
#latest_post {
  background: #f7f2e9 url(../images/bg-colorful-bot.png) no-repeat bottom right;
  position: relative;
}
#latest_post:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 635px;
  background: url(../images/bg-colorful-left.png) no-repeat top left;
  top: 0;
  left: 0;
}
#latest_post:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 800px;
  background: url(../images/bg-colorful-right.png) no-repeat top right;
  top: 0;
  right: 0;
}
#latest_post .owl-carousel .owl-item img {
  object-fit: cover;
  height: 210px;
}
@media (max-width: 922px) {
  #latest_post .owl-carousel .owl-item img {
    height: auto;
  }
}
.theme-vw-construction-estate {
  margin: 0!important;
  padding: 40px 0;
  background: #f7f2e9;
}
.theme-vw-construction-estate .welcome-heading h2 {
  padding: 0;
  background: none;
  color: #000;
}
.theme-vw-construction-estate p {
  margin-top: 0;
}
.container.main_title {
  margin-top: 50px;
}
.container.main_title h1 {}
.content_page {
  margin-bottom: 50px;
}
.content_page .feature-box img {
  margin-bottom: 20px;
}

img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0 0 10px;
  padding:0;
  line-height: 1.3;
  color:#000;
}
h1 {
  font-size: 30px;
  font-weight: normal;
}
h2 {
  font-size: 26px;
  font-weight: normal;
}
h3 {
  font-size: 20px;
  font-weight: bold;
  color: #996209;
}
p{
  margin: 10px 0; 
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  line-height: 30px;
}
a{
  text-decoration:none; 
  color:#000;
}
a:hover{
  text-decoration:none; 
  color:#996209;
}
a:focus{
  text-decoration:none !important;
}
ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -10px;
  top: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  /*background-size: cover;
  background-repeat: no-repeat;*/
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 15px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border: none;
  background-color: #E7C17B;
}
input[type="submit"]:hover{
  cursor: pointer;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #000;
  padding: 10px;
  color: #000333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}

/* --------------------------Top Bar---------------------------- */
/*.top_social {
    background-color: #000;
    padding: 5px 0;
    margin-left: -15px;
}*/
.socialbox a {
  color: #ffffff;
  padding: 6px 6px;
  margin-right: 2px;
}
.socialbox a i {
  font-size: 13px;
  letter-spacing: 3px;
}
.menubar {
  position: relative;
  right: -30px;
}
.menubar:before{
  
}


/* --------------------------Header---------------------------- */
#header {
  background-color: #f7f2e9;
}
/*#header  .small_media {
    border-right: 2px solid;
}
#header  .small_media:last-child {
  border-right: none;
  padding: 0 !important;
}*/
/*.contact_details {
  margin-top: 20px;
}*/
#topbar {
  border-top: 10px solid #435061;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #000;
}
p.hi_normal {
    color: #757575;
}
.menubar {
  background: #eae1d0;
  border-bottom: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}

.socialbox a:hover{
  background: #d7b58f;
}

.socialbox i.fa.fa-unlock, .socialbox i.fa.fa-user{
  margin-right: 7px;
  color: #d7b58f;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
.address i {
  vertical-align: middle;
  font-size: 36px;
  margin-right: 5px;
  color: #d7b58f;
  padding: 0px 6px;
  margin-top: 3px;
}
#header .logo{
  margin:0; 
  padding: 10px 0; 
  margin: 0 auto;
  text-align: center;
  /*width: 140px;*/
}
#header .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:left;
}
#header .logo a.custom-logo-link{ 
  color:#000000;
}
#header .logo a.custom-logo-link img {
  max-width: 100%;
}
#header .logo p{ 
  color: #757575;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.search-box span {
  border: none;
  padding: 14px 22px;
  line-height: 45px;
  margin-right: 0;
  display: block;
  background: #d7b58f;
}
.search-box span i{
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.menubar.float-left.w-100.m-0.mt-3.scrolled {
margin-top: 0 !important;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  padding: 15px 20px;
  background: #fff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 5px;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 85%;
}
.search_popup input.search-field {
  padding: 9px 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 0;
}
ul.search-consult li:nth-child(1) {
  list-style: none;
  display: inline;
  text-align: right;
  float: right;
  margin: 0;
  padding: 0;
}
/*----------------Menu bar-----------*/
.menubar.scrolled{
  background: rgba(0,0,0,0.08);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99999;
  min-height: 70px;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
#masthead:hover{
  box-shadow: inset 0 -260px 0 rgba(0,0,0,0.8);
}
.menubar.scrolled{
  min-height: 60px;
  background: #eae1d0;
}
.main-navigation .menu{
  float: right;
}

.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li{
  float: left;
  position: relative;
  line-height: 72px;
  padding: 0 5px;
}

.menubar.scrolled .main-navigation li{
  float: left;
  position: relative;
  line-height: 67px;
}

.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  padding: 4px 0;
  margin: 0 5px;
  position: relative;
}
.main-navigation a:hover{
  color: #996209;
}

.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #000;
  min-width: 215px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #fff;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #996209;
}

.main-navigation .menu > ul > li.highlight{
  background: #d7b58f;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menu > ul > li > a:hover:before,
.menu > ul > li.current_page_item > a:before,
.menu > ul > li.current-menu-item > a:before{
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 2px;
  z-index: 99999;
  display: block;
  background: #996209;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.menubar.scrolled .menu > ul > li:hover > a:before,
.menubar.scrolled .menu > ul > li.current_page_item > a:before,
.menubar.scrolled .menu > ul > li.current-menu-item > a:before{
  height: 2px;
}

.menu > ul > li.exoplanet-search:before{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #000;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: auto;
}
.menubar .nav ul.sub-menu li:hover {
  background-color: #d7b58f;
}

/*----------------------Mobile Menu Icon------------------------------*/
.toggle-nav{
  display: none;
  position: relative;
7  float: right;
  top: 20px;
  right: 15px;
  height: 50px;
  width: 30px;
  cursor: pointer;
}

.toggle-nav span{
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #000;
  margin-top: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left:30px;		
}

.toggle-nav span:after,
.toggle-nav span:before{
  content: "";
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.toggle-nav span:after{
  top: -9px;
}

.toggle-nav span:before{
  bottom: -9px;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #e1e1e1;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #000;
}

/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #dddeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
.innerbox{
  background-size:100% 100%;
  padding-bottom: 50px;
}
/*------------------------- Consult -----------------------------*/
#consult_sec {
  background-repeat: no-repeat;
  background-size: cover;
}
#consult_sec .col-md-12,
#consult_sec .container-fluid {
  padding: 0 5px;
}
#consult_sec .consult_wrapper {
  margin-top: 30px;
  padding: 30px 30px;
  background: url(../images/paint.png) no-repeat center;
}
.row.consult_inner{
  width: 100%;
  float: left;
}
.bth_consult a {
  float: right;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #d7b58f;
  background-color: #000;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  border-radius: 0;
}
/*.consult_box_outer{
  float: left;
  padding-right: 30px;
  -webkit-transform: skew(-22deg);
  -moz-transform: skew(-22deg);
  -ms-transform: skew(-22deg);
  -o-transform: skew(-22deg);
  transform: skew(-22deg);
  border-right: 10px solid #fff;
  background: #fff;
}*/
.consult_title{
    height: 100%;
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
    -ms-transform: skew(22deg);
    -o-transform: skew(22deg);
    transform: skew(22deg);
    float: left;
    max-width: 100% !important;
    position: relative;
    z-index: 9999999;
}
.consult_box_outer::after{
    bottom: 0;
    content: "";
    position: absolute;
    left: -99988px;
    top: 0px;
    width: 99999px;
    background: #fff;
}
.consult_wrapper p{
  margin: 0;
  padding: 0;}

/*------------------------- Welcome-----------------------------*/
.welcome_img {
  padding: 20px;
  position: relative;
}
.welcome_img:before {
  position: absolute;
  content: "";
  width: 80%;
  height: 80%;
  border: solid 2px #cea9d5;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.welcome_img:after {
  position: absolute;
  content: "";
  width: 80%;
  height: 80%;
  border: solid 2px #cea9d5;
  top: 0;
  right: 0;
  z-index: -1;
}
.welcome-content {
  text-align: center;
}
.welcome-heading {
  padding-top: 40px;
}
.welcome-heading h2 small{
  display: block;
  padding: 0;
  margin: 0;
  color: #d7b58f;
  font-size: 18px;
}
.welcome-heading h2{
  font-weight: bold;
  background: linear-gradient(transparent 70%, #cea9d5 70%);
  display: inline-block;
}
.welcome-heading img{
  text-align: right;
}
.welcome-content p {}

@media (max-width: 478px) {
  .welcome-heading {
    padding-top: 20px!important;
  }
}

@media (max-width: 992px) {
  .welcome-heading {
    padding-top: 0;
  }
}

/*------------------------- Properties -----------------------------*/
#properties{;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #e28e77;
}
#properties .owl-carousel {
  padding: 40px 0;
}
#properties .properties-title {
  text-align: center;
  padding: 15px;
  background: #F3BEAF;
  position: relative;
  width: 80%;
  top: -30px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
#properties h3 {
  margin-bottom: 0;
}
#properties h3 a {
  color: #711a01;
}
#properties h3 a:hover {}
#properties .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#properties button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #e28e77;
  border: solid 2px #F3BEAF;
}
#properties button.owl-dot.active {
    border-color: #fff;
    background-color: #e28e77;
}
#properties button:focus {
  outline: inherit !important;
}
#properties .image-box {
    margin: 0 10px;
}
/*------------------------- Properties Shortcode ------------------*/
#propertiessc .properties-title {
  background-color: #000;
}
#propertiessc h3 {
  margin: 0;
  padding-left: 15px;
}
#propertiessc h3 a {
  color: #ffffff;
  border-left: solid 5px #d7b58f;
  padding-left: 15px;
  letter-spacing: 0;
}
#propertiessc h3 a:hover {
  color: #d7b58f;
}
/*------------------Latest Post -----------------*/
#latest_post .welcome-heading {
  padding: 0;
}
#latest_post .latest_post_box {
  margin-top: 40px;
  margin-bottom: 20px;
}
#latest_post .latest_post_box .col-lg-8 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.latest_post_text {
  padding-right: 40px; 
}
@media (max-width: 478px) {
  .latest_post_text {
    padding: 0 15px 15px;
  }
  #latest_post .latest_post_box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 992px) {
  .latest_post_text {
    padding: 0;
  }
  #latest_post .latest_post_box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.latest_post_text h3.latest_post_name {}
.latest_post_text h3.latest_post_name a {
  color: #996209;
}
.discover-btn {
  margin: 20px 0 0;
}
.discover-btn a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border: solid 1px #d99830;
  padding: 10px 20px;
}
.discover-btn a:hover {
  color: #fff;
  border: solid 2px #d99830;
  background: #d99830;
}
#latest_post .owl-dots {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
#latest_post button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #000;
  display: block;
  margin: 5px auto;
}
#latest_post button.owl-dot.active {
  background-color: #d7b58f;
  border: solid 2px #d7b58f;
}
#latest_post button:focus {
  outline: inherit !important;
}
/*---------------- Footer Section ----------------------*/
.outer-footer {
  background: #d99830;
  background-size: 100% 100%;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}
.outer-footer a {
  color: #fff;
  font-weight: bold;
}
.copyright {}
.main_sociobox {
    padding: 20px 0;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   padding: 0px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #d7b58f;
    border-bottom: 1px solid #d7b58f;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #000;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #000333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #000333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background:#d7b58f;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
    object-fit: cover;
    height: 500px;
}
#slider h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 47px;
  border-right: 3px solid #d7b58f;
  padding-right: 16px;
}
#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:15px 0 15px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:16px/20px lato; 
  font-weight:bold;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
   max-width: 690px;
    margin: 0 auto;
}
#slider .btn-primary {
  color: #ffffff;
  background: #d7b58f;
  border-radius: 0px;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 3px;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  right: 0;
}
.inner_carousel{
  padding: 20px 20px;
  text-align: right;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  padding: 19px 23px;
  background-color: #E7C17B;
  border-radius: 50%;
  font-size: 22px;
  color: #fff;
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background: #fff;
  color: #E7C17B;
  border: none;
  transition: all 0.5s ease-out;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
      width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #000;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   font-size: 20px;
   font-weight: bold;
   background: #D99830;
   padding: 10px 20px;
}
#sidebar h3 a {
   color: #fff;
}
#sidebar.col-md-4 {}
#sidebar aside{
  margin-bottom:30px;
  padding: 0;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:20px;
  background: #fff;
  border: solid 3px #E28E77;
}
#sidebar ul li { 
  margin: 0 0 5px;
  padding: 10px 0 10px 26px;
  border-bottom: solid 1px #E28E77;
  background: url(../images/icon.png) no-repeat left center;
}
#sidebar ul li:last-child {
  border-bottom: none;
}
#sidebar ul li a {
  font-size: 16px;
  font-weight: normal;
  color:#000;
}
#sidebar ul li a:hover,
#sidebar ul li:hover a {
  color: #996209;
  font-weight: bold;
  transition: 0.4s;
}
@media (max-width: 478px) {
  #sidebar.col-md-4 {
    border-left: none;
  }
}
@media (max-width: 992) {
  #sidebar.col-md-4 {
    border-left: none;
  }
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #000333;
}
.content_boxes {
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 10px;
  margin: 0 0;
  color: #ffffff;
  background-color: #000333;
  border-radius: 50%;
  width: 30px;
  margin: 0 4px;
  text-align: center;
  height: 30px;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- text/css ---------------*/
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
/*-------------- id="vw-construction-estate-pro-basic-style-inline-css" ---------------*/
.socialbox a:hover,
.search-box span,
.main-navigation .menu>ul>li.highlight,
.menu>ul>li.current_page_item>a:before,
#our_records button.owl-dot.active,
#expert .expert-box:hover,
#expert button.owl-dot.active,
.choose-box-icon:hover,
#testimonials button.owl-dot.active,
#our_partners button.owl-dot.active,
#newsletter input[type="submit"],
#latest_post button.owl-dot.active,
.bradcrumbs a:hover,
#slider .btn-primary,
#slider a i:focus,
#slider a i:active,
.menubar .nav ul.sub-menu li:hover {
    background-color: #eae1d0;
}

#our_records button.owl-dot.active,
#services_tab .get-btn,
#expert button.owl-dot.active,
.choose-box-icon,
.choose-box-icon:hover,
#testimonials button.owl-dot.active,
#propertiessc h3 a,
#our_partners button.owl-dot.active,
#newsletter,
.newsletter-heading h2,
#newsletter input[type="submit"],
.discover-btn,
#latest_post button.owl-dot.active,
.inner-cont,
.copyright,
.footer-top-col,
#footer input[type="submit"],
.metabox,
#comments input[type="submit"].submit,
#slider h2 {
    border-color: #d7b58f;
}

.socialbox i.fa.fa-unlock,
.socialbox i.fa.fa-user,
.address i,
.main-navigation .current_page_ancestor>a,
.consult_box_outer p i,
.bth_consult a,
.welcome-heading h2 small,
#services_tab a.nav-link:hover,
#services_tab .nav-pills .nav-item.show .nav-link,
#services_tab .nav-pills .nav-link.active,
#services_tab .get-btn a:hover,
#services_tab .details-box-content i,
#project a.nav-link,
.choose-box-icon i,
#testimonials h4.testimonial_name a:hover,
#propertiessc h3 a,
.newsletter-heading h2 small,
#newsletter input[type="submit"]:hover,
.contact-email i,
.contact-address i,
.contact-phone i,
.container #blog-right-sidebar h3,
#footer h3 {
    color: #d7b58f;
}
@media screen and (min-width:720px) {}
@media screen and (max-width:719px) {}
/*-------------- id="wp-custom-css" ---------------*/
li.buynow {
    background-color: #d7b58f;
    color: #ffffff;
    padding: 0;
}
/*-------------- media section ---------------*/
@media screen and (max-width:480px) {
  #sec_consultation h3 {
    font-size: 20px;
  }
  ul.nav.nav-pills.nav-justified {
    display: block;
  }
  .whychoose_us h2 {
    font-size: 24px !important;
    padding: 0 15px;
  }
  .consultation a {
    padding: 6px 4px;
  }
  .consultation span {
    font-size: 10px;
  }
  .consultation i.fas.fa-headphones {
    padding: 0px 8px 8px 6px;
  }
  .consult_box_outer p {
    font-size: 20px;
  }
  .consult_box_outer {
    background: none;
    border-right: none;
  }
  .consult_box_outer::after {
    background: none
  }
  #slider img {
    width: 100%;
    object-fit: cover;
    height: auto;
  }
  #latest_post .owl-carousel .owl-item img {
    margin-bottom: 15px;
  }
  .outer-footer {
    text-align: center;
  }
  .serach_inner form.search-form {
    width: 90%;
    border-radius: 3px;
    padding: 10px;
  }
  .search_popup label {
    width: 70%;
  }
  input[type="submit"] {
    padding: 10px 5px;
  }
  .serach_inner input.search-field {
    width: auto!important;
  }
}
@media screen and (max-width:767px) {
  .welcome_img::after {
    height: 45%;
  }
  .welcome_img::before {
    height: 45%;
    bottom: 142px;
  }
  .welcome-content a {
    margin-bottom: 10px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider h2.font-weight-bold {
      display: none;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .consultation {
    margin: 9px 0;
  }
  .copyright p {
    margin-bottom: 15px;
  }
  .socialbox {
    text-align: center;
  }
  .top-bar-left{
    width: 70%;
  }
  .top-bar-right{
    width: 30%;
  }

  .top-bar-left i.top-email{
    padding: 8px 5px 8px 0;
  }
  .top-bar-left i.top-tel{
    padding: 8px 5px 8px 15px;
    margin: 0;
  }
  .top-bar-right li.top-login{
    margin: 0 10px 0 0;
    background: transparent;
  }
  .top-bar-right i.top-login{
    margin: 0 5px 0 0;
    padding: 8px;
    background: transparent;
  }
  .top-bar-right .fa-angle-right{
    display: none;
  }
  .top-bar-right li.top-login .top-login-text{
    display: none;
  }
  .top-bar-right li.top-cart{
    margin: 0;
  }
  .top-bar-right li.top-cart a{
    padding-right: 5px;
  }
  .top-bar-right i.top-cart{
    margin: 0 5px 0 0;
    padding: 8px;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .featured-section-title{
      margin-bottom: 30px;
  }
  .featured-section-title:before{
    width: 100%;
    left: 0;
  }
  .featured-section-title span{
      font-size: 20px;
      padding: 0 20px;
  }
  .featured-post-wrap,
  .featured-post{
    display: block; 
    background: none;
  }
  .featured-post{
    background: #f9f9f9;
    margin-bottom: 16px;
  }
  .featured-post:last-child{
    margin-bottom: 0
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  #cta-section .cta-left p{
    max-width: 100%;
  }
  #cta-section .cta-left .leadin{
    font-size: 26px;
  }
  #cta-section .cta-right{
  width: 100%;
  float: none;
  text-align: center;
  padding: 40px 0 0 0;
  }
  .footer{
    width: 47%;
  }
  .footer:nth-child(3){
    clear: both;
  }
  .footer:nth-child(3),
  .footer:nth-child(4){
    margin-top: 25px;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  #primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 25px;
  }
  #secondary{
    width: auto;
    float: none !important;
  }
  .custom_btn{
    text-align: center;
    margin: 0 auto;
    display: block !important;
  }
  .dis_more {
    margin: 20px 0;
  }
  .counter_wrapper {
    margin: 10px 0;
  }
  .counter_wrapper img {
    margin-bottom: 15px;
  }
  .pl-0 {
    padding-left: 15px !important;
  }
  .why_para {
    text-align: center;
  }
  .whychoose_us h2 {
    text-align: center;
  }
  .services_inner {
    text-align: center;
  }
  #our_services p {
    padding-top: 15px;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  .row.consult_inner,
  .row.key_inner,
  .row.news_inner,
  .row.client_inner{
    margin: 0;
  }
}
@media screen and (max-width:576px) {
  .welcome_img::after {
    height: 88%;
  }
  .welcome_img::before {
    height: 88%;
    bottom: 0px;
  }
  .welcome-heading h2 {
    margin-top: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  #header .logo {
    margin: 20px 0;
    padding: 0 30px;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  .prop_desc {
    display: none;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  .attorneys_box,
  .outer_post_box,
  .testi_qoute,
  .postbox,
  #sidebar {
      margin-left: auto;
      margin-right: auto;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .consultation {
    margin: 6px 0;
  }
  .menubar {
    padding: 0 15px;
  }
  #header .logo h1 {
    text-align: center;
  }
  #header .logo p {
    text-align: center;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .practice-editor img{
    display: block;
    text-align: center;
    float: none;
  }
}
@media screen and (max-width:719px) {
  .row.bg-media {
    background: #000;
  }
   .menubar.scrolled.hmenu {
    background-color: #fff;
    overflow:scroll;
    height: 100%; 
  }
  .menubar.scrolled{
    margin-top: 0 !important;
  }
  .menubar.scrolled {
    padding: 0;
  }
  #site-navigation{
    top:20% !important;
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .aboutbg{
    top: 0;
  }
  .continnerbox{
    border-left: 25px solid transparent;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
    background-color:#f7f2e9;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #ffd9d3 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding:15px 10px; 
    display:block; 
    color:#000;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  span{
    text-align: right;
  }
  #services_tab .details-box {
    transform: inherit;
  }
  #services_tab .details-box-content {
    transform: inherit;
  }
  #newsletter .news_content {
    position: relative;
    top: 20px;
    transform: inherit;
  }
  #newsletter input[type="email"] {
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  /*.top_social {
    padding: 10px 0;
    margin-left: 0;
  }*/
  .menubar {
    position: relative;
    right: 0;
  }
  .consult_box_outer {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    border-right: 10px solid rgba(255, 255, 255, 0);
  }
  .consult_title {
    -webkit-transform: unset; 
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
  }
  .bth_consult a {
    float: inherit;
    position: static;
    top: 0;
    transform: none;
    right: 0;
  }
  .bth_consult{
    padding-bottom: 15px;
  }
  #slider .btn-primary{
    margin-bottom: 20px;
    margin-top: 0px;
  }
}
@media screen and (max-width:991px) {
  .toggle-nav {
    right: 0px;
  }
  /*#header .small_media {
    border-right: none;
  }*/
  .search-box{
    float: none;
  }
  .aboutbg{
    top: 0;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a {
    padding: 3px 4px;
    border-radius: 5px;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #newsletter input[type="submit"] {
    margin-left: 0;
    margin-top: 10px;
  }
  #slider .carousel-control-prev-icon,
  #slider .carousel-control-next-icon{}
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
  #slider img {
    width: 100%;
    object-fit: cover;
    height: auto;
  }
  #header .logo {
    padding: 15px 0;
  }
  #latest_post .owl-carousel .owl-item img {
    margin-bottom: 15px;
    height: auto;
  }
}
@media screen and (max-width: 1024px){
	iframe {
	    width: 100%;
	    height: auto;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }
  #site-navigation{
    display: none;
    position: absolute;
    top: 100%;
    background: #f7f2e9;
    left: 0;
    right: 0;
    float: none;
    width: auto;
    z-index: 1;
  }

  .main-navigation a{
    color: #000;
  }

  .main-navigation .menu{
    float: none;
    text-align: center;
  }

  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }

  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }

  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }

  .sf-arrows .sf-with-ul:after{
    border-top-color: #000;
  }

  #site-branding{
    width: 80%;
    width: calc(100% - 60px);
    float: left;
  }
  .free_consultation {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .no-pad {
    padding: 0;
  }
  .innermenubox {
    position: static;
  }
}