/* ========================= Module Content with Company List Start ======================== */


.content-with-company-list-main-wrapper .full-width-boxes{width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper{position: relative; display: flex; flex-wrap: wrap; border-top: 1px solid var(--color-e4e4e4); border-left: 1px solid var(--color-e4e4e4)}
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--items-wrapper{width: 25%;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--items{padding-bottom: 300px; height: 0; overflow: hidden; width: 100%; position: relative;}
.content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-front{opacity: 1; visibility: visible; background-color: var(--color-ffffff); z-index: 1; display: flex; align-items: center;}
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-front, 
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-back{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 200ms ease-in-out; padding: 20px 30px; border: 1px solid var(--color-e4e4e4); border-left: none; border-top: none;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-front .flip-front__taxonomy-term{position: absolute; top: 20px; left: 30px; color: var(--color-676767); font-size: 1.2rem; text-transform: uppercase;}
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-back{opacity: 0; background-color: rgba(17, 17, 17, 0.95); color: var(--color-ffffff); height: 100%;}
.content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap__flip-back .flip-front__taxonomy-term--white{color: var(--color-ffffff); text-transform: uppercase; font-size: 1.2rem;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back h3{text-transform: uppercase; margin: 20px 0 0; font-size: 2.4rem; max-height: 62px; display: -webkit-box; -webkit-box-orient: vertical; color: var(--color-ffffff); font-family: var(--font-poppins); font-weight: 800; font-style: italic; line-height: 1.33; word-wrap: break-word;}
.content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap__flip-back p{color: var(--color-e4e4e4); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 72px; margin: 15px 0 0; font-size: 1.6rem; line-height: 1.56;}
.content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper{position: absolute; bottom: 20px; left: 30px;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a{font-family: var(--font-poppins); font-weight: 700; position: relative; display: inline-block; padding-left: 38px; font-size: 1.4rem; line-height: 1.43; letter-spacing: 2.15px; text-transform: uppercase; text-decoration: none; color: var(--color-cb0024); outline: none; transition: color 200ms ease-in-out; background-color: transparent;}
.content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a:before{border-left: 4px solid var(--color-ffffff); content: ''; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 2px; background-color: var(--color-cb0024); transition: border-left 200ms ease-in-out;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a:hover, .content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a:focus-within {color: var(--color-ffffff);}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a:hover:before, .content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .cta-wrapper a:focus-within:before{border-left: 24px solid var(--color-ffffff);}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .external-link{position: absolute; bottom: 20px; right: 30px;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .external-link a{display: block; width: 20px; height: 20px;}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .external-link a:focus{outline: 1px dashed var(--color-cb0024);}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back .external-link a svg{width: 20px; height: 20px; transition: all 200ms ease-in-out;}
.content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-back .external-link a:hover svg, .content-with-company-list-main-wrapper  .content-with-company-list-wrapper--flip-wrap__flip-back .external-link a:focus-within svg{fill:var(--color-ffffff);}
.content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap:hover .content-with-company-list-wrapper--flip-wrap__flip-back, .content-with-company-list-wrapper--flip-wrap:focus-within .content-with-company-list-wrapper--flip-wrap__flip-back {opacity: 1; visibility: visible; z-index: 2;}

@media screen and (max-width: 1400px){
  .content-with-company-list-main-wrapper .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper{ width: 33.3333%;}
}
@media screen and (max-width: 1000px){
  .content-with-company-list-main-wrapper .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper{ width: 50%;}
}
@media screen and (max-width: 767px) {
  .content-with-company-list-main-wrapper{ overflow: hidden; /*padding-bottom: 20px;*/}
  .content-with-company-list-main-wrapper .content-with-company-list-wrapper { border-top: none; border-left: none;}
  .content-with-company-list-main-wrapper .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper{ width: 100%; /*padding: 20px 20px 0;*/ padding: 20px;}
  .content-with-company-list-main-wrapper   .content-with-company-list-wrapper--flip-wrap__flip-front{ border: 1px solid var(--color-e4e4e4);   }
}

/**** Varition -- With Side Content ****/
.content-with-company-list-main-wrapper .side-boxes .title-column { max-width:400px}
.content-with-company-list-main-wrapper .side-boxes .title-column p { margin-bottom: 15px; font-family: var(--font-roboto-regular);}
.content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper{ position: relative;}
.content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--items-wrapper{ width: 50%;}
.content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--items-wrapper.full-width{ width: 100%; max-height: 255px;}
.content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--items{ border: 1px solid var(--color-e4e4e4); border-left: none; border-top: none; padding-bottom:255px;}
.content-with-company-list-main-wrapper .side-boxes .logos-list  .content-with-company-list-wrapper--flip-wrap__flip-front, 
.content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--flip-wrap__flip-back{ border:none;}
.content-with-company-list-main-wrapper .side-boxes .content-with-company-list-wrapper--flip-wrap__flip-front { justify-content: center;}
@media screen and (min-width: 992px){
  .content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--flip-wrap__flip-front .flip-front__image img { max-width: 236px;}
}
@media screen and (max-width: 992px) {
  .content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper{ width: 100%;}
}
@media screen and (max-width: 430px) {
  .content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper{ padding: 0 0 20px 0;}
  .content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper .content-with-company-list-wrapper--items-wrapper:last-child{padding:0}
  .content-with-company-list-main-wrapper .side-boxes .logos-list .content-with-company-list-wrapper--items{ border: 1px solid var(--color-e4e4e4);}
  .content-with-company-list-main-wrapper .side-boxes .logos-list   .content-with-company-list-wrapper--flip-wrap__flip-front{ border-left: 1px solid var(--color-e4e4e4); border-top: 1px solid var(--color-e4e4e4);} 
}
@media screen and (max-width: 400px) {
  .content-with-company-list-main-wrapper .content-with-company-list-wrapper--flip-wrap__flip-back h3{ max-height: 106px;}
}

/* ========================= Module Content with Company List End ======================== */


/* ========================= Module Content with CTA Start ======================== */

.content-with-cta-main-wrapper {margin-left: auto; margin-right: auto; position: relative; /*padding-top: 100px; padding-bottom: 74px; margin: 0 auto;*/}
.content-with-cta-main-wrapper .content-with-cta-wrapper {border-bottom: 2px solid var(--color-111111); padding-bottom: 24px;}
.content-with-cta-main-wrapper .content-with-cta-wrapper.vertical-content{padding-bottom:0;}
.content-with-cta-main-wrapper .content-with-cta-wrapper.no-border{border-bottom: none;}

.content-with-cta-main-wrapper .content-with-cta-wrapper--text-column{max-width:830px;}
.content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--text-column h3{text-align:center;}
.content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--text-column p{text-align:center;}
.content-with-cta-main-wrapper .content-with-cta-wrapper--text-column h3 {margin-top: 0; margin-bottom: 4px; font-family: var(--font-poppins); font-weight: 800; font-style: italic;}

.content-with-cta-main-wrapper  .content-with-cta-wrapper--text-column p {margin-bottom: 0; font-family: var(--font-roboto-regular); font-size: 16px; line-height: 1.56;}

.content-with-cta-main-wrapper  .content-with-cta-wrapper--btn-column {padding-top: 8px;}
.content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--btn-column{padding-top:25px; display:flex; justify-content:center;}.content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--btn-column p{margin-bottom:0;}
.content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--btn-column p:last-child{margin-left:20px;}
.content-with-cta-main-wrapper .content-with-cta-wrapper .btn-download-icon, 
.content-with-cta-main-wrapper .content-with-cta-wrapper .cta-download-icon{padding: 15.5px 22px 15.5px 56px; font-size: 14px; position: relative; border: 2px solid var(--color-cb0024); line-height: 1.4; letter-spacing: 2px; font-family: var(--font-poppins); font-weight: 600; text-transform: uppercase; text-decoration: none; display: inline-block; transition: all 200ms ease-in-out;}

.content-with-cta-main-wrapper .content-with-cta-wrapper .btn-download-icon::before {content: ""; background-image: url(/~/media/Images/A/ATSG/Universal/icons/mail-icon); background-size: cover; width: 20px; height: 20px; display: inline-block; margin-right: 10px; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}

.content-with-cta-main-wrapper .content-with-cta-wrapper .cta-download-icon::before {content: ""; background-image: url(/~/media/Images/A/ATSG/Universal/icons/download-icon); background-size: cover; width: 20px; height: 20px; display: inline-block; margin-right: 10px; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}

.content-with-cta-main-wrapper .content-with-cta-wrapper .cta-download-icon:hover::before{background-image: url(/~/media/Images/A/ATSG/Universal/icons/download-white);}

.content-with-cta-main-wrapper .content-with-cta-wrapper  .btn-download-icon:hover, 
.content-with-cta-main-wrapper .content-with-cta-wrapper  .cta-download-icon:hover{color: var(--color-ffffff); background-color: var(--color-cb0024);}

.content-with-cta-main-wrapper .content-with-cta-wrapper  .btn-download-icon:hover::before {background-image: url(/~/media/Images/A/ATSG/Universal/icons/mail-icon-white);}
.content-with-cta-main-wrapper .content-with-cta-wrapper.vertical-content{flex-direction: column; align-items: center;}

@media screen and (min-width: 991px) { 
  .content-with-cta-main-wrapper .content-with-cta-wrapper {display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
}

@media screen and (max-width: 991px){
  .content-with-cta-main-wrapper .content-with-cta-wrapper  .btn-download-icon{justify-content: center; display: flex; text-align: center; padding: 15.5px 22px;}
  
  .content-with-cta-main-wrapper .content-with-cta-wrapper  .btn-download-icon::before{position: relative; display: block; left: -13px; top: 7px;}
}

@media screen and (max-width: 767px){
  .content-with-cta-main-wrapper{/* padding: 45px 0 50px; */}
  .content-with-cta-main-wrapper .content-with-cta-wrapper.vertical-content .content-with-cta-wrapper--btn-column{display:block}
  .content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--btn-column p:last-child{margin-left:0}
  .content-with-cta-main-wrapper .vertical-content .content-with-cta-wrapper--btn-column p:last-child{margin-top:20px}
}
.content-with-cta-main-wrapper .content-with-cta-wrapper--btn-column .btn-download-icon.no-icon:before,
.content-with-cta-main-wrapper .content-with-cta-wrapper--btn-column .cta-download-icon.no-icon:before{display: none;}

.content-with-cta-main-wrapper .content-with-cta-wrapper--btn-column .btn-download-icon.no-icon,
.content-with-cta-main-wrapper .content-with-cta-wrapper--btn-column .cta-download-icon.no-icon{padding: 15.5px 22px;}

.content-with-cta-main-wrapper .content-with-cta-wrapper.vertical-content .content-with-cta-wrapper--btn-column {padding-bottom: 30px;}
.content-with-cta-main-wrapper .content-with-cta-wrapper.vertical-content.no-border .content-with-cta-wrapper--btn-column {padding-bottom: 0;}

@media screen and (min-width:991px) and (max-width:1280px) and (orientation: landscape) {
  .content-with-cta-main-wrapper .content-with-cta-wrapper--text-column {max-width: 650px;}
}

/* ========================= Module Content with CTA End ======================== */