/*
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 ]
- - - - - - - - - - - - - - - - - - - - */


.home .site-title {display:none;}
.linie hr {width: 30%; border: 3px solid #bba96a; margin: 30px auto 10px auto;}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {  font-weight: 700;}
#testimonials .post-title { padding-top: 0px !important;  padding-bottom: 0px !important;  margin: 0;  font-size: 25px;  font-weight: 700;}
#testimonials  .wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {background-color: #fff;text-align: center;}
#testimonials .flexslider {box-shadow: none;}
.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {	padding: 10px 15px 0px 15px !important;}
#testimonials  .wpb_gallery .wpb_flexslider .flex-control-nav {display:none;}
#testimonials .flex-caption p{width:67%; margin:0 auto; letter-spacing:1px; position: relative; display:inline-flex; font-style:italic;}
#testimonials .flex-caption p:before{content: '"';  font-family: raleway;  font-size: 135px; line-height: 100px;  color: #e2e2e2; display: block; height: 90px;  width: 60px; float: left;  margin-top: 5px;    position: relative;left: -20px;}
#testimonials .flex-caption p:after{    content: '"'; font-family: raleway; font-size: 135px; line-height: 100px;  color: #e2e2e2;  display: block;  height: 90px;  width: 51px;  float: right;
    margin-top: 5px;  position: relative; right: 16px;}
.caldera-grid .formular .form-control  { margin-bottom: 25px !important;  color: #000 !important;background: transparent !important; border-bottom:2px solid #000 !important; border-top:#fff !important;border-left:#fff !important;border-right:#fff !important; box-shadow:none !important}
.caldera-grid .formular .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: #000;  opacity: 1;  /* Firefox */}
.caldera-grid .formular .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
.caldera-grid .formular .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }
.formular input:not([type="submit"]):not([type="button"]):not(.submit):not(.button):not(.extenal-bdcl){ border-bottom:2px solid #000 !important;     border-top: transparent !important;     border-left: transparent !important;    border-right: transparent !important;}
.caldera-grid .btn-default {  width: 100% !important;   background: #000 !important;font-weight: 700;
    letter-spacing: 2px;}
.footer .widget-title { color: #000 !important;	font-weight: 700;}
.footer .widget-title:after{content:''; width:30%; height:4px; background:#bba96a; display:block; margin: 14px 0 0 0;}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline { font-weight: 700;  letter-spacing: 2px;  color: #000;  border-color: #000 !important;}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover{background:#000 !important;}
.call a { color:#000 !important;}
.call i {font-size:25px;}
.wr-burger-scale span {	height: 3px !important;}
.wr-mobile .hb-menu .menu-icon-action.active-menu .wr-burger-bottom {
    -webkit-transform: rotate(-45deg) translate(2px,2px) !important;
    transform: rotate(-45deg) translate(2px,2px) !important;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.wr-mobile .hb-menu .site-navigator a {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.testimonals span {font-family:raleway; font-style:italic;}
.nitro-quote .quote-author {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #000!important;
    text-align: right !important;
    margin: 0 10px 0 0 !important;
}
#carusel img{filter: grayscale(100%);     -webkit-filter: grayscale(100%);}
#carusel img:hover{filter: grayscale(0%);     -webkit-filter: grayscale(0%);}
#home-top {    background-position: center right !important;}


.overlay { position: fixed;z-index:999;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(255, 255, 255, 0.8);  transition: opacity 200ms;  visibility: hidden;  opacity: 0;}
.overlay:target {  visibility: visible;  opacity: 1;}
.popup {  margin: 0 auto;  top: calc(50vh - (/* height */500px / 2));   padding: 29px;   background: #fff;   border: 2px solid #000;   width: 400px;   text-align: center;   position: relative;
    transition: all 300ms ease-in-out;}
.popup h2 {  margin-top: 0;  color: #333;  font-family: Tahoma, Arial, sans-serif;}
.popup .close {      position: absolute;
    top: -21px;
    right: -41px;
    transition: all 200ms;
    font-size: 67px;
    /* font-weight: bold; */
    text-decoration: none;
    color: #333;}
.popup .close:hover {  color: #bba96a;}
.popup .content {  max-height: 30%;  overflow: auto;}
.snp-bld-step .buton-form input[type="submit"]{ font-family: 'Bitter';
    font-size: 14px;height: 34px !important;
    font-weight: bold;}

@media screen and (max-width: 700px){
	.box{ width: 70%;  }
	#home-top { background-position: -1000px 0 !important;}
	h1.titlu-header {font-size:43px !important;text-shadow: 0px 0px 31px #fff;}
	h3.titlu-header, h2.titlu-header, h4.titlu-header{color:#fff !important;text-shadow: 0px 0px 31px #000;}
	#faq{ background-position: -588px 0px !important;}
	#testimonial-bg{background-position: -417px 0px !important;}
	#programare {  background-position: -500px 0!important;}
	#services{    background-position: -1321px 0 !important;  padding: 50px;}
	.formular-rezervare{width:90%;margin: 0 auto;background: rgba(255,255,255,0.7);}
  	.popup{  width: 90%;top: 20px;;  }
	.popup .close { position: absolute; top: 5px;	right: 5px;}
	.home .vc_carousel-slideline{width: 10566px !important;    height: 94px !important;}
	.wr-pricing-table .pricing-item {  margin-bottom: 50px !important;}
	
}

.black a{color:#000 !important;}
.black i{font-size:22px;}
.black a:hover{color:#bba96a !important;}

.wr-pricing-table.style-1 .pricing-item .pricing-title {  font-size: 16px;  color: #bba96a!important;  font-weight: 400;padding: 0 20px;}
.wr-pricing-table:not(.style-2) .pricing-item .pricing-button.wr-btn-outline:hover { color: #fff;}
.pricing-item .price-value { display: none !important;}
.wr-pricing-table.style-1 .pricing-item .pricing-header {  padding: 25px 0 20px !important;}

.style-3 .pricing-title {
    color: #bba96a!important;
    padding: 20px 20px;
    border-bottom: 1px solid #ebebeb;
    width: 90%;
    text-align: center;
    margin: 0 auto 20px auto;
    font-size: 20px;
}

.wr-pricing-table.style-3 .pricing-item .pricing-desc, .wr-pricing-table.style-4 .pricing-item .pricing-desc {
    font-size: 11px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #ebebeb;
    width: 90%;
    margin: 0 auto;
}

.wr-pricing-table.style-3 .pricing-item .pricing-content, .wr-pricing-table.style-4 .pricing-item .pricing-content {
    padding: 20px 0 15px !important;
}

#testimonials .flexslider .slides img {
    width: 100%;
	margin: 0 auto;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}