* {
margin: 0;
padding: 0; }
html {
height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: transparent;
font-size: 62.5%; }
/*Pause animations before page load*/
.js-loading *,
.js-loading *:before,
.js-loading *:after {
animation-play-state: paused !important; }
a {
color: inherit;
/* blue colors for links too */
text-decoration: inherit;
/* no underline */ }
.divLink_2 {
text-decoration: none;
cursor: pointer; }
.main_wrap {
width: 100%;
background-color: #e8e8e8;
-webkit-text-size-adjust: none;
-webkit-font-size-adjust: none; }
.grecaptcha-badge {
visibility: hidden; }
.spacer {
transition: height 0.5s;
-webkit-transition: height 0.5s; }
#index_spacer {
position: absolute;
top: 0; }
.ScrollPrompt_Wrap {
position: fixed;
bottom: 0%;
right: 0%;
transition: opacity 0.4s cubic-bezier(0.7, 0, 0.24, 1.57);
-webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.24, 1.57);
width: 70px;
height: 70px;
z-index: 998;
opacity: 0; }
.ScrollPrompt {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 55px;
height: 55px;
z-index: 2; }
#ScrollPrompt_up {
pointer-events: none;
cursor: pointer;
transition: 0.4s cubic-bezier(0.7, 0, 0.24, 1.57);
-webkit-transition: 0.4s cubic-bezier(0.7, 0, 0.24, 1.57); }
#ScrollPrompt_shadow, #ScrollPrompt_shadow_down, #ScrollPrompt_shadow_up {
position: absolute;
transition: 0.6s ease-in-out;
-webkit-transition: 0.6s ease-in-out;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 55px;
height: 55px;
-webkit-box-shadow: 0px 11px 11px -6px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 11px 11px -6px rgba(0, 0, 0, 0.33);
box-shadow: 0px 11px 11px -6px rgba(0, 0, 0, 0.33);
border-radius: 55px 55px 55px 55px;
-moz-border-radius: 55px 55px 55px 55px;
-webkit-border-radius: 55px 55px 55px 55px;
border: 0px solid #000000;
z-index: 1; }
.nav_grid {
display: grid;
position: fixed;
top: 0%;
left: 0%;
grid-template-columns: 2.5vw 1fr 2.5vw;
min-height: 90px;
width: 100%;
z-index: 1000;
background-color: rgba(40, 79, 104, 0.75);
transition: 0.5s;
-webkit-transition: 0.5s; }
@media (max-width: 380px) {
.nav_grid {
display: none; } }
@media (max-width: 1370px) {
.nav_grid {
display: none; } }
.nav_grid .logobar {
position: relative;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 370px;
grid-column-start: 2;
overflow: hidden;
z-index: 1; }
.nav_grid .logobar .logoWrap {
display: inline-block;
height: 45px;
width: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
transition: 0.2s;
-webkit-transition: 0.2s;
z-index: 999; }
.nav_grid .logobar .logoWrap #link_1 {
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 999; }
.nav_grid .logobar .logoWrap #link_1 #logoImg {
height: 100%; }
.nav_grid .logobar .logoWrap a.divLink {
text-decoration: none;
cursor: pointer; }
.nav_grid .nav_container {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%);
grid-column-gap: 60px;
position: absolute;
grid-column-end: 3;
right: 0%;
top: 50%;
transform: translateY(-50%);
height: 36px;
z-index: 2; }
@media (max-width: 1680px) {
.nav_grid .nav_container {
grid-column-gap: 40px; } }
.nav_grid .nav_container .navbut, .nav_grid .nav_container .social_media_fb, .nav_grid .nav_container .social_media_in {
display: inline-block;
top: 50%;
transform: translateY(-50%);
position: relative;
max-height: 30px;
z-index: 2; }
.nav_grid .nav_container .navbut .nav_bg, .nav_grid .nav_container .social_media_fb .nav_bg, .nav_grid .nav_container .social_media_in .nav_bg {
position: relative;
cursor: pointer;
height: 30px; }
.nav_grid .nav_container .navbut .nav_bg p, .nav_grid .nav_container .social_media_fb .nav_bg p, .nav_grid .nav_container .social_media_in .nav_bg p {
color: white;
font-family: "Quicksand", sans-serif;
text-transform: uppercase;
position: relative;
text-align: center;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
font-size: 1.6rem;
font-weight: 700;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
transition: 0.2s;
-webkit-transition: 0.2s;
z-index: 1; }
@media (max-width: 1680px) {
.nav_grid .nav_container .navbut .nav_bg p, .nav_grid .nav_container .social_media_fb .nav_bg p, .nav_grid .nav_container .social_media_in .nav_bg p {
font-size: 1.4rem; } }
.nav_grid .nav_container .underline {
height: 3px;
background-color: #EB2027;
transition: transform .15s ease-out;
transition: -webkit-transform .15s ease-out;
transform: scaleX(0);
-webkit-transform: scaleX(0); }
.nav_grid .nav_container .menu_bridge {
position: absolute;
width: 177.61px;
height: 25px;
top: 0px;
z-index: 2; }
.nav_grid .nav_container #nav_container_area {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0%; }
.nav_grid .nav_container #prod_underline {
z-index: 1; }
.nav_grid .nav_container .social_media_fb, .nav_grid .nav_container .social_media_in {
width: 25px;
height: 30px; }
.nav_grid .nav_container .social_media_fb {
padding-left: 15px; }
.nav_grid .nav_container #icon_fb_roll, .nav_grid .nav_container #icon_in_roll {
position: absolute;
z-index: 2;
width: 25px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.2s;
cursor: pointer; }
.nav_grid .nav_container #icon_fb_roll:hover, .nav_grid .nav_container #icon_in_roll:hover {
opacity: 1; }
.nav_grid .nav_container #icon_fb, .nav_grid .nav_container #icon_in {
position: absolute;
z-index: 1;
width: 25px;
top: 50%;
transform: translateY(-50%); }
.menuBody_drillDown {
position: fixed;
top: 90px;
display: none;
width: 100%;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
left: 0px;
overflow: hidden;
background: rgba(40, 79, 104, 0.75);
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
-moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
z-index: 2000; }
.menuBody_drillDown .navbut_sub {
height: 50px;
cursor: pointer; }
.menuBody_drillDown .navbut_sub .nav_bg_sub {
top: 0%;
height: 100%; }
.menuBody_drillDown .drillDown_grid {
display: grid;
grid-template-columns: 1fr 200px 200px 200px 200px 1fr;
grid-column-gap: 100px;
width: 100%; }
.menuBody_drillDown .drillDown_grid #drillDown_column_1 {
grid-column-start: 2; }
.menuBody_drillDown .drillDown_column p {
color: white;
font-family: "Quicksand", sans-serif;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
font-size: 1.3rem;
font-weight: 700;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
transition: 0.2s;
-webkit-transition: 0.2s; }
.nav_grid_mobi {
display: none;
background-color: none; }
@media (max-width: 1370px) {
.nav_grid_mobi {
display: grid;
position: absolute;
top: 0%;
left: 0%;
grid-template-columns: 5vw 1fr fit-content(100%) 20px fit-content(100%) 5vw;
grid-template-rows: 3vw 20px 3vw;
width: 100%;
z-index: 1000; } }
@media (max-width: 900px) {
.nav_grid_mobi {
display: grid;
position: absolute;
top: 0%;
left: 0%;
grid-template-columns: 5vw 1fr fit-content(100%) 20px fit-content(100%) 5vw;
grid-template-rows: 5vw 20px 5vw;
width: 100%;
z-index: 1000; } }
@media (max-width: 550px) {
.nav_grid_mobi {
display: grid;
position: absolute;
top: 0%;
left: 0%;
grid-template-columns: 5vw 1fr fit-content(100%) 20px fit-content(100%) 5vw;
grid-template-rows: 5vw 20px 70px fit-content(100%);
width: 100%;
z-index: 1000; } }
.nav_grid_mobi .logoWrap_mobi {
display: block; }
@media (max-width: 1370px) {
.nav_grid_mobi .logoWrap_mobi {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
position: relative;
transition: 0.2s;
-webkit-transition: 0.2s;
z-index: 3;
max-width: 370px; } }
@media (max-width: 550px) {
.nav_grid_mobi .logoWrap_mobi {
grid-column-start: 2;
grid-column-end: 6;
grid-row-start: 3;
grid-row-end: 4;
position: relative;
transition: 0.2s;
-webkit-transition: 0.2s;
z-index: 3; } }
.nav_grid_mobi .logoWrap_mobi a.divLink {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-decoration: none;
cursor: pointer;
max-height: 45px; }
@media (max-width: 1220px) {
.nav_grid_mobi .logoWrap_mobi a.divLink {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }
@media (max-width: 550px) {
.nav_grid_mobi .logoWrap_mobi a.divLink {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-decoration: none;
cursor: pointer; } }
.nav_grid_mobi .logoWrap_mobi a.divLink #logoImg_mobi {
width: 100%; }
.nav_grid_mobi .mobi_menu {
grid-column-start: 5;
grid-column-end: 6;
grid-row-start: 2;
grid-row-end: 3;
height: 100%;
width: 20px;
position: relative;
z-index: 10; }
@media (max-width: 550px) {
.nav_grid_mobi .mobi_menu {
grid-column-start: 5;
grid-column-end: 6;
grid-row-start: 2;
grid-row-end: 3;
height: 100%;
width: 20px;
position: relative;
z-index: 10; } }
.nav_grid_mobi .mobi_menu .menu_wrapper {
z-index: 1; }
.nav_grid_mobi .mobi_menu .menu_wrapper #menuImg {
position: absolute;
width: 20px;
height: 20px;
z-index: 6; }
.nav_grid_mobi .mobi_menu .menu_wrapper #menuCloseImg {
position: absolute;
width: 20px;
height: 20px;
z-index: 5; }
.nav_grid_mobi .mobi_menu .menu_wrapper #burger {
max-width: 20px;
position: absolute;
z-index: 2;
left: 0%;
transition: 0.2s;
-webkit-transition: 0.2s; }
.nav_grid_mobi .mobi_menu .menu_wrapper #burger_close {
max-width: 20px;
position: absolute;
transform: scale(0);
z-index: 1;
left: 0%;
transition: 0.2s;
-webkit-transition: 0.2s; }
.nav_grid_mobi .mobi_menu .mobi_buffer_half {
height: 1px; }
.nav_grid_mobi .sm_wrapper {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
height: 100%;
position: relative;
z-index: 10;
display: flex; }
@media (max-width: 550px) {
.nav_grid_mobi .sm_wrapper {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
height: 100%;
position: relative;
z-index: 10; } }
.nav_grid_mobi .sm_wrapper .sm_in {
display: inline-block;
width: 20px;
height: 20px; }
.nav_grid_mobi .sm_wrapper .sm_fb {
display: inline-block;
width: 20px;
height: 20px;
padding-left: 20px; }
.nav_grid_mobi .sm_wrapper #burger_fb_roll {
position: absolute;
z-index: 2;
max-width: 20px;
opacity: 0;
transition: 0.2s;
cursor: pointer; }
.nav_grid_mobi .sm_wrapper #burger_fb_roll:hover {
opacity: 1; }
.nav_grid_mobi .sm_wrapper #burger_fb {
position: absolute;
z-index: 1;
max-width: 20px; }
.nav_grid_mobi .quick_bg_mobi {
position: absolute;
background-color: rgba(40, 79, 104, 0.75);
grid-column-start: 1;
grid-column-end: 10;
grid-row-start: 1;
grid-row-end: 4;
min-height: 100%;
min-width: 100%;
z-index: 2;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out; }
.nav_grid_mobi .menuBody_mobi {
position: relative;
display: none;
width: 100%;
height: 0px;
grid-column-start: 1;
grid-column-end: 10;
grid-row-start: 4;
grid-row-end: 5;
background-color: rgba(40, 79, 104, 0.75);
-webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
-moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.44);
overflow: hidden;
transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out; }
.nav_grid_mobi .menuBody_mobi .navbut_mobi {
height: 50px;
/*min-height: 50px;*/
transition: 0.1s ease-out;
-webkit-transition: 0.1s ease-out;
cursor: pointer; }
.nav_grid_mobi .menuBody_mobi .navbut_mobi .nav_bg_mobi {
height: 100%;
padding-left: 5vw; }
.nav_grid_mobi .menuBody_mobi .navbut_mobi .nav_bg_mobi p {
display: inline-block;
color: white;
font-family: "Quicksand", sans-serif;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 700;
position: relative;
text-align: left;
text-decoration: none;
top: 50%;
transform: translateY(-70%);
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer */
-khtml-user-select: none;
/* KHTML browsers (e.g. Konqueror) */
-webkit-user-select: none;
/* Chrome, Safari, and Opera */
-webkit-touch-callout: none;
/* Disable Android and iOS callouts*/
transition: 0.2s;
-webkit-transition: 0.2s; }
.nav_grid_mobi .menuBody_mobi .ScrollPrompt_Wrap_menu {
position: fixed;
/*position: -webkit-sticky; /* required for Safari */
bottom: 0%;
right: 0%;
transition: opacity 0.4s cubic-bezier(0.7, 0, 0.24, 1.57);
-webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.24, 1.57);
width: 70px;
height: 70px;
z-index: 999;
opacity: 0; }
.nav_grid_mobi .menuBody_mobi #menu_down {
z-index: 1000; }
.nav_grid_mobi .menuBody_mobi .mobi_buffer {
height: 2px; }
.nav_grid_mobi .menuBody_mobi .mobi_buffer .split_1 {
width: 100%;
height: 1px; }
.nav_grid_mobi .menuBody_mobi .mobi_buffer .split_2 {
width: 100%;
height: 1px; }
.nav_grid_mobi .menuBody_mobi .mobi_buffer_half {
height: 1px; }
.nav_grid_mobi .menuBody_mobi .mobi_buffer_half .split_1 {
width: 100%;
height: 1px; }
.nav_grid_mobi .menuBody_mobi_drillDown {
position: relative;
width: 100%;
height: 0px;
display: none;
overflow: hidden;
transition: 1s ease-out;
-webkit-transition: 1s ease-out; }
.nav_grid_mobi .menuBody_mobi_drillDown .navbut_mobi_sub {
height: 50px;
/*min-height: 50px;*/
transition: 0.1s ease-out;
-webkit-transition: 0.1s ease-out;
cursor: pointer; }
.nav_grid_mobi .menuBody_mobi_drillDown .navbut_mobi_sub .nav_bg_mobi_sub {
height: 100%;
padding-left: 10vw; }
.nav_grid_mobi .menuBody_mobi_drillDown .navbut_mobi_sub .nav_bg_mobi_sub p {
display: inline-block;
color: white;
font-family: "Quicksand", sans-serif;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 500;
position: relative;
text-align: left;
text-decoration: none;
top: 50%;
transform: translateY(-70%);
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer */
-khtml-user-select: none;
/* KHTML browsers (e.g. Konqueror) */
-webkit-user-select: none;
/* Chrome, Safari, and Opera */
-webkit-touch-callout: none;
/* Disable Android and iOS callouts*/
transition: 0.3s;
-webkit-transition: 0.3s; }
.sticky_mobi {
position: fixed;
/*position: -webkit-sticky; /* required for Safari */
top: 0px;
width: 100%; }
.sticky_menu_scroller {
position: fixed;
/*position: -webkit-sticky; /* required for Safari */ }
.img_slider {
position: relative;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: #274f69;
transition: height 0.3s;
-webkit-transition: height 0.3s; }
.img_slider .slider_cover {
display: block;
position: absolute;
top: 0%;
width: 100%;
height: 100%;
background-color: #274f69;
z-index: 996;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s; }
.img_slider .height_control {
height: 100vh;
width: 0;
position: absolute; }
.img_slider .hero_text {
display: grid;
width: 100%;
position: relative;
z-index: 997;
top: 50%;
grid-template-columns: 7.5% 1fr 7.5%;
grid-template-rows: fit-content(100%) auto;
transform: translateY(-50%); }
@media (max-width: 1370px) and (orientation: landscape) {
.img_slider .hero_text {
display: grid;
width: 100%;
position: relative;
top: 50%;
grid-template-columns: 5% 1fr 5%;
grid-template-rows: fit-content(100%) auto;
transform: translateY(-50%); } }
@media (max-width: 1220px) {
.img_slider .hero_text {
grid-template-columns: 5vw 1fr 5vw;
grid-template-rows: fit-content(100%) fit-content(100%);
grid-column-gap: 0px;
grid-row-gap: 0px;
top: 50%;
transform: translateY(-50%);
position: absolute;
overflow: hidden; } }
@media (max-width: 850px) and (orientation: landscape) {
.img_slider .hero_text {
top: 60%; } }
.img_slider .hero_text #slider_text_1 {
grid-column-start: 2;
grid-column-end: 3;
font-family: "Montserrat", sans-serif;
color: white;
font-size: 1.75vw;
line-height: 7rem;
font-weight: 700;
text-align: center;
opacity: 0; }
@media (max-width: 1220px) {
.img_slider .hero_text #slider_text_1 {
grid-column-start: 2;
grid-column-end: 3;
text-align: center;
font-size: 5.5vw;
font-weight: 700;
line-height: 10vw; } }
@media (max-width: 1370px) and (orientation: landscape) {
.img_slider .hero_text #slider_text_1 {
grid-column-start: 2;
grid-column-end: 3;
font-family: "Montserrat", sans-serif;
color: white;
font-size: 3vw;
line-height: 5rem;
font-weight: 700;
text-align: center;
opacity: 0; } }
@media (max-width: 850px) and (orientation: landscape) {
.img_slider .hero_text #slider_text_1 {
line-height: 3.5rem; } }
@media (max-width: 1024px) and (orientation: portrait) {
.img_slider .hero_text #slider_text_1 {
line-height: 8vw; } }
@media (max-width: 600px) and (orientation: portrait) {
.img_slider .hero_text #slider_text_1 {
line-height: 10vw; } }
.img_slider .hero_text .hero_scroll {
position: relative;
min-height: 80px;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
margin-top: 1vw; }
@media (max-width: 1024px) and (orientation: portrait) {
.img_slider .hero_text .hero_scroll {
margin-top: 3vw; } }
.img_slider .hero_text .hero_scroll .hero_scroll_img {
min-width: 80px;
min-height: 80px;
width: 4vw;
height: 4vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
opacity: 0;
cursor: pointer; }
@media (max-width: 1024px) and (orientation: portrait) {
.img_slider .hero_text .hero_scroll .hero_scroll_img {
width: 8vw;
height: 8vw; } }
.img_slider .hero_text .hero_scroll .hero_scroll_img #hero_scroll_img_arrow {
opacity: 0; }
.img_slider .slider_desc {
position: absolute;
width: 100%;
height: 70px;
bottom: 0%;
background-color: rgba(190, 214, 47, 0.83);
z-index: 995;
overflow: hidden; }
@media (max-width: 1680px) {
.img_slider .slider_desc {
height: 50px; } }
.img_slider .slider_desc .view_proj {
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
margin-right: 2.5vw;
width: 140px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid white;
cursor: pointer;
transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: opacity 0s;
-webkit-transition: opacity 0s;
z-index: 999; }
@media (max-width: 1680px) {
.img_slider .slider_desc .view_proj {
width: 120px;
height: 33px;
margin-right: 2.5vw; } }
@media (max-width: 1370px) {
.img_slider .slider_desc .view_proj {
margin-right: 5vw; } }
.img_slider .slider_desc .view_proj p {
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.5rem;
font-weight: 700;
color: white;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1680px) {
.img_slider .slider_desc .view_proj p {
font-size: 1.2rem; } }
.img_slider .slider_desc .slider_desc_details {
display: inline-block;
position: relative;
margin-left: 2.5vw;
top: 50%;
transform: translateY(-50%); }
@media (max-width: 1370px) {
.img_slider .slider_desc .slider_desc_details {
margin-left: 5vw; } }
@media (max-width: 1220px) {
.img_slider .slider_desc .slider_desc_details {
margin-left: 5vw; } }
.img_slider .slider_desc .slider_desc_details h1 {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 1.7rem;
font-weight: 700;
color: white;
text-align: right; }
@media (max-width: 1680px) {
.img_slider .slider_desc .slider_desc_details h1 {
font-size: 1.3rem; } }
.img_slider .slider_desc .slider_desc_details .name_pulse {
display: flex;
position: absolute; }
.img_slider .slider_desc_img {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 200; }
.img_slider .slider_desc_img .slider_img {
position: absolute;
top: 0%;
width: 100%; }
.img_slider .slider_desc_img #slider_1 {
z-index: 4; }
.img_slider .slider_desc_img #slider_2 {
z-index: 3; }
.img_slider .slider_desc_img #slider_3 {
z-index: 2; }
.img_slider .slider_desc_img #slider_4 {
z-index: 1; }
.img_slider .slider_desc_img #slider_4_clone {
z-index: 5; }
@keyframes fade_initial {
0% {
opacity: 1; }
90% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes ani_fade {
0% {
opacity: 0; }
10% {
opacity: 1; }
90% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes initial_clone_fade {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(359deg); } }
.fade_initial {
animation-name: fade_initial;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: 1;
animation-fill-mode: forwards; }
.fade {
animation-name: ani_fade;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: 1;
animation-fill-mode: forwards; }
.clone_fade {
animation-name: initial_clone_fade;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: 1;
animation-fill-mode: forwards; }
.hero_text_2 {
background-color: #e8e8e8;
padding-top: 40px;
padding-bottom: 40px;
display: none; }
@media (max-width: 1220px) {
.hero_text_2 {
display: none; } }
.hero_text_2 #slider_text_2 {
position: relative;
left: 50%;
transform: translateX(-50%);
font-family: "Montserrat", sans-serif;
color: #274f69;
font-size: 1.7rem;
line-height: 30px;
font-weight: 400;
text-align: center;
opacity: 1;
max-width: 80%; }
@media (max-width: 1220px) {
.hero_text_2 #slider_text_2 {
font-size: 2.4rem;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
max-width: 70%;
line-height: 35px; } }
@media (max-width: 600px) {
.hero_text_2 #slider_text_2 {
font-size: 1.7rem;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
max-width: 80%; } }
.hero_text_2 #slider_down_arrow {
position: absolute;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 1220px) {
.hero_text_2 #slider_down_arrow {
position: absolute;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
left: 50%;
transform: translateX(-50%);
cursor: pointer; } }
.accent {
width: 100%;
height: 15px;
background-color: #bed62f;
position: relative; }
@media (max-width: 1680px) {
.accent {
height: 7px; } }
.about_wrap {
background-color: #e8e8e8;
padding-top: calc(100px + 85px);
padding-bottom: calc(100px + 85px);
width: 100%; }
@media (max-width: 1680px) {
.about_wrap {
padding-top: calc(50px + 57px);
padding-bottom: calc(50px + 57px); } }
.about_wrap .about_grid {
display: grid;
position: relative;
left: 50%;
max-width: 1220px;
transform: translateX(-50%);
grid-template-columns: 1fr;
grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%);
grid-row-gap: 100px; }
@media (max-width: 1680px) {
.about_wrap .about_grid {
width: 90%;
max-width: 1220px;
left: 50%;
transform: translateX(-50%);
grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%); } }
@media (max-width: 1220px) {
.about_wrap .about_grid {
width: 90%;
left: 50%;
transform: translateX(-50%);
grid-template-columns: 1fr;
grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%);
grid-column-gap: 0px;
grid-row-gap: 100px; } }
@media (max-width: 380px) {
.about_wrap .about_grid {
width: 90%;
left: 50%;
transform: translateX(-50%);
grid-template-columns: 1fr;
grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%);
grid-column-gap: 0px;
grid-row-gap: 60px; } }
@media (max-width: 1220px) {
.about_wrap .about_grid #card_2 {
grid-column-start: 1;
grid-row-start: 2; } }
@media (max-width: 1220px) {
.about_wrap .about_grid #card_3 {
grid-column-start: 1;
grid-row-start: 3; } }
.about_wrap .about_grid .about_icon {
position: relative;
width: 125px;
left: 50%;
transform: translateX(-50%);
z-index: 2; }
@media (max-width: 450px) {
.about_wrap .about_grid .about_icon {
width: 90px; } }
.about_wrap .about_grid .icon_shadow {
position: relative;
z-index: 1;
display: inline-block;
top: -27px;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 450px) {
.about_wrap .about_grid .icon_shadow {
width: 100%;
padding-bottom: 0px; } }
.about_wrap .about_grid h1 {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-size: 2.6rem;
padding-bottom: 25px;
text-align: center; }
@media (max-width: 1680px) {
.about_wrap .about_grid h1 {
font-size: 2.2rem !important;
padding-bottom: 15px; } }
.about_wrap .about_grid p {
color: #7F7F7F;
font-family: "Montserrat", sans-serif;
font-size: 18px;
text-align: center;
line-height: 30px; }
@media (max-width: 1680px) {
.about_wrap .about_grid p {
font-size: 1.4rem !important; } }
.testimonials_but_wrap {
position: relative;
background-color: #e8e8e8;
padding-bottom: 100px;
width: 90%;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 450px) {
.testimonials_but_wrap {
padding-bottom: 50px; } }
.testimonials_but_wrap .testimonials_but {
margin-top: 100px;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 500px;
height: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid #62A2CC;
cursor: pointer;
background-color: white;
cursor: pointer;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s; }
@media (max-width: 450px) {
.testimonials_but_wrap .testimonials_but {
margin-top: 50px; } }
.testimonials_but_wrap .testimonials_but p {
padding-top: 0;
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.8rem;
font-weight: 700;
color: #62A2CC;
letter-spacing: 0.25rem;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1680px) {
.testimonials_but_wrap .testimonials_but p {
font-size: 1.4rem; } }
@media (max-width: 380px) {
.testimonials_but_wrap .testimonials_but p {
font-size: 1.4rem; } }
.indexer {
height: 2.5vw;
max-height: 10px;
width: 100%;
background-color: #274f69;
overflow: hidden; }
@media (max-width: 1024px) {
.indexer {
max-height: 5px; } }
.indexer .tab {
position: relative;
height: 100%;
left: 0;
background-color: #62A2CC;
transition: all 0.5s ease-in-out 0.5s;
-webkit-transition: all 0.5s ease-in-out 0.5s; }
.testimonials_wrap {
position: relative;
background-color: #274f69;
width: 100%;
overflow: hidden; }
.testimonials_wrap h1 {
color: white;
font-family: "Montserrat", sans-serif;
font-size: 2.6rem;
padding-top: 100px;
text-align: center;
padding-bottom: 50px; }
@media (max-width: 1680px) {
.testimonials_wrap h1 {
font-size: 2.2rem;
padding-top: 50px; } }
.testimonials_wrap .testimonials_nav {
display: grid;
position: absolute;
grid-template-columns: fit-content(100%) 1fr fit-content(100%);
width: 95%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2; }
@media (max-width: 1370px) {
.testimonials_wrap .testimonials_nav {
width: 90%; } }
@media (max-width: 1024px) {
.testimonials_wrap .testimonials_nav {
width: 25%;
left: 50%;
top: 115px;
transform: translateX(-50%); } }
.testimonials_wrap .testimonials_nav .testimonials_nav_left {
grid-column-start: 1;
cursor: pointer; }
.testimonials_wrap .testimonials_nav .testimonials_nav_right {
grid-column-start: 3;
cursor: pointer; }
.testimonials_wrap .testimonials_grid_wrap {
padding-top: 50px;
padding-bottom: 100px;
position: relative;
max-width: 1220px;
left: 50%;
transform: translateX(-50%);
overflow: hidden; }
@media (max-width: 1680px) {
.testimonials_wrap .testimonials_grid_wrap {
padding-bottom: 50px; } }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid {
display: grid;
width: auto;
position: relative;
grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%);
grid-template-rows: fit-content(100%);
left: 0;
transition: left 0.5s ease-out;
-webkit-transition: left 0.5s ease-out; }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card {
width: calc(100vw);
height: 100%;
max-width: 1220px; }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_text {
width: auto;
height: auto;
padding-left: 10%;
padding-right: 10%; }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_text p {
position: relative;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.2rem;
text-align: center;
line-height: 30px; }
@media (max-width: 1680px) {
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_text p {
font-size: 1.2rem; } }
@media (max-width: 380px) {
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_text p {
font-size: 1.2rem; } }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_auth {
width: auto;
bottom: 0%;
padding-left: 10%;
padding-right: 10%;
padding-top: 50px; }
@media (max-width: 1680px) {
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_auth {
padding-top: 25px; } }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card .quote_auth h3 {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-align: center;
position: relative;
font-size: 1.6rem; }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card #quote_open {
position: absolute;
left: -24px;
top: 20px; }
.testimonials_wrap .testimonials_grid_wrap .testimonials_grid .testimonials_card #quote_close {
position: absolute;
right: -24px;
top: 400px; }
#map {
position: relative;
height: 50vh;
overflow: hidden;
width: 100%;
z-index: 500;
background-color: #E5E5E5;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: none;
border-color: #18a1dc;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.76);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.76);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.76); }
.contact {
background-color: #e8e8e8; }
.contact .contact_wrap {
background-color: #e8e8e8;
padding-top: 100px;
padding-bottom: 100px; }
.contact .contact_wrap .contact_icon_grid {
display: none;
position: relative;
grid-template-columns: 1fr 400px 1fr; }
@media (max-width: 380px) {
.contact .contact_wrap .contact_icon_grid {
grid-template-columns: 5vw 1fr 5vw; } }
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap {
grid-column-start: 2; }
@media (max-width: 380px) {
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap {
display: block;
width: 100%; } }
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap .contact_icon {
position: relative;
width: 125px;
left: 50%;
transform: translateX(-50%);
z-index: 2; }
@media (max-width: 380px) {
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap .contact_icon {
width: 115px; } }
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap #contact_shadow {
position: relative;
z-index: 1;
display: inline-block;
top: -27px;
left: 50%;
transform: translateX(-50%);
padding-bottom: 20px; }
@media (max-width: 380px) {
.contact .contact_wrap .contact_icon_grid .contact_icon_wrap #contact_shadow {
width: 300px; } }
.contact .contact_wrap .contact_grid {
display: grid;
position: relative;
width: 90%;
left: 50%;
max-width: 1220px;
transform: translateX(-50%);
grid-template-columns: 1fr;
grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%); }
.contact .contact_wrap .contact_grid .form_wrapper {
grid-column-start: 1;
padding-top: 40px;
/* Change Autocomplete styles in Chrome*/ }
.contact .contact_wrap .contact_grid .form_wrapper .form_buffer {
height: 40px; }
.contact .contact_wrap .contact_grid .form_wrapper h2 {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-size: 2.6rem;
padding-bottom: 25px;
text-align: center; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper h2 {
font-size: 2.2rem;
padding-bottom: 15px; } }
.contact .contact_wrap .contact_grid .form_wrapper h1 {
color: #7F7F7F;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
text-align: center;
line-height: 30px; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper h1 {
font-size: 1.4rem; } }
@media (max-width: 380px) {
.contact .contact_wrap .contact_grid .form_wrapper h1 {
font-size: 1.4rem; } }
.contact .contact_wrap .contact_grid .form_wrapper p {
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
color: #7F7F7F;
font-weight: 400;
line-height: 30px;
text-align: left; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper p {
font-size: 1.4rem;
text-align: left; } }
@media (max-width: 770px) {
.contact .contact_wrap .contact_grid .form_wrapper p {
font-size: 1.4rem;
text-align: center; } }
.contact .contact_wrap .contact_grid .form_wrapper input {
width: 100%;
box-sizing: border-box;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
border: 0px solid #000000;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
font-family: "Montserrat", sans-serif;
color: #7F7F7F;
font-weight: 400;
font-size: 1.8rem; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper input {
font-size: 1.4rem; } }
.contact .contact_wrap .contact_grid .form_wrapper textarea {
width: 100%;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
padding: 12px;
height: 200px;
border: 0px solid #000000;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 1.8rem;
color: #7F7F7F;
resize: vertical; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper textarea {
font-size: 1.4rem; } }
.contact .contact_wrap .contact_grid .form_wrapper input:focus, .contact .contact_wrap .contact_grid .form_wrapper textarea:focus {
outline: none; }
.contact .contact_wrap .contact_grid .form_wrapper input::placeholder, .contact .contact_wrap .contact_grid .form_wrapper textarea::placeholder {
color: #7F7F7F; }
.contact .contact_wrap .contact_grid .form_wrapper input:-webkit-autofill,
.contact .contact_wrap .contact_grid .form_wrapper input:-webkit-autofill:hover,
.contact .contact_wrap .contact_grid .form_wrapper input:-webkit-autofill:focus,
.contact .contact_wrap .contact_grid .form_wrapper textarea:-webkit-autofill,
.contact .contact_wrap .contact_grid .form_wrapper textarea:-webkit-autofill:hover,
.contact .contact_wrap .contact_grid .form_wrapper textarea:-webkit-autofill:focus,
.contact .contact_wrap .contact_grid .form_wrapper select:-webkit-autofill,
.contact .contact_wrap .contact_grid .form_wrapper select:-webkit-autofill:hover,
.contact .contact_wrap .contact_grid .form_wrapper select:-webkit-autofill:focus {
-webkit-text-fill-color: #7F7F7F;
transition: background-color 5000s ease-in-out 0s; }
.contact .contact_wrap .contact_grid .form_wrapper span {
font-family: "Montserrat", sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-align: left;
color: red;
padding-left: 12px; }
.contact .contact_wrap .contact_grid .form_wrapper #span_5 {
padding-left: 0;
display: block;
text-align: center;
margin-bottom: 50px;
display: none; }
.contact .contact_wrap .contact_grid .form_wrapper #span_6 {
font-size: 1.8rem;
text-align: center;
font-weight: 400;
padding-left: 0;
color: #7F7F7F;
display: block;
line-height: 30px;
margin-bottom: 50px;
display: none; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper #span_6 {
font-size: 1.2rem; } }
.contact .contact_wrap .contact_grid .form_wrapper #span_7 {
padding-left: 0;
display: block;
text-align: center;
margin-bottom: 50px;
display: none; }
.contact .contact_wrap .contact_grid .form_wrapper #span_8 {
padding-left: 0;
display: block;
text-align: center;
margin-bottom: 50px;
display: none; }
.contact .contact_wrap .contact_grid .form_wrapper .message_placeholder p {
padding-left: 1.2rem;
text-align: left; }
.contact .contact_wrap .contact_grid .form_wrapper .submit_but {
margin-top: 50px;
margin-bottom: 50px;
position: relative;
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
border-radius: 30px 30px 30px 30px;
width: 100%;
height: 60px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 500px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
cursor: pointer;
background-color: #bed62f;
cursor: pointer;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper .submit_but {
height: 55px;
border-radius: 27.5px 27.5px 27.5px 27.5px; } }
.contact .contact_wrap .contact_grid .form_wrapper .submit_but p {
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.25rem;
color: white;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper .submit_but p {
font-size: 1.4rem; } }
.contact .contact_wrap .contact_grid .form_wrapper .submit_but .greenButsArrow {
position: absolute;
top: 10px;
right: 10px; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .form_wrapper .submit_but .greenButsArrow {
top: 7.5px;
right: 7.5px; } }
.contact .contact_wrap .contact_grid .form_wrapper .progress_bar {
display: none;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 65px;
height: 65px;
padding-top: 50px;
padding-bottom: 50px; }
.contact .contact_wrap .contact_grid .form_wrapper #loader {
width: 100%;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
animation: spin 1s ease-in-out infinite; }
.contact .contact_wrap .contact_grid .form_wrapper .google_TC {
font-family: "Montserrat", sans-serif;
font-size: 1.2rem;
color: #7F7F7F;
font-weight: 400;
line-height: 20px;
text-align: center; }
@media (max-width: 650px) {
.contact .contact_wrap .contact_grid .form_wrapper .google_TC {
font-size: 0.8rem; } }
.contact .contact_wrap .contact_grid .form_wrapper .google_TC a {
color: #62A2CC; }
.contact .contact_wrap .contact_grid .loc {
line-height: 40px; }
@media (max-width: 770px) {
.contact .contact_wrap .contact_grid .loc {
line-height: 30px; } }
.contact .contact_wrap .contact_grid .loc .links {
margin-top: 40px;
margin-bottom: 40px;
position: relative; }
.contact .contact_wrap .contact_grid .loc .links strong {
font-weight: 400; }
.contact .contact_wrap .contact_grid .loc h1 {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
color: #7F7F7F;
font-weight: 400;
text-align: left; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc h1 {
font-size: 1.4rem; } }
.contact .contact_wrap .contact_grid .loc a, .contact .contact_wrap .contact_grid .loc p {
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
color: #7F7F7F;
font-weight: 400;
line-height: 30px;
text-align: left; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc a, .contact .contact_wrap .contact_grid .loc p {
font-size: 1.4rem;
line-height: 30px; } }
@media (max-width: 380px) {
.contact .contact_wrap .contact_grid .loc a, .contact .contact_wrap .contact_grid .loc p {
font-size: 1.8rem;
line-height: 30px; } }
.contact .contact_wrap .contact_grid .loc p {
text-align: center; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc p {
font-size: 1.4rem;
line-height: 30px;
text-align: center; } }
@media (max-width: 380px) {
.contact .contact_wrap .contact_grid .loc p {
font-size: 1.4rem;
line-height: 30px; } }
.contact .contact_wrap .contact_grid .loc .phys_add {
padding-bottom: 0px; }
@media (max-width: 770px) {
.contact .contact_wrap .contact_grid .loc .phys_add {
text-align: center; } }
.contact .contact_wrap .contact_grid .loc a {
color: #62A2CC;
font-weight: 400; }
@media (max-width: 1220px) {
.contact .contact_wrap .contact_grid .loc a {
line-height: 40px; } }
@media (max-width: 380px) {
.contact .contact_wrap .contact_grid .loc a {
font-size: 1.4rem;
padding-top: 15px; } }
.contact .contact_wrap .contact_grid .loc a:hover {
color: #62A2CC; }
.contact .contact_wrap .contact_grid .loc .a_wrap {
display: inline-block; }
.contact .contact_wrap .contact_grid .loc .direct_but {
margin-top: 40px;
margin-bottom: 45px;
position: relative;
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 500px;
height: 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 30px 30px 30px 30px;
cursor: pointer;
background-color: #bed62f;
cursor: pointer;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc .direct_but {
height: 55px;
border-radius: 27.5px 27.5px 27.5px 27.5px; } }
@media (max-width: 770px) {
.contact .contact_wrap .contact_grid .loc .direct_but {
left: 50%;
transform: translateX(-50%); } }
.contact .contact_wrap .contact_grid .loc .direct_but .greenButsArrow {
position: absolute;
top: 10px;
right: 10px; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc .direct_but .greenButsArrow {
top: 7.5px;
right: 7.5px; } }
.contact .contact_wrap .contact_grid .loc .direct_but p {
padding-top: 0;
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.8rem;
font-weight: 700;
color: white;
letter-spacing: 0.25rem;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1680px) {
.contact .contact_wrap .contact_grid .loc .direct_but p {
font-size: 1.4rem; } }
@media (max-width: 380px) {
.contact .contact_wrap .contact_grid .loc .direct_but p {
font-size: 1.4rem; } }
@media (max-width: 380px) {
.contact .contact_wrap {
padding-top: 50px;
padding-bottom: 50px; } }
.contact_divider {
height: 1px;
width: 100%;
background-color: #7F7F7F;
opacity: 0.5; }
#highlight {
background-color: white; }
.footer {
min-height: 90px;
background-color: #274f69;
padding-top: 40px;
padding-bottom: 40px; }
.footer .footer_logo {
position: relative;
width: 250px;
height: 30.39px;
grid-column-start: 2;
left: 50%;
transform: translateX(-50%); }
.footer .footer_logo #footer_logo_Img {
width: 100%; }
@media (max-width: 1680px) {
.footer .footer_logo {
width: 170px; } }
.footer #copytext_1 {
margin-top: 10px;
margin-bottom: 15px; }
.footer #copytext_1 p {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 1.1rem;
color: #5788A3;
text-align: center; }
@media (max-width: 1680px) {
.footer #copytext_1 p {
font-size: 0.8rem; } }
.footer #copytext_2 {
left: 50%;
transform: translateX(-50%);
position: relative;
display: inline-block; }
.footer #copytext_2 p {
font-family: "Montserrat", sans-serif;
font-size: 1.1rem;
color: #5788A3;
display: inline-block; }
@media (max-width: 1680px) {
.footer #copytext_2 p {
font-size: 0.8rem; } }
.footer #copytext_2 #bold {
font-weight: 400; }
.static_index {
width: 100%;
position: fixed;
height: 0px;
z-index: 999;
background-color: #e8e8e8;
transition: height 0.1s;
-webkit-transition: height 0.1s; }
.static_index .static_accent {
width: 100%;
height: 15px;
max-height: 15px;
background-color: #bed62f;
position: absolute;
top: 100%;
z-index: 999; }
@media (max-width: 1680px) {
.static_index .static_accent {
max-height: 7px; } }
.static_index .static_accent .accent_scroller {
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 3px;
background-color: #ddf25c;
transition: width 0.5s ease-out;
-webkit-transition: width 0.5s ease-out; }
@media (max-width: 1680px) {
.static_index .static_accent .accent_scroller {
height: 3px; } }
.static_index .static_wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.static_index .static_wrapper .slider_static_img {
position: relative;
min-width: 1024px;
width: 100%;
height: 100%; }
.static_index .static_wrapper .slider_static_img .static_img {
position: absolute;
top: -100px;
width: 100%; }
.static_index .static_wrapper .static_desc {
position: absolute;
top: 0%;
width: 100%;
height: 100%;
bottom: 100%;
background-color: rgba(190, 214, 47, 0.83);
z-index: 300; }
.static_index .static_wrapper .static_desc .view_proj2 {
display: none;
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
margin-right: 2.5vw;
width: 150px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid white;
cursor: pointer;
transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: opacity 0s;
-webkit-transition: opacity 0s;
z-index: 999; }
@media (max-width: 1680px) {
.static_index .static_wrapper .static_desc .view_proj2 {
height: 33px;
margin-right: 2.5vw;
width: 120px; } }
@media (max-width: 1370px) {
.static_index .static_wrapper .static_desc .view_proj2 {
display: block;
margin-right: 5vw; } }
.static_index .static_wrapper .static_desc .view_proj2 p {
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.5rem;
font-weight: 700;
color: white;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1680px) {
.static_index .static_wrapper .static_desc .view_proj2 p {
font-size: 1.2rem; } }
.static_index .static_wrapper .static_desc .static_desc_details {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
height: 100%;
margin-left: 2.5vw; }
@media (max-width: 1370px) {
.static_index .static_wrapper .static_desc .static_desc_details {
margin-left: 5vw; } }
.static_index .static_wrapper .static_desc .static_desc_details h1 {
position: relative;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 2rem;
font-weight: 700;
text-align: center;
transition: all 0.1s;
-webkit-transition: all 0.1s; }
@media (max-width: 1680px) {
.static_index .static_wrapper .static_desc .static_desc_details h1 {
font-size: 1.3rem; } }
.static_index .static_wrapper .static_desc .static_desc_details .name_pulse {
display: flex;
position: absolute; }
.static {
width: 100%;
position: fixed;
height: 250px;
z-index: 999;
background-color: #e8e8e8;
transition: height 0.5s;
-webkit-transition: height 0.5s;
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2); }
.static .static_accent {
width: 100%;
height: 15px;
max-height: 15px;
background-color: #bed62f;
position: absolute;
top: 100%;
z-index: 999; }
@media (max-width: 1680px) {
.static .static_accent {
max-height: 7px; } }
.static .static_accent .accent_scroller {
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 3px;
background-color: #ddf25c;
transition: width 0.5s ease-out;
-webkit-transition: width 0.5s ease-out; }
@media (max-width: 1680px) {
.static .static_accent .accent_scroller {
height: 3px; } }
.static .static_wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
transition: height 0.8s;
-webkit-transition: height 0.8s; }
.static .static_wrapper .slider_static_img {
position: relative;
min-width: 1024px;
width: 100%;
height: 100%; }
.static .static_wrapper .slider_static_img .static_img {
position: absolute;
top: -100px;
width: 100%; }
.static .static_wrapper .static_desc {
position: absolute;
top: 0%;
width: 100%;
height: 100%;
bottom: 100%;
background-color: rgba(190, 214, 47, 0.83);
z-index: 300; }
.static .static_wrapper .static_desc .static_desc_details {
display: inline-block;
position: relative;
height: 100%;
margin-left: 2.5vw; }
@media (max-width: 1370px) {
.static .static_wrapper .static_desc .static_desc_details {
margin-left: 5vw; } }
.static .static_wrapper .static_desc .static_desc_details h1 {
position: relative;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 4rem;
font-weight: 700;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: all 0.5s;
-webkit-transition: all 0.5s; }
@media (max-width: 2100px) {
.static .static_wrapper .static_desc .static_desc_details h1 {
font-size: 4rem;
transform: translateY(0%);
top: 20%; } }
@media (max-width: 1680px) {
.static .static_wrapper .static_desc .static_desc_details h1 {
font-size: 3rem; } }
@media (max-width: 800px) {
.static .static_wrapper .static_desc .static_desc_details h1 {
top: 15%; } }
@media (max-width: 550px) {
.static .static_wrapper .static_desc .static_desc_details h1 {
font-size: 2.5rem; } }
.static .static_wrapper .specs_grid {
display: grid;
position: absolute;
width: 1000px;
max-width: 1000px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
grid-template-columns: 1fr 1fr 1fr 1fr;
z-index: 400;
transition: opacity 0.25s;
-webkit-transition: opacity 0.25s; }
@media (max-width: 2100px) {
.static .static_wrapper .specs_grid {
top: 60%;
transform: translate(-50%, 0%); } }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid {
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid {
top: 45%;
width: 90%;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
padding-bottom: 20px; } }
.static .static_wrapper .specs_grid h1 {
color: #274f69;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
text-align: center;
padding-bottom: 10px; }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid h1 {
font-size: 1.4rem;
padding-bottom: 10px; } }
.static .static_wrapper .specs_grid p {
color: #274f69;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
text-align: center;
line-height: 20px;
font-weight: 400; }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid p {
font-size: 1.4rem;
padding-bottom: 20px; } }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid .location_container p, .static .static_wrapper .specs_grid .location_container h1 {
text-align: center; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid .location_container p, .static .static_wrapper .specs_grid .location_container h1 {
text-align: left; } }
@media (max-width: 1220px) {
.static .static_wrapper .specs_grid .size_container p, .static .static_wrapper .specs_grid .size_container h1 {
text-align: center; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid .size_container p, .static .static_wrapper .specs_grid .size_container h1 {
text-align: left; } }
@media (max-width: 1220px) {
.static .static_wrapper .specs_grid .duration_container p, .static .static_wrapper .specs_grid .duration_container h1 {
text-align: center; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid .duration_container p, .static .static_wrapper .specs_grid .duration_container h1 {
text-align: left; } }
@media (max-width: 1220px) {
.static .static_wrapper .specs_grid .style_container p, .static .static_wrapper .specs_grid .style_container h1 {
text-align: center; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid .style_container p, .static .static_wrapper .specs_grid .style_container h1 {
text-align: right; } }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid .completion_container p, .static .static_wrapper .specs_grid .completion_container h1 {
text-align: center; } }
@media (max-width: 800px) {
.static .static_wrapper .specs_grid .completion_container p, .static .static_wrapper .specs_grid .completion_container h1 {
text-align: right; } }
@media (max-width: 1680px) {
.static .static_wrapper .specs_grid .architect_container p, .static .static_wrapper .specs_grid .architect_container h1 {
text-align: right; } }
.static .static_wrapper #specs_grid_custom {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
top: 53%; }
@media (max-width: 2100px) {
.static .static_wrapper #specs_grid_custom {
top: 50%;
transform: translate(-50%, 0%); } }
@media (max-width: 1680px) {
.static .static_wrapper #specs_grid_custom {
width: 100%;
grid-template-columns: 1fr; } }
@media (max-width: 1100px) {
.static .static_wrapper #specs_grid_custom {
width: 90%;
grid-template-columns: 1fr; } }
@media (max-width: 800px) {
.static .static_wrapper #specs_grid_custom {
top: 50%;
width: 90%;
grid-template-columns: 1fr;
padding-bottom: 20px; } }
.static .static_wrapper #specs_grid_custom p {
line-height: 30px; }
@media (max-width: 1680px) {
.static .static_wrapper #specs_grid_custom p {
line-height: 20px; } }
@media (max-width: 450px) {
.static .static_wrapper #specs_oversize {
top: 40%; } }
.static_shrunk {
height: 70px;
background-color: #e8e8e8;
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2); }
@media (max-width: 1680px) {
.static_shrunk {
height: 50px; } }
.static_shrunk .static_wrapper .static_desc .static_desc_details h1 {
font-size: 2rem;
top: 50%;
transform: translateY(-50%); }
@media (max-width: 1680px) {
.static_shrunk .static_wrapper .static_desc .static_desc_details h1 {
font-size: 1.3rem; } }
.static_shrunk .static_wrapper .specs_grid {
opacity: 0; }
.completed_wrap {
background-color: #e8e8e8;
padding-top: calc(100px + 15px);
padding-bottom: 100px;
width: 100%;
min-height: 1050px; }
@media (max-width: 1342px) {
.completed_wrap {
padding-top: calc(50px + 7px);
padding-bottom: 50px; } }
.completed_wrap .title_wrap {
position: relative;
width: 100%;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 380px) {
.completed_wrap .title_wrap {
width: 100%; } }
.completed_wrap .title_wrap .title {
color: #7F7F7F;
font-family: "Montserrat", sans-serif;
font-size: 4rem;
font-weight: 400;
text-align: center;
padding-bottom: 60px; }
@media (max-width: 1342px) {
.completed_wrap .title_wrap .title {
font-size: 4rem; } }
@media (max-width: 1220px) {
.completed_wrap .title_wrap .title {
font-size: 4rem; } }
@media (max-width: 380px) {
.completed_wrap .title_wrap .title {
font-size: 3rem; } }
.completed_wrap .completed_grid {
display: grid;
grid-row-gap: 100px; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid {
grid-row-gap: 50px; } }
@media (max-width: 380px) {
.completed_wrap .completed_grid {
grid-template-rows: 400px; } }
.completed_wrap .completed_grid .proj_preview {
display: grid;
position: relative;
grid-template-columns: 50% 50%;
background-color: white;
left: 50%;
transform: translateX(-50%);
width: 1220px;
height: 350px;
border: 0px solid #000000;
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2); }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview {
grid-template-columns: 50% 50%;
max-width: 700px;
height: 200px; } }
@media (max-width: 770px) {
.completed_wrap .completed_grid .proj_preview {
grid-template-columns: 100%;
grid-template-rows: 200px 200px;
max-width: 400px;
height: 400px;
width: 100%; } }
@media (max-width: 380px) {
.completed_wrap .completed_grid .proj_preview {
grid-template-columns: 100%;
grid-template-rows: 200px 200px;
width: 100%;
height: 400px; } }
.completed_wrap .completed_grid .proj_preview .thumb_container {
overflow: hidden; }
.completed_wrap .completed_grid .proj_preview .thumb_container .featured_thumb {
position: absolute;
left: -8px;
top: -8px; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .thumb_container .featured_thumb {
width: 144px;
height: 126px;
left: -5.5px;
top: -5.5px; } }
.completed_wrap .completed_grid .proj_preview .thumb_container .proj_thumb {
height: auto;
width: 100%; }
.completed_wrap .completed_grid .proj_preview .proj_desc {
position: relative;
margin-top: 7%;
margin-bottom: 7%;
padding-left: 5%;
padding-right: 5%; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc {
margin-top: 24px;
margin-bottom: 24px; } }
.completed_wrap .completed_grid .proj_preview .proj_desc h1 {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-size: 2.6rem;
text-align: left; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc h1 {
font-size: 1.8rem; } }
@media (max-width: 380px) {
.completed_wrap .completed_grid .proj_preview .proj_desc h1 {
font-size: 1.8rem; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .thumb_desc {
color: #7F7F7F;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
text-align: left;
line-height: 25px;
font-weight: 400; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .thumb_desc {
font-size: 1.4rem;
line-height: 20px; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .featured_desc {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
text-align: left;
line-height: 30px;
font-weight: 700;
position: absolute;
bottom: 50%; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .featured_desc {
font-size: 1rem;
line-height: 15px; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .divider {
position: absolute;
width: 90%;
left: 50%;
transform: translateX(-50%);
background-color: #7F7F7F;
height: 1px;
top: 62.5%;
opacity: 0.5; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .divider {
top: 52.5%; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj {
position: absolute;
bottom: 0%;
left: 50%;
transform: translateX(-50%);
box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 26px -5px rgba(0, 0, 0, 0.2);
border-radius: 30px 30px 30px 30px;
width: 90%;
height: 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #bed62f;
cursor: pointer;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj {
bottom: 0%;
height: 50px;
border-radius: 25px 25px 25px 25px; } }
@media (max-width: 770px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj {
width: 90%; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj p {
position: relative;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.25rem;
color: white;
top: 50%;
transform: translateY(-50%);
text-align: center;
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj p {
font-size: 1.3rem; } }
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj .greenButsArrow {
position: absolute;
top: 10px;
right: 10px; }
@media (max-width: 1342px) {
.completed_wrap .completed_grid .proj_preview .proj_desc .view_proj .greenButsArrow {
top: 5px;
right: 5px; } }
.project_wrap {
background-color: #e8e8e8;
padding-top: calc(150px + 15px);
padding-bottom: 150px; }
@media (max-width: 1920px) {
.project_wrap {
padding-top: calc(50px + 15px);
padding-bottom: 50px; } }
@media (max-width: 1680px) {
.project_wrap {
padding-top: calc(2.5vw + 7px);
padding-bottom: 2.5vw; } }
@media (max-width: 1342px) {
.project_wrap {
padding-top: calc(5vw + 7px);
padding-bottom: 5vw; } }
.project_wrap .title_wrap {
position: relative;
width: 100%;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 380px) {
.project_wrap .title_wrap {
width: 100%; } }
.project_wrap .title_wrap .title {
color: #7F7F7F;
font-family: "Montserrat", sans-serif;
font-size: 4rem;
font-weight: 400;
text-align: center;
padding-bottom: 60px; }
@media (max-width: 1342px) {
.project_wrap .title_wrap .title {
font-size: 4rem; } }
@media (max-width: 1220px) {
.project_wrap .title_wrap .title {
font-size: 4rem; } }
@media (max-width: 380px) {
.project_wrap .title_wrap .title {
font-size: 3rem; } }
.project_wrap .image_grid {
display: grid;
position: relative;
max-width: 1600px;
width: 95%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 300px 300px 300px 300px 300px 300px;
grid-row-gap: 2.5vw;
grid-column-gap: 2.5vw;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04" "img05 img06 img07" "img08 img09 img10"; }
@media (max-width: 1370px) {
.project_wrap .image_grid {
width: 90%; } }
@media (max-width: 380px) {
.project_wrap .image_grid {
width: 90%;
grid-row-gap: 10vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04" "img05" "img06" "img07" "img08" "img09" "img10";
grid-template-columns: 1fr;
grid-template-rows: 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px; } }
.project_wrap .image_grid #grid_img_01 {
overflow: hidden;
grid-area: img01;
cursor: pointer; }
.project_wrap .image_grid #grid_img_01 #gal_img_01 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_02 {
overflow: hidden;
grid-area: img02;
cursor: pointer; }
.project_wrap .image_grid #grid_img_02 #gal_img_02 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_03 {
overflow: hidden;
grid-area: img03;
cursor: pointer; }
.project_wrap .image_grid #grid_img_03 #gal_img_03 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_04 {
overflow: hidden;
grid-area: img04;
cursor: pointer; }
.project_wrap .image_grid #grid_img_04 #gal_img_04 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_05 {
overflow: hidden;
grid-area: img05;
cursor: pointer; }
.project_wrap .image_grid #grid_img_05 #gal_img_05 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_06 {
overflow: hidden;
grid-area: img06;
cursor: pointer; }
.project_wrap .image_grid #grid_img_06 #gal_img_06 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_07 {
overflow: hidden;
grid-area: img07;
cursor: pointer; }
.project_wrap .image_grid #grid_img_07 #gal_img_07 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_08 {
overflow: hidden;
grid-area: img08;
cursor: pointer; }
.project_wrap .image_grid #grid_img_08 #gal_img_08 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_09 {
overflow: hidden;
grid-area: img09;
cursor: pointer; }
.project_wrap .image_grid #grid_img_09 #gal_img_09 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_10 {
overflow: hidden;
grid-area: img10;
cursor: pointer; }
.project_wrap .image_grid #grid_img_10 #gal_img_10 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_11 {
overflow: hidden;
grid-area: img11;
cursor: pointer; }
.project_wrap .image_grid #grid_img_11 #gal_img_11 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_12 {
overflow: hidden;
grid-area: img12;
cursor: pointer; }
.project_wrap .image_grid #grid_img_12 #gal_img_12 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_13 {
overflow: hidden;
grid-area: img13;
cursor: pointer; }
.project_wrap .image_grid #grid_img_13 #gal_img_13 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_14 {
overflow: hidden;
grid-area: img14;
cursor: pointer; }
.project_wrap .image_grid #grid_img_14 #gal_img_14 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_15 {
overflow: hidden;
grid-area: img15;
cursor: pointer; }
.project_wrap .image_grid #grid_img_15 #gal_img_15 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap .image_grid #grid_img_16 {
overflow: hidden;
grid-area: img16;
cursor: pointer; }
.project_wrap .image_grid #grid_img_16 #gal_img_16 {
width: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.project_wrap #imgGrid_completed_1 {
grid-template-rows: 300px 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04" "img05 img06 img07"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_1 {
grid-template-rows: 15vw 15vw 15vw 15vw 15vw; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_1 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04" "img05" "img06" "img07";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw 50vw 50vw 50vw 50vw 50vw; } }
.project_wrap #imgGrid_completed_2 {
grid-template-rows: 300px 300px 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04" "img05 img06 img07" "img08 img09 img10"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_2 {
grid-template-rows: 15vw 15vw 15vw 15vw 15vw 15vw; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_2 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04" "img05" "img06" "img07" "img08" "img09" "img10";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw; } }
.project_wrap #imgGrid_completed_3 {
grid-template-rows: 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_3 {
grid-template-rows: 15vw 15vw 15vw 15vw; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.project_wrap #imgGrid_completed_3 {
padding-bottom: 250px; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_3 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw 50vw 50vw; } }
.project_wrap #imgGrid_completed_4 {
grid-template-rows: 300px 300px 300px 300px 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04" "img05 img06 img07" "img08 img09 img10" "img11 img12 img13" "img14 img15 img16"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_4 {
grid-template-rows: 15vw 15vw 15vw 15vw 15vw 15vw 15vw 15vw; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_4 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04" "img05" "img06" "img07" "img08" "img09" "img10" "img11" "img12" "img13" "img14" "img15" "img16";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw; } }
.project_wrap #imgGrid_completed_5 {
grid-template-rows: 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_5 {
grid-template-rows: 15vw 15vw 15vw 15vw; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.project_wrap #imgGrid_completed_5 {
padding-bottom: 250px; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_5 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw;
padding-bottom: 250px; } }
.project_wrap #imgGrid_completed_6 {
grid-row-gap: 50px;
grid-column-gap: 50px;
grid-template-rows: 267px 267px 267px 267px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04"; }
@media (max-width: 2000px) {
.project_wrap #imgGrid_completed_6 {
grid-row-gap: 2.5vw;
grid-column-gap: 2.5vw; } }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_6 {
grid-template-rows: 15vw 15vw 15vw 15vw; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.project_wrap #imgGrid_completed_6 {
padding-bottom: 250px; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_6 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04";
grid-template-columns: 1fr;
grid-template-rows: 44.5vw 44.5vw 44.5vw 44.5vw;
padding-bottom: 250px; } }
.project_wrap #imgGrid_completed_7 {
grid-template-rows: 300px 300px 300px 300px 300px 300px 300px;
grid-template-areas: "img01 img01 img01" "img01 img01 img01" "img01 img01 img01" "img02 img03 img04" "img05 img06 img07" "img08 img09 img10" "img11 img12 img13"; }
@media (max-width: 1680px) {
.project_wrap #imgGrid_completed_7 {
grid-template-rows: 15vw 15vw 15vw 15vw 15vw 15vw 15vw; } }
@media (max-width: 600px) {
.project_wrap #imgGrid_completed_7 {
width: 90%;
grid-row-gap: 5vw;
grid-column-gap: 5vw;
grid-template-areas: "img01" "img02" "img03" "img04" "img05" "img06" "img07" "img08" "img09" "img10" "img11" "img12" "img13";
grid-template-columns: 1fr;
grid-template-rows: 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw 50vw; } }
.gallery {
z-index: 3000;
top: 0%;
position: absolute;
display: none;
width: 100%;
height: 100%;
/* .gallery_img_port {
display: none;
position: absolute;
//width: auto;
//height: auto;
height: 100%;
width: 60%;
//max-width: 30%;
//max-height: 80%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
overflow: hidden;
transition: all 0.25s;
-webkit-transition: all 0.25s;
opacity: 0;
@include portrait {
//height: auto;
width: 100%;
//min-width: 60%;
//max-width: 90%;
//max-height: 50%;
}
@include landscape {
//height: auto;
height: 100%;
//min-width: 60%;
//max-width: 90%;
//max-height: 50%;
}
/* @include portrait_1024 {
height: auto;
width: 70%;
max-width: 80%;
max-height: 80%;
}
@include portrait_450 {
height: auto;
width: 90%;
max-width: 90%;
max-height: 70%;
}
@include landscape_1024 {
height: auto;
width: auto;
min-width: 50%;
max-width: 80%;
max-height: 80%;
} */
/* .gallery_imgFile_port {
position: relative;
height: 100%;
width: auto;
left: 50%;
transform:translateX(-50%);
}
} */ }
.gallery .gallery_BG {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.95);
opacity: 0;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.gallery .gallery_info_container {
position: absolute;
height: 20px;
width: 150px;
right: 2%;
top: 5%;
z-index: 2; }
@media (orientation: portrait) {
.gallery .gallery_info_container {
right: 5vw;
top: 5vw; } }
@media (orientation: landscape) {
.gallery .gallery_info_container {
right: 5vw;
top: 5vw; } }
@media (min-width: 900px) and (max-width: 1370px) and (orientation: landscape) {
.gallery .gallery_info_container {
right: 5vw;
top: 3vw; } }
@media (min-width: 900px) and (max-width: 1370px) and (orientation: portrait) {
.gallery .gallery_info_container {
right: 5vw;
top: 3vw; } }
@media (min-width: 1370px) and (orientation: landscape) {
.gallery .gallery_info_container {
right: 2%;
top: 5%; } }
.gallery .gallery_info_container .gallery_index {
display: inline-block;
position: absolute;
height: 20px;
top: 50%;
right: 60px;
transform: translateY(-50%); }
@media (max-width: 1680px) {
.gallery .gallery_info_container .gallery_index {
right: 40px; } }
.gallery .gallery_info_container .gallery_index p {
display: inline-block;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
font-weight: 700; }
@media (max-width: 1680px) {
.gallery .gallery_info_container .gallery_index p {
font-size: 1.4rem; } }
.gallery .gallery_info_container .gallery_index .current_text {
display: inline-block;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
font-weight: 700; }
@media (max-width: 1680px) {
.gallery .gallery_info_container .gallery_index .current_text {
font-size: 1.4rem; } }
.gallery .gallery_info_container .gallery_index .total_text {
display: inline-block;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem;
font-weight: 700; }
@media (max-width: 1680px) {
.gallery .gallery_info_container .gallery_index .total_text {
font-size: 1.4rem; } }
.gallery .gallery_info_container .gallery_close {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
right: 0%;
top: 50%;
transform: translateY(-50%);
cursor: pointer; }
.gallery .gallery_info_container .gallery_close .gallery_closeImg {
width: 100%;
height: 100%;
transition: all 0.25s;
-webkit-transition: all 0.25s; }
.gallery .gallery_img_port {
display: none; }
.gallery .gallery_img_land {
display: none;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
overflow: hidden;
transition: all 0.25s;
-webkit-transition: all 0.25s;
opacity: 0; }
.gallery .horiz .landscapeImg {
position: relative;
width: auto;
height: auto;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.gallery .horiz .portraitImg {
position: relative;
width: auto;
height: auto;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.gallery .vert .landscapeImg {
position: relative;
width: 100%;
height: auto;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.gallery .vert .portraitImg {
position: relative;
width: 100%;
height: auto;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.gallery .gallery_nav_left {
width: 55px;
height: 55px;
position: absolute;
left: 2%;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 2; }
@media (orientation: portrait) {
.gallery .gallery_nav_left {
left: 5vw;
bottom: 5vw;
top: auto;
transform: none; } }
.gallery .gallery_nav_left #scroll_left {
position: relative;
width: 80%;
height: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.1s;
-webkit-transition: all 0.1s; }
.gallery .gallery_nav_right {
width: 55px;
height: 55px;
position: absolute;
top: 50%;
right: 2%;
transform: translateY(-50%);
cursor: pointer;
z-index: 2; }
@media (orientation: portrait) {
.gallery .gallery_nav_right {
right: 5vw;
bottom: 5vw;
top: auto;
transform: none; } }
.gallery .gallery_nav_right #scroll_right {
position: relative;
width: 80%;
height: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.1s;
-webkit-transition: all 0.1s; }
#building_grid {
display: grid;
grid-row-gap: 100px; }
@media (max-width: 1342px) {
#building_grid {
grid-row-gap: 50px; } }
@media (max-width: 380px) {
#building_grid {
grid-template-rows: fit-content(100%); } }
#building_grid .tips {
position: relative;
max-width: 1200px;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 1370px) {
#building_grid .tips {
width: 90%;
left: 50%;
transform: translateX(-50%); } }
#building_grid .tips h1 {
color: #62A2CC;
font-family: "Montserrat", sans-serif;
font-size: 2.6rem;
padding-bottom: 25px;
text-align: left; }
@media (max-width: 1680px) {
#building_grid .tips h1 {
font-size: 2.2rem !important;
padding-bottom: 15px; } }
#building_grid .tips ul {
position: relative;
left: 50%;
transform: translateX(-50%);
list-style-type: disc;
list-style-position: outside;
color: #7F7F7F;
font-family: "Montserrat", sans-serif;
font-size: 18px;
text-align: left;
line-height: 30px; }
#building_grid .tips ul li {
margin: 15px 0; }
@media (max-width: 1680px) {
#building_grid .tips ul {
font-size: 1.4rem !important; } }
@media (max-width: 1220px) {
#building_grid .tips ul {
max-width: 90%; } }
/*# sourceMappingURL=main_v2.6.css.map */