.videoSection .large-image-text-cta-image-left {
margin: 0;
padding: 17px 0;
}
.videoSection .large-image-text-cta-image-left,
.videoSection .text-header{
background-color: #282424;
}
.videoSection .large-image-text-cta-image-left p,
.videoSection .text-header h2{
color: white;
font-size: 24px;
}
.videoSection .col-12:nth-child(1){
text-align: center;
}
.videoSection figure img{
width: 280px !important;
}
@media(max-width:991px){
.videoSection .large-image-text-cta-image-left p{
font-size: 18px;
}
}
.homehero_carousel{
margin: 0 auto !important;
}
.helpdesk-desktop{
color: #F0EBE3 !important;
}
section.homehero_carousel div[data-slick-index="0"] .text_block {
width: 65% !important;
margin: 0 auto;
}
section.homehero_carousel div[data-slick-index="0"] .text_block div p.text-center{
display: flex;
padding-top: 20px;
}
section.homehero_carousel div[data-slick-index="0"] .text_block h1{
font-size: 50px;
max-width: 520px;
color: white !important;
text-align: left;
}
section.homehero_carousel div[data-slick-index="0"] .text_block h4{
color: white !important;
max-width: 396px;
text-align: left;
}
section.homehero_carousel div[data-slick-index="0"] .text_block p{
color: white !important;
}
.sec12 .icon-proof-points-4-grid h3,
.heroSection a.btn
.fSec .shared-cta a.btn,
.neon{
color: #fff !important;
text-shadow: 0 0 1px #fff,
0 0 9px #FFE, 0 0 15px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000, 0 0 4px #ff0000, 0 0 10px #FEFFFA, 0 0 2px #ff0000;
}
.heroSection .homehero_carousel .text-center,
.sec20 .shared-cta .text-center,
.fSec .shared-cta .text-center{
max-width: 280px;
width: 100%;
}
.heroSection .homehero_carousel .a.btn,
.sec20 .shared-cta a.btn,
.fSec .shared-cta a.btn{
width: 100%;
font-size: 21px;
margin-right: unset;
}
.homehero_carousel .slick-slider .slick-dots{
display: none;
}
.heroSection .text-header,
.sec10 .text-header,
.sec12 .text-header,
.sec12 .icon-proof-points-4-grid,
.sec20 section:nth-child(2),
.sec22 .text-header{
padding: 50px 0;
}
.heroSection .image-right-and-text,
.sec12 .icon-proof-points-4-grid,
.sec20 .shared-cta,
.sec18 .text-header,
.fSec .shared-cta{
margin: 0 auto;
}
footer,
.textP,
.navbar-default,
.toppanel__container,
.heroSection .homehero_carousel,
.heroSection .text-header,
.heroSection .image-right-and-text,
.sec10 .text-header,
.sec12 .text-header,
.sec12 .icon-proof-points-4-grid,
.sec20 .text-header,
.sec20 section:nth-child(2),
.sec20 .rtecontainer,
.sec20 .three-column-heading-with-body-text-with-button,
.sec20 .shared-cta,
.sec18 .text-header,
.sec18 .iconproofpoints,
.sec22 .text-header,
.sec22 .rtecontainer ,
.imgSec section:nth-child(2) ,
.imgSec section:nth-child(2) ,
.fSec section:nth-child(1),
.fSec section:nth-child(2),
.fSec section:nth-child(3),
.fSec .shared-cta,
.lastSec .rtecontainer{
background-color: #282424;
}
.heroSection h2,
.heroSection h2 span{
color: white;
font-size: 31px;
}
.sec10 .text-header h2,
.sec12 .text-header h2,
.sec20 .text-header h2,
.sec20 .three-column-heading-with-body-text-with-button h2,
.sec18 .iconproofpoints h2,
.sec22 .text-header h2,
.sec10 .text-header h2 span,
.sec12 .text-header h2 span,
.sec20 .text-header h2 span,
.sec20 .three-column-heading-with-body-text-with-button h2 span,
.sec18 .iconproofpoints h2 span,
.sec22 .text-header h2 span,
.fSec section:nth-child(1) h3,
.fSec section:nth-child(1) h3 span,
.fSec section:nth-child(3) h3,
.fSec section:nth-child(3) h3 span{
color: white;
font-size: 32px;
}
.sec12 .icon-proof-points-4-grid h3,{
font-size: 48px;
}
.sec12 .icon-proof-points-4-grid div.col-sm-12.col-md-5{
flex: 0 0 50% !important;
max-width: 50% !important;
padding: 0;
}
.heroSection p,
.textP p,
.sec10 .text-header p,
.sec12 .text-header p,
.sec12 .icon-proof-points-4-grid p,
.sec20 .text-header p,
.sec20 .three-column-heading-with-body-text-with-button p,
.sec20 .three-column-heading-with-body-text-with-button .secondT,
.sec18 .text-header,
.sec18 .iconproofpoints ul li,
.sec22 .text-header p,
.fSec section:nth-child(1) p,
.fSec section:nth-child(1) ul li,
.fSec section:nth-child(3) p,
.fSec section:nth-child(3) ul li,
.lastSec .rtecontainer p{
color: white;
font-size: 24px !important;
}
.sec20 .three-column-heading-with-body-text-with-button .firstH{
color: white;
font-size: 48px;
}
.heroSection .row div:nth-child(1){
flex: 0 0 40% !important;
max-width: 40% !important;
}
.heroSection .row div:nth-child(2){
flex: 0 0 60% !important;
max-width: 60% !important;
}
.sec12 .text-header .textheaderwithbutton,
.sec20 .text-header .textheaderwithbutton,
.sec22 .text-header .textheaderwithbutton{
align-items: start;
}
.textheaderwithbutton p{
max-width: unset !important;
text-align: left !important;
}
.textP p{
max-width: 53em;
margin: -30px auto 0 auto;
padding: 0px 30px 50px 30px;
}
.sec20 section:nth-child(2) ul {
gap: 140px !important;
}
.sec20 section:nth-child(2) ul .highlight{
font-size: 24px !important;
}
.sec20 section:nth-child(2) li {
color: white;
padding: 0;
}
.sec20 section:nth-child(2) .financefigures_proof {
background-color: unset !important;
}
.financefigures_proof ul li:after{
content: none;
}
.financefigures_proof ul li:before{
content: "";
width: 1.25rem;
height: 1.25rem;
background: url(/themes/axiweb/src/img/red-divider.svg) no-repeat center/contain;
position: absolute;
left: -12px;
top: 30%;
}
.sec20 .rtecontainer.narrow-margin ,
.sec22 .rtecontainer.narrow-margin ,
.imgSec section:nth-child(2).narrow-margin,
.fSec section:nth-child(1).narrow-margin ,
.fSec section:nth-child(2).narrow-margin ,
.fSec section:nth-child(3).narrow-margin ,
.lastSec .rtecontainer.narrow-margin {
margin: unset !important
}
.fSec section:nth-child(2) h3,
.fSec section:nth-child(3),
.imgSec section:nth-child(2).narrow-margin,
.fSec section:nth-child(2).narrow-margin {
padding-top: 40px;
}
.fSec section:nth-child(1),
.lastSec .rtecontainer.narrow-margin {
padding-bottom: 40px;
}
.fSec section:nth-child(2){
background-image: url(https://aximedia.s3.amazonaws.com/rebrand-prestaging/on5bkhnt/vision.png);
background-position: center;
background-repeat: no-repeat;
width: 100%;
background-size: cover;
height: 760px;
}
.sec20 .shared-cta .container-fluid,
.fSec .shared-cta .container-fluid{
padding: unset !important
}
.sec20 .shared-cta a.btn,
.fSec .shared-cta a.btn{
background-color: #FC404D;
}
.sec18 .iconproofpoints .iconproofpoints__slantbg{
background-image: none !important;
}
.sec18 .iconproofpoints .iconproofpoints__container {
max-width: 76rem !important;
}
.imgSec section:nth-child(1) {
display: none;
}
.fSec section:nth-child(1) .ordersCountList .text-center,
.fSec section:nth-child(3) .ordersCountList .text-center,{
display: flex;
flex-direction: column;
align-items: start;
}
.fSec section:nth-child(1) .ordersCountList .text-center ul,
.fSec section:nth-child(3) .ordersCountList .text-center ul{
display: flex;
flex-direction: column;
align-items: start;
padding: 0 !important;
}
.sec12 .text-header .container.textheaderwithbutton > *{
max-width: unset !important;
}
.heroSection h2,
.sec10 .text-header h2,
.sec12 .text-header h2,
.sec20 .text-header h2,
.sec18 .iconproofpoints h2,
.sec22 .text-header h2{
padding-bottom: 40px;
margin-bottom: unset !important;
}
@media(max-width:1400px){
section.homehero_carousel div[data-slick-index="0"] .text_block {
width: 84% !important;
margin: 0 auto;
}
}
@media(max-width:991px){
.heroSection h2,
.sec10 .text-header h2,
.sec12 .text-header h2,
.sec20 .text-header h2,
.sec18 .iconproofpoints h2,
.sec22 .text-header h2{
padding-bottom: 20px;
}
section.homehero_carousel div[data-slick-index="0"] .text_block {
width: 100% !important;
align-items: center;
}
section.homehero_carousel div[data-slick-index="0"] .text_block h1{
font-size: 40px;
padding: 0 15px !important;
text-align: center;
}
section.homehero_carousel div[data-slick-index="0"] .text_block h4{
padding: 0 15px !important;
text-align: center;
font-size: 19px;
}
section.homehero_carousel div[data-slick-index="0"] .text_block div:nth-of-type(1) {
padding: 15px 0 !important;
}
.heroSection h2,
.heroSection h2 span,
.sec10 .text-header h2,
.sec12 .text-header h2,
.sec20 .text-header h2,
.sec20 .three-column-heading-with-body-text-with-button h2,
.sec18 .iconproofpoints h2,
.sec22 .text-header h2,
.sec10 .text-header h2 span,
.sec12 .text-header h2 span,
.sec20 .text-header h2 span,
.sec20 .three-column-heading-with-body-text-with-button h2 span,
.sec18 .iconproofpoints h2 span,
.sec22 .text-header h2 span,
.fSec section:nth-child(1) h3,
.fSec section:nth-child(1) h3 span,
.fSec section:nth-child(3) h3,
.fSec section:nth-child(3) h3 span{
font-size: 24px;
}
.sec12 .icon-proof-points-4-grid h3,
.sec20 .three-column-heading-with-body-text-with-button .firstH{
font-size: 32px;
}
.heroSection p,
.textP p,
.sec10 .text-header p,
.sec12 .text-header p,
.sec12 .icon-proof-points-4-grid p,
.sec20 .text-header p,
.sec20 .three-column-heading-with-body-text-with-button p,
.sec20 .three-column-heading-with-body-text-with-button .secondT,
.sec18 .text-header,
.sec18 .iconproofpoints ul li,
.sec22 .text-header p,
.fSec section:nth-child(1) p,
.fSec section:nth-child(1) ul li,
.fSec section:nth-child(3) p,
.fSec section:nth-child(3) ul li,
.lastSec .rtecontainer p{
font-size: 18px !important;
}
.sec22 .text-header{
padding: 0 0 40px 0 !important;
}
.heroSection .image-right-and-text .row div:nth-child(1){
padding-top: 40px !important;
}
.sec12 .text-header,
.fSec section:nth-child(1) .text-center,
.fSec section:nth-child(3) .text-center,
.heroSection .image-right-and-text .row ,
.heroSection .image-right-and-text .row .col-12,
.sec20 .rtecontainer .row .col-12,
.imgSec section:nth-child(2) .row .col-12 {
padding: 0 !important
}
.heroSection .homehero_carousel .text-center,
.sec20 .shared-cta .text-center,
.fSec .shared-cta .text-center{
max-width: 170px;
}
.heroSection .homehero_carousel .a.btn,
.sec20 .shared-cta a.btn,
.fSec .shared-cta a.btn{
font-size: 16px;
}
.fSec section:nth-child(2) {
height: 260px;
}
.heroSection .row div:nth-child(1),
.heroSection .row div:nth-child(2),
.sec12 .icon-proof-points-4-grid div.col-sm-12.col-md-5,
.sec20 .three-column-heading-with-body-text-with-button .row .col.text-center {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.sec12 .text-header .textheaderwithbutton,
.sec20 .text-header .textheaderwithbutton,
.sec22 .text-header .textheaderwithbutton{
align-items: start;
}
.textheaderwithbutton p{
max-width: unset !important;
text-align: left !important;
}
.textP p{
padding: 0px 21px 0px 14px;
}
.sec20 section:nth-child(2) ul {
gap: 30px !important;
flex-direction: column;
}
.sec20 section:nth-child(2) li {
max-width: 280px;
width: 100%;
}
.financefigures_proof ul li:before{
left: -26px;
top: 12%;
}
.imgSec section:nth-child(2).narrow-margin,
.fSec section:nth-child(2).narrow-margin {
padding-top: 40px;
}
.lastSec .rtecontainer.narrow-margin {
padding-bottom: 40px;
}
.sec18 .iconproofpoints .iconproofpoints__container {
max-width: 76rem !important;
}
.sec22 .rtecontainer{
display:none;
}
.imgSec section:nth-child(1) {
background-color: #282424;
display: block;
}
.imgSec section:nth-child(1).narrow-margin {
margin: unset !important
}
}
