@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300&display=swap');

body {
  font-family: Montserrat, sans-serif !important;
}
.mobile-header{
    display:none;
}
.pc-header {
  height: 10vh;
  box-shadow: 0 0 15px 0px #5E92A4;
  align-items: center;
  text-align: center;
  background-color: white;
  z-index: 997 !important;
}
.pc-header-link-container {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 999;
}
.pc-header ul li {
  display: inline;
  list-style: none;
  text-align: center;
}
.header-link {
  text-decoration: none;
  font-size: 1.75vw;
  font-weight: 500;
  color: #023160;
  margin: 0 2vw;
  display: inline-block;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  transition: all 0.25s ease;
}
.header-link:hover {
  border-bottom: 2px solid #A2ADB8;
  border-top: 2px solid #A2ADB8;
  color: black;
}

.first-block {
  height: 100vh;
  margin-top: -10vh;
  text-align: center;
}
.first-block-image-absolute {
  position: absolute;
  top:0%;
  z-index: 998;
}
.first-block-image-absolute-1 {
  left: 0;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}
.first-block-image-absolute-2 {
    right:0%;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
}
.first-block-image-absolute-1 img {
  width: 25vw;  /* ширина в два раза меньше высоты, иначе получится полуовал */
  height: 100vh;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  box-shadow: 0 0 15px 5px #5E92A4;
}
.first-block-image-absolute-2 img {
  width: 25vw;  /* ширина в два раза меньше высоты, иначе получится полуовал */
  height: 100vh;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  box-shadow: 0 0 15px 5px #5E92A4;
}
.first-block-info {
  margin: 15vh 0 2.5vh 0;
}
.first-block-info img {
  height: 35vh;
}
.first-block-info-text-box {
  background-color: #5E92A4;
  padding: 2.5vh 0;
  box-shadow: 0 0 100px 10px #5E92A4;
}
.first-block-text-1 {
  margin: 0;
  color: white;
  font-size: 1.75vw;
  font-weight: 300;
  display: inline-block;
  border-bottom: 2px solid #023160;
}
.first-block-text-1 b {
  font-weight: 500;
}
.first-block-text-2 {
  margin: 0;
  margin-top: 2.5vh;
  color: white;
  font-size: 2.25vw;
  font-weight: 600;
  display: inline-block;
}
.first-block-contact-icon-link {
  margin: 0 0.25vw;
  opacity: 0.75;
  transform: scale(0.9);
  transition: all 0.25s ease;
}
.first-block-contact-icon-link:hover {
  opacity: 1;
  transform: scale(1);
}
.first-block-contact-icon-link img {
  width: 3vw;
}
.first-block-contact-phone-link {
  margin-top: 2.5vh;
  font-size: 2.5vw;
  font-weight: 600;
  color: #023160;
  text-decoration: none;
  transition: all 0.25s ease;
}



.second-block {
  display: grid;
  grid-template-columns: 4fr 4fr 1fr;
  grid-gap: 0 5vw;
  padding: 0 5vw;
}
.second-block-grid-item-image img {
  width: 100%;
}
.despre-noi-header {
  display: inline-block;
  color: black;
  font-weight: 900;
  font-size: 2.5vw;
  border-bottom: 6px solid #A2ADB8;
}
.despre-noi-text {
  margin-top: 10vh;
  font-size: 2vw;
  font-weight: 500;
  border-left: 4px solid #A2ADB8;
  padding-left: 1vw;
}
.second-block-grid-item-certificate {
  text-align: center;
}
.certificate-header {
  display: inline-block;
  color: black;
  font-weight: 900;
  font-size: 2vw;
  border-bottom: 6px solid #A2ADB8;
  margin-bottom: 5vh;
}
.despre-noi-block-image img {
  width: 65%;
  margin: 1vh 0;
  transition: all 0.25s ease;
}
.despre-noi-block-image img:hover {
  transform: scale(1.1);
}

#certificateModal1 .modal-dialog {
  max-width: 60vw;
  padding: 0!important;
}
#certificateModal1 .modal-body {
  padding: 0!important;
}
#certificateModal1 .modal-header {
  background-color:#5E92A4;
}
#certificateModal1 img {
  width: 100%;
}
#certificateModal2 .modal-dialog {
  max-width: 60vw;
  padding: 0!important;
}
#certificateModal2 .modal-body {
  padding: 0!important;
}
#certificateModal2 .modal-header {
  background-color:#5E92A4;
}
#certificateModal2 img {
  width: 100%;
}
#certificateModal3 .modal-dialog {
  max-width: 60vw;
  padding: 0!important;
}
#certificateModal3 .modal-body {
  padding: 0!important;
}
#certificateModal3 .modal-header {
  background-color:#5E92A4;
}
#certificateModal3 img {
  width: 100%;
}
#certificateModal4 .modal-dialog {
  max-width: 27.5vw;
  padding: 0!important;
}
#certificateModal4 .modal-body {
  padding: 0!important;
}
#certificateModal4 .modal-header {
  background-color:#5E92A4;
}
#certificateModal4 img {
  width: 100%;
}
#certificateModal1 .modal-content, #certificateModal1 .modal-header, #certificateModal1 .modal-body, #certificateModal2 .modal-content, #certificateModal2 .modal-header, #certificateModal2 .modal-body,#certificateModal3 .modal-content, #certificateModal3 .modal-header, #certificateModal3 .modal-body, #certificateModal4 .modal-content, #certificateModal4 .modal-header, #certificateModal4 .modal-body {
  border:none;
}



.third-block {
  padding: 5vh 10vw;
}
.servicii-header {
  display: inline-block;
  color: black;
  font-weight: 900;
  font-size: 2vw;
  border-bottom: 6px solid #A2ADB8;
  margin-bottom: 5vh;
}
.servicii-grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 10vw;
  margin: 2vh 0;
}
.servicii-grid-card {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: 100%;
}
.servicii-grid-card-image {
  z-index: 500;
  text-align: right;
}
.servicii-grid-card-image img {
  width: 7.5vw;
}
.servicii-grid-card-text {
  border: 2px solid #5E92A4;
  border-radius: 25px;
  align-items: center;
}
.servicii-grid-item-left-columns .servicii-grid-card-text {
  padding: 2vh 0 2vh 2.5vw;
  margin-left: -3vw;
}
.servicii-grid-card-text-header {
  font-size: 1.25vw;
  font-weight: 700;
  text-align: center;
}
.servicii-grid-card-text-header b {
  font-weight: 500;
}
.servicii-grid-card-text-info {
  margin: 0;
  font-weight: 500;
}
.servicii-grid-item-right-columns .servicii-grid-card-text {
  padding: 2vh 0 2vh 0;
  text-align: center;
  margin-left: -4vw;
}
.servicii-button-block {
  margin-top: 5vh;
  text-align: center;
}
.servicii-button-block a {
  display: inline-block;
  background-color: #5E92A4;
  color: white;
  font-size: 2vw;
  font-weight: 700;
  letter-spacing: 0.3em;
  padding: 1vh 5vw;
  text-decoration: none;
  border-radius: 50px;
  transition: all 0.25s ease;
}
.servicii-button-block a:hover {
  color: white;
  background-color: #023160;
  border-radius: 0;
}



.fourth-block {
  padding: 7.5vh 5vw;
}
.carousel-block-header {
  display:inline-block;
  font-weight: 800;
  color:black;
  font-size: 2vw;
  border-bottom: 4px solid #A2ADB8;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
.carousel-block-text {
  font-size: 1.25vw;
  font-weight: 400;
  color: black;
}
.carousel-grid-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 7.5vw;
}
.carousel-button {
  border:2px solid black;
  border-radius: 50%;
  background-color: white;
  width: 25px;
  height: 25px;
  margin: 0 0.5vw;
}
.carousel-indicators .active {
  background-color: black;
  outline: none;
}
.carousel-button:focus {
  outline: none ;
}
.carousel-indicators {
  bottom: -10% !important;
}



.fifth-block {
  padding: 10vh 10vw;
}
.contacte-header {
  display: inline-block;
  color: black;
  font-weight: 800;
  font-size: 2vw;
  border-bottom: 4px solid #A2ADB8;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 10vh !important;
}
.contacte-grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0 5vw;
  text-align: center;
  align-items: center;
}
.contacte-grid-item-header {
  font-size: 1.75vw;
  font-weight: 700;
  color: black;
}
.contacte-grafic-block {
  background-color: #5E92A4;
  border-radius: 25px;
  box-shadow: 0 0 5px 5px #023160;
  padding: 2.5vh 0;
}
.contacte-grafic-block-day {
  margin: 0;
  color: white;
  font-size: 1.75vw;
  font-weight: 600;
}
.contacte-grafic-block-time {
  margin: 0;
  color: white;
  font-size: 1.75vw;
  font-weight: 300;
}
.contacte-grafic-line {
  width: 50%;
  height: 2px !important;
  opacity: 1;
  background-color: white;
  position: relative;
  left:50%;
  transform: translate(-50%, 0);
  margin: 10px 0;
}
.contacte-map-block {
  height: 50vh;
  border-radius: 25px;
  box-shadow: 0 0 10px 1px #023160;
}
.contacte-map-block iframe {
  border-radius: 25px;
}
.contacte-map-bottom-text {
  display: inline-block;
  margin: -2.5vh 0 0 0;
  padding: 4vh 2vw 1vh 2vw;
  font-weight: 700;
  font-size: 1vw;
  color: #023160;
  border: 2px solid #023160;
  border-radius: 0 0 10px 10px;
}
.contact-form-background {
  background-color: #023160;
  padding: 2.5vh 2.5vw 5vh 2.5vw;
  border-radius: 25px;
}
.contact-form-header {
  color: white;
  font-weight: 400;
  font-size: 1.5vw;
}
#contact_form_name {
  color: #023160;
  font-weight: 700;
  font-size: 1.25vw;
  border: none;
  border-radius: 10px;
  margin: 2.5vh 0;
}
#contact_form_name::placeholder {
  color: black;
  font-weight: 500;
  text-align: center;
}
#contact_form_phone {
  color: #023160;
  font-weight: 700;
  font-size: 1.25vw;
  border: none;
  border-radius: 10px;
  margin: 2.5vh 0;
}
#contact_form_phone::placeholder {
  color: black;
  font-weight: 500;
  text-align: center;
}
#contact_form_message {
  color: #023160;
  font-weight: 700;
  font-size: 1.25vw;
  border: none;
  border-radius: 10px;
  margin: 2.5vh 0;
}
#contact_form_message::placeholder {
  color: black;
  font-weight: 500;
  text-align: center;
}
.contact-form-space-background {
  background-color: #023160;
  opacity: 0.75;
  width: 50%;
  height: 35px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 59;
}
#contact_form_button {
  background-color: #5E92A4;
  color: white;
  font-weight: 600;
  font-size: 2.25vw;
  width: 75%;
  border-radius: 150px;
  box-shadow: 0 0 25px 5px #5E92A4;
  z-index: 60;
  transition: all 0.25s ease;
}
#contact_form_button:hover {
  color: #023160;
  width: 100%;
}



.footer {
  position: relative;
}
.footer-block {
  display: grid;
  padding: 0 1vw;
  grid-template-columns: 7.5% 83% 7.5%;
  grid-gap: 0 1%;
  align-items: flex-end;
}
.footer-block-logo {
  padding-bottom: 1vh;
}
.footer-block-logo img {
  width: 100%;
}
.footer-block-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items:center;
  padding: 2.5vh 2vw;
  background-color: #023160;
  border-radius: 30px 30px 0px 0;
  box-shadow: 0 0 10px 2px #023160;
}
.footer-block-contact-left-side {
  border-right: 3px solid white;
}
.footer-block-contact-left-side img {
  width: 3vw;
  margin-right: 5px;
  transition: all 0.25s ease;
}
.footer-block-contact-left-side a {
  text-decoration: none;
  color: white;
  font-size: 1vw;
  font-weight: 500;
  margin-right: 20px;
  transition: all 0.25s ease;
}
.footer-block-contact-left-side a:hover {
  color: #A2ADB8;
}
.footer-block-contact-left-side a:hover img {
  transform: scale(1.1);
}
.footer-block-contact-right-side img {
  width: 2.5vw;
  transition: all 0.25s ease;
}
.footer-block-contact-right-side img:hover {
  transform: scale(1.25);
}
.footer-block-contact-right-side {
  text-align: center;
}
.footer-block-contact-right-side a {
  margin: 0 0.25vw;
  color: white;
  font-weight: 500;
  font-size: 1.75vw;
  text-decoration: none;
  transition: all 0.25s ease;
}
.footer-block-contact-right-side a:hover{
  color: #A2ADB8;
}
.footer-phone-link {
  margin-left: 5vw !important;
}
.footer-block-copyright {
  padding-bottom: 1vh;
  text-align: center;
}
.footer-block-copyright p {
  font-weight: 600;
  font-size: 0.8vw;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}
.footer-block-copyright img {
  width: 100%;
  margin: 0;
  opacity: 0.75;
}
.footer-block-copyright img:hover {
  opacity: 1;
}
.footer-image-block-1 img {
  width: 100%
}
.footer-image-block-2 img {
  width: 100%
}
.footer-image-block-1 {
  width: 25vw;
  position: absolute;
  bottom: 55%;
  left:10%;
  transform: translate(-10%, 0);
  z-index: 9 !important;
}
.footer-image-block-2 {
  width: 30vw;
  position: absolute;
  bottom: 50%;
  right: 9%;
  transform: translate(9%, 0);
  z-index: 9 !important;
}
#contact_form {
    z-index: 11 !important;
    position:relative;
}



#despre_noi {
    background-image: url('../img/despre-noi-block-bg.png');
    background-size: cover;
    background-repeat:no-repeat;
}
#servicii {
    background-image: url('../img/servicii-block-bg.png');
    background-size: cover;
    background-repeat:no-repeat;
}
#de_ce {
    background-image: url('../img/de-ce-block-bg.png');
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}
#contacte-bg {
    background-image: url('../img/contacte-block-bg.png');
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}