/*
Theme Name: Construction Realestate Pro
Theme URI:  https://www.buywptemplates.com/themes/premium-construction-real-estate-wordpress-theme/
Author: BWT Templates
Author URI:  https://www.buywptemplates.com/
Description: The exclusive Construction Realestate WordPress Theme offers you an immediate solution for your online activities that deal with your construction industry. This is an ideal solution for real estate agents, real estate brokers, builders, woodworkers, contractors, inventors, interior designers, architects, plumbers, painters, or anybody who is interested in building construction business websites. Take benefit of a variety of features, functionalities, elements, and an exclusive set of customization options to build your own professional real estate business website. See Demo at https://buywptemplates.com/construction-realestate-wordpress-theme/
Version: 1.0.5
License: GNU General Public License
License URI:license.txt
Text Domain: construction-realestate-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Construction Realestate WordPress Theme has been created by BWT Templates(buywptemplates.com), 2015.
Construction Realestate 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; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  font-family: lato; 
  color:#5b5b5b; 
}
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;
  padding:10px 0;
  line-height: 1.4;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
body a{
  text-decoration:none; 
  color:#30a2e1;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  font-size:16px;
  padding:10px 10px; 
  margin:6px 0;
  height:auto;
  width: 100%;
}
.contac_form input[type='text'], .contac_form input[type='email'], .contac_form input[type='url'], .contac_form input[type='password'], .contac_form input[type='search'], .contac_form input[type='number'], .contac_form input[type='tel'], .contac_form input[type='range'], .contac_form input[type='date'], .contac_form input[type='month'], .contac_form input[type='week'], .contac_form input[type='time'], .contac_form input[type='datetime'], .contac_form input[type='datetime-local'], .contac_form input[type='color'], .contac_form select, .contac_form textarea, .contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 20px;
  box-shadow: 2px 4px 21px -3px #ccc;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;
  color: #000000;
  border-left: 1px solid #30a2e1;
  border-right: 1px solid #30a2e1;
  border-bottom: 3px solid #30a2e1;
  text-transform: uppercase;
  border-top: none;
  background: transparent;
}
input[type="submit"]:hover{
  cursor: pointer;
}
p, h1, h2,h3, h4, h5, h6, span{
  font-family: 'Lato';
}
.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 #333;
  padding: 10px;
  color: #333333;
  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;
  border:1px solid #bbb; 
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  border:1px solid #bbb; 
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  border:1px solid #bbb;
  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;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- 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;
}
  
  
/*------------------ Image Hover -----------------*/
.view {
  width: 100%;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
/* --------------------------Fix header on scroll---------------------------- */
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.menubar.scrolled {
  padding: 5px;
}
/* --------------------------HEADER---------------------------- */
div#header {
  padding: 10px 0;
}
.contact_details {
  margin-top: 20px;
}
div#topbar {
  border-top: 10px solid #435061;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
.menubar {
  background: #30a2e1;
  z-index: 999999 !important;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.socialbox a {
  color: #ffffff;
  padding: 0 5px;
}
.socialbox a i {
  font-size: 18px;
}
.socialbox i.fa.fa-unlock, .socialbox i.fa.fa-user{
  margin-right: 7px;
  color: #30a2e1;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
  /*border-radius: 0px 2px 0px 50px;*/
}
.address i {
    vertical-align: middle;
    font-size: 28px;
    margin-right: 5px;
    color: #30a2e1;
}
#header .logo{
  margin:0; 
  padding: 10px 0; 
}
#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; 
  position: absolute;
  top: 0px;
}
#header .logo p{ 
  font-size:12px;
  color: #000000;
  margin-bottom: 0;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.search-box {
  margin: 10px 0;
  float: right;
}
form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 0px 10px;
  border-radius: 20px;
  background: #ffffff;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 86%;
}
i.fa.fa-search {
  color: #30a2e1;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  font-size: 14px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* fixed to top styles */
.affix.navbar {
  background-color: #333;
}
.affix.navbar .nav-item>a, 
.affix.navbar .navbar-brand {
    color: #fff;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  
}
.main-navigation li{
  position: relative;
  padding: 15px 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  padding: 0;
  font-size: 15px;
  position: relative;
}
.main-navigation a:hover{
  color: #7fbe4b;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

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

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

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

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

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

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

.main-navigation .menu > ul > li.highlight{
  background-color: #7fbe4b;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-navigation ul li a:hover {
    color: #000 !important;
}
.main-navigation ul li:hover > ul li a {
    padding: 14px 4px 14px 4px;
    color: #333;
    border-bottom: 1px solid #ccc;
}
.main-navigation ul li > ul li a {
    padding: 14px 4px 14px 4px;
}
ul .sub-menu li{
  padding:0px;
}
.main-navigation ul.sub-menu li a:hover {
    background: #30a2e1;
    color: #fff!important;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

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

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

.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;
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  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: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}

/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.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;
}
/*---------------------- About section ------------------------*/
.about-editor {
    color: #333;
}
section#about {
  background: #f5f5f5;
}
section#about h2{
  color: #3890cb;
}
.aboutbg {
    padding: 4.5em 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 44%;
    position: relative;
    top: -9em;
    z-index: 9999;
    background: #f5f5f5;
    padding-bottom: 0;
}
#about p {
  font-size: 14px;
}
.top-icon {
  position: absolute;
  top: -9%;
  transform: translateX(-50%);
  left: 50%;
}
.top-icon i.fa.fa-home {
  background: #3890cb;
  color: #ffffff;
  font-size: 23px;
  border-radius: 50%;
  padding: 14px;
  margin: 0px;
  border-radius: 50%;
  border: 7px solid #f5f5f5;
}
/*---------------------- Advance Search ------------------------*/
#search_properties {
  padding: 40px 0;
  background-size: 100% 100%;
}
#search_properties h2 {
  color: #ffffff;
}
#search_properties h2:before, #search_properties h2:after {
    color: #ffffff;
}
#search_properties select {
    background-color: #fff;
    padding: 7px 5px;
    width: 100%;
    height: 45px;
    color: #888;
    margin-bottom: 10px;
}
#search_properties button {
    cursor: pointer;
    width: 100%;
    padding: 7px 5px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #32aad6;
    height: 45px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
#search_properties button:hover {
    background-color: #2e2e2e;
    color: #fff;
}
#search_properties .fa.fa-search {
    color: #fff;
    border-left: none;
    padding-right: 5px;
    font-size: 14px;
}
/*------------------------- Properties -----------------------------*/
.carousel-item{
    margin: 0;
  }
.properties {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 16px 10px -9px #cccccc8c;
  -moz-box-shadow: 0 16px 10px -9px #cccccc8c;
  box-shadow: 0 16px 10px -9px #cccccc8c;
  margin-bottom: 20px;
}
.inner-content {
    padding: 10px;
}
h6.prop-title {
  color: #3890cb;
  font-weight: bold;
}
p.price {
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
.images-box {
  position: relative;
}
.hover-box {
  position: absolute;
  bottom: 0;
  background-color: #30a2e1;
  width: 100%;
  padding: 10px;
  display: none;
}
.images-box:hover .hover-box{ display: block; }
.hover-box a {
  background: #ffffff;
  padding: 8px;
  font-size: 15px;
  font-weight: bold;
  color: #30a2e1;
  text-align: center;
  margin: 0 auto;
  display: table;
}
.hover-box a:before {
content: "\f06e";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 18px;
padding-right: 0.5em;
}
#real_prop .carousel-control-next, #real_prop .carousel-control-prev {
  position: relative;
  color: #000000;
  top: -53px;
}
#real_prop a.carousel-control-next {
    float: right;
}
#real_prop a.carousel-control-prev {
    float: left;
}
span.carousel-control-prev-icon_txt, span.carousel-control-next-icon_txt  {
    border: 1px solid #333;
    border-radius: 50%;
    padding: 4px 12px;
    font-weight: bold;
}
.carousel-control-next:focus span.carousel-control-next-icon_txt, .carousel-control-next:hover span.carousel-control-next-icon_txt, .carousel-control-prev:focus span.carousel-control-prev-icon_txt, .carousel-control-prev:hover span.carousel-control-prev-icon_txt{
  background-color: #3890cb; color: #ffffff;
}
p.prop_status {
  position: absolute;
  top: 0;
  left: 0;
  background: #3890cb;
  padding: 2px 16px;
  font-weight: bold;
  z-index: 99;
  color: #fff;
}
p.prop_status.prop_rent {
  background: #333;
}
button.owl-prev,button.owl-next {
    border: 1px solid #333;
    border-radius: 50%;
    padding: 4px 12px;
    font-weight: bold;
}
#real_prop button.owl-prev{
    position: absolute;
    top: 0;
    left: 0;
}
#real_prop button.owl-next {
    position: absolute;
    top: 0;
    right: 0;
}
#real_prop button.owl-next,#real_prop button.owl-prev{
  background:#fff;
  color: #333;
  border:1px solid #333;
  outline: none !important;
}
#real_prop button.owl-prev:hover {
    background-color: #3890cb;
    color: #fff;
}
#real_prop button.owl-next:hover{
  background-color: #3890cb;
    color: #fff;
}
#agents .owl-nav,#partners_sec .owl-nav{
    text-align: center;
    margin: 14px auto !important;
}
#partners_sec button.owl-prev,#partners_sec button.owl-next{
    border: none;
    background: none;
    outline: none !important;
}
.owl-carousel.owl-drag .owl-item {
    padding: 8px !important;
}
/*-------------------Services Section------------------------ */
#service_sec{
  background-size: cover;
}
.counter_wrapper {
  margin: 10px 0;
  padding: 3em;
  text-align: center;
}
.service_inner {
  border-left: 1px solid #cccccc3d;
  margin: 10px 0;
}
.service_inner:last-child {
  border-right: 1px solid #cccccc3d;
}
span.count {
  color: #fff;
  font-weight: bold;
  font-size: 60px;
}
.number {
  margin-bottom: 17px;
}
.services-para p {
  color: #fff;
  font-weight: normal;
  font-size: 21px;
}
.service_inner a {
    color: #fff;
    font-size: 22px;
}
/*------------------------- Agents -----------------------------*/
a.chef_social.hide_icon {
    display: none;
}
section#agents {
    background-color: #c2e3f6;
}
.content_box {
    text-align: center;
}
.image-box.agents-box {
    text-align: center;
    overflow:hidden;
}
.agents_box p {
    font-size: 14px;
}
.agents-desig {
    color: #333333;
    font-size: 15px;
}
.agents_box p {
    font-size: 14px;
    margin: 10px 0;
}
.about-socialbox i {
  padding: 10px 10px 10px 10px;
  margin: 0 0;
  color: #333;
  background-color: #ffffff;
  border-radius: 50%;
  width: 35px;
  margin: 0 4px;
}
.about-socialbox i:hover {
  background: #333;
  color: #ffffff;
}
.agents_box:hover h4.agent_name{
  color:#3890cb;
}
#agents button.owl-prev,#agents button.owl-next {
    visibility: hidden;
}
 #agents .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #333; 
    border-radius: 50%;
    padding: 5px 5px;
    font-weight: bold;
    margin-left: 6px;
    position: inherit;
}
#agents button.owl-dot.active {
    background-color: #30a2e1;
}
#agents .owl-dots {
    text-align: center;
    padding-top: 30px;
}
#agents .carousel-control-next, #agents .carousel-control-prev {
  position: relative;
}
.agent_nav_box a {
  display: inline-block;
  width: 30px;
}
#agents span.carousel-control-prev-icon_txt, #agents span.carousel-control-next-icon_txt {
  border-radius: 50%;
  padding: 3px 4px;
  width: 100%;
}
.agent_nav_box {
  margin: 14px auto;
  text-align: center;
}
.about-socialbox a i {
    color: #000;
}
.image-box.agents-box img {
  vertical-align: middle;
}
.agents_box {
  border: 1px solid #ccc;
  padding: 6px;
}
/*hover CSS*/
.agents_box {
position:relative;
overflow:hidden;
margin: 10px 0;
width: 92%;
}
.agents_box .content_box {
  position: absolute;
  left: 0;
  width: 200px;
  height: 200px;
  margin-left: -235px;
  top: 8%;
  transform: translateX(-50%);
  left: 50%;
  right: 15px;
}
.agents_box:hover .content_box {
margin-left:0;
}
.agents_box img {
margin-left:0;
}
.agents_box:hover img {
margin-left:241px;
}
.text {
padding-top: 50px;
}
.agents_box img, .content_box {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/*------------- Single Agnet -----------------*/
.col-md-8.agent_desc_box {
  padding: 10px;
  border: 1px solid #ccc;
}
.agent_feature-box{
  text-align: center;
}
div#agent_prop {
  margin: 20px 0;
}
#agent_prop .about-socialbox i{
  background: #333;
  color: #ffffff;
}
#agent_prop .about-socialbox {
    margin: 10px 0;
}
/*------------- Latest post -----------------*/
.latestpost_box h6{
  font-weight: bold;
}
.latestpost_box {
  margin: 0 20px;
  padding: 20px 8px;
  
  background: #ffffff;
}
.pad-above{
  position: relative;
  top: -5em;
}
.bigpost-img {
  position: relative;
}
.latestpost_box {
  margin: 0 20px;
  padding: 20px 8px;
}
.post-content {
  font-size: 13px;
  color: #333;
}
.post-button {
    margin-top: 25px;
}
.widget_recent_entries ul li:before{
      content: '' !important;
}
.latestpost_box i {
  font-size: 20px;
  margin-right: 10px;
  color: #444;
}
.post_thumb {
    position: relative;
    overflow:hidden;
}
.latestpost_box span {
  color: #444;
}
.dayscounts span.main-box {
  width: 100%;
  max-width: 100%;
  float: left;
  border-radius: 44px;
  background: #fff;
}
.dayscount a:hover {
  color: #fff;
  background: #8abb30;
}
.dayscount a {
  color: #a8a7a7;
  border-radius: 44px;
  color: #a8a7a7;
  background: #fff;
  width:100%;
  float: left;
}
.post_thumb img {
    width: 100%;
}
.post_thumb:hover img {
    width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.post-button a {
  background: #333;
  padding: 15px 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
/*------------------------- Testimonials -----------------------------*/
#testimonial h2 {
    color: #ffffff;
}
#testimonial h2:before, #testimonial h2:after{
  color: #ffffff;
}
.testimonial-mainbox {
  text-align: center;
  width: 100%;
}
.images-box p, .name_desig span {
    color: #fff;
}
#testimonial ol.carousel-indicators {
    width: 100%;
}
.testimonial-image img {
  border-radius: 50%;
  height: 150px;
  width: 150px;
}
/*------------------------- Testimonials Shortcode -----------------------------*/
.testi_qoute {
  border: 1px solid #ccc;
  width: 100%;
  padding: 10px;
}
.image-box.testimonial-box {
    text-align: center;
}
.testimonialwrapper-box {
  margin: 20px 0;
}
.testimonial_content blockquote {
  font-size: 15px;
}
.testimonial_content {
  margin: 5px 0;
}
span.testi-designation, .testi_name {
  font-size: 14px;
}
span.testi-designation {
    font-size: 14px;
    margin-left: 10px;
}
span.testi-designation:before{
  content:'/';
  margin-right: 5px;
}
/*------------------------- Partners -----------------------------*/
.partners-logo {
    text-align: center;
    margin: 10px 0;
}
#partners_sec .partners-logo {
    text-align: center;
    margin: 10px 0;
    background: #c2e3f6;
    padding: 13px;
}
/*-------------------------Single Property Page -----------------------------*/
.prop_more_details {
  margin: 20px 0;
}
.feature-box {
  position: relative;
}
.feature-box .carousel-control-prev-icon, .feature-box .carousel-control-next-icon{
  background-image: none;
}
.feature-box i{
    border: 1px solid #ffffff;
    padding: 0 12px;
}
.feature-box .carousel-control-next, .feature-box .carousel-control-prev{
  opacity: 1;
}
.meta-content {
  width: 100%;
  float: left;
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
}
span.Address {
    font-size: 15px;
}
span.Address i {
  margin-right: 5px;
}
span.location {
  padding-left: 20px;
}
span.location2 {
  padding-right: 5px;
}
.property_price.float-right {
  color: #30a2e1;
  font-size: 19px;
  font-weight: bold;
  margin: 0;
}
.comp_price {
    margin-left: 11px;
    color: #bbb;
}
.gallery-image{
  padding: 5px;
  border: 1px solid #ccc;
}
.gallery-image img{
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
.prop-bx {
  border-right: 1px solid #ccc;
  padding: 20px 15px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.fetaures {
  width: 100%;
  float: left;
  margin: 20px 0;
  border: 1px solid #ccc;
}
.row.feature_row {
  margin: 0;
}
.feature_row i {
  width: 100%;
}
.property_desc {
  width: 100%;
  display: block;
  float: left;
}

/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  display: table;
  text-align: center;
  margin: 0 auto;
  padding:0;
  color: #3890cb;
  text-transform:uppercase;
  margin-bottom: 20px;
}
section h2:before{
  content: "\f219";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: bold;
  text-decoration: inherit;
  color: #3890cb;
  font-size: 18px;
  padding-right: 0.5em;
  vertical-align: middle;
}
section h2:after{
  content: "\f219";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: bold;
  text-decoration: inherit;
  color: #3890cb;
  font-size: 18px;
  padding-left: 0.5em;
  vertical-align: middle;
}
section h3{
  font-weight:bold; 
  text-align:center; 
  margin:30px 0 0 0;
  text-transform:uppercase;
}
section h4{
  color:#000; 
  font-weight:bold;
  font-size:20px;
}
section h5{
  color:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#000;
}
/*------------------ Contact Section -----------------*/
.contac_form input[type="submit"]{
  margin-top: 0;
}
.contac_form input[type="submit"] {
  margin-top: 0;
  float: right;
  margin-bottom: 20px;
}
.contac_form label{
  width: 100%;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
/*---------------- Footer Section ----------------------*/
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer .social_widget a i {
  background: transparent;
  color: #ffffff;
  padding: 9px;
  border-left: 1px solid #30a2e1;
  border-right: 1px solid #30a2e1;
  border-bottom: 3px solid #30a2e1;
  border-radius: 3px;
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
.container.footer-cols {
  border-bottom: 1px solid #30a2e1;
  padding-bottom: 12px;
}
.copyright p {
  font-size: 14px;
  padding: 20px 0;
  color: #ffffff;
  margin-bottom: 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:40px 0 0 30px;
  text-align:left;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3,
#footer h3{
  color:#30a2e1;
  text-align:left;
  text-transform:uppercase; 
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
  cursor: pointer;
}
#footer input{
  padding:8px 0; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background: transparent;
  border-radius: 5px;
  color: #ffffff;
  border-left: 1px solid #30a2e1;
  border-right: 1px solid #30a2e1;
  border-bottom: 3px solid #30a2e1;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
}
#footer ul li:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color:#ffffff;
  padding-right: 0.5em;
}
#footer ul li a{
  color:#ffffff;
}
#footer p{
font-size:15px;
margin: 0;
line-height: 20px;
text-align: justify;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 13px !important;
}
.widget_recent_entries img {
  width: 100px;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox{
  width:100%;
  border: solid 1px #cccccc
}
#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:1px solid #bbb;
  border-radius:6px;
  padding: 10px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.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;
}
.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;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* -------------- CONTACT Page --------------- */
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info{
  font-size:14px;
  line-height:26px;
  padding: 0;
}
.contact-email i, .contact-address i, .contact-phone i{
  text-align: center;
  font-size: 23px;
  background-color: #435061;
  padding: 17px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
  width: 60px;
  margin: 0 auto;
}
.contact-info .head{
  color:#000;
}
.contact-address,
.contact-email,
.contact-phone{
  margin-bottom: 2%;
}
/* ----------------------- 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:#30a2e1;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #000000;
  border-left: 1px solid #30a2e1;
  border-right: 1px solid #30a2e1;
  border-bottom: 3px solid #30a2e1;
  text-transform: uppercase;
  border-top: none;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#3890cb;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:100%;
  float:left;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider h5{
  text-transform: Capitalize;
  color: #ffffff;
}
#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: 500px;
    margin: 0 auto;
}
#slider .btn-primary {
    color: #ffffff;
    background: transparent;
    border-radius: 5px;
    color: #ffffff;
    border-left: 1px solid #30a2e1;
    border-right: 1px solid #30a2e1;
    border-bottom: 3px solid #30a2e1;
    text-transform: uppercase;
    border-top: none;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
}
.inner_carousel{
  background: rgba(0, 0, 0, 0.49019607843137253);
  padding: 10px 10px;
}
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 {
  border: 2px solid #fff;
  padding: 8px;
  border-radius: 50%;
}
/*--------------- Sidebar -----------------*/
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3{
  margin:0 0 10px;
  font-size:20px;
  color:#5d5f5e;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent; 
  border:none; 
  color:#000000;
  padding:14px 0;
  font-size:10px; 
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 32px;
  padding: 0 0 0 2%;
}
#sidebar ul li a:before{ 
  content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #5d5f5e;
    font-size: 18px;
    padding-right: 0.5em;
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
/*------------- 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;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation span, .navigation a {
  display:block;
  float:left;
  padding: 5px 2px;
  color:#5b5b5b; 
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
    font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}


/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 10px;
  border: 1px solid #ccc;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 10px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 35px;
  margin: 0 4px;
  text-align: center;
}
.small_media {
  margin-bottom: 10px;
}
/*-------------- media section ---------------*/

@media screen and (max-width:768px) { 
    .counter_wrapper{
        padding: 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;
  }
  .home #header{
    background: none !important;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .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;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
}
@media screen and (max-width:576px) {
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  #header .logo {
    margin: 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;
  }
  
  section h2{
    font-size: 22px;
  }
  .properties, .agents_box, .outer_post_box, .testi_qoute, .postbox, #sidebar {
      margin-left: auto;
      margin-right: auto;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }

  .menubar {
    padding: 0 15px;
  }
  
}
@media screen and (min-width:325px) and (max-width:768px) {
  .agents_box
  {
    width: 100%;
  }
  .menubar {
    position: relative;
    right: 0;
  }
}
@media screen and (max-width:719px) {
  .search-box{
    float: none;
  }
  
  .aboutbg{
    top: 0;
  }
  .continnerbox{
    border-left: 25px solid transparent;
  }
  span {
    text-align: left;
  }
  .feature_row i {
    text-align: center;
  }
  .service_inner {
    border-right: 1px solid #cccccc3d;
  }
  
  .properties, .outer_post_box, .testi_qoute, .postbox, #sidebar {
    margin-top: 40px;
    }

   .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  .menubar .nav {
    background-color: #292b2c !important;
}
}
@media screen and (max-width:991px) {
  .search-box{
    float: none;
  }
  .aboutbg{
    top: 0;
  }
  .search-box form.search-form{
    text-align: right;
    float: right;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  .toggleMenu {
    padding: 10px 10px;
    font-size: 20px;
    color: #333333;
    width: 100%;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  small {
    font-size: 13px !important;
  }
}
@media screen and (min-width:720px){
  #real_prop a.carousel-control-next {
    text-align: right;
    display: block;
  }
  #real_prop a.carousel-control-prev {
      text-align: left;
      display: block;
  }
  #real_prop button.owl-prev,  #real_prop button.owl-next{
    top:-50px;
  }
}
@media screen and (max-width: 1024px){
    .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
    .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
    .main-navigation li{
    padding: 3px 15px !important;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
      color: #ffffff;
  }
  .thumb_image_border{
    display: none;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: left;
    top: -10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 15px auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }

  .main-navigation a{
    color: #444;
  }
  .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: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
     width: 18rem;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .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;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px){
  .thumb_image_border{
    display: none;
  }
}