@font-face {
    font-family: 'blasingregular';
    src: url('../fonts/blasing-webfont.woff2') format('woff2'),
         url('../fonts/blasing-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clash_groteskregular';
    src: url('../fonts/clashgrotesk-regular-webfont.woff2') format('woff2'),
         url('../fonts/clashgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
  scroll-behavior: smooth;
}

.header {
  position: relative;
  transition: all 0.3s ease;
}
#sticky-bottom-section {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  height:100px;
}

#sticky-bottom-section.hide {
  transform: translateY(100%);
}
#sticky-bottom-section .buttons_main { top:20px;}
#sticky-bottom-section .icons .stand_icon { width:165px;}
#sticky-bottom-section .icons2 .start_icon { top:-22px;}

.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  background-color: #FFF3E9;
  -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
#about,
#project,
#client,
#gallery,
#contact {
  scroll-margin-top: 130px;
}

html, body{margin: 0px;padding: 0px;height: auto; color:#7f7f7f; font-family: 'clash_groteskregular'; font-size:14px; background:#FFF3E9;}
.header #navbarMenu { flex-direction:column; align-items:flex-end; position:relative;}
.header .navbar .navbar-brand { margin:10px 0px;}
.header .navbar .navbar-brand img { height:80px;}
.header .navbar-nav .nav-item { margin:0px 20px;}
.header .navbar-nav .nav-item .nav-link { color:#1961AA; font-size:16px; text-transform:uppercase;}
.header .navbar-nav .nav-item .nav-link.active { color:#1961AA; }
.header p.rera { color:#1961AA; font-size:16px; padding:0px; margin:0px 27px 0px 0px; position:absolute; bottom:-35px;}
.header p.rera.rera-mobile { display:none;}


.brochure_main_section { background:#1961AA;width:100%; height:140px; float:left; position:relative; }
.brochure_main_section .icons {float:left;}
.brochure_main_section .icons .star {position:absolute; left:30px;}
.brochure_main_section .icons .stand_icon {position:absolute; left:100px; bottom:0px;}

.brochure_main_section .buttons_main {margin:20px auto; width:31%; position:relative; top:45px;}
.brochure_main_section .buttons_main a { background:#FFF3E9; color:#1961AA; border-radius:4px; padding:10px 14px; font-size:16px; margin-right:10px; text-decoration:none;}


.brochure_main_section .icons2 { float:right; width:20%; position:relative;}
.brochure_main_section .icons2 .flower {position:absolute; left:0px; top:-46px;}
.brochure_main_section .icons2 .start_icon {position:absolute; left:160px; top:17px;}


.professionals_main { background:#FFF3E9 url(../images/img3.webp) no-repeat 40% bottom; float:left; width:100%; padding:80px 20px;}
.professionals_main .professionals_main_left { float:left; width:47%; margin-right:3%; margin-top:50px;}
.professionals_main .professionals_main_left h3 { float:left; width:100%; color:#1961AA; font-family: 'blasingregular'; font-size:60px; text-transform: uppercase;
line-height:54px;}
.professionals_main .professionals_main_left p { float:left; width:92%; color:#7f7974; font-size:20px; margin:20px 0px;}
.professionals_main .professionals_main_left p span {color:#1961AA;}
.professionals_main .professionals_main_right { float:left; width:50%;}


.modern_timeless_greece_main { background:#FFF3E9 url(../images/bg.webp) no-repeat; float:left; width:100%; padding:50px 20px 0px 20px; min-height:1000px;}

.modern_timeless_greece_main .modern_top_section { float:left; width:100%;}
.modern_timeless_greece_main .modern_top_section .modern_top_section_left { float:left; width:40%; margin-right:100px; margin-top:30px;}
.modern_timeless_greece_main .modern_top_section .modern_top_section_left h3 { float:left; width:100%; color:#1961AA;font-family: 'blasingregular'; font-size:65px; text-transform: uppercase; line-height:54px;}
.modern_timeless_greece_main .modern_top_section .modern_top_section_right { float:left; width:40%;margin-top:30px;}
.modern_timeless_greece_main .modern_top_section .modern_top_section_right p { float:left; width:100%; color:#7f7974;font-size:20px; margin:0px 0px 20px 0px;}

.modern_timeless_greece_main .modern_bottom_section { float:left; width:100%; position:relative; bottom:-13px;}
.modern_timeless_greece_main .modern_bottom_section img { width:100%; position:absolute; margin-top:150px;}
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content { background:#1961AA; color:#fff; border-radius:33px;float:left;
 padding:20px 50px 0px 50px; margin:5% 6% 0px 6%; width:88%; position:absolute; z-index:999; }
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content .box { float:left; margin:20px; width:29%; text-align:center; }
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content .box span { color:#FFF3E9; font-size:24px; }
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content .box p { color:#FFF3E9; font-size:18px; }


.step_inside_virtually_main { background:#FFF3E9 url(../images/bg2.webp) no-repeat; float:left; width:100%; padding:80px 20px 0px 20px;}
.step_inside_virtually_main .step_inside_virtually_top_section { margin:0px auto; width:55%; padding:5px; text-align:center;}
.step_inside_virtually_main .step_inside_virtually_top_section h3 { float:left; width:100%; color:#1961AA;font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; line-height:54px; text-align:center; }
.step_inside_virtually_main .step_inside_virtually_top_section p { float:left; width:100%; color:#7f7974;font-size:20px; margin:0px 0px 10px 0px; text-align:center;}
.step_inside_virtually_main .step_inside_virtually_top_section img { width:auto;}

.step_inside_virtually_main .step_inside_virtually_bottom_section { float:left; width:100%; padding:40px 5px 0px 5px;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .pillar { float:left; width:23%;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .pillar img { height:414px; margin-left:30px;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .video { float:left; width:37%; margin:0% 5%;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .video img { float:left; width:100%;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .video .modal-content { padding:40px; background:#FFF3E9;} 
.step_inside_virtually_main .step_inside_virtually_bottom_section .virtually_statue { float:left; width:30%;}

.living_harmony_main { background:#FFF3E9; float:left; width:100%; padding:40px 30px; }
.living_harmony_main .modal-content {  background:#FFF3E9; padding:35px;}
.living_harmony_main .living_harmony_main_left {float:left; width:40%; }
.living_harmony_main .living_harmony_main_left img { width:100%; cursor: pointer;}
.living_harmony_main .living_harmony_main_left .living_fullwidth { margin-top:10px; width:100%; }
.living_harmony_main .living_harmony_main_left .living_fullwidth .living_medium { width:49%; float:left; }
.living_harmony_main .living_harmony_main_left .living_fullwidth .living_medium:last-child { float:right;}

.living_harmony_main .living_harmony_main_right { float:left; width:59%; margin-left:1%;}
.living_harmony_main .living_harmony_main_right img { cursor: pointer;}
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_small img { width:100%; height:247px;}
.living_harmony_main .living_harmony_main_right h3{ float:left; width:90%;color:#1961AA;font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; line-height:50px; text-align:left; padding:30px 30px 20px 10px; margin:0px;}
.living_harmony_main .living_harmony_main_right .living_fullwidth { margin-bottom:10px; width:100%; }
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_small { width:32%; float:left; margin-right:1%; margin-bottom:1%;}
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_small:last-child { margin-right:0px;}

.living_harmony_main .living_harmony_main_right .living_fullwidth .living_medium { width:49%; float:left;  margin-right:1%;}
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_medium img { width:100%; }
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_medium:last-child { float:right; }



.amenities_harmony_main { background:#1961AA; float:left; width:100%;}
.amenities_harmony_main .amenities_harmony_left { background:#1961AA url(../images/img7.webp) no-repeat right bottom; float:left; width:50%; min-height:1000px;}
.amenities_harmony_main .amenities_harmony_left h3 { float:left; width:55%; color:#FFF3E9;font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; line-height:54px; text-align:left; margin-top:330px; margin-left:30px;}
.amenities_harmony_main .amenities_harmony_left p { float:left; width:38%; color:#FFF3E9;font-size:22px; margin:0px 0px 10px 30px; text-align:left;}

.amenities_harmony_main .amenities_harmony_right { float:left; width:40%; margin:50px;}
.amenities_harmony_main .amenities_harmony_right ul {margin:0px; padding:0px;}
.amenities_harmony_main .amenities_harmony_right ul li { float:left; margin:10px 5px; width:45%; min-height:50px; color:#EEE5D8; list-style:none;}
.amenities_harmony_main .amenities_harmony_right ul li img { margin-right:5px;}


.whitefield_map_main { background:#FFF3E9 url(../images/map_bottom_img.webp) no-repeat 12px bottom; float:left; width:100%; padding:50px 0px 0px 20px;}
.whitefield_map_main h3 { float:left; width:100%; color:#1961AA;font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; text-align:left; background:url(../images/leaf.webp) no-repeat right bottom; line-height:65px; height:100px; min-height:155px;}

.whitefield_map_main .map { width:70%; margin:0px auto 30px auto;}
.whitefield_map_main .map iframe { width:100%; border-radius:30px;}


.testimonials_main { background:#1961AA url(../images/testimonial_bg.webp) no-repeat; float:left; width:100%; padding:50px 20px 20px 20px;}
.testimonials_main h3 { float:left; width:100%; text-align:center; color:#FFF3E9;font-family: 'blasingregular'; font-size:60px; text-transform: uppercase;}

.testimonials_main .testimonial_box { float:left; width:32%; text-align:left; color:#E5E5E5; font-size:20px; margin-left:10px;}
.testimonials_main .testimonial_box span { background:url(../images/testimonial_profile_bg.webp) no-repeat; width:392px; height:392px; float:left; margin:30px 20px; padding:73px;}
.testimonials_main .testimonial_box p { float:left; width:90%; padding:0px 20px;}


.villa_specialists_main { background:#FFF3E9 url(../images/villa_specialists_bg.webp) no-repeat right bottom; float:left; width:100%; padding:550px 20px 20px 20px;}
.villa_specialists_main .villa_specialists_content { float:left; width:35%; padding:50px 20px 20px 20px;}
.villa_specialists_main .villa_specialists_content h3 { float:left; width:100%; color:#1961AA; font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; line-height:54px; text-align:left; margin-bottom:10px; }

.villa_specialists_main .villa_specialists_content p { float:left; width:95%; font-size:20px; margin:0px 0px 15px 0px; text-align:left; line-height:normal;}


.contact_main { background:#FFF3E9; float:left; width:100%; padding:0px;}

.contact_main .contact_left_form { background:#FFF3E9 url(../images/contact_bar.webp) no-repeat right bottom; float:left; width:707px; padding:0px 20px 68px 20px;}

.contact_main .contact_left_form h3 { float:left; width:100%; color:#1961AA; font-family: 'blasingregular'; font-size:60px; text-transform: uppercase; line-height:54px; text-align:left; margin:30px 0px; }

.contact_main .contact_left_form p { float:left; width:70%; font-size:20px; margin:10px 0px 0px 0px; text-align:center; line-height:normal;}

.contact_main .contact_left_form .contact-form { float:left; width:60%; font-size:20px; margin:10px 0px 0px 25px; text-align:center; line-height:normal;}
.contact_main .contact_left_form .contact-form .form_main { background:#EEE5D8; border-radius:25px; padding:50px 20px 40px 20px; float:left; width:100%; text-align:left;}
.contact_main .contact_left_form .contact-form .form_main span.error { color:red; font-size:12px;}

.contact_main .contact_left_form .contact-form .form_main input { border-radius:50px; background:#fff; color:#1961AA; font-size:14px; margin-bottom:15px; padding:5px 15px; line-height:32px;}
.contact_main .contact_left_form .contact-form .form_main input::placeholder { color:#1961AA;}

.contact_main .contact_left_form .contact-form button.submit_button { background:#1961AA; color:#EEE5D8; border-radius:15px; font-size:20px; padding:13px 25px; margin-top:20px; border:0px;}

.contact_main .contact_right { float:left; width:40%; padding:70px 100px 0px 100px;}

.footer_main { overflow:hidden;}
.footer_main .footer_main_section {margin:20px auto; width:35%; color:#fff; font-size:14px; text-align:center; }
.footer_main .footer_main_section p { margin-bottom:15px;}
.footer_main .icons2 .start_icon { left:195px; top:-154px;}
.footer_main .icons2 .flower { left:100px; top:-130px;}
.villa_specialists_main .villa_specialists_content p img.mobile { display:none;}
.enquire_now_main { position:fixed; right:-53px; top:60%; z-index:999; transform:rotate( -90deg);}
.enquire_now_main a { background:#1961AA; color:#fff; padding:15px 25px; font-size:18px; font-weight:bold; text-decoration:none;}
.enquire_now_main a:hover { background:#FFF3E9; color:#1961AA; }


@media only screen and (max-width: 992px) {
button.navbar-toggler { display:none;}
.header .navbar .navbar-brand img { width:80px; height:80px;}
.header p.rera.rera-mobile { display: block; position: absolute; top: 35px; right: 0px; bottom: 0px; float: right; width:65%; text-align: right; margin-right: 0px; word-break:break-all;}
.brochure_main_section .buttons_main { width:50%; text-align:center;}
.brochure_main_section .icons2 .start_icon { left:60px;}
.brochure_main_section .icons2 .flower { left:-47px;}
.professionals_main { padding:40px 20px;}
.professionals_main .professionals_main_left, .professionals_main .professionals_main_right, .professionals_main .professionals_main_right img { width:100%;}
.modern_timeless_greece_main { padding:20px 20px 0px 20px; min-height:920px;}
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content { width:90%; padding:20px 30px 0px 30px; margin:5% 5% 0px 5%; }
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content .box { margin:20px 10px;}
.step_inside_virtually_main { padding:40px 20px 0px 20px;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .pillar img { margin-left:0px; width:100%; height:auto;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .virtually_statue img { width:100%;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .pillar { width:17%;}
.amenities_harmony_main .amenities_harmony_left { width:95%; background:none; min-height:auto;}
.amenities_harmony_main .amenities_harmony_left h3 { width:100%; margin-top:50px;}
.amenities_harmony_main .amenities_harmony_left p { width:90%; margin-top:20px;}
.amenities_harmony_main .amenities_harmony_right { width:85%; margin:20px 50px;}
.living_harmony_main .living_harmony_main_left, .living_harmony_main .living_harmony_main_right { width:100%;}
.whitefield_map_main h3 { background:none; font-size:50px;}
.contact_main .contact_left_form { float:left; width:50%; background:none;}
.contact_main .contact_right { float:left; width:50%; padding:70px 10px 0px 10px;}
.contact_main .contact_left_form h3 { text-align:center; font-size:45px;}
.contact_main .contact_left_form p, .contact_main .contact_left_form .contact-form { width:100%;}
.villa_specialists_main { padding:10px 20px 20px 20px; width:100%; background:none;}
.villa_specialists_main .villa_specialists_content { width:100%; background:none;}
.villa_specialists_main .villa_specialists_content p img.mobile { width:100%; display:block;}
.testimonials_main .testimonial_box { width:50%; margin:0px;}
.testimonials_main .testimonial_box span { margin:0px;  background:url(../images/testimonial_profile_bg_mobile.webp) no-repeat; width:350px; height:350px; padding:55px 51px; }
.testimonials_main .testimonial_box p { width:100%; padding:15px 0px 0px 0px; text-align:justify;}

}	


@media only screen and (max-width: 768px) { 
.villa_specialists_main .villa_specialists_content p img.mobile { width:100%; display:block;}
.header .navbar-nav .nav-item { margin:0px;}
.header p.rera { position:initial;}
.brochure_main_section .icons .stand_icon { display:none;}
.brochure_main_section .buttons_main { width:95%; top:0px; text-align:center;}
.brochure_main_section .buttons_main a { padding:8px 10px;}
.professionals_main { padding:40px 20px;}
.professionals_main .professionals_main_left, .modern_timeless_greece_main .modern_top_section .modern_top_section_left, .modern_timeless_greece_main .modern_top_section .modern_top_section_right, .living_harmony_main .living_harmony_main_left { width:100%; margin-top:0px;}
.professionals_main .professionals_main_left h3, .modern_timeless_greece_main .modern_top_section .modern_top_section_left h3, .step_inside_virtually_main .step_inside_virtually_top_section h3, .testimonials_main h3, .villa_specialists_main .villa_specialists_content h3, .contact_main .contact_left_form h3 { font-size:30px; line-height:normal;}
.professionals_main .professionals_main_left p, .modern_timeless_greece_main .modern_top_section .modern_top_section_right p, .step_inside_virtually_main .step_inside_virtually_top_section p, .villa_specialists_main .villa_specialists_content p { width:100%; text-align:justify;}
.professionals_main .professionals_main_right, .professionals_main .professionals_main_right img,.step_inside_virtually_main .step_inside_virtually_bottom_section .virtually_statue, .step_inside_virtually_main .step_inside_virtually_bottom_section .virtually_statue img, .living_harmony_main .living_harmony_main_right img { width:100%;} 
.modern_timeless_greece_main .modern_bottom_section .modern_bottom_content .box, .step_inside_virtually_main .step_inside_virtually_bottom_section .video { width:100%; margin:0px;}
.modern_timeless_greece_main { min-height:700px;}
.step_inside_virtually_main .step_inside_virtually_top_section { width:100%;}
.step_inside_virtually_main .step_inside_virtually_bottom_section .pillar, .brochure_main_section.footer_main .icons2, .brochure_main_section .icons2 { display:none;}
.step_inside_virtually_main { padding:40px 20px 0px 20px;}
.step_inside_virtually_main .step_inside_virtually_top_section p br { display:none;}
.amenities_harmony_main .amenities_harmony_left { width:100%; background:none; min-height:250px;}
.amenities_harmony_main .amenities_harmony_left h3 { width:100%; margin:0px; padding:20px; font-size:30px; line-height:normal; }
.amenities_harmony_main .amenities_harmony_left p { width:100%; margin:0px; padding:10px 20px; text-align:justify; }
.amenities_harmony_main .amenities_harmony_right { width:100%; margin:0px; padding:0px 20px;}
.amenities_harmony_main .amenities_harmony_right ul li { display: flex;  flex-direction: column; text-align:center; min-height:70px;  align-items: center;}
.amenities_harmony_main .amenities_harmony_right ul li img { margin-right:0px; margin-bottom:5px;}
.living_harmony_main .living_harmony_main_right { width:100%; margin:0px;}
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_small img { height:auto;}
.living_harmony_main .living_harmony_main_right .living_fullwidth .living_small { margin-right:2%; margin-bottom:3%;}
.whitefield_map_main h3 { background:none; font-size:30px; line-height:normal; height:auto; min-height:auto;}
.whitefield_map_main .map { float:left; width:100%; margin:20px 0px;}
.whitefield_map_main { background:none; padding:20px;}
.testimonials_main .testimonial_box { width:100%; margin:0px;}
.testimonials_main .testimonial_box span { margin:0px;  background:url(../images/testimonial_profile_bg_mobile.webp) no-repeat; width:350px; height:350px; padding:55px 51px; }
.testimonials_main .testimonial_box p { width:100%; padding:15px 20px 0px 20px; text-align:justify; font-size:16px; margin-bottom:0px;}
.testimonials_main .testimonial_box p:last-child { margin-bottom:20px;}
.villa_specialists_main { float:left; width:100%; margin:0px; padding:0px; background:none;}
.villa_specialists_main .villa_specialists_content { width:100%;}
.contact_main .contact_left_form { width:100%; padding:20px; background:none;}
.contact_main .contact_left_form h3 { text-align:center; margin:20px 0px 10px 0px;}
.contact_main .contact_left_form p { text-align:center; width:100%;}
.contact_main .contact_left_form .contact-form { width:100%; margin:10px 0px;}
.contact_main .contact_right { float:left; width:100%; padding:0px 20px;}
.contact_main .contact_right img { width:100%;}
.footer_main .footer_main_section { width:80%; margin:45px auto 20px auto;}
.living_harmony_main .living_harmony_main_right h3 { width:100%; font-size:30px;}
.testimonials_main { padding:30px 12px 20px 12px}
.brochure_main_section { height:auto;}

}