/*
Theme Name: DesignMe.ro Child
Theme URI: http://DesignMe.ro
Author: DesignMe.ro
Author URI: http://www.DesignMe.ro/
Description: DesignMe.ro
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: DesignMe
Text Domain: designme

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
.has-social-share .b-single .entry-content {
    max-width: inherit !important;
}

body .wrapper-outer>.wrapper>.header-outer ~ div .single .container {
    max-width: 1430px !important;
}
#bottom-bar{ height: 90px;    margin-top: -65px;  z-index: 9999;  position: relative;}
.social {margin-right:15px; color:#788aa3; font-size: 17px; letter-spacing: 1px;}
.social a{color:#788aa3;font-size: 14px;}
.social i {font-size:25px;}
.facebook i, .fa-facebook {color:#4267b2 !important;}
.fa-twitter {color:#1DA1F2 !important;}
.fa-google-plus {color:#d34836 !important;}
.fa-pinterest {color:#c8232c !important;}
.vc_custom_1568306535521{padding: 25px 5% !important;}
.site-title h1, .breadcrumbs li, .breadcrumbs a {  color: #fff;}

.whatsapp i{color:#25d366;}
.instagram i { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text;   background-clip: text; -webkit-text-fill-color: transparent;}
.vc_progress_bar .vc_single_bar .vc_label {  padding: 0 !important; text-align: center; color: #fff;}
.vc_progress_bar .vc_single_bar{background-color: rgba(22, 45, 76, 0.5) !important;    border: 1px solid #fff;}
.vc_progress_bar .vc_single_bar .vc_bar { background-color: rgba(146, 128, 64, 0.8) !important;}
.border-buton{border-bottom: 1px solid #fff;  padding: 10px 0;  width: max-content;  margin: 0 auto; z-index:999; position:relative;}
.link-black  { background: rgb(18,17,36);
background: linear-gradient(0deg, rgba(18,17,36,0.4962359943977591) 0%, rgba(18,17,36,0) 45%, rgba(2,0,36,0) 78%, rgba(2,0,36,0) 100%);position: absolute;  top: 3px; left: 2px;  width: calc(100% - 5px);  height: calc(100% - 5px);  z-index: -1;  text-align: center;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.link-mare a {  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;   padding: 45px 0 0 0;}
.link-mare a:hover{background:rgba(0,0,0,0.5)}
#hotspot-472 .hotspots-image-container, 
#hotspot-472 .leaflet-container, 
#hotspot-531 .leaflet-container, 
#hotspot-529 .hotspots-image-container, 
#hotspot-529 .leaflet-container, 
#hotspot-527 .leaflet-container, 
#hotspot-527 .hotspots-image-container, 
#hotspot-524 .leaflet-container, 
#hotspot-524 .hotspots-image-container, 
#hotspot-531 .hotspots-image-container,
#hotspot-533 .hotspots-image-container, 
#hotspot-533 .leaflet-container, 
#hotspot-535 .hotspots-image-container, 
#hotspot-535 .leaflet-container{  background: transparent !important;}

path[class="hotspot-vandut"] {background:#000 !important; color:#000 !important;fill: #000;content:'VANDUT';
    fill-opacity: 1;}
.hotspot-vandut{ fill: #08293e !important;fill-opacity: 0.5 !important;}
.hotspot-vandut:after{content:'VANDUT'; width:30px; height:30px; float:left; position:relative; display:inline-flex;}
.leaflet-pane>svg path[class^='-vandut']{fill: #000 !important; 
    fill-opacity: 0.61;
    stroke: #000 !important;
    stroke-opacity: 0.01;}

.mic{font-size:10px;}


#familii .vc_pie_chart_value:after{    content: 'familii fericite';  font-size: 20px;  clear: both;  width: 100%;  display: block;  line-height: 0px;}
#familii .vc_pie_chart_value {      font-size: 75px !important;  line-height: 80px !important; color:#d4ae6e; padding-top: 48px;}
#mp .vc_pie_chart_value:before{    content: 'peste';  font-size: 20px;  clear: both;  width: 100%;  display: block;  line-height: 0px;}
#mp .vc_pie_chart_value:after{    content: 'metri pătrați';  font-size: 20px;  clear: both;  width: 100%;  display: block;  line-height: 0px;}
#mp .vc_pie_chart_value {      font-size: 58px !important;  line-height: 80px !important; color:#d4ae6e; padding-top: 58px;}

.hr-center hr{width: 25%; border: 2px solid #000;  margin-top: 30px;}
.hr-left hr{    width: 30%; float: left;  border: 2px solid #000;  margin-top: 30px;}
.hr-left-alb { width: 30%;  float: left;  clear: both;  height: 5px;  background: #fff; margin: 30px 70% 30px 0 !important;}
.social-share {  z-index: 9999;}

.vc_grid .vc_gitem-link { font-weight: 700;  font-size: 19px;	color: #d4ae6e !important;}
.vc_gitem-zone hr{width:40%; border:1.5px solid #000;}
.pret-slider{font-weight: 700;  font-size: 20px;   color: #000;}
.pret-slider:after{content:' €'}
.fara-tva{font-size:10px;}

.suprafata, .camere, .baie, .balcon, .vedere, .locatie {
    background: url(https://stardevelopment.ro/wp-content/uploads/2019/08/icon-detalii_09_09.png) no-repeat;  width: 100%;  padding-left: 25px;  height: 20px;  float: left;  color: #000;  display: block;  font-size: 11px;   position: relative;margin-bottom:5px;margin-left: 20px;
}
.suprafata{background-position: -2px -63px;}
.camere{background-position: -3px 3px;}
.baie{background-position: -3px -19px;}
.balcon{background-position: -3px -88px;}
.vedere{background-position: -2px -43px;}
.single .vedere{width:200px;}
.locatie{background-position: -2px -115px;}
.pret{font-weight: 700; font-size: 22px; background: #d4ae6e; padding: 5px; text-align: center;  color: #fff;}

.suprafata:after{content:' mp'}
.camere:before{content:'Camere: '}
.baie:before{content:'Băi: '}
.balcon:after{content:' mp'}
.pret:after{content:' €'}
.scara:before{content:'Scara '}
.etaj:before{content:'Etaj  '}
.social-share li a { font-size: 18px;background: #fff;}
#icon-sound {  background: #788aa3;
}

.scara, .etaj{    float: left;  width: 50%;  font-weight: 700;  font-size: 18px;  margin-top: 7px;}

.disponibil{    display: block; background: url(https://stardevelopment.ro/wp-content/uploads/2019/09/tag-disponibil.png) no-repeat center left;  align-content: normal;   width: 117px;  text-align: center;  color: #fff;  float: right;  position: relative;  font-weight: 700;   padding: 17px 12px 17px 36px;}
.vandut{    display: block; background: url(https://stardevelopment.ro/wp-content/uploads/2019/09/tag-vandut.png) no-repeat center left;  align-content: normal;   width: 97px;  text-align: center;  color: #fff;  float: right;  position: relative;  font-weight: 700;   padding: 17px 12px 17px 36px;}
.vandut:empty, .disponibil:empty {display: none;}
.single .disponibil, .single .vandut{top: -10px;}
.single .disponibil:before{}
.single .suprafata, .single .camere, .single .baie, .single .balcon, .single .vedere, .single .locatie{margin-left:0; font-size: 11px; }
.pret {  font-size: 30px;  padding: 10px;}
.site-title h1 { text-transform: uppercase;}
.entry-author, .entry-meta, .home .site-title, .page-id-342 .site-title, .page-id-935 .site-title, .page-id-968 .site-title, .page-id-1299 .site-title  {display:none;}
.post-title.style-2:before {  background: rgba(13, 60, 101, 0.1) !important;}
.imagine-principala{margin:0 auto; display:block;}
.flexslider{box-shadow:none !important;}
.vc_toggle.vc_toggle_style-3 .vc_toggle_title {  background: #d4ae6e;text-align: center;}
.single .vc_toggle .vc_toggle_title>h4 { font-size: 15px;  font-weight: 700;  letter-spacing: 1px;  margin-left: 10px;  color: #fff;}
.single .post-title .entry-title {  font-size: 25px;  line-height: 35px;  text-transform: uppercase;  letter-spacing: 9px;}
.single .flexslider .slides img {width: auto !important;    margin: 0 auto;}
#hotspot-369 .hotspots-image-container, #hotspot-369 .leaflet-container {  background: transparent !important;}
.featherlight:last-of-type {background: rgba(0,0,0,0) !important;}
.wrap{width:100px;margin: -70px auto 0 auto;}
#arrow{    width: 55px; margin: 0 auto; display: block;}

.vc_progress_bar .vc_single_bar .vc_bar {
    transition: width 4s linear !important;
    -moz-transition: width 4s linear !important;
    -webkit-transition: width 4s linear !important;
    -o-transition: width 4s linear !important;
}

.animated {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}
.delay{animation-delay: 0.8s;}

/*.site-title {   z-index: 9 !important;}
.header-outer {
    z-index: 999 !important;
}
[alt~="Vândut"]{transform: rotate(45deg) !important; color:red !important;}



.vc_btn3-container.vc_btn3-center{z-index: 9999 !important; position:relative;}
.hotspots-container {  transform: rotate(90deg);}
.hotspots-interaction {
    display: block;
    margin: 1em 0;
    height: 550px;
}
#buton-index{z-index:9999 !important; position:relative}
#harta-index{z-index:-99 !important;}
*/
.hotspot-content{ font-size: 25px;  line-height: 30px; text-align: right; letter-spacing: -1px;}

.footer .widget-title {  font-weight: 700; font-size:14px;}
.footer .textwidget{font-size:13px;}
.header-outer {  height: 70px;}
.header .element-item.hb-s1i1 {  padding-top: 0 !important; }

.bounce {
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation: bounce 3.6s ease infinite;
  transform-origin: 50% 50%;
}

.wpb_gallery_heading{text-align:center; font-size:30px !important; }

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  5.55556% {
    transform: translateY(0);
  }
  11.11111% {
    transform: translateY(0);
  }
  22.22222% {
    transform: translateY(-15px);
  }
  27.77778% {
    transform: translateY(0);
  }
  33.33333% {
    transform: translateY(-15px);
  }
  44.44444% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes shake-with-delay {
    from, 16%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    1.6%, 4.8%, 8%, 11.2%, 14.4% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    3.2%, 6.4%, 9.6%, 12.8% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.hotspot-title, .entry-content .hotspot-title {
    margin-top: 0;
    text-align: center;
    font-size: 21px;
    line-height: 7px;
    color: #ec3b3b !important;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}
.hotspot-content {  font-size: 15px;  line-height: 30px;  text-align: center;  letter-spacing: -1px;  font-family:'Montserrat';        padding: 0px 10px 15px;}
.hotspot-content a{color:#fff !important; font-weight:700;    font-size: 15px;}
.detaliu50{width: 50%;
    float: left;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #123e5a;
    line-height: 19px;
    letter-spacing: 0px;}
.featherlight .featherlight-content {  max-width: 350px;
}
.buton a{background:#d4ae6e; padding:10px;}
#hotspot-554 .leaflet-popup-scrolled,
#hotspot-552 .leaflet-popup-scrolled,
#hotspot-550 .leaflet-popup-scrolled,
#hotspot-548 .leaflet-popup-scrolled,
#hotspot-546 .leaflet-popup-scrolled,
#hotspot-544 .leaflet-popup-scrolled,
#hotspot-541 .leaflet-popup-scrolled,
#hotspot-538 .leaflet-popup-scrolled,
#hotspot-535 .leaflet-popup-scrolled,
#hotspot-533 .leaflet-popup-scrolled,
#hotspot-531 .leaflet-popup-scrolled,
#hotspot-529 .leaflet-popup-scrolled,
#hotspot-527 .leaflet-popup-scrolled,
#hotspot-524 .leaflet-popup-scrolled,
#hotspot-472 .leaflet-popup-scrolled,
#hotspot-369 .leaflet-popup-scrolled{  height: auto !important;  border: none !important;}
.caldera-grid p{  display: none;}
.wr-burger-scale span { height: 4px !important;}
.hb-s1i1.site-navigator-outer li.menu-default ul {   top: 49px !important;}
.buton-etaj, .buton-bloc{     display: inline-block;
    margin: 0 20px;
    border: 1.5px solid #fff;
    padding: 8px 15px;
    font-weight: 700;}


@media only screen and (max-width: 1440px) {
	#bottom-bar {  height: 120px;  margin-top: -150px;}
	.wrap { margin: -110px auto 0 auto;}
}

@media only screen and (max-width: 600px) {
.social i {    font-size: 24px;}
	.social {    margin: 0 10px;}
	.bara-sus{position:relative; z-index:9999;}
	.phone i{    font-size: 35px;animation-name: shake-with-delay;
    animation-duration: 3s;
    animation-iteration-count: infinite;}

	#promenada-header {padding-top:30px !important; padding-bottom:50px !important;}
	h4.titlu-mare-home{font-size: 28px !important; text-align: center !important;}
	#familii .vc_pie_chart_value {  padding-top: 87px;}
	#mp .vc_pie_chart_value { padding-top: 93px;}
	.header .hb-s2i5 .site-navigator a { text-align: center !important;}
	#arrow { width: 40px;}
	#bottom-bar { height: 70px; margin-top: -78px;}
	.wrap { width: 100px; margin: -50px auto 0 auto;}
	.hr-left hr { float: none;}
	.single .post-title .entry-title { font-size: 25px !important; line-height: 35px !important;    letter-spacing: 7px;}
	.single .wpb_single_image img { margin-bottom: 30px;}
	.single-apartament .vc_gitem_row .vc_gitem-col {  padding: 5px !important;}
	.leaflet-rrose-content {  margin: -5px 20px !important;}
	.leaflet-rrose-content p {  margin: 5px 0 !important;}
	.detaliu50 {    width: 50%; margin-bottom: 10px;  float: left; line-height: 20px;  font-size: 15px;}
	.site-title h1 { font-size: 22px !important; line-height: 24px !important;}
	.scara:before, .etaj:before { font-size: 13px;}
	.header .element-item.hb-s1i1 {  padding-top: 10px !important; }
	.wr-burger-bottom{  width: 32px; float: right;}
	.wr-burger-middle{  width: 26px; float: right;}
	.wr-burger-top{  width: 18px; float: right;}
	.wr-mobile .hb-menu .menu-icon-action.active-menu .wr-burger-bottom {width:30px; float:left;
    -webkit-transform: rotate(-45deg) translate(-9px,13px) !important;
    transform: rotate(-45deg) translate(-9px,13px) !important;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
	.wr-mobile .hb-menu .menu-icon-action.active-menu .wr-burger-top {width:30px; float:left;
    -webkit-transform: rotate(45deg) translate(2px,-2px);
    transform: rotate(45deg) translate(2px,-2px);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
	.header .hb-s2i5 .site-navigator-inner {  margin-top: -30px;  padding-top: 35px;  z-index: -1 !important;}
	.buton-etaj, .buton-bloc{     display: inline-block;  margin: 10px 20px;width:170px;   }
	.header-outer { height: 98px;}
	.mobile-off, .vc_custom_1566376613025{display:none;}
	.mobile-mic{width:50%;     margin: -100px auto 0 auto;}
	.mobile-alb{color:#fff !important}
	.mobile-top{margin-top: -220px !important;}
	.hotspots-interaction {    transform: rotate(0deg); height: 100%; width: 100% !important;  margin: 1em 0 3em !important;}
	.n2-section-smartslider {margin-top: -40px;}
}

.black{filter: brightness(0);}
.bottom25{    position: absolute;  bottom: 25px;  width: 85%;  left: 0;  right: 0;  margin: 0 auto;}
.bottom150{    position: absolute; bottom: 43%;  width: 85%;  left: 0;  right: 0;  margin: 0 auto;}
.bottom40{    position: absolute; bottom: 34%;  width: 85%;  left: 0;  right: 0;  margin: 0 auto;}
.height{min-height:550px;}