/* @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;
}
/*
html {
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}




*/

/*
* 
* 
font-family: "poppins", sans-serif;
font-weight: 400;
font-style: normal;


font-family: "poppins", sans-serif;
font-weight: 400;
font-style: italic;


font-family: "poppins", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "poppins", sans-serif;
font-weight: 500;
font-style: italic;


font-family: "poppins", sans-serif;
font-weight: 600;
font-style: normal;

font-family: "poppins", sans-serif;
font-weight: 600;
font-style: italic;


*/

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);
}

/*
p {
font-weight: 300!important; 
}
*/
.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: #0086c4;
  color: #FFFFFF;
  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;

}


.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 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: 14px;
  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) {  
  
  
.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: 22px; 
 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-family: lust-text, serif;
 font-weight: 500;
 font-size: 38px;
 color: #61beeb;!important;
 line-height: 42px;
 text-align: center;
 padding: 12px 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: -4px;
  margin-bottom: 4px;
}


.content_holder.black p {
 font-size: 18px;
 line-height: 22px; 
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}  
  
.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) {

.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%;

}
}