/*
Theme Name: Construction Realestate
Theme URI: https://www.buywptemplates.com/products/free-construction-real-estate-wordpress-theme
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: onstruction Realestate Theme offers you instant answers for your online activities related to the building industry, making it an ideal solution for real estate agents, brokers, brokerage firms, property management, constrction businesses, real estate development, residential construction, commercial real estate projects, luxury home construction, modern real estate designs, urban property development, real estate infrastructure, investment buildings, sustainable and green construction projects, custom property designs, renovation services, industrial property construction, real estate project management, mixed-use development projects, affordable housing construction, consultancy services, building services, turnkey construction, rental services, land, residential and commercial properties, advanced property search, construction business sites, property inclusion, agent profiles, realtor agency maintenance, construction landing pages, and real estate listings, including specialized interior finishes like parquet flooring and premium design concepts under architecture theme housetop styles. This theme has been crafted carefully keeping in mind the latest web design standards and offers a dynamic customizer with multiple theme options to shape your website as per your needs. Built on Bootstrap, it is highly responsive, cross-browser compatible, and mobile-friendly, ensuring cutting-edge performance on all screen sizes. It includes secure and clean codes that follow modern web standards and provides eye-catching buttons, sliders, microformats, banners, custom menus, footer widgets, contact form support (compatible with Contact Form 7), SEO-ready structure (compatible with Yoast SEO), schema-friendly layout, beautiful images, social media integration, powerful customization options, and support for additional enhancements through plugins like Advanced Custom Fields, Slider Revolution, and WooCommerce for property showcases or service listings. With its flexible, feature-rich, robust design, you can easily create a professional real estate or construction business site and enhance online visibility through optimized search terms such as constrction services, property listings, home builders, contractor services, architecture theme housetop designs, interior solutions like parquet, development firms, and builder portfolio layouts. View full demo here: https://demos.buywptemplates.com/construction-realestate-pro/
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.6.8
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: construction-realestate
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, translation-ready, post-formats, rtl-language-support, blog, portfolio, e-commerce

Construction Realestate WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Construction Realestate WordPress Theme is distributed under the terms of the GNU GPL
*/

* {
  margin: 0;
  padding: 0;
  outline: none;
}
:root {
  --first-theme-color: #0075b5;
}
body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #fff;
  font-size: 16px;
  color: #525151;
  font-family: "Lato", sans-serif;
  overflow-x: hidden;
  position: static !important;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0 0 15px;
  font-weight: bold;
  color: #435061;
}
p {
  color: #585858;
}
a {
  text-decoration: none;
  color: var(--first-theme-color);
}
a:hover {
  text-decoration: none;
  color: #585858;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
.select2-container--default .select2-selection--single:focus,
.toggle-menu i:focus,
.primary-navigation a:focus,
.woocommerce form .form-row input.input-text:focus,
#navbar-header a:focus,
textarea#comment:focus,
#navbar-header a:focus,
.woocommerce form .form-row textarea:focus,
.main-navigation .sub-menu > li > a:focus,
.search-box i:focus {
  outline: 1px solid #000;
  border-bottom: 1px solid #000 !important;
}
.top_headbar a:focus,
.footer-wp a:focus,
.footer-wp input:focus,
.copyright-wrapper a:focus,
.menubar .primary-navigation ul li a:focus,
a.closebtn.responsive-menu:focus {
  outline: 1px solid #fff;
  border-bottom: 1px solid #fff !important;
}
.footer-wp .tagcloud a:focus,
.footer-wp input[type="search"]:focus {
  outline: 2px solid #ffff00;
  border-bottom: 1px solid #000 !important;
}
p,
.wp-caption-text,
.wp-caption,
img,
body,
.sticky,
.gallery-caption,
.bypostauthor {
  margin: 0;
  padding: 0;
}
ul,
ol {
  margin: 0 0 0 15px;
  padding: 0;
}
input[type="submit"] {
  background-color: var(--first-theme-color);
  padding: 1%;
  border: 0;
  color: #fff;
  margin: 2% 0;
}
.content_box .pagination ul,
.pagination,
.clear,
#comments h2.comment-reply-title,
.comment-respond,
.metabox,
.content_box hr {
  clear: both;
}
input[type="submit"]:hover {
  cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="phno"],
textarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}
textarea {
  height: auto;
}
.center {
  text-align: center;
  margin-bottom: 40px;
}
.main-wrapper {
  margin: 20px auto;
  padding: 0;
}
.wp-caption {
  font-size: 13px;
  max-width: 100%;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: var(--first-theme-color);
}
/*css*/
form#commentform label,
.footer-wp .search-form label,
span.posted_in,
#slider img {
  display: block;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
  display: block !important;
}
select,
.footer-wp input[type="submit"],
#sidebar button,
.footer-wp button,
#sidebar input[type="submit"],
.widget_categories select,
#sidebar form,
.reply,
#comments ol li,
.fixed-header,
iframe,
.entry-audio audio,
.entry-video video,
.woocommerce-input-wrapper,
.woocommerce .woocommerce-product-search label {
  width: 100%;
}
#comments a time,
#sidebar h3 a.rsswidget,
#sidebar h3,
.primary-navigation a:hover,
.tags,
#comments a.comment-reply-link {
  color: #000;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce span.onsale,
.footer-wp .widget_price_filter .price_slider_amount,
.woocommerce-MyAccount-navigation ul li a,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination .current,
.footer-wp caption,
.copyright-wrapper a,
.footer-wp .rssSummary,
.footer-wp ul li,
.footer-wp p,
.footer-wp li a,
.footer-wp th,
.footer-wp td,
.footer-wp input[type="submit"]:hover,
.footer-wp td#prev a,
.footer-wp input[type="submit"],
#sidebar button,
.footer-wp button,
.frame,
a.button:hover,
a.button,
.widget_calendar tbody a,
#sidebar .tagcloud a:hover,
.footer-wp .tagcloud a:hover,
.footer-wp .wp-calendar-nav-prev a,
#sidebar input[type="submit"]:hover,
#sidebar input[type="submit"],
#comments a.comment-reply-link:hover,
#comments input[type="submit"].submit:hover,
#comments input[type="submit"].submit,
#comments a.comment-reply-link:hover,
.primary-navigation ul ul a,
.primary-navigation a,
#header .socialbox i,
.slide-button a:hover,
.slide-button a,
.footer-wp .textwidget p a,
#slider .inner_carousel h1,
#slider .inner_carousel,
.copyright-wrapper p {
  color: #fff;
}
.elementor-html .frame,
#scrollbutton,
.primary-navigation ul ul,
#navbar-header form.search-form,
#navbar-header .socialbox,
#navbar-header .construction-location,
#navbar-header .construction-time,
#navbar-header .construction-number,
#navbar-header span,
#navbar-header .socialbox,
.elementor-html .loader,
.toggle-menu,
a.closebtn,
#sidebar .woocommerce a.remove {
  display: none;
}
/*wide block*/
.new-text .alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.new-text .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 45px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
.main-container ol {
  list-style-position: outside;
  margin-left: 20px;
}
.main-container ol li {
  margin: 5px 0;
}
section {
  padding: 34px 0;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.content_box,
.single-product .background-img-skin {
  margin: 36px 0;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
  background: transparent;
}
#slider {
  background: #435061;
}
#slider img {
  opacity: 0.7;
  width: 100%;
  object-fit: cover;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}
#slider .inner_carousel h1 {
  font-size: 25px;
  font-weight: 600;
}
#slider .inner_carousel p {
  font-weight: normal;
  color: #dcdcdc;
}
#slider .inner_carousel {
  background: rgba(0, 0, 0, 0.6);
  padding: 7%;
}
#slider i {
  font-size: 35px;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
  left: 30%;
}
.slide-button a {
  background: var(--first-theme-color);
  font-size: 16px;
}
.slide-button a:hover {
  background: #435061 !important;
  border: 2px solid #435061;
}
.mainbox h3 a {
  color: #767676;
  font-size: 23px;
}
/*blog section*/
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.navigation .nav-previous {
  float: left;
  width: 45%;
  text-align: center;
}
.navigation .nav-next {
  float: right;
  text-align: right;
  width: 45%;
  text-align: center;
}
.nav-next,
.posts-navigation .nav-next {
  margin-top: 0;
}
.navigation .nav-previous, .navigation .nav-next {
  background-color: var(--first-theme-color);
  padding: 10px;
}
.navigation.posts-navigation a {
  color: #fff;
  padding: 10px;
  background: var(--first-theme-color);
}
.nav-previous a,
.nav-next a {
  color: #fff;
  width: 50%;
}
nav.navigation.post-navigation {
  float: none;
}
.content_box .inner-service {
  border: none;
}
.navigation{
  width: 100%;
  display: inline-block;
}
/* sticky post */
#blog_sec .sticky .mainbox-post h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
  padding: 10px 20px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 2px solid;
  background: #eeeeee !important;
  color: #435061 !important;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide {
  margin-left  : 0;
  margin-right : 0;
}
.inner-service.format-standard .new-text .alignfull {
  margin-left  : 0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 15px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_recent_comments, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
.footer-wp .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 700;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover, .footer-wp .widget_tag_cloud .tagcloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a, .footer-wp .widget_tag_cloud .tagcloud a{
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}
/*--------------header-------------*/
.top_headbar .socialbox {
  float: right;
}
.contact {
  font-size: 15px;
  color: #435061;
}
.contact a.call1 {
  color: var(--first-theme-color);
}
.contact a.call1:hover {
  color: #585858;
}
#header .contact p i,
#header .contact a i {
  font-size: 35px;
}
p.logged-in-as a,
#header .socialbox i:hover {
  color: var(--first-theme-color);
}
#header .top_headbar {
  font-size: 16px;
  background: url("images/header-bar.png") no-repeat;
  background-size: 100% 100%;
}
.logo a:hover {
  text-decoration: none;
}
#header .logo h1 a {
  font-size: 30px;
  color: #435061;
  font-weight: bold;
}
#header .logo p {
  font-size: 12px;
  color: #585858;
}
#header .logo .site-title a {
  font-size: 30px;
  color: #435061;
  font-weight: bold;
}
#header .header-top {
  background: #435061;
  color: #aaaaaa;
}
/* --------- MENUS CSS --------- */
.menu-brand .primary-navigation {
  background: var(--first-theme-color);
}
#navbar-header {
  display: inline;
}
.primary-navigation ul {
  list-style: none !important;
}
.primary-navigation li {
  display: inline-block;
  position: relative;
}
.primary-navigation a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 12px;
}
.primary-navigation ul ul {
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  top: 60px;
  margin: 0;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition: max-height 3s ease-in-out;
  -o-transition: max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 25%;
}
.primary-navigation ul ul a {
  padding: 13px;
  background: #111;
}
.primary-navigation ul ul a:hover,
.primary-navigation ul ul a:focus {
  background: var(--first-theme-color);
  color: #fff !important;
}
.primary-navigation ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-navigation ul ul li:last-child {
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul {
  display: block;
  max-height: 100%;
}
.primary-navigation .menu > ul > li.highlight {
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover {
  background: transparent;
}
/* --------- Homepage --------- */
section {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
}
.blog-section .section-title a {
  color: #435061;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 3px;
}
.blog-section .section-title a:hover {
  text-decoration: none;
}
.blog-section .button {
  margin: 0 18%;
  display: inline-block;
}
.layout3 .section-title a:after {
  text-align: left;
}
#sidebar .textwidget p a {
  color: var(--first-theme-color);
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 350px;
  padding: 10px;
  object-fit: cover;
  transition: all 0.4s ease;
}
.inner-service .feature-box img:hover{
  transform: translateY(-8px);
  box-shadow: 0 6px 30px rgba(0,0,0,0.25);
}
.gridbox .inner-service,
.related-inner-box,
.mainbox-post,
.layout2,
.layout1,
.post_format-post-format-video,
.post_format-post-format-image,
.post_format-post-format-audio,
.post_format-post-format-gallery {
  border: 2px solid #e6f0fa;
}
.gridbox .inner-service,
.layout2,
.layout1,
.post_format-post-format-video,
.post_format-post-format-image,
.post_format-post-format-audio,
.post_format-post-format-gallery {
  padding: 20px;
}
.nav-links {
  padding: 30px 0;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
  margin-left: -3px !important;
}
.inner-service {
  margin-bottom: 35px;
}
.gridbox .inner-service:hover,
.inner-service .mainbox:hover,
#sidebar aside:hover,
.related-inner-box:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.content_box .inner-service:hover {
  box-shadow: none;
}
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  color:#fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
}
.bradcrumbs a:hover{
  background: #435061;
  color:#fff;
}
.bradcrumbs span{
  background:var(--first-theme-color);
  color:#fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  background-color: var(--first-theme-color);
  color: #fff;
}
.single-post-page .category a:hover, .navigation .nav-previous:hover,.navigation .nav-next:hover{
  background: #435061;
  color:#fff;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: #000;
  margin-right: 5px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}
.navigation.post-navigation {
  margin-bottom: 20px;
}

/* Related Post */
.related-posts{
  display: inline-grid;
}
.related-inner-box {
  border: 1px solid #1a093f;
}
.related-inner-box h4 {
  font-size: 18px !important;
}
.related-inner-box h4 a:hover{
  color: var(--first-theme-color);
}
.tags {
  font-size: 15px;
}
.tags a {
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  text-shadow: none;
  padding: 5px 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  color: #fff;
  background: var(--first-theme-color);
}
.entry-content a,
.sidebar p a,
#comments p a,
.comment-meta.commentmetadata a {
  color: #333;
}
#comments p a:hover,
.comment-meta.commentmetadata a:hover {
  color: var(--first-theme-color);
}
.entry-content a,
.sidebar p a,
#comments p a,
.comment-meta.commentmetadata a,
.textwidget a,
.new-text a,
.woocommerce-product-details__short-description p a,
#tab-description p a,
.comment-body p a {
  text-decoration: underline;
}
.posted_in a {
  color: var(--first-theme-color);
}
.blog-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.blog-section h2 a {
  color: #000;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}

/* Comments BOX */
#comments h2.comments-title {
  font-size: 28px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
}
#comments ol {
  list-style: none;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  background: #f5f5f5;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  float: left;
}
#comments a.comment-reply-link {
  background: #cecece;
  padding: 5px 15px;
  text-decoration: none;
}
#comments h2.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  width: 100%;
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
}
#comments input[type="submit"].submit {
  background: #18304c;
  padding: 10px 50px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 0px;
  border: 1px solid #1c3248;
}
#comments input[type="submit"].submit:hover {
  color: rgb(28, 50, 72);
  background: transparent;
}
#comments a.comment-reply-link:hover {
  background: #0f77e9;
}
#comments a time {
  font-weight: bold;
  font-size: 12px;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
}
#comments input[type="submit"].submit {
  padding: 10px 50px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 0px;
  color: #fff;
  border: 2px solid var(--first-theme-color);
  background: var(--first-theme-color);
}
#comments input[type="submit"].submit:hover {
  background: #435061;
  color: #fff;
}
#comments a.comment-reply-link {
  color: #fff;
  background: #3890cb;
  padding: 5px 15px;
}
#comments a.comment-reply-link:hover {
  background: #435061;
}
#comments a time {
  color: #435061;
  font-weight: bold;
  font-size: 12px;
}
.content_box #comments ol li {
  width: 100%;
  background: none;
  list-style: none;
  margin: 0 0 20px;
  padding: 20px;
  background: #eee;
  display: inline-block;
}
.content_box #comments ul {
  margin: 0 0 0 40px;
}
#comments .reply {
  float: right;
}
#comments .comment-metadata {
  padding: 1% 0 0 0;
}
#comments p,
#comments .comment-content,
#comments .comment-metadata {
  width: 90%;
  float: left;
}
.content-blog .inner-service {
  border: none;
}
/*--------------- Sidebar -----------------*/
#sidebar, #content_box{
  padding-top: 25px;
}
#sidebar form {
  display: table;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label {
  font-size: 22px;
  color: #435061;
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar label.wp-block-search__label{
  margin: 0 0 15px 0;
  font-weight: bold;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 12px;
  border: solid 1px #e6f0fa;
  font-size: 15px;
  color: #000;
  width: 100%;
}
input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: solid 1px var(--first-theme-color);
  font-size: 15px;
  color: var(--first-theme-color);
}
#sidebar .search-form label .search-field {
  width: 100%;
  margin-bottom: 15px;
}
#sidebar .search-form label {
  width: 100%;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,
#sidebar .custom-about-us,
#sidebar .custom-contact-us {
  margin-bottom: 30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul {
  list-style: none;
  font-size: 17px;
  padding: 15px;
  margin: 0;
}
#sidebar ul ul {
  padding: 0;
}
#sidebar ul li a {
  color: #435061;
  line-height: 40px;
}
#sidebar ul li {
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover {
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a {
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .tagcloud a:hover{
  background: var(--first-theme-color);
}
#sidebar button:hover, #tag-cloud a:hover {
  background: var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before {
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2,
#sidebar .textwidget p,
#sidebar #calendar_wrap,
#sidebar .tagcloud,
#sidebar .calendar_wrap {
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox-post, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: auto;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
}
#sidebar form.search-form {
  display: table;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget_calendar td,
#sidebar .widget_calendar th,
#sidebar .widget.widget_calendar table {
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover {
  color: #000;
}
#sidebar .widget_calendar .calendar_wrap table, .footer-wp .widget_calendar .calendar_wrap table{
  width: 100%;
}
/* Page */
.cat-box {
  font-style: italic;
  font-weight: bold;
}
.cat-box ul.post-categories {
  display: inline-block;
  list-style: none;
}
.cat-box ul.post-categories a {
  color: #525151;
  font-size: 15px;
}
.cat-box ul.post-categories a:hover {
  color: var(--first-theme-color);
}
.post-categories li {
  display: inline-block;
  margin: 12px 0px;
}
.inner-service i {
  font-size: 16px;
  margin-right: 5px;
}
.metabox i,
.metabox span,
.metabox span a {
  font-size: 15px;
}
.date-box a,
.metabox i,
.metabox span,
.metabox span a {
  color: #435061;
}
.cat-box ul {
  margin: 0;
}
span.entry-date:hover a,
.entry-date:hover i,
span.entry-author:hover a,
span.entry-author:hover i,
.date-box:hover a,
.date-box:hover i,
.metabox i:hover,
.cat-box:hover i,
.cat-box:hover a {
  color: var(--first-theme-color);
}
.feature-box img {
  width: auto;
}
.content_box ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 10px 0 0;
  font-size: 16px;
}
.content_box ul li ul li {
  list-style-type: circle;
}
.content_box ol {
  list-style: none;
  margin: 0 0 0 0px;
  padding: 10px 0 0 0;
  font-size: 16px;
  counter-reset: myCounter;
}
.content_box ol li {
  list-style-type: circle;
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
}
.content_box ol li ol li {
  margin: 0 0 20px 0;
  padding: 0 0 0 5px;
}
.content_box h5 {
  margin: 0 0 15px;
  font-size: 18px;
  padding: 0;
}
a.button {
  border: 2px solid var(--first-theme-color);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  background: var(--first-theme-color);
  border-radius: 0;
}
a.button:hover,
#sidebar button:hover {
  background: #435061;
}
span.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: #000;
  z-index: 9999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  background: #fff;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%,
  70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-1 {
  0%,
  70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%,
  40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%,
  40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%,
  10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%,
  10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton i {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  border: solid 2px var(--first-theme-color);
  color: #fff;
  z-index: 9999;
  background: var(--first-theme-color);
  text-shadow: 1px 1px 2px;
  box-shadow: inset 0px 0px 0px var(--first-theme-color), 0px 5px 0px 0px #1c3d87,
    0px 5px 4px #000;
  width: 52px;
  height: 50px;
  line-height: 27px;
}
.left i {
  left: 55px;
  right: auto !important;
}
.center i {
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var(--first-theme-color);
  font-size: 15px;
  font-weight: bold;
}
.copyright-wrapper a {
  margin: 0;
}
.footer-wp {
  background: #20262f;
}
.footer-wp h3, .footer-wp .widget_block .wp-block-heading {
  text-align: left;
  font-size: 30px;
  margin: 0 0 10px 0;
  border-bottom: 2px solid var(--first-theme-color);
  padding: 0 0 12px 0;
  letter-spacing: 2px;
  font-weight: bold;
  color: var(--first-theme-color);
}
.footer-wp input[type="search"] {
  width: 100%;
  padding: 8px 5%;
}
.footer-wp input[type="submit"],
#sidebar button,
.footer-wp button {
  padding: 10px;
  float: none;
  border: none;
  background: var(--first-theme-color);
  border-radius: 0;
  font-size: 18px;
}
#sidebar button,
.footer-wp button {
  margin-top: 0;
}
.footer-wp input[type="submit"]:hover {
  background: #435061;
  border: 2px solid #435061;
}
.footer-wp caption {
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  padding-left: 0;
  margin-bottom: 0;
  letter-spacing: 2px;
}
ul.product_list_widget .star-rating {
  margin: 5px 0 !important;
}
#sidebar ul.product_list_widget li a {
  line-height: 20px;
  padding: 0;
}
#sidebar ul.product_list_widget li {
  padding-left: 20px !important;
}
.footer-wp table,
.footer-wp th,
.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
  padding: 10px;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 17px;
}
.footer-wp li a:hover {
  color: var(--first-theme-color);
}
.footer-wp ul li,
.footer-wp .widget_rating_filter .widget_rating_filter ul li {
  list-style: none;
  padding: 5px 0;
  display: flex;
}
.footer-wp ul,
.widget.woocommerce span.star-rating {
  margin: 0 !important;
}
.footer-wp .widget {
  margin: 5% 0;
}
/* Pagination */
.pagination {
  position: relative;
  font-size: 15px;
  line-height: 13px;
  float: right;
  font-weight: bold;
  width: 100%;
}
.pagination span,
.pagination a, 
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span {
  padding: 18px;
  display: block;
  float: left;
  margin: 3px 8px 3px 0;
  text-decoration: none;
  width: auto;
  background: rgb(233 233 233 / 78%);
  color: #435061;
  background: #dedede;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  font-weight: bold;
}
.pagination a:hover, .page-links a:hover {
  color: #fff;
  background: var(--first-theme-color);
}
.pagination .current, .page-links .post-page-numbers.current span {
  background: var(--first-theme-color);
  font-weight: bold;
  color: #fff;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 12px 15px;
}
.page-links{
  padding-bottom: 30px;
}
.content_box .pagination ul li,
.content_box .pagination ul {
  margin: 0;
}
.pagination {
  display: table;
  padding: 20px 0px;
}
.pagination ul {
  list-style: none;
  margin: 20px 0;
}
.pagination ul li {
  display: inline;
  float: left;
  margin-right: 5px;
}
.pagination ul li span,
.pagination ul li a {
  background: #222222;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}
.pagination ul li .current,
.pagination ul li a:hover {
  background: #ff8a00;
}
h1.page-title,
h1.search-title {
  font-size: 40px;
  text-transform: uppercase;
  color: #435061;
  font-weight: bold;
  margin-bottom: 20px;
}
h1.entry-title {
  padding: 10px;
  font-size: 25px;
  text-transform: uppercase;
  color: #435061;
  border: solid 1px #bbb;
  text-align: left;
  font-weight: bold;
}
article img {
  height: auto;
}
article p {
  margin: 10px 0;
}
form.search-form {
  margin-bottom: 0px;
}
input.search-field,
.post-password-form input[type="password"] {
  border: 1px #eee solid;
  padding: 10px 20px;
}
input.search-submit,
.post-password-form input[type="submit"] {
  border: none;
  color: #ffffff;
  padding: 10px 20px;
  cursor: pointer;
}
.comment-list,
ol.comment-list {
  list-style: none;
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.comment-list ul,
ol.comment-list ul {
  list-style: none;
}
.comment-list li.comment {
  margin-top: 20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6 {
  margin-top: 15px;
}
.wpcf7-form p {
  color: #222222;
}
/* Woocommerce */
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0px !important;
}
.woocommerce .select2-container .select2-selection--single {
  height: 40px;
}
.woocommerce
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 70%;
}
.woocommerce form.woocommerce-form-login.login {
  display: inline-block;
}
.woocommerce form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #435061;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var(--first-theme-color);
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  padding: 10px 0;
  font-size: 18px;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 10px;
  line-height: 1;
}
.star-rating {
  margin: 0 auto 8px !important;
}
.woocommerce div.product form.cart {
  margin: 20px 0;
}
.woocommerce span.onsale {
  background: var(--first-theme-color);
  padding: 0;
}
.products li {
  border: solid 2px #dcdcdc;
  padding: 10px;
  text-align: center;
}
.related .products li {
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #435061;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 0.857em;
  margin: 0 auto;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #435061;
}
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-bottom: 5px;
  border: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px;
}
.woocommerce-Price-amount.amount {
  font-size: 15px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce a.added_to_cart  {
  background: var(--first-theme-color);
  border-radius: 0;
  padding: 13px;
  text-transform: capitalize;
}
.woocommerce a.added_to_cart {
  margin-left: 5px;
  padding: 10px;
  color: #fff;
  font-weight: 700;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3ced2;
  padding: 11px 6px 5px;
  margin: 0 4px 0 0;
  outline: 0;
}
#main {
  margin-top: 14px;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce-message {
  border-top-color: var(--first-theme-color);
}
.woocommerce-message::before {
  content: "\e015";
  color: var(--first-theme-color);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #435061;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px #435061;
  color: #435061;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  padding: 10px;
  line-height: normal;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: var(--first-theme-color);
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  padding: 10px;
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce-info {
  border-top-color: #1e85be;
}
.woocommerce-info a,
td.product-name a,
a.shipping-calculator-button {
  color: var(--first-theme-color);
}
.woocommerce form .form-row .required {
  color: #b40505;
}
.woocommerce-privacy-policy-text a {
  color: #0b5178;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #fff;
}
.woocommerce .woocommerce-ordering {
  margin: 10px 0 1em;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb {
  color: #585858;
}
.woocommerce-MyAccount-content p a,
.woocommerce-info a,
tr.woocommerce-cart-form__cart-item.cart_item a,
form.woocommerce-shipping-calculator a {
  text-decoration: underline;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--first-theme-color);
}
nav.woocommerce-MyAccount-navigation a{
  text-decoration: none;
}
.woocommerce-MyAccount-content .woocommerce-Address-title.title a{
  background: var(--first-theme-color);
  color: #ffffff;
  text-decoration: none;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  float: left !important;
  margin-bottom: 15px;

}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #111;
}
.woocommerce .posted_in{
  font-weight: 600;
}
.woocommerce .posted_in a{
  background: var(--first-theme-color);
  color: #ffffff;
  padding: 5px 10px;
  text-decoration: none;
}
.woocommerce ul.product_list_widget li img {
  width: 50px;
  margin-bottom: 8px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  font-size: 11px;
}
.woocommerce .coupon button.button {
  padding: 10px;
}
#sidebar .woocommerce .star-rating,
.footer-wp .woocommerce .star-rating,
.woocommerce #customer_login h2 {
  margin: 0;
}
#sidebar .woocommerce .product-title,
.footer-wp .woocommerce .product-title {
  font-size: 18px;
}
.woocommerce #comments ol li,
.woocommerce ul.product_list_widget li {
  padding: 0px !important;
}
.woocommerce .star-rating {
  float: left;
}
.woocommerce .woocommerce-product-rating {
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a {
  padding-left: 10px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 2em !important;
}
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: #435061;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  max-width: 22% !important;
  flex: 1 0 25% !important; 
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  margin: 0 3% 2.992em 0;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: var(--first-theme-color);
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #435061 !important;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: 400;
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color) !important;
  border-color: var(--first-theme-color) !important;
  color: #fff !important;
  padding: 10px 7px !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  margin: -0.5em -0.5em 0 0 !important;
  text-transform: capitalize !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
/*responsive menu*/
@media screen and (max-width: 720px) {
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  #slider .carousel-caption {
    top: 45%;
    left: 15% !important;
    right: 15% !important;
    padding: 0;
  }
  #header .top_headbar {
    background: #435061;
  }
  .pagination {
    float: none;
  }
  .blog-section .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
  .home .inner-service {
    margin: 20px 0 0 0;
    min-height: auto;
  }
  .blog-section .new-line {
    padding-bottom: 5px;
    font-size: 26px;
    width: 60%;
    font-style: oblique;
  }
  #sidebar {
    clear: both;
  }
  #slider .carousel-caption {
    left: 10%;
    right: 10%;
  }
  #slider .inner_carousel{
    padding: 2%;
  }
  .slide-button{
    margin-top: 15px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px) {
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #sidebar td,
  #sidebar th {
    padding: 0px;
  }
  .woocommerce ul.product_list_widget li img {
    width: 40px;
  }
  .related .products li {
    width: 46% !important;
    margin-right: 15px !important;
  }
  #header .top_headbar {
    background: #435061;
    background-image: none;
  }
  #slider .carousel-caption {
    top: 42%;
  }
  .footer-wp td,
  .footer-wp th {
    padding: 2px;
  }
  #slider img {
    height: auto !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 47% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width: 375px){
  #slider .inner_carousel h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .new-text .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 33% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 1000px) {
  #header {
    position: relative;
    border-bottom: 1px solid #000;
  }
  #navbar-header form.search-form,
  .search-form,
  #search,
  .page-template-custom-front-page #header {
    display: block;
  }
  .topbar span,
  .topbar .socialbox,
  #slider .carousel-caption p,
  .contact,
  #header .top_headbar,
  .search-box {
    display: none;
  }
  #navbar-header .socialbox:last-child {
    border-bottom: none;
  }
  #navbar-header .socialbox i {
    color: #fff;
  }
  #navbar-header input[type="submit"] {
    padding: 10px 3px;
    text-indent: -9999px;
    z-index: 999;
    background: url(images/search.png) no-repeat 0 10px;
    width: 10%;
    margin: 0;
  }
  #navbar-header form.search-form label {
    margin: 0;
    width: 80%;
  }
  #navbar-header input.search-field {
    padding: 10px;
    background: transparent;
    border: none;
  }
  .primary-navigation ul ul a:focus {
    background: transparent !important;
  }
  .toggle-menu {
    display: none;
    /* position: absolute; */
    right: 30px;
    cursor: pointer;
    top: 5px;
    margin-left: 10px !important;
  }
  #slider img {
    height: unset !important;
  }
  .toggle-menu i {
    font-size: 32px;
    margin-right: 5px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #252525;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand.show {
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20px;
    display: block;
    border: none;
    background: transparent;
  }
  .fa-times:before {
    margin-left: 5px;
  }
  .toggle-menu i,
  .menu-brand .closebtn,
  .primary-navigation a,
  .search-box i,
  .primary-navigation ul ul a,
  #navbar-header i.fas.fa-times {
    color: #000;
  }
  .fixed-header .toggle-menu,
  .menu-brand #site-navigation,
  #navbar-header input.search-field,
  .primary-navigation ul ul {
    width: 100%;
  }
  .toggle-menu span {
    font-size: 30px;
    cursor: pointer;
  }
  .menubar .primary-navigation ul li {
    border-top: 1px #303030 solid;
    display: block;
  }
  .primary-navigation ul li a {
    padding: 17px;
    display: block;
    border: none;
    background-color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    text-align: left;
  }
  .primary-navigation ul ul li,
  .toggle-menu,
  .primary-navigation ul li ul,
  .primary-navigation ul li ul ul {
    display: block !important;
  }
  .primary-navigation ul li ul li a:before {
    content: "__";
    padding-right: 6px;
    position: relative;
    top: -4px;
  }
  .primary-navigation ul li ul li ul li a {
    padding-left: 15px !important;
  }
  .primary-navigation ul ul ul {
    padding: 0 20px;
  }
  .primary-navigation ul li ul,
  .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul {
    position: static;
  }
  .primary-navigation ul ul a:hover,
  .primary-navigation ul ul a:focus {
    color: #000 !important;
    background-color: #fff;
  }
  .primary-navigation li {
    padding: 0;
  }
  #navbar-header {
    display: inline;
    background-color: #fff;
    box-shadow: 0px 0px 12px #333;
  }
  .primary-navigation ul {
    display: grid;
  }
  .primary-navigation ul ul,
  .primary-navigation .current_page_item > a,
  .primary-navigation .current-menu-item > a,
  .primary-navigation .current_page_ancestor > a,
  .main-menu-navigation {
    background: #fff !important;
  }
  .toggle-menu.responsive-menu a:focus {
    outline: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
  }
  #navbar-header .socialbox,
  #navbar-header .construction-location,
  #navbar-header .construction-time,
  #navbar-header .construction-number,
  #navbar-header form.search-form {
    display: block;
    border-bottom: 1px solid #eee;
  }
  #navbar-header .socialbox,
  #navbar-header .construction-location,
  #navbar-header .construction-time,
  #navbar-header .construction-number {
    padding: 10px;
    font-size: 14px;
  }
  #navbar-header .socialbox {
    background: #435061;
  }
  #scrollbutton.left i {
    left: 15px;
  }
  #scrollbutton.center i {
    left: 42%;
    right: 50%;
  }
  .fixed-header .toggle-menu {
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
  }
  .fixed-header .toggle-menu i {
    padding: 10px;
  }
  #navbar-header p i {
    margin-top: 5px;
    font-size: 35px;
  }
  .menu-brand a.call1 {
    color: #585858 !important;
  }
}
@media screen and (max-width: 425px) and (min-width: 320px) {
  #header .logo {
    float: left;
    width: 90%;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100% !important;
    float: none !important;
  }
  #slider img {
    height: 170px !important;
  }
  #scrollbutton i {
    bottom: 85px;
  }
}
#sidebar-footer .footer_hide #search{
  display: block !important;
}
.f_para {
  color: var(--first-theme-color) !important;
}
.about-box h2 {
  color: var(--first-theme-color) !important;
}
/* Sticky copyright base */
.sticky-copyright {
    width: 100%;
    transition: all 0.3s ease;
}
.fixed-copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    z-index: 999999;
}
.close-sticky {
    position: static;
}
.footer-wp {
    padding-bottom: 40px !important; 
}
/* Progress Bar */
#construction_realestate_elemento_progress_bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: var(--first-theme-color);
  z-index: 99999;
}
/* Admin bar fix */
.admin-bar #construction_realestate_elemento_progress_bar {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar #construction_realestate_elemento_progress_bar {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar #construction_realestate_elemento_progress_bar {
    top: 0;
  }
}
/* Product card hover effect */
.woocommerce ul.products li.product{
    overflow: visible;
}
.woocommerce ul.products li.product a{
    display: block;
}
.woocommerce ul.products li.product a:has(img){
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product a img{
    display: block;
    width: 100%;
    transition: transform 0.4s ease;
}
.woocommerce ul.products li.product a:hover img{
    transform: scale(1.1);
}