/* ========================= Module Image with Count Text Start ======================== */

.image-with-count-text-wrapper.image-gray-bg{background: linear-gradient(to right, #cccccc66 50%, var(--color-f4f4f4) 50%);}
.image-with-count-text-wrapper .module-title{font-family: var(--font-poppins); font-size: 3rem; font-weight: 900; font-style: italic; line-height: 1.33; text-transform: uppercase; color: #cb0024;}
.image-with-count-text-wrapper .row-title{margin-top: 30px; padding: 6px 20px 6px 0; border: solid #676767; border-width: 1px 0; display: flex; align-items:center;}
.image-with-count-text-wrapper .row-title .count{font-family: var(--font-poppins); font-size: 6.4rem; font-weight: 700; line-height: 1.09; letter-spacing: 1.28px; color: #111; text-transform: capitalize; min-width:76px; max-width: 40%; /*   width: 100%; */ text-align: center; white-space: nowrap;}
.image-with-count-text-wrapper .row-title .title{font-family: var(--font-poppins); font-size: 2.4rem; font-weight: 900; font-style: italic; line-height: 1.17; letter-spacing: normal; color: #0e0e0e; text-transform: uppercase; width: 100%; max-width: 60%; margin-left: auto;}
.image-with-count-text-wrapper .row-description{margin-top: 15px; margin-left: auto; padding-right: 20px;}
.image-with-count-text-wrapper .row-description.offsetcontent{max-width: 60%;}
.image-with-count-text-wrapper .count-text-item-wrapper {width: 100%; padding-bottom: 20px;}
.image-with-count-text-wrapper .count-text-item-wrapper:last-child{padding-bottom: 0;}
.image-with-count-text-wrapper .count-text-item-wrapper img{width: 100%;}
.image-with-count-text-wrapper .link-wrapper {margin-top: 21px;}
@media only screen and (max-width: 768px){
  .image-with-count-text-wrapper.image-gray-bg{background: linear-gradient(to bottom, #cccccc66 50%, var(--color-f4f4f4) 50%);}
}

/* ========================= Module Image with Count Text End ======================== */


/* ========================= Module Image with Quick Links Start ======================== */

.image-with-quick-links-main-wrapper .signpost-bg-img{cursor:pointer;}
.image-with-quick-links-main-wrapper .signpost-bg-img:hover .signpost-onclick .signpost-wrap .signpost-placeholder{transform: scale(1.04); transition: all 1s cubic-bezier(0.35, 0, 0.08, 1); z-index: 0;}
.image-with-quick-links-main-wrapper .signpost-bg-img .title-section, .image-with-quick-links-main-wrapper .quick-links-wrapper .title-section{font-weight: 700; color:var(--color-111111); text-transform: none; cursor: auto; margin-top: 0; font-style:normal;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap {position: relative; box-shadow: none; max-width: 305px; min-height: auto; display: flex; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; transition: all 2s cubic-bezier(0.35, 0, 0.08, 1);}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-placeholder {position: static; z-index: auto; height: 100%; width: 100%; content: ""; background-repeat: no-repeat; background-position: center center; display: inline-block; transform: scale(1); transition: all 1s cubic-bezier(0.35, 0, 0.08, 1); background-size: cover;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content {opacity: 0; transition: all 200ms ease-in-out; border: 2px solid #cb0024; background-color: rgba(17, 17, 17, 0.95); top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; display: flex; position: absolute; width: 100%; z-index: 2;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content:hover{opacity: 1;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content .cta-wrapper{margin-bottom: 0; display: inline-block;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content .cta-wrapper a{border: none; position: relative; padding-left: 56px; color: #cb0024; font-family: var(--font-poppins); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; display: inline-block; transition: all 200ms ease-in-out;}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content .cta-wrapper a:before{content: ''; width: 22px; height: 22px; position: absolute; left: 22px; top: 50%; transition: background-image 200ms ease-in-out; transform: translateY(-50%); background-repeat: no-repeat; background-image: url(/~/media/Images/A/ATSG/Universal/icons/download-icon);}
.image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content .cta-wrapper a:after {position: absolute; content: ""; height: 100vh; width: 100vw;   top: 50%; left: 50%; transform: translate(-50%, -50%);}
.image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links{padding-top: 19px;}
.image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links a{margin-bottom: 21px; display: block;}
.image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links .rad-link-1{width:100%;}
.image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links .rad-link-1:hover a{color:var(--color-111111); text-decoration:none; transition: color 200ms ease-in-out;}
.image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links .rad-link-1:before{top: 26%;}

@media screen and (min-width: 992px) {
  .image-with-quick-links-main-wrapper .signpost-bg-img .signpost-onclick .signpost-wrap .signpost-content {padding: 14px 20px;}
}

@media only screen and (max-width: 768px){
  .image-with-quick-links-main-wrapper .signpost-bg-img, .image-with-quick-links-main-wrapper .quick-links-wrapper{margin-bottom: 40px;}
  
}
@media only screen and (max-width: 640px){
  .image-with-quick-links-main-wrapper .quick-links-wrapper .quick-links .rad-link-1:before{top:28%;}
}

/* ========================= Module Image with Quick Links End ======================== */

/* ========================= Module Image with Quote Start ======================== */

.image-with-quote-main-wrapper .quote-image-wrapper{display: inline-block; position: relative;}
.image-with-quote-main-wrapper .quote-image-wrapper span{position: absolute; width: 0; height: 0; border-style: solid; z-index: 2;}
.image-with-quote-main-wrapper .quote-image-wrapper .red-triangle-top-left{top: 0; left: 0; border-width: 16px 16px 0 0; border-color: var(--color-cb0024) transparent transparent transparent;}
.image-with-quote-main-wrapper .quote-image-wrapper .red-triangle-top-right{top: 0; right: 0; border-width: 0 16px 16px 0; border-color: transparent var(--color-cb0024) transparent transparent;}
.image-with-quote-main-wrapper .quote-image-wrapper .red-triangle-bottom-left{bottom: 0; left: 0; border-width: 16px 0 0 16px; border-color: transparent transparent transparent var(--color-cb0024);}
.image-with-quote-main-wrapper .quote-image-wrapper .red-triangle-bottom-right{bottom: 0; right: 0; border-width: 0 0 16px 16px; border-color: transparent transparent var(--color-cb0024) transparent;}
.image-with-quote-main-wrapper .quote-image-wrapper img{max-width: 400px; width: 100%;}
.image-with-quote-main-wrapper .quote-content-wrapper{margin-bottom: 0; min-height: 263px; }
.image-with-quote-main-wrapper .quote-content-wrapper blockquote{max-width: none; margin: 0 0 25px; padding: 0;}
.image-with-quote-main-wrapper .quote-content-wrapper blockquote:before{content: ""; background-size: contain; position: static; width: 58px; height: 46px; display: block; margin-bottom: 25px; background-image: url(/~/media/Images/A/ATSG/Universal/icons/quote-icon); background-repeat:no-repeat;}
.image-with-quote-main-wrapper .quote-content-wrapper blockquote p .rad-big{font-size: 2.6rem; font-family: var(--font-roboto-lightitalic); font-weight: 300; line-height: 1.38;}
.image-with-quote-main-wrapper .quote-content-wrapper .quote-content-wrapper__name{font-size: 1.6rem; font-family: var(--font-roboto-regular); margin-bottom: 3px; line-height: 20px;}

@media screen and (max-width: 640px){
  .image-with-quote-main-wrapper .quote-content-wrapper blockquote:before{width: 26px; height: 22px; margin-bottom: 15px;}
}
@media screen and (max-width: 768px){
  .image-with-quote-main-wrapper .quote-content-wrapper{padding-top: 60px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .image-with-quote-main-wrapper .quote-content-wrapper blockquote .quote-content-wrapper__quote{max-width: calc(100% - 23%);}
}


/**** Parallax Image ****/
.quote-parralex-bg-mobile{display:none;}
.image-with-parallax-main-wrapper{width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-size: cover; background-attachment: fixed; /*min-height: 450px;*/ height: auto; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; overflow: hidden;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption{text-align: center;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption .title{text-transform: uppercase; margin-bottom: 0; color: var(--color-ffffff); line-height: 1.1;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption .title:after{content: ''; display: block; margin: 0 auto; width: 45px; height: 40px; background-image: url(/~/media/Images/A/ATSG/Universal/icons/quote-icon); background-repeat: no-repeat; background-size: contain; margin-bottom: 30px;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption p .rad-big{color: var(--color-ffffff); padding: 20px 30px 0 20px; font-size: 2.8rem; line-height: 1.43; font-family: var(--font-poppins); font-weight: 200; font-style: italic; margin-bottom:0;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption p .rad-small{text-align: center; font-size: 1.6rem; color: var(--color-ffffff); margin: 0; padding: 10px 20px;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption .description-box{margin-top: 30px;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption .description-box .quote-content-wrapper__name{text-align: center; font-size: 1.6rem; color: var(--color-ffffff); margin: 0; padding: 10px 20px; line-height: 20px;}
.image-with-parallax-main-wrapper .quote-wrapper .quote-caption .description-box img{max-width: 106px; height: auto;}
.quote-parralex-bg-desktop{background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0; background-position-y: 0; background-attachment: fixed;}
.quote-parralex-bg-desktop.imagebg{background-position-y: center; background-attachment: unset;}

@media screen and (max-width: 768px){
  .image-with-parallax-main-wrapper{min-height: 326px;}
  .quote-parralex-bg-desktop{display:none;}
  .quote-parralex-bg-mobile{display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0; background-position-y: 0; background-attachment: fixed;}
  .quote-parralex-bg-mobile.imagebg{background-position-y: center; background-attachment: unset;}
  .image-with-parallax-main-wrapper .quote-wrapper .quote-caption .quote-content-wrapper__quote{font-size: 1.8rem;}
  .image-with-parallax-main-wrapper .quote-wrapper .quote-caption .quote-content-wrapper__quote:before{width: 26px; height: 22px;}
}

/* ========================= Module Image with Quote End ======================== */