/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


body {
  display: block;
  margin: 0px;
  padding: 0;
}


/*****************************************/
/* PROJECT BUTTON STYLES   */
/*****************************************/

a#hs-button_module_17083730609582880::before {
    content: "<";
    font-size: 22px;
    line-height: 22px;
    top: 3px!important;
    left: -8px!important;
    position: relative;
}



a#hs-button_module_17083730688552905::after {
  
    content: ">";
    font-size: 22px;
    line-height: 22px;
    top: 3px!important;
    right: -8px!important;
    position: relative;
}

.hs-button {
 /*   min-width: 180px;*/
     transition: all 200ms linear;
}

#hs-button_module_17083730688552905 {
    padding-left: 57px!important;
    padding-right: 57px!important;
}


#hs-button_module_17083730688552905:hover {
    padding-left: 57px!important;
    padding-right: 57px!important;
}

#hs-button_module_17083727942612691 {
    padding-top: 22px!important;
}



a.elementor-button.elementor-button-link.elementor-size-sm {
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    background-color: #353332;
    display: block;
    border-width: 2px;
    border-color: #e9df29;
    border-style: solid;
    padding: 18px 28px 15px 28px;
    margin-top: 28px;
    float: right;
    transition: all 200ms linear;
}


.elementor-button.elementor-button-link.elementor-size-sm:hover {
    color: #353332;
    background-color: #ffffff;
    border-color: #353332;
}






/*****************************************/
/* POP UP MODAL   */
/*****************************************/


.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1;
  width: 100%;
 /* height: 100%;*/
}
.modal[open] {
  display: flex;
}
.model-inner {
  background-color: white;
  border-radius: 0.0em;
  width: 94%!important;
  max-width: 94%!important;
  padding: 2em;
  margin: auto;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid black;
}
#modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: black;
  opacity: 0.85;  
}



/*****************************************/
/* Image Carousel Style Overrides   */
/*****************************************/

button.splide__arrow svg {
    height: 3.2em!important;
    width: 3.2em!important;
    fill: #e9df29!important;
}

button.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 46.5%;
    display: flex;
    height: 5em;
    width: 5em;
    padding: 0;
    border: 0;
    border-radius: 0%!important;
    align-items: center;
    justify-content: center;
    background: #353332!important;
    cursor: pointer;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    opacity: 1;
    transform: translateY(-50%);
}

.splide__pagination__page {
    border: 0;
    border-radius: 0%;
    display: inline-block;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linea;
    width: 15px!important;
    height: 15px!important;
    margin: 7px!important;
}




.splide__pagination__page {
    background: #353332 !important;
    opacity: 1 !important;
}


.splide__pagination__page.is-active {
    background: #e9df29!important;
    transform: scale(1.4);
    z-index: 1;
}











a {
text-decoration: none!important; 
}

h1 {
 font-family: lust-text, serif;
 font-weight: 500;
}


h1.holiday_header {
 font-family: lust-text, serif!important;
 font-weight: 300!important;
 text-align: center!important;
} 


p.holiday_footer {
 color: #FFFFFF; 
 font-family: lust-text, serif!important;
 font-weight: 300!important;
 text-align: left!important;
 font-size: 14px!important;
} 

h3.equity-subhead {
color: #000!important;  
font-family: "poppins", sans-serif!important;
font-size: 27px!important;
font-weight: 600!important;
line-height: 32px!important;
text-align: left!important;
text-transform: none!important;
margin-left: 64px!important;
letter-spacing: 2px!important;

}

h1.whitetext.card.backonly {
  font-size: 32px;
  line-height: 42px;
  color: #000000 !important;
  padding: 69px 30px 2px 30px;
  min-height: 100px;
  margin-top: -24px;
}

h1.bluetext.card.backonly {
  font-size: 32px;
  line-height: 40px;
  color: #000000 !important;
  padding: 44px 30px 2px 30px;
  min-height: 100px;
  margin-top: -24px;
}


h2.moduleheadline_blue {
  font-family: lust-text, serif;
  font-weight: 500;
  font-size: 32px;
  color: #61beeb;
  line-height: 42px;
  text-align: left;
  padding: 12px 0px 8px 0px;
  margin-left: 64px;
  margin-right: auto;
  margin-bottom: 4px;
}

.left-col {
text-align: left;
}

.right-col {
text-align: right;
}

.arrow_holder {
    transform: rotate(180deg);
    content: ' ';
    width: 30px;
    height: 29px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.207' height='9.62' viewBox='0 0 27.207 9.62'%3E%3Cg id='Group_40' data-name='Group 40' transform='translate(970.207 -1845.19) rotate(90)'%3E%3Cline id='Line_1' data-name='Line 1' y2='26.5' transform='translate(1850 943)' fill='none' stroke='%23353332' stroke-width='1'/%3E%3Cpath id='Path_69' data-name='Path 69' d='M46.109 959.715l4.456 4.456 4.456-4.456' transform='translate(1799.434 5.329)' fill='none' stroke='%23353332' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E);
}


.footer-red-boxes p {
  border-width: 2px!important;
  display: inline-block;
  letter-spacing: 3px;
  font-size: 14px;
  font-family: "poppins", sans-serif!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  background-color: #ffffff;
  color: #353332;
  padding: 8px 10px;

}

.footer-red-boxes,.footer-email {
  display: inline-block;
} 

.footer-container {
  background-color: #353332!important;
  padding-top: 24px 12px 24px 12px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  position: relative;
  display: block;
  width: 100%;
  bottom: 0px; 
  padding: 3% 0%;
}

.footer-container a {
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  font-family: lust-text, serif;
  font-weight: 300;
  margin: 0px 2px 0px 12px;
}


.legal a {
  color: #FFF;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  font-family: lust-text, serif;
  font-weight: 300;
  margin: 0 0;
  padding: 0 0;

}

p.legal {
  font-size: 14px!important;
  line-height: 14px!important;
  margin: 0 0!important;
  padding: 0 0!important;

}

h3.footer-title {
  color: #FFF;
  font-size: 22px;
  line-height: 28px;
  font-family: lust-text, serif;
  font-weight: 500;
  text-align: center;
  text-transform: none;
  margin: 4px 54px 28px 54px;
}



h1.whitetext.card {
font-size: 42px;
line-height: 46px;
color: #000000!important;
padding: 4px 12px 2px 12px;
min-height: 100px;
margin-top: -24px;
font-weight: 300;
}

h1.whitetext.card.single {
margin-top: 28px;
min-height: 76px;
}

h6 {
  font-family: "poppins", sans-serif;
  font-weight: 500!important;
  text-transform: none!important;
  font-size: 15px!important;
  color: #000000!important;
  letter-spacing: 2px!important;
  line-height: 18px!important;
  padding: 24px 12px 2px 12px;

}

h6.cityname {
  text-align: center;
  padding: 0 0;
  padding-bottom: 28px;
  margin-top: -4px;
  margin-bottom: 0px;
}

.flip-card-back h2 {
  color: #000000;
  font-size: 22px;
  line-height: 26px;
  font-family: lust-text, serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 0px 12px 12px 12px;
  padding-top: 14%;

}

h2.lower {
  text-transform: none;

}

.content_holder.black.two p {
    font-family: lust-text, serif;
    font-weight: 300;
    color: #000000;
    font-size: 24px;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;
    max-width: 950px;
    text-align: left;
    margin-top: -4px;
}

/*
.flip-card-back p {
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  font-family: lust-text, serif;
  font-weight: 300!important;
  text-align: center;
  text-transform: none;
  max-width: 320px;
  margin: 12px 0px 12px 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 34px 2px 34px;

}
*/

.logoholder_header {
    background-image: url(https://info.avreafoster.com/hubfs/2023-Brand-Launch/landing_pages/logo-avrea-foster-1.svg);
    background-size: cover;
    display: inline-block;
    width: 244px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31px;
    margin-bottom: -54px;
    float: none;
}


.logolink_header a {
  display: inline-block;
  width: 244px;
  height: 42px;
  text-align: right;
  float: none;
  z-index: 20;
  position: relative;
  text-decoration: none!important;
}




.logoholder {
    background-image: url(https://info.avreafoster.com/hubfs/2023-Brand-Launch/landing_pages/logo-avreafoster-light-no-icon.svg);
    background-size: cover;
    display: inline-block;
    width: 178px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31px;
    margin-bottom: -54px;
    float: none;
}



.logolink a {
display: inline-block;
width: 178px;
height: 24px;
text-align: right;
float: none;
z-index: 20;
position: relative;
text-decoration: none!important;
}


.logolink.footer a {
  margin-top: -14px;
}


div.main_header_sec {
  background-color: #353332!important;
  padding-top: 14px 24px 44px 24px;
  margin-top: 0px;
  margin-bottom: 14px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
 /* max-height: 484px;*/
  top: 0px;
  position: relative;
  width: 100%;
}

.content_holder {
  display: block;
  max-width: 1200px; 
  color: #FFF;
  padding: 2px 34px 0px 34px;
  margin-right: auto!important;
  margin-left: auto!important;
  float: none!important;
  padding-bottom: 4%;
}

.moduleheadline_white h1 {
font-family: lust-text, serif;
 font-weight: 300;
 font-size: 58px;
 color: #FFF!important;
 line-height: 58px;
 text-align: left;
 padding: 32px 34px 8px 0px;
 margin-left: 64px;
 margin-right: auto;
 margin-bottom: 4px;
}

.moduleheadline_blue h1 {
 font-family: lust-text, serif;
 font-weight: 300;
 font-size: 58px;
 color: #e9df29;!important;
 line-height: 62px;
 text-align: left;
 padding: 32px 34px 8px 0px;
 margin-left: 64px;
 margin-right: auto;
 margin-bottom: 4px;
}


.content_holder h3 {
    font-family: poppins, serif;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 64px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left!important;
}

.content_holder p {
 font-family: lust-text, serif;
 font-weight: 300;
 color: #FFF;
 font-size: 27px;
 line-height: 37px; 
 margin-top: 8px;
 margin-bottom: 22px;
 margin-left: 64px;
 margin-right: auto;
 max-width: 950px;
}


.moduleheadline_black h1 {
  font-family: lust-text, serif;
  font-weight: 300;
  font-size: 42px;
  color: #000000 !important;
  line-height: 48px;
  text-align: left;
  padding: 0px 0px 0px 0px;
 /*margin-left: 64px;*/
  margin-right: auto;
  margin-bottom: 24px;
  margin-top: -4px;
  max-width: 1050px;
}


.content_holder.black p {
 font-family: lust-text, serif;
 font-weight: 300;
 color: #000000;
 font-size: 27px;
 line-height: 37px; 
 margin-top: 8px;
 margin-bottom: 22px;
 /*margin-left: 64px;*/
 margin-right: auto;
 max-width: 950px;
}


.content_holder.black a {
  text-decoration: none;
  color: #000000;
  font-weight: 400;
}


.span12.widget-span.widget-type-custom_widget.red-divider {
 width: 68px;
 margin-left: 64px;
 margin-top: 0px;

}


.intro_text_body p {
  max-width: 380px;
}

/*
.content_holder h3 {
  font-family: lust-text, serif;
  font-weight: 500;
  color: #FFF;  
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 25px;
  margin-bottom: 0px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
*/

.text-rule {  
  box-shadow: 0px 2px 0px 0px #e02b20;
  width: 100px;
  padding: 0;
  margin: 0;
} 


.btn_wrap_header {
  width: 302px;
  margin-left: 0px;
  margin-right: auto;
  text-align: left;
  margin-bottom: 4px;
}

@media (min-width: 981px) {  
  
.hidedtop {
  display: none!important;
} 
}

@media (max-width: 1139px) {  
h1.whitetext.card.backonly {
  font-size: 30px;
  line-height: 34px;
  padding: 34px 30px 2px 30px;
  min-height: 100px;
  padding-top: 18%;
}   
}


  /* Mobile & TAB */

@media (max-width: 980px) {  
  
  
h5.little_number {
    text-align: center;
}
  
.content_holder.black.two p {
    font-family: lust-text, serif;
    font-weight: 300;
    color: #000000;
    font-size: 19px;
    line-height: 26px;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;
    max-width: 950px;
    text-align: center;
    margin-top: -4px;
}   
  
  
button.splide__arrow {
    height: 7em!important;
    width: 3.25em!important;
}  

.splide__slide--image {
    max-height: 80%!important;
    max-width: 80%!important;
}  
  
  
.btn_holder {
  text-align: center;
  padding-bottom: 34px;
}
  
  
  
  
.logolink.footer {
  margin-bottom: -24px;
}    
  
.hidemobile {
  display: none!important;
}  
  
.logoholder {
background-image: url(https://info.avreafoster.com/hubfs/2023-Brand-Launch/landing_pages/logo-avreafoster-light-no-icon.svg);
background-size: cover;
display: block;
width: 178px;
height: 24px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
float: none;
text-align: center;
}

.logolink a {
display: block;
width: 100%;
height: 38px;
text-align: center;
float: none;
z-index: 20;
margin-left: auto!important;
margin-right: auto!important;
}
  
.content_holder p {
 font-size: 18px;
 line-height: 26px; 
 text-align: center;
 margin-left: auto;
 margin-right: auto;

}    
  
.moduleheadline_white h1 {
font-family: lust-text, serif;
  font-weight: 500;
  font-size: 42px;
  line-height: 43px;
  text-align: center;
  padding: 12px 14px 8px 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  margin-bottom: 12px;
}
  
  
.moduleheadline_blue h1 {
 font-size: 38px;
 color: #e9df29;!important;
 line-height: 42px;
 text-align: center;
 padding: 22px 14px 8px 14px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 12px;
}    
  
.moduleheadline_black h1 {
font-family: lust-text, serif;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  padding: 12px 14px 8px 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -14px;
  margin-bottom: 14px;
}
  
.content_holder h3 {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 22px;
    text-align: center!important;
}  


.content_holder.black p {
  font-size: 18px;
  line-height: 22px; 
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
  
.top_rule {
  float: none!important;
  margin-right: auto!important;
  margin-left: auto!important;
  width: 33px!important;
  display: block;
}

.btn_holder {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 }
  
.span12.widget-span.widget-type-custom_widget.red-divider {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
float: none;
}  
  
h3.equity-subhead {
  font-size: 18px!important;
  line-height: 22px!important;
  text-align: center!important;
  text-transform: none!important;
  margin-left: auto!important;
  margin-right: auto!important;
  letter-spacing: 2px!important;
}
}  


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
background-color: transparent;
width: auto;
height: 370px;
border: 0px solid #f1f1f1;
perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
background-color: #ECEBEB;
color: black;
}

/* Style the back side */
.flip-card-back {
background-color: #e9df29;
background-size: cover;
color: #000000;
transform: rotateY(180deg);
}

.flip-card-back2 {
background-color: #ECEBEB;
color: #000;
width: auto;
height: 370px;
border: 0px solid #f1f1f1;
margin-top: 23px;
/*transform: rotateY(180deg);*/
}

@media (max-width: 768px) {
  
a.elementor-button.elementor-button-link.elementor-size-sm {
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    line-height: 15px;
   /* color: #e9df29;*/
    background-color: #353332;
    display: block;
    border-width: 2px;
    border-color: #e9df29;
    border-style: solid;
    padding: 18px 28px 15px 28px;
    margin-top: 58px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}  
  
  
button.splide__arrow {
    top: 42%;
}  
  
  
.moduleheadline_black.two {
    margin-top: -28px!important;
}

.footer-red-boxes, .footer-email {
  display: block;
}

.footer-container a {
  /*display: block;*/
  margin: 0px 0px 0px 0px;
  padding: 4px 12px 14px 12px;
}

.left-col, .right-col {
text-align: center;
}

h3.footer-title {
  margin: 12px 72px 12px 72px;
}  
/*
.flip-card-back2 {
  margin-top: 34px;
} 
*/
h1.whitetext.card.backonly {
  font-size: 32px;
  line-height: 42px;
  padding: 69px 30px 2px 30px;
  padding-top: 18%;

}
}