body {
	font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* previne "margin collapse": marginile copiilor (ex. .punctat_nou are margin-bottom:40px) nu mai scapa din sectiune si nu mai lasa o banda alba intre sectiuni. */
.page-section {
	display: flow-root;
}
h4 {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
a {
	color: #679641;
}
a:hover {
	color: #8332ac;
}
.container h2,
form .row hr,
.container > div.text-center > div.text-left {
	display: none;
}
.container .col-md-12 form .row .col-md-5 .col-md-2.col-xs-4 {
	visibility: hidden;
}
.input-group-text {
	color: unset;
	font-weight: 600;
}
h3 {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 26px !important;
	font-weight: 500;
}

.form-group {
	padding-top: 0 !important;
}
.form-control:focus {
	border-color: #679641;
}
.form-group .btn-default {
	color: #679641 !important;
	padding: 6px 17px;
	margin-top: 7px;
	border-radius: 0 !important;
}

/*steps*/
.stepper-wrapper {
	padding-top: 40px !important;
	margin-bottom: 40px !important;
}
.stepper-item.completed .step-counter {
	background-color: #679641 !important;
}
.stepper-item .step-name {
	font-size: 13px;
}

/*buttons & calendar*/
.ui-state-default, .ui-widget-content .ui-state-default {
	text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	color: #fff;
	background-color: #8332ac;
}
.ui-state-active, .ui-widget-content .ui-state-active,
.btn-success {
	border-color: #679641;
	background-color: #679641;
}
.btn-success:hover,
.btn-success:active {
	border-color: #8332ac !important;
	background-color: #8332ac !important;
}
.btn-info {
	border: 0;
	background-color: #679641;
}
.btn-info:hover,
.btn-info:active {
	background-color: #8332ac !important;
}
#chat-wrapper {
	width: 100% !important;
}
#chat-toggle {
	font-size: 15px !important;
	font-weight: 500 !important;
	background-color: #679641 !important;
	margin-top: 15px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
#chat-toggle:hover {
	background-color: #8332ac !important;
}
#send {
	padding-top: 4px !important;
}
@media (max-width: 480px) {
	#chatbot-container {
		width: 100% !important;
	}
}

.punctat_nou {
	padding: 20px !important;
	margin-bottom: 40px !important;
	border-radius: 0 !important;
}

/*oferte*/
.alert-success {
	padding: 20px;
	margin-bottom: 40px;
	border-color: #ff6969;
	background-color: #f8e9e9;
}
.text_oferte h4 {
	color: #c00;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 20px 0 !important;
}
.text_oferte {
	color: #000;
	font-size: 17px;
}

h4 {
	cursor: default !important;
}
.svg-inline--fa.fa-w-14 {
	width: 16px;
}
.svg-inline--fa {
	height: 16px;
	vertical-align: -1px;
}

.fixed-ct > div:last-child {
	display: none;
}

/*book_step2*/
#div_formular_rezervare .form-group {
	margin-bottom: 15px;
}

/* Sagetile din slideshow-ul camerelor.
   Bootstrap le deseneaza ca SVG-uri albe pe fundal transparent, asa ca dispar pe pozele
   deschise la culoare. Le facem negre si le asezam pe un disc alb semitransparent, ca sa
   ramana vizibile si pe pozele inchise la culoare - altfel doar mutam problema.
   Nu folosim filter: invert() pentru ca ar inversa si discul, nu doar sageata. */
.carousel-control-prev,
.carousel-control-next {
	opacity: 1 !important;
	width: 12%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: 44px;
	height: 44px;
	background-color: rgba(255, 255, 255, .85) !important;
	background-size: 38% 38% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 1px solid rgba(0, 0, 0, .18);
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
	transition: background-color .15s;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
	background-color: #fff !important;
}
/* aceleasi SVG-uri ca la Bootstrap, doar cu fill negru in loc de alb */
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}

@media (min-width: 1200px) {
	h4 {
		font-size: 18px;
	}
}
@media (min-width: 768px) {
	.col-md-2 {
		width: 11.7%;
    }
}