html,
body {
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Josefin Sans', sans-serif;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-size: 13px;
}
.carousel-inner {
max-height: 600px;
}
.carousel-control-next, .carousel-control-prev, .carousel-control-next, .carousel-control-prev {
opacity:1;}
.fa-arrow-circle-left, .fa-arrow-circle-right {
color:#ff0000;
}
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
color: #6c6f73;
margin: 0px;
padding: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 450px) {
html {
font-size: 2.5px;
}
}
@media screen and (max-width: 500px) {
html {
font-size: 3px;
}
}
@media screen and (max-width: 570px) {
html {
font-size: 4px;
}
}
@media screen and (max-width: 620px) {
html {
font-size: 5px;
}
}
@media screen and (max-width: 680px) {
html {
font-size: 7px;
}
}
@media screen and (max-width: 720px) {
html {
font-size: 8px;
}
}
@media screen and (max-width: 820px) {
html {
font-size: 9px;
}
}
@media screen and (max-width: 860px) {
html {
font-size: 10px;
}
}
@media screen and (max-width: 920px) {
html {
font-size: 11px;
}
}
@media screen and (max-width: 1000px) {
html {
font-size: 12px;
}
}
/*start css navbar*/
.navbar-blue {
background-color: #62c5e4;
height: 90px;
cursor: pointer;
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.navbar-brand {
color: white;
font-family: 'Gloria Hallelujah', cursive;
font-weight: bold;
font-size: 2.3rem;
padding-left: 5px;
}
.navbar-brand:hover {
color: #E50755;
}
.navbar-blue .navbar-nav li a {
color: white;
font-family: 'Josefin Sans', sans-serif;
font-size: 1.1rem;
font-weight: bolder;
text-transform: uppercase;
}
.navbar-blue .navbar-nav li a:hover {
color: #E50755;
border-bottom: 2px solid #E50755;
}
@media (max-width: 820px) {
.navbar-brand {
font-size: 2rem;
}
.navbar-blue {
background-color: #00c3c9 !important;
padding-top: 20px;
padding-bottom: 10px;
}
.navbar-blue .navbar-collapse {
background-color: #00c3c9 !important;
text-align: left;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 20px;
color: white;
}
.navbar-blue .navbar-nav li a {
font-size: 1.2rem;
color: white;
font-weight: bolder;
font-family: 'Josefin Sans', sans-serif;
}
.navbar-blue .navbar-toggler .navbar-toggler-icon {
display: block;
width: 27px;
height: 4px;
margin-bottom: 4px;
margin-right: -2px;
margin-top: 3px;
border-radius: 2px;
background-color: white;
}
.phone {
font-size: 1.4px;
font-weight: bolder;
}
}
.phone {
color: white;
font-size: 1.35rem;
font-family: 'Josefin Sans', sans-serif;
}
.phone:hover {
color: #E50755;
}
.font-awesome {
color: white;
align-items: right;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.font-awesome:hover {
transition: all 0.3s ease-in-out;
color: #E50755;
}
.pr-10 {
padding-right: 10px;
}-
.pl-10 {
padding-left: 10px;
}
.pl-30 {
padding-left: 30px;
}
.pr-30 {
padding-right: 30px;
}
.pt-10 {
padding-top: 10px;
}
.pt-30 {
padding-top: 30px;
}
.pt-50 {
padding-top: 50px;
}
.pt-20 {
padding-top: 20px;
}
.pb-10 {padding-bottom: 10px;}
.pb-30 {
padding-bottom: 30px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-15 {
padding-bottom: 15px;
}
/*sfarsit css navbar*/
/*start css acasa*/
#acasa {
background-image: url('../images/home-0.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
color: white !important;
width: 100%;
min-height: 100%;
padding-top: 38vh;
padding-bottom: 15vh;
text-align: center;
display: flex;
}
#acasa .bg-1 {
background-color: rgba(0, 0, 0, 0.27);
}
#acasa h1 {
font-size: 6rem;
font-family: 'Gloria Hallelujah', cursive;
font-weight: bold;
}
#acasa h5 {
font-size: 1.6rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bolder;
text-align: center;
}
@media (max-width: 820px) {
#acasa {
background-attachment: scroll;
width: 100%;
background-position: center;
padding-top: 35vh;
padding-bottom: 10vh;
}
#acasa h1 {
font-size: 3rem;
}
#acasa h5 {
font-size: 1.2rem;
}
}
/*sfarsit css acasa*/
/*start css despre*/
#despre {
padding-bottom: 30px;
}
.despre-noi h2 {
font-size: 4rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bolder;
color: #0455EF;
}
.despre-noi h4 {
font-size: 2rem;
font-weight: bold;
font-family: 'Josefin Sans', sans-serif;
text-align: center;
color: #0455EF;
}
.despre-noi h6 {
font-size: 1.3rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
color: #5a5a5a;
}
.despre-noi p {
font-size: 1.1rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
color: #5a5a5a;
}
.despre-noi .hr-despre {
width: 15%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
.hr-despre1 {
width: 30%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
.despre-noi .border-1 {
border-bottom: 1px groove #c7c7c5;
}
.title-despre h2 {
font-size: 3rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bolder;
}
.media {
padding-top: 20px;
box-shadow: 6px 6px 21px rgba(0, 0, 0, 0.14);
}
.media-body h5 {
font-size: 1.5rem;
font-family: "Gloria Hallelujah", cursive;
text-align: center;
color: #ff0000;
font-weight: bolder;
}
.media-body p {
font-size: 1.1rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
}
@media screen and (max-width:820px) {
.despre-noi h2 {
font-size: 3rem;
}
.title-despre h2 {
font-size: 2rem;
}
.media {
padding-top: 10px;
}
.media-body h5 {
font-size: 1.2rem;
}
.media-body p {
font-size: 0.9rem;
}
}
/* Make the image fully responsive */
.despre-noi .carousel-inner img {
width: 100%;
max-height: 100%;
}
.despre-noi .carousel {
position: relative;
margin: auto;
}
.despre-noi .box-sh1 {
box-shadow: 6px 6px 21px rgba(0, 0, 0, 0.14);
}
/*sfarsit css despre*/
/*start css localizare*/
#localizare {
width: 100%;
padding-top: 110px;
padding-bottom: 0px;
left: 0;
right: 0;
color: black;
}
#localizare h2 {
font-size: 3rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
text-align: center;
color: #0455EF;
}
#localizare h6 {
font-size: 1.2rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
font-weight: bolder;
color: black;
}
#localizare .hr-location {
width: 7%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
@media screen and (max-width:820px) {
#localizare {
background-attachment: scroll;
padding-bottom: 15px;
}
}
/*sfarsit css localizare*/
/*start css program*/
#program {
width: 100%;
min-height: 500px;
padding-top: 110px;
padding-bottom: 30px;
color: black;
display: flex;
align-items: center;
}
#program h2 {
font-size: 2.5rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
color: #0455EF;
}
#program h6 {
font-size: 1.3rem;
font-family: 'Josefin Sans', sans-serif;
}
#program .table {
font-size: 1.4rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bolder;
box-shadow: 5px 5px 21px rgba(0, 0, 0, 0.4);
}
.hr-program {
width: 15%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
@media screen and (min-width:820px) {
#program h6 {
position: relative;
top: 40%;
transform: translateY(-40%);
}
#program .table {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (max-width:820px) {
#program {
background-attachment: scroll;
}
#program h2 {
font-size: 2rem;
}
#program .table {
font-size: 1.1rem;
}
}
/*sfarsit css program*/
/*start css preturi*/
#preturi {
padding-top: 110px;
padding-bottom: 30px;
}
#preturi h2 {
font-size: 3rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
color: #0455EF;
}
#preturi h3 {
font-size: 2rem;
font-family: 'Josefin Sans', sans-serif;
color: black;
}
#preturi h4 {
font-size: 2.2rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
color: #0455EF;
}
#preturi h6 {
font-size: 1.4rem;
font-family: 'Josefin Sans', sans-serif;
}
#preturi p {
margin: 0 auto;
color: #333333;
font-size: 1.3rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
}
.hr-preturi {
width: 7%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
.hr-oferta {
width: 20%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
.btn-pret {
border: 2px groove rgba(0, 0, 0, 0.6);
padding-top: 15px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
font-size: 1.9rem;
color: black;
font-weight: bold;
background-color: #62c5e4;
border-radius: 5px;
font-family: 'Josefin Sans', sans-serif;
}
.btn-pret:hover {
background-color: #FF130E;
color: white;
}
@media screen and (max-width:820px) {
#preturi {
padding-bottom: 10px;
}
#preturi h2 {
font-size: 2.5rem;
}
#preturi h6 {
font-size: 1.3rem;
text-align: justify;
}
.pricingTable {
margin-bottom: 25px;
}
}
.pricingTable {
border: 2px solid #e3e3e3;
text-align: center;
position: relative;
padding-bottom: 40px;
background: #08c6aa;
color: #fff;
margin: -2px -2px 35px;
padding: 40px 0;
}
.pricingTable .heading {
font-size: 3.5rem;
font-weight: bold;
font-family: 'Gloria Hallelujah', cursive;
margin: 0 0 5px 0;
}
.pricingTable .subtitle {
font-size: 1.9rem;
display: block;
font-family: 'Josefin Sans', sans-serif;
}
.pricingTable .price-value {
font-size: 2.2rem;
font-weight: bold;
margin-top: 10px;
position: relative;
display: inline-block;
}
/*sfarsit css preturi*/
/*start css evenimente*/
#evenimente {
padding-top: 110px;
padding-bottom: 30px;
}
#evenimente h2 {
font-size: 3rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
color: #0455EF;
}
.hr-evenimente {
width: 8%;
border-bottom: 2px solid #7a6f73;
color: #7a6f73;
}
/*sfarsit css evenimente*/
/*start css galerie*/
#galerie {
padding-bottom: 30px;
padding-top: 110px;
padding-right: 15px;
padding-left: 15px;
}
#galerie h2 {
font-size: 3rem;
font-family: 'Gloria Hallelujah', cursive;
color: #0455EF;
font-weight: bold;
}
#galerie h3 {
font-size: 1.6rem;
font-family: 'Josefin Sans', sans-serif;
}
.gallery-filters li a {
font-size: 1.4rem;
font-family: 'Josefin Sans', sans-serif;
color: #3a3535 !important;
font-weight: bolder;
padding: 1rem;
}
.gallery-filters li a:hover {
color: #1d4bbc !important;
}
.gallery-images img {
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
transition: border .2s ease-in-out;
line-height: 1.42857143;
display: block;
padding: 4px;
}
#galerie h4 {
font-size: 1.8rem;
font-family: 'Gloria Hallelujah', cursive;
padding-top: 1.2rem;
}
#galerie p {
font-size: 1.2rem;
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
}
/*sfarsit css galerie*/
/*start css invitatii*/
#invitatii {
padding-top: 110px;
min-height: 500px;
padding-bottom: 30px;
}
/*sfarsit css invitatii*/
/*start css contact*/
#contact {
padding-top: 110px;
padding-bottom: 30px;
}
#contact h2 {
font-size: 2.3rem;
font-family: 'Josefin Sans', sans-serif;
color: #5A5A5A;
}
#contact h5 {
font-size: 1.2rem;
font-family: 'Josefin Sans', sans-serif;
}
#contact .hr-line {
border-bottom: 4px solid #7F0E52;
color: #7F0E52;
width: 14%;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}
#contact .hr-line1 {
border-bottom: 4px solid rgba(255, 27, 165, 0.34);
color: rgba(255, 27, 165, 0.34);
width: 7%;
text-align: center;
margin: 0 auto;
}
#contact input[type=text], select {
width: 100%;
min-height: 40px;
display: block;
border: 0.5px solid #A6A6A6;
border-radius: 0.5rem;
box-sizing: border-box;
font-size: 1rem;
font-family: 'Josefin Sans', sans-serif;
cursor: pointer;
line-height: 1.25;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
transition: border-color ease-in-out 0.15s;
box-shadow: ease-in-out 0.15s;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
#contact label {
padding-top: 10px;
font-weight: bold;
color: #5A5A5A;
font-size: 1.2rem;
font-family: 'Josefin Sans', sans-serif;
}
#contact .form-control {
margin-bottom: 10px;
display: inline-block;
width: 100%;
padding: 1rem 1.2rem;
font-size: 1rem;
font-family: 'Josefin Sans', sans-serif;
cursor: pointer;
line-height: 1.25;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 0.5px solid #A6A6A6;
border-radius: 0.5rem;
transition: border-color ease-in-out 0.15s;
box-shadow: ease-in-out 0.15s;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
#contact .form-contact {
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
}
#contact .form {
padding: 30px;
background-color: #01ffff;
margin-bottom: 20px;
border: 2px solid #E50755;
border-radius: 0.7rem;
color: black;
}
#contact .btn-block {
background-color: #E50755;
color: white;
border: 1px solid #A6A6A6;
border-radius: 0.5rem;
cursor: pointer;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
#contact .btn-block:hover {
background-color: #01ffff;
color: black;
border: 1px solid #00aeda;
}
@media screen and (max-width:820px) {
#contact {
padding-bottom: 20px;
}
#contact h2 {
font-size: 2rem;
}
#contact h5 {
text-align: justify;
font-size: 1rem;
}
}
/*sfarsit css contact*/
/*start css footer*/
#footer {
padding-top: 3rem;
background-color: #181616;
padding-bottom: 0.5rem;
text-align: center;
}
#footer h2 {
font-size: 4rem;
font-family: "Gloria Hallelujah", cursive;
font-weight: bold;
color: #0455EF;
}
#footer h3 {
color: white;
font-size: 2rem;
padding-top: 25px;
font-weight: bolder;
letter-spacing: 1px;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
}
#footer h4 {
color: white;
font-size: 1.4rem;
font-weight: bolder;
letter-spacing: 0.8px;
font-family: 'Josefin Sans', sans-serif;
text-transform: capitalize;
}
#footer h6 {
color: white;
font-size: 1.1rem;
font-family: 'Josefin Sans', sans-serif;
}
#footer .hr-footer {
width: 50px;
height: 2px;
margin: 20px 0;
background-color: #0455EF;
}
#footer .border-2 {
border-top: 1.5px solid #0455EF;
width: 100%;
}
#footer .font-awesome1 {
color: white;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
#footer .font-awesome1:hover {
transition: all 0.3s ease-in-out;
color: #0455EF;
}
#footer .phone1 {
font-size: 1.2rem;
font-weight: bolder;
letter-spacing: 0.8px;
color: white;
font-family: 'Josefin Sans', sans-serif;
}
#footer .phone1:hover {
color: #0455EF;
}
#footer .colaboratori {
font-size: 1.3rem;
font-weight: bolder;
letter-spacing: 1px;
color: white;
font-family: 'Josefin Sans', sans-serif;
}
#footer .colaboratori:hover {
color: #0455EF;
}
@media screen and (max-width:820px) {
#footer {
padding-top: 15px;
text-align: center;
}
#footer h2 {
font-size: 3rem;
}
#footer h3 {
font-size: 1.8rem;
}
#footer h6 {
font-size: 0.9rem
}
#footer .phone1 {
font-size: 1.3rem;
}
#footer .colaboratori {
font-size: 1.3rem;
}
#footer .border-2 {
border-top: 1.2px solid #0455EF;
}
#footer .hr-footer {
width: 60px;
height: 2px;
margin: auto;
background-color: #0455EF;
}
}
.cookie-disclaimer {
background: #000;
color: #FFF;
width: 100%;
bottom: 0;
left: 0;
z-index: 1;
height: 100px;
position: fixed;
}
.cookie-disclaimer .container {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.cookie-disclaimer .cookie-close{
float: right;
padding: 10px;
cursor: pointer;
}