/*-----------------------------------------------------------------------------------
	
	Theme Name: Sarkagency
	Theme URI: https://sarksagency.com/
	Description: Premium WordPress Theme for Sarksagency
	Author: Roșca Grigore
	Author URI: https://semseo.md/
	Version: 999.0
	Tags: sarkagency
	Text Domain: grosca
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
-----------------------------------------------------------------------------------*/

/* No Padding */
.no-pad {
	padding: 0;
}

/* Image Responsive */
.img-responsive {
	display: block;
	width: 100%;
	height: auto;
}

/* Side Image on Sections */
.side-image .image-container.pull-right {
	right: 0;
}

.side-image {
	padding: 0;
	position: relative;
}

.side-image .image-container {
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
}

.left-align {
    text-align: left;	
}

.center-align {
    text-align: center;	
}

.right-align {
    text-align: right;	
}

.margin-from-top {
    margin-top: 105px !important;	
}

@media screen and (max-width: 1200px) {
	
    .margin-from-top {
        margin-top: 85px !important;		
    }
	
}

.margin-from-bottom {
    margin-bottom: 100px !important;	
}

@media screen and (min-width: 599px) {
	
    .padding-from-right {
        padding-right: 50px;	
    }
	
}

@media screen and (max-width: 599px) {
	
    .padding-from-right {
        padding-right: 15px;	
    }
	
}

.entry-content img, 
.entry-summary img, 
.comment-content img[height], 
img[class*="align"], 
img[class*="wp-image-"], 
img[class*="attachment-"] {
    height: auto;
	max-width: 100%;
}
 
 /* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 0 15px 0px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.bypostauthor {
	padding: 0;
    color: #000;
    margin-top: 10px;
    line-height: 1.7em;
}

.gallery-caption {
	font-family: 'Roboto', sans-serif;
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.wp-caption-text {
    font-family: 'Roboto', sans-serif;
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sticky .post_title {
    color: #2a6496;	
	font-weight: 600;
}


/* Customer Styles */

/* Header Navigation */
.container-header .left-side {
	width: auto;
}

/* Language Selector */
.show-lang span strong {
	text-transform: uppercase;
}

/* Header Logo*/
#logo img {
	margin-top: -10px;
}

/* Footer Navigation - remove dotted lines */
.first-footer .navigation ul li {
	border-bottom: none;
}

/* Footer Logo*/
.top-footer .netabout img.footer-logo {
	background: #fff;
    padding: 20px;
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100px;
    text-align: center;
    border-radius: 5px;
}

/* Real Estate Filters */
.filter-wrapper .nice-select,
.filter-wrapper .nice-select ul.list{
	width: 100%;
}

/* Area */
.area-wrapper label {
	width: 100%;
}

.area-wrapper input {
	width: 49%;
	border: 1px solid #ebebeb;
	background: #fff;
	margin: 0px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
	box-shadow: none;
    color: #757575;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

/* Price */
.price-wrapper label {
	width: 100%;
}

.price-wrapper input {
	width: 49%;
	border: 1px solid #ebebeb;
	background: #fff;
	margin: 0px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
	box-shadow: none;
    color: #757575;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

#filterReset {
	background: #FF385C;
    color: #fff;
    border-radius: 8px;
    height: 40px;
    line-height: 1;
    border: 1px solid #FF385C;
    cursor: pointer;
    margin-left: 7px;
    margin-top: 15px;
}

/* Grosca Backet */
.grosca-basket {
	position: relative;
    top: 20px;
	margin-right: 0px;
}

.grosca-basket a { 
	text-decoration: none;
	color: #666;
}

.grosca-basket a i { 
	font-size: 22px;
    margin-right: 5px;
    vertical-align: bottom;
}

body.homepage-9.hp-6.homepage-1 .grosca-basket a { 
	color: #666;
}

body.homepage-9.hp-6.homepage-1 #header.cloned.sticky .grosca-basket a {
	color: #707070;
}

/* Random Real Estate */
.similar-property .project-single .footer img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.similar-property .project-single .footer span {
    margin-top: 12px;
}

/* Mega Menu */
#navigation,
#navigation ul#responsive {
	position: initial;
}

#navigation li.enabe-megamenu {
    position: initial;
}

#navigation li.enabe-megamenu ul.submenu {
	position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 20px;
    margin: 0;
}

.megamenu-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Mega Menu First Type Column */
.megamenu-content .first-col h3 {
	font-size: 32px;
    color: #222
}

.megamenu-content .first-col p {
	font-size: 15px;
	line-height: 26px;
	color: #666;
}

.megamenu-content .first-col a {
    background: #274abb;
    border: 1px solid #274abb;
    border-radius: 0.3rem;
    font-weight: 400;
	text-align: center;
    vertical-align: middle;
	width: max-content;
}

.megamenu-content .first-col a:after {
	display: none;
}

.megamenu-content .first-col a:hover {
	opacity: 0.9;
}

/* Mega Menu Second Type Column */
.megamenu-content .second-col h3 {
	font-size: 22px;
    color: #222
}

.megamenu-content .second-col .menu-items {
	margin-top: 20px;
}

.megamenu-content .second-col .menu-items a {
	border-top: 1px solid #707070;
}

.megamenu-content .second-col .menu-items a:after {
	content: '\f105' !important;
}

/* Mobile Mega Menu */
nav.mmenu-init .mm-panels .mm-panel .megamenu-content .first-col,
nav.mmenu-init .mm-panels .mm-panel .megamenu-content .second-col {
	margin-bottom: 30px;
}

/* Mega Menu First Type Column */
nav.mmenu-init .mm-panels .mm-panel .megamenu-content .first-col h3,
nav.mmenu-init .mm-panels .mm-panel .megamenu-content .first-col p {
	color: #fff;
}

nav.mmenu-init .mm-panels .mm-panel .megamenu-content .first-col a {
	display: block;
}

nav.mmenu-init .mm-panels .mm-panel .megamenu-content .first-col a:hover {
	opacity: 0.9;
}

/* Mega Menu Second Type Column */
nav.mmenu-init .mm-panels .mm-panel .megamenu-content .second-col h3 {
	color: #fff;
}

nav.mmenu-init .mm-panels .mm-panel .megamenu-content .second-col .menu-items a {
	display: block;
	color: #fff;
}

nav.mmenu-init .mm-panels .mm-panel .megamenu-content .second-col .menu-items a:after {
	content: '\f105' !important;
	font-family: "FontAwesome";
	padding-left: 7px;
}

/* Customer Styles */
.inner-pages .headings h2 a:hover {
	color: #274abb !important;
}

.inner-pages.homepage-4 .go-up {
	background: #274abb !important;
}

.page-link:hover {
	background: #274abb !important;
}

.inner-pages.hp-6.full .dropdown-filter span::after {
	color: #274abb !important;
}

.inner-pages.hp-6.full .btn.btn-yellow:hover {
	color: #274abb !important;
}

.inner-pages .checkboxes input[type=checkbox]:checked + label:before {
	background-color: #274abb !important;
}

.inner-pages.hp-6.full .parallax-searchs .form-group .nice-select:hover {
	color: #274abb !important;
}

#filterReset {
	background: #274abb !important;
	border: 1px solid #274abb !important;
}

.inner-pages.homepage-4 .first-footer .navigation h3::after {
	background: #274abb !important;
}

.homepage-4 .portfolio .homes-content h3 a:hover {
	color: #274abb !important;
}

.similar-property h5:after,
.wprt-image-video.w50.pro h5:after {
	color: #274abb !important;
	background-color: #274abb !important;
}

.inner-pages .headings-2 span.category-tag {
	background: #274abb !important;
}

.inner-pages .headings-2 .listing-title-bar h4 {
	color: #274abb !important;
}

.sidebar-widget .author__contact li span i {
	color: #274abb !important;
}

.listing-details-sliders .left,
.listing-details-sliders .right {
	background: #274abb !important;
}

.listing-details-sliders i.fa {
	color: #fff !important;
}

.agent-contact-form-sidebar .multiple-send-message {
	background-color: #274abb !important;
}

.services-home a.text-base:hover {
	color: #274abb !important;
}

.inner-pages .blog-section .news-item a:hover h3 {
	color: #274abb !important;
}

.inner-pages .blog-section .news-link {
	color: #274abb !important;
}

.swiper-button-prev.swiper-button-white, 
.swiper-button-next.swiper-button-white {
	background-color: #274abb !important;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #274abb !important;
}

.inner-pages .recent-post ul li a:hover {
	color: #274abb !important;
}

.shop p.recent-price {
	color: #274abb !important;
}

.shop .btn1 {
	background: #274abb;
    border: 1px solid #274abb !important;
}

.shop .btn1:hover {
	color: #274abb;
}

.mfp-arrow.mfp-arrow-right:before,
.mfp-arrow.mfp-arrow-left:before {
	display: none;
}

.mfp-arrow-left:after {
	margin-left: 17px;
    margin-top: 12px;
}

.mfp-arrow-right:after {
	margin-left: 25px;
    margin-top: 12px;
}

/* Content Adapter */

.page-content {
    font-size: 16px;
    color: #666;
}

.page-content p {
	margin-bottom: 10px !important;
}

.page-content img {
	width: auto;
	max-width: 100%;
}

.page-content ul {
    list-style-type: disc;
}

.page-content a {
    color: #274abb;
	text-decoration: underline;
}

/*added by Anatol */
.services-home .row {
  display: flex;
  flex-wrap: wrap;
}

.services-home .col-lg-4 {
  display: flex;
}

.services-home .service {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.how-it-works .row.service-1 {
  display: flex;
  flex-wrap: wrap;
}

.how-it-works .col-lg-3 {
  display: flex;
}

.how-it-works .serv-flex {
  display: flex;
  flex-direction: column;
  width: 100%;
}


row.ajaxed-estates {
  align-items: stretch;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes {
  display: flex;
  flex-direction: column;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes .project-single {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes .project-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes .project-head {
  height: 230px;
  overflow: hidden;
  flex-shrink: 0;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes .project-head img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

.item.col-lg-4.col-md-6.col-xs-12.landscapes .homes-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}





/* Центрирование основного изображения в карусели */
#listingDetailsSlider .carousel-item {
    text-align: center;
    background-color: #ffffff;
}

#listingDetailsSlider .carousel-item img {
    margin: 0 auto;
    display: block;
    height: 500px; /* Фиксируем высоту */
    width: 100% !important; /* На всю ширину */
    object-fit: cover !important; /* Обрезаем края, чтобы заполнить прямоугольник */
}

/* Просмотр всех миниатюр в виде сетки (с переносом строк) */
.carousel-indicators.smail-listing {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap !important;
	  
    position: relative;
    margin-top: 15px;
    padding: 0 !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.carousel-indicators.smail-listing > li {
    box-sizing: border-box !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    margin-bottom: 10px !important; 
    padding-left: 5px !important;   
    padding-right: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.carousel-indicators.smail-listing > li img {
    height: 90px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Кнопки переключения слайдера по краям */
.listing-details-sliders .left {
    left: 10px !important;
}
.listing-details-sliders .right {
    right: 10px !important;
}

/* Фиксированная высота изображения в карточках портфолио */
.news-img-link {
  display: block;
  height: 220px; /* подберите нужную высоту */
  overflow: hidden;
  background-color: #d0c8d0; /* цвет-заглушка если нет фото */
}

.news-img-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* for slider full screen */
/* Lightbox overlay */
.lightbox-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lightbox-overlay.active {
  display: flex;
}

.lightbox-overlay img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
}

.lightbox-close {
  position: fixed;
  top: 20px; right: 30px;
  color: white;
  font-size: 40px;
  cursor: pointer;
  z-index: 100000;
}

/* Курсор на главном фото */
#listingDetailsSlider .img-fluid {
  cursor: zoom-in;
}

/* скрыть корзину */
.grosca-basket {
  display: none !important;
}
