@charset "utf-8";


/*LARGE ZCARDS STARTS*/
h2.left-z-copy-align, h2.right-z-copy-align, h6.left-z-copy-align, h6.right-z-copy-align {
    font-weight: 700;
}
h2.left-z-copy-align, h2.right-z-copy-align {
    padding-bottom: 25px !important;
    margin-bottom: 0px !important;
}
h6.left-z-copy-align, h6.right-z-copy-align {
    padding-top: 0px !important;
    margin-top: 0px;
    margin-bottom: 0px !important;
 	font-size: 20px; 
}
.left-z-copy-align {
    padding-left: 90px !important;
    padding-right: 20px;
}
.right-z-copy-align {
    padding-right: 90px !important;
    padding-left: 20px;
}
.z-copy-middle-bottom {
    padding-bottom: 20px;
}
p.z-copy-align-bottom {
    padding-bottom: 30px !important;
}
p.remove-padding-if-no-link {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

/*IMAGE FLEX*/
/*Standard left aligned Z-Image (50/50 large image copy split) row*/
.image-z-row {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-end;
    background-color: white;
    line-height: 0;
}
.left-image-z-row {
  justify-content: flex-start;
}
.z-row-copy {
    width: 600px;
}
.large-z-row-image {
  width:50%;
  height: auto;
}
/*LARGE ZCARDS ENDS*/

/*SMALL ZCARD STARTS*/
p.small-zcard-para-style {
  padding-bottom: 0px !important; 
}
.small-zcard-row {
  margin: auto;
  max-width: 1200px;
  background-color: #ffff;
  padding-top: 80px; 
  padding-bottom: 60px
}
.during-nav {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  display: inline;
  background-color: none !important;
}
.flex-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.content-right {
  width: 900px;
}
.image-right {
  max-width: 600px;
}
.content-left {
  max-width: 600px;
  padding-right: 60px;
}
.image-left-2 {
  max-width: 600px;  
}
.content-right-2 {
  max-width: 600px;
}
/*SMALL ZCARDS ENDS*/


/*ICONS START*/
.flex-free-parent {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: row;
  background-color: ;
  justify-content: center;
  gap: 30px 30px;
}
.flex-free-parent-start {
  flex-wrap: wrap;
  justify-content: space-around;
}    
.flex-free-280-start {
  text-align: center;
  width: 280px;;
}
/*ICONS END*/    

/*FLOATING PARA HIERARCHY*/ 
.floating-para-600 {
    max-width: 600px;
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-650 {
    max-width: 650px;
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-700 {
    max-width:700px; 
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-725 {
    max-width:725px; 
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-750 {
    max-width:750px; 
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-1200 {
    max-width:1200px; 
    margin:auto; 
    margin-bottom: 100px;
}
.floating-para-800-not-centered {
  max-width:800px; 
  margin:auto;
  margin-bottom: 80px;
}
.floating-para-850 {
  max-width:850px; 
  margin:auto;
  margin-bottom: 80px;
}
.floating-para-800 {
  max-width:800px; 
  margin:auto;
  text-align: center;
  margin-bottom: 80px;
}
.floating-para-centered-700 {
    max-width:700px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-centered-800 {
    max-width:800px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-centered {
    max-width:850px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-centered-900 {
    max-width:900px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-centered-950 {
    max-width:950px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-centered-1200 {
    max-width:1200px; 
    margin:auto; 
    margin-bottom: 80px; 
    text-align: center;
    padding-top: 120px; 
    padding-bottom: 60px;
}
.floating-para-accordian-1000 {
  max-width:1200px; 
  margin:auto; 
  margin-bottom: 100px;
}

/*FLOATING PARA HIERARCHY END*/ 


/* Text size*/
@media screen and (max-width: 90em) {
h2.left-z-copy-align, h2.right-z-copy-align, h2.mobile-resize{
    font-size: 1.875rem;
    padding-bottom: 25px !important;
}
h6.left-z-copy-align, h6.right-z-copy-align {
    font-size: 1.25rem;
    padding-bottom: 0px !important;
}
.small-zcard-row {
    padding-left: 20px;
    padding-right: 20px;
}
.content-left {
    max-width: 100%;
}
.floating-para-800 {
    text-align: left;
}
 
.floating-para-centered-950, .floating-para-1200, .floating-para-centered-800, .floating-para-850, .floating-para-centered-700, .floating-para-800-not-centered {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    width: 100%;
}
p.small-zcard-para-style {
   padding-bottom: 20px !important; 
}
.small-zcard-row {
  padding-bottom: 0px
}
}

/* Large screen size change*/
@media screen and (max-width: 77em) {
.z-row-copy {
    width: 50% !important;
}
.large-z-row-image {
	justify-content: flex-start; 
    width: 50%;
    height: auto;
}
.left-z-copy-align, .right-z-copy-align {
    padding-left: 20px  !important;
    padding-right: 20px !important;
    margin: 0px 0px !important;
}
.z-copy-middle-bottom {
    bottom-padding: 20px !important;
}
h2.right-z-copy-align, h2.left-z-copy-align {
    padding-bottom: 25px !important;
}
h6.right-z-copy-align, h6.left-z-copy-align {
    padding-bottom: 15px !important;
}
h6.padding-if-no-h2-above {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
 	font-size: 20px; 
}
}


/* Medium screen size change*/
@media screen and (max-width: 64em) {
	.image-z-row {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-start;
    background-color: white;
}
.z-row-copy {
    width: 100% !important;
}
p.z-copy-align-bottom {
    padding-bottom: 60px !important;
}
.large-z-row-image {
    height: auto;
    width: 50%;
    margin: 0px 20px;
    order: -1;
}
h2.right-z-copy-align, h2.left-z-copy-align {
    margin-top: 60px !important;
}
}

/* Small screen size change*/
@media screen and (max-width: 40em) {
.large-z-row-image {
    width: 100%;
    height: auto;
}
}