body {
/*     color:#4F5456; */
    font-family: "Hero Junior";
/*     font-size: 22px;
    line-height: 28px; */
    font-weight: 400;

    color:#212529;
    font-size:18px;
    line-height:25.2px;
}
h2 {
    font-size: 27px;
    line-height: 34px;
    font-family: 'Hero Junior Super';
}
h3 {
    font-size: 22px;
    line-height: 28px;
    font-family: 'Hero Junior';
}


.babyBlueBG {
    background-color:#F2F8FD;
}
.lilacBG {
    background:#f8f5fb
}
.plumBG {
    background:#7F398F
}
.whiteBG {
    background-color: #fff;
}
.lightPurpleBG {
    background-color:#FBF4FD;
}
.lightPacificBG {
    background-color:#EDF8F9;
}
.lightPinkBG {
    background-color:#FBF3F6;
}
.greyBg {
    background-color:#FAF6F1;
}

.lightMintBG {
    background-color:#EDF8F9;
}

.lightBlueBG {
    background-color:#F0F7FD;
}
.lightGreenBG {
    background-color:#F2FAEC;
}
.paleYellowBG {
    background-color:#FFFBEF;
}
.lightPinkBG {
    background-color:#FFF3F6;
}
.lightClaretBG {
    background-color:#F8EDF2;
}
.beeCuriousHolder {
    background-color: #f6f7f9;
    position: relative;
}

.beeCuriousTopHolderWhite {
    background-color: #ffffff;
    position: relative;
}


.sliderWhiteHolder {
    border-radius: 15px;
    font-size:27px;
    font-family: "Hero Junior";
    line-height:34px;
}

.sliderWhiteHolder strong {
    font-family: "Hero Junior Super";
    font-weight:bolder;
}

#sliderCards .card{
    border-radius:15px;
    margin-bottom:30px;
    min-height:430px;
}
#sliderCards .btn, .BCcardReadMoreSlider .btn {
    width:200px;
}

.sliderText{
    position: relative;
    padding-bottom: 30px;
    font-size: 27px;
    font-family: "Hero Junior";
    line-height: 34px;
    min-height: 100px;
}
.sliderSubText {
    font-family:"Hero Junior";
    font-size:16px;
    line-height:19px;
    font-weight:400;
    color:#212529;
    min-height:110px;
}
#sliderCards .card-body {
    padding-top:0px;
}


.sliderTopImage {
    display: block;
    position: relative;
    top : -65px;
    margin-bottom: -20px;
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    z-index: 5;
}

#peeringBeeHolder {
    position: relative;
    display: block;
    width:100%;
}

.peeringBee {
    position: absolute;
    max-width:191px;
    top:-128px;
    right:2%;
    z-index:5;
}

.bcTitleHolder h1 strong {
    font-family: 'Hero Junior Super';
    font-size:55px;
    line-height:71.5px;
    font-weight:900;
}
.bcTitleHolder h1 {
    font-family: 'Hero Junior';
    font-size:55px;
    line-height:71.5px;
    font-weight:400;
}
.bcIntroText p {
    font-family:'Hero Junior';
}
.bcBImgHolder  {
    margin-top:-31px;
    position: absolute;
}
.bcBImg {
    max-width:539px;
}
/* BC Page Header Text */

#BCheaderText h1 {
    font-family: "Hero Junior";
    font-size:51px;
    font-weight: normal;
    margin-top: 130px;
    line-height: 54px;
    font-weight: 450;
    letter-spacing:-2px;
    min-height:162px;
}

#BCheaderText h1 strong {
    font-family: "Hero Junior Super";
    font-size:51px;
    font-weight: normal;
}

.bcTitleHolder {
    min-height:436px;
}
/* Top Content Area */

.topContent {
    position:relative;
    background-color: #ffffff;
    border-radius: 15px;

 }

 .topContent strong {
    font-family: "Hero Junior Super";
    font-weight:bolder;
    
 }

 .topContent p {
    margin-bottom:30px;
 }

/* Official font colours */

.colorPacific {
    color:#1AA39C;
}
.colorNight {
    color:#252858;
}
.colorNight strong {
    color:#E8063C;
}

.colorWaterfall {
    /* color:#AFD4EF; */
    color:#60B5EE;
}

.colorPlum {
    color:#7F398F;
}

.colorPeony {
    /* color:#E8D2E8; */
    color:#A279B1;
}
.colorRed {
    color:#E8063C;
}
.colorPink {
    color:#e84283;
}
.colorMustard {
    color:#f49d15;
}
.colorGreen {
    color:#67b32e;
}
.colorBlue {
    color:#015f85;
}
.colorClaret {
    color:#a73263;
}
.colorLightBlue {
    color:#68B9E8;
}

/* Border Colors */

.borderPink {
    border: 2px solid #e84283;
    border-radius:15px;
}
.borderPacific {
    border: 2px solid #1AA39C;
    border-radius:15px;
}
.borderMustard {
    border: 2px solid #f49d15;
    border-radius:15px;
}
.borderGreen {
    border:2px solid #67b32e;
    border-radius:15px;
}
.borderBlue {
    border:2px solid #015f85;
    border-radius:15px;
}
.borderClaret {
    border:2px solid #a73263;
    border-radius:15px;
}

 /* Red Buttons */

 .BCredButton {
    display:block;
    font-family: "Hero Junior Super";
    font-weight:900;
    font-size: 18px;
    line-height: 38px;
    border-radius: 35px;
    border-width: 2px;
    height : 38px;
    padding-bottom:5px;
    width:144px;
    padding: 0;
    color: #E8063C;
    border-color: #E8063C;
    background-color: #ffffff;
    margin-top:40px;
    margin-bottom:20px;
    
}

.BCredButton2Lines {
    height : 62px;
    width:256px;
    border-radius: 35px;
    border-width: 2px;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    border-color: #E8063C;

    color: #E8063C;    
    font-family: "Hero Junior Super";
    font-weight:400;
    font-size: 18px;
    line-height: 20px;
}

.BCredButton1Line {
    height : 52px;
    width:215px;
    border-radius: 35px;
    border-width: 2px;
    padding:18px 10px 18px 10px;
    background-color: #ffffff;
    border-color: #E8063C;

    color: #E8063C;    
    font-family: "Hero Junior Super";
    font-weight:400;
    font-size: 16px;
    line-height: 16px;
}

.BCredButton:hover, .BCredButton2Lines:hover, .BCredButton1Line:hover {
    color: #fff!important;
    background-color: #E8063C;

}

.BCcardReadMore{
    display: inline-block;
    position: absolute;
    bottom: 10px;


}
.BCredButton:focus {
    box-shadow:none;
}

.BCcardReadMoreSlider{
    display: inline-block;
    position: absolute;
    left: calc(50% - 105px);
    bottom: 10px;

}

#whiteCurveBottom {
    display: block;
    position:absolute;
    bottom:0;
    width:100%;
}

#footer-container hr {
    display:none;
}

#introContainer > strong {
    font-family: "Hero Junior Super";
    font-weight:700;
}

.bookAVisitButton {
    font-family: "Hero Junior Super";
    font-weight: 900;
    font-size: 18px;
    line-height: 38px;
    border-radius: 35px;
    border-width: 2px;
    margin: 30px 0 100px 0;
    color: #E8063C;
    border-color: #E8063C;
    background-color: #ffffff;
    padding:0 20px;
}

.bookAVisitButton:hover {
    color: #fff!important;
    background-color: #E8063C;

}

.regularBody {
    font-size: 24px;
    line-height: 36px;
    margin-bottom:2.5em;
}


.roundel {
    max-height: 180px;
    display: block;
    bottom: -17%;
    position : relative;

}

#beeCuriousLogo {
    max-height: 280px;
    margin-top: 120px;
}

#ourPromiseContainer {
    position: relative;
    padding-top:80px;
    max-height:432px;
    border-radius:30px;
}
.downloadFactSheetHolder h2 {
    font-family:'Hero Junior';
    font-size:40px;
    line-height:52px;
    font-weight:400;
}
.downloadFactSheetHolder h2 strong {
    font-family:'Hero Junior Super';
    font-weight:900;
}
#ourPromiseContainer h2 {
    font-family:'Hero Junior';
}

#ourPromiseContainer h2 strong {
    font-family:'Hero Junior Super';
}

#littleDiscoverersContainer {
    position: relative;
    max-height:486px;
    background-color:#ffffff;
    border-radius:15px;
}

.textContent h2  {
    font-family:'Hero Junior';
  }
.textContent h2 strong {
font-family:'Hero Junior Super';
}


.ourPromiseText strong {
    font-family: "Hero Junior Super";
    font-weight: 400;
}

#ourPromiseRoundel {
    position:absolute;
    top: -10px;
    left:74px;
    max-width: 128px;
    z-index:5;
}

#lowerBHolder {
    position:relative;
}

#ourPromiseLowerB {
    position:relative;
    top:-117px;
    max-height:523px;
}

/* Tiny Shapes */
.tinyCrossGreen {
    position:relative;
    max-height:53px;
    width:auto;
    top: -20px;
    right:10%;
}

.aodIntroText h2 {
    font-size:40px;
    line-height:52px;
    font-weight:700;
}

.aodCard .card-header {
    background:transparent;
}
.aodCard .card-body {
    padding-top:0px;
}
.primAodCard {
    min-height:514px;
    padding-top:24px!important;
}
.aodCard {
    border-radius:30px!important;
    background-color:#FAF6F1;
    padding:24px;
    padding-top:0px;
}

.aodCard .card-footer {
    border:none;
    background-color: transparent;
}
.aodHeader img {
    max-width:600px;
}

.aodPrimNavBlock p {
    font-family:'Hero Junior Super';
}

.aodPrimNavBlock img {
    max-height:100px
}
.bottomAODHolder h2 {
    font-size: 30px;
    line-height: 35px;
    font-family: 'Hero Junior Super';
}
.downloadFactSheetHolder {
    border-radius:15px;
    margin-top:50px;
}


.wheelHolder {
    position: absolute;
    top:-125px;
}    
/* .aodOwl .owl-stage {
    padding-left:30px;
    padding-right:30px;
}
.aodOwl .owl-item {
    margin-right:30px;
} */
 .aodCol {
    padding-left:30px!important;
    padding-right:30px!important;
 }
.aodNavBottom {
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
} 
.aodContainer .whiteBG {
    padding-top:82px!important;
}

#lowerSliderSpacer{
    display:block;
    min-height:160px;
}
.ctm-search>span {
    color: #fff;
    /*#3d3e3f;*/
    display: block;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.ctm-search-bar {
    background-color: white;
    border: 2px solid #FFCFDB;
    border-radius: 6px;
    padding: 8px;
}

.ctm-search-bar #findNurseryForm {
    align-items: center;
    display: flex;
    width: 100%;
}

.ctm-search-bar #findNurseryForm #postcodeOrTown {
    border: none;
    box-shadow: none !important;
    flex: 1;
    line-height: 44px;
    margin: 0;
    min-height: 44px;
    padding: 0 15px 0 15px;
}
.geoLocate {
    border: none;
    font-size: 20px;
    background: #fff;
}
.redButton {
    font-family:'Hero Junior';
    font-size:15px;
    line-height:19.5px; 
    font-weight:700;
    color:#fff;
}

.aodSubCard h3 {
    font-size:18px;
    line-height:25.2px;
    font-weight:700;
}
.aodSubCard p {
    font-size:18px;
    line-height:25.2px;
    font-weight:400;
}
.aodSubCard img {
    max-width:157px;
}
.aodSubCard .card-header {
/*     min-height:153px; */
min-height:105px;
}
.aodNavHeader h2 {
    font-size:40px;
    line-height:52px;
    font-weight:700;
    font-family:'Hero Junior';
}
.aodNav img {
    max-width:calc(100% - 80px);
}


.aodNavArrow svg {
    height:24px;
    width:24px;
}
.aodNavInner {
    padding:12px 20px;
    border-radius:20px;
    display:table-cell;
    height:200px;
    vertical-align: middle;;
}
.aodNavInner:hover, .aodNavInner:focus {
    opacity:0.5;
}
.aodNav a:hover, .aodNav:focus {
    text-decoration: none;
}
.aodNav .col {
    padding-left:5px;
    padding-right:5px;
    display:table;
    height:74px;
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 5px;
    display: block !important;
    border:0px solid black;
}
.owl-theme .owl-nav [class*=owl-] {
    margin:20px!important;
}
.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right:5px;
    display: block !important;
    border:0px solid black;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    font-size:30px!important;
}
.owl-theme .owl-nav [class*=owl-]:focus {
    border:none;
    outline:none;
}
.aodCard .card-header img {
    max-width:65%;
}
#aodCar .card-header img{
    max-width:80%;
}
  #aodCar .card-header, .aodCard .card-header {
    min-height:206px;
  }

  #primAod .aodCard .card-header img { 
    max-width:100%;
  }

  #primAod .aodCard .card-header {
    min-height:125px;
  }

#aodSubCar .owl-item {
    padding-top:0px!important;
}
.aodTitleHolder {
    min-height:70px;
}
#aodSubCar .aodCard .card-header {
    min-height:130px;
}
.aodNavArrow {
    background: #fff;
    padding: 5px;
    margin-right: 0px;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 20px;
    padding-bottom: 0px;
}
@media (min-width: 768px) {
    #postcodeOrTown {
        width:calc(100% - 133px);
        display:inline-block;
        margin-left: 0px;
        margin-right: 5px;
        margin-bottom:13px;
    }
    #nurserySearch {
        width:auto;
    }
    #geoLocate {
        margin-left:0px;
        width:auto;
    }

}
@media only screen and (max-width: 1200px) and (min-width: 992px)  {
    .wheelHolder {
        position: absolute;
        top: -70px;
    }
}

.owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}

.aodSubCard {
    background: transparent;
}

.aodNavHolder img {
    max-width:43%;
}

.aodNavHolder img {
    max-width:calc(100% - 30px);
}
.aodNavHolder .col-lg {
    padding-left:5px;
    padding-right:5px;
}
.aodNavHolder .card {
    border-radius:20px;
}
.aodNavHolder .card {
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}
.aodNavHolder .card-body {
    padding:0px;
}
.aodNavCard:hover {
    opacity:0.5;
}
#expArts img {
    max-width:61%;
}

.expertDevArrowDown {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #FBF4FD;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 40px);
}
.headStartArrowDown {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #EDF8F9;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 40px);
}
.playfulArrowDown {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #FFF3F6;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 40px);
}
@media screen and (max-width: 991px) {
   #postcodeOrTown {
    font-size:13.5px;
   }
   .bcOpeningContent {
    margin-top:24px;
   }
   .sliderSubText {
    min-height:205px;
   }
   #primAod .aodCard .card-header {
    min-height:175px;
   }
   #primAod .aodCard .card-header img {
    max-width:350px;
   }
   .aodNavArrow  {
        background: #fff;
    padding: 5px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 30px;
    }
    .expertDevArrowDown, .headStartArrowDown, .playfulArrowDown {
        bottom: -36px;
    }

   #aodSubCar .aodCard .card-header img {
    max-width:43%;
   }
   .aodNavInner {
    height:266px;
   }
   .aodNavHeader h2 {
    font-size:22px;
    font-weight:700;
    line-height:28.6px;
   }
   .bcTitleHolder {
    min-height:auto;
    }
   .aodIntroText h2 {
    font-size:22px;
    line-height:28.6px;
   }
   .aodSubCard {
        background-color:#FAF6F1;
   }
    .downloadFactSheetHolder {
        border-radius:15px;
        margin-top:0px;
    }
    .downloadFactSheetHolder h2 {
        font-size:22px;
        line-height:28.6px;
    }

    .aodContainer .whiteBG {
        padding-top:45px!important;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
    }

    .aodCol {
        padding-left:0px!important;
        padding-right:0px!important;
     }
     .aodNavBottom {
        border-radius:15px;
     }
     

    .aodHeader img {
        max-width:100%;
    }



    body  {
        font-size: 16px;
        font-weight:400;
        line-height:22.4px;
    }


    #ourPromise {
        font-size: 18px;
        font-weight:400;
        font-kerning: normal;
        line-height:21px;
    }

    .regularBody {
        font-size: 16px;
        line-height: 28px;
    }

    .roundel {
        max-height: 110px;
        display: block;
        bottom: -8%;
        position : relative;
    }

    .peeringBee {
        position: absolute;
        max-width:120px;
        top:-82px;
        right:6%;
        z-index:5;
    }

    .topContent {
        padding-top: 14px;
        padding-bottom:24px;
        padding-left:24px;
        padding-right:24px;
     }

     .sliderWhiteHolder {
        position:relative;
        min-height:379px;
        text-align:center;
        padding-left:5%;
        padding-right:5%;
        
    }

    .sliderTopImage {
        display: block;
        position: relative;
        top : -65px;
        margin-bottom: -45px;
        max-width:180px;
        margin-left:auto;
        margin-right:auto;
        z-index: 5;
    }

    .sliderText{
        position: relative;
        padding-bottom:20px;
        font-size:22px;
        font-family: "Hero Junior";
        line-height:24px;
    }

    .sliderText strong {
        font-family: "Hero Junior Super";
        font-weight:bolder;
    }

    .BCcardReadMore{
        display:block;
        position: absolute;
        bottom:px;
    }

    #ourPromiseContainer {
        position: relative;
        margin-top:0px;
        max-height:580px;
        min-height:none;
        border-radius:18px;

    }

    #littleDiscoverersContainer {
        position: relative;
        max-height:none;
        background-color:#ffffff;
        border-radius:15px;
        font-size: 16px;
        line-height: 20px;
    }

    #littleDiscoverersText{
        max-height:60px;
    }

    #littleDiscoverersContainer .BCredButton {
        display:inline-block;
        font-family: "Hero Junior Super";
        font-weight:900;
        font-size: 18px;
        line-height: 38px;
        border-radius: 35px;
        border-width: 2px;
        height : 38px;
        width:144px;
        padding: 0;
        color: #E8063C;
        border-color: #E8063C;
        background-color: #ffffff;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
        margin-bottom:0;
    }

    #lowerBHolder {
        position:relative;
        display:inline-block;
        margin-left: calc(50% - 164px);
 
    }


    #ourPromiseLowerB {
        display:inline;
        position:relative;
        max-width:328px;
        margin-bottom:-120px;
    }

    .bookAVisitButton {
        font-family: "Hero Junior Super";
        font-weight:900;
        font-size: 18px;
        line-height: 38px;
        border-radius: 35px;
        border-width: 2px;
        height:38px;
        min-height : 40px;
        padding:0px 19px;
        margin: 15px 0 15px 0;
        color: #E8063C;
        border-color: #E8063C;
        background-color: #ffffff;
    }
    #BCheaderText {
        margin-bottom:-20px;
    }
    #BCheaderText h1 {
        margin-top:60px;
        font-size:26px;
        line-height:30px;
    }

    #BCheaderText h1 strong {
        font-size:30px;
        line-height:30px;
    }
    .BCheaderImg{
        margin-top:27px;
    }
    .BCredButton2Lines {
        font-size:16px;
        line-height:19px;
    }
    .BCredButton {
        font-size:16px;
    }


    #lowerSliderSpacer{
        display:block;
        min-height:0px;
    }

    .bcTitleHolder h1 strong {
        font-family: 'Hero Junior Super';
        font-size:25px;
        line-height:32.5px;
        font-weight:900;
    }
    .bcTitleHolder h1 {
        font-family: 'Hero Junior';
        font-size:25px;
        line-height:32.5px;
        font-weight:400;
 /*        max-width:315px; */
        padding-bottom:20px;
    }
    .bcIntroText p {
        font-family:'Hero Junior';
    }
    .bcBImgHolder  {
        margin-top:-21px;
        position: static;
    }
    .bcBImg {
        width:140px;
    }
    .sliderText{
        min-height: 72px;
    }
 
    .sciImgCard {
        max-width: 300px;
        margin:0 auto;
    }
    .aodTitleHolder {
        max-width:418px;
        margin:0 auto;
    }
    .primAodCard {
        min-height:412px;
    }

    .aodNavHolder img {
        max-height:unset;
        max-width:43%
    }
    .aodNavHolder .col-lg {
        padding-left:15px;
        padding-right:15px;
    }
    #expArts img {
        max-height:unset;
        max-width:34%;
    }
    .aodNavHolder .card {
        min-height:130px;
    }
}


@media only screen and (max-width: 991px) and (min-width: 768px)  {
    .bcBImg {
        width:308px;
    }

}
@media only screen and (max-width: 1199px) and (min-width: 991px)  {
    .bcBImg {
        width:469px;
    }
    #ourPromiseContainer {
        max-height:none;
    }
    #ourPromiseLowerB {
        top:0px;
        left:-39px;
    }

    .sliderText  {
        min-height:133px;
    }


}
@media only screen and (max-width: 1569px) and (min-width: 1200px)  {
    .bcBImg {
        max-width: 560px;
    }
    #ourPromiseContainer {
        max-height:none;
    }
    #ourPromiseLowerB {
        top:0px;
        left:-37px;
    }
}
@media only screen and (max-width:1920px) and (min-width: 1570px)  {
    .bcBImg {
        max-width: 596px;
    }
    .bcOpeningContent {
        margin-top:-54px;
       }
}
@media only screen and (min-width: 1921px)  {
    .bcBImg {
        max-width: 643px;
    }
    .sliderText{
        min-height: 102px;
    }
    .sliderSubText {
        min-height:100px;
    }
    .bcOpeningContent {
        margin-top:-74px;
       }
    
}

@media only screen and (max-width:1920px) and (min-width: 375px)  {
    .bcBImg {
        max-width: 596px;
    }
}


/* BS4 Grid XXL breakpoint */

/* adding col-xxl */
.col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}

@media (min-width: 1570px){
  /* expanding BS4 max-width */
   /* .container {max-width: 1540px;}/* 
 */
  /* grid columns xxl */
    .col-xxl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
  .col-xxl-auto {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}  
    .col-xxl-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
    .col-xxl-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .col-xxl-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-xxl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
    .col-xxl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .col-xxl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
    .col-xxl-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-xxl-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
    .col-xxl-10 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-11 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-12 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}

  /* order xxl */
  .order-xxl-0 {-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;}
  .order-xxl-1 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
  .order-xxl-2 {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
  .order-xxl-3 {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
  .order-xxl-4 {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}
  .order-xxl-5 {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;}
  .order-xxl-6 {-webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6;}
  .order-xxl-7 {-webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7;}
  .order-xxl-8 {-webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8;}
  .order-xxl-9 {-webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9;}
  .order-xxl-10 {-webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10;}
  .order-xxl-11 {-webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11;}
  .order-xxl-12 {-webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12;}

  /* text-align xxl */
    .text-xxl-center {text-align: center!important;}
    .text-xxl-left {text-align: left!important;}
    .text-xxl-right {text-align: right!important;}  

  /* float xxl */
  .float-xxl-left {float: left!important;}
  .float-xxl-right {float: right!important;}
  .float-xxl-none {float: none!important;}

  /* display xxl */
  .d-xxl-none {display: none!important;}
  .d-xxl-inline {display: inline!important;}
  .d-xxl-inline-block {display: inline-block!important;}
  .d-xxl-block {display: block!important;}
  .d-xxl-table {display: table!important;}
  .d-xxl-table-cell {display: table-cell!important;}
  .d-xxl-table-row {display: table-row!important;}
  .d-xxl-flex {display: flex!important;}
  .d-xxl-inline-flex {display: inline-flex!important;}

  /* offsets xxl */
  .offset-xxl-1 {margin-left: 8.333333%;}
  .offset-xxl-2 {margin-left: 16.666667%;}
  .offset-xxl-3 {margin-left: 25%;}
  .offset-xxl-4 {margin-left: 33.333333%;}
  .offset-xxl-5 {margin-left: 41.666667%;}
  .offset-xxl-6 {margin-left: 50%;}
  .offset-xxl-7 {margin-left: 58.333333%;}
  .offset-xxl-8 {margin-left: 66.666667%;}
  .offset-xxl-9 {margin-left: 75%;}
  .offset-xxl-10 {margin-left: 83.333333%;}
  .offset-xxl-11 {margin-left: 91.666667%;}

  /* spacing xxl */
  .m-xxl-0{margin:0!important}.mt-xxl-0,.my-xxl-0{margin-top:0!important}.mr-xxl-0,.mx-xxl-0{margin-right:0!important}.mb-xxl-0,.my-xxl-0{margin-bottom:0!important}.ml-xxl-0,.mx-xxl-0{margin-left:0!important}.m-xxl-1{margin:.25rem!important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem!important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem!important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem!important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem!important}.m-xxl-2{margin:.5rem!important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem!important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem!important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem!important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem!important}.m-xxl-3{margin:1rem!important}.mt-xxl-3,.my-xxl-3{margin-top:1rem!important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem!important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem!important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem!important}.m-xxl-4{margin:1.5rem!important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem!important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem!important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem!important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-5,.my-xxl-5{margin-top:3rem!important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem!important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem!important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem!important}
  .p-xxl-0{padding:0!important}.pt-xxl-0,.py-xxl-0{padding-top:0!important}.pr-xxl-0,.px-xxl-0{padding-right:0!important}.pb-xxl-0,.py-xxl-0{padding-bottom:0!important}.pl-xxl-0,.px-xxl-0{padding-left:0!important}.p-xxl-1{padding:.25rem!important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem!important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem!important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem!important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem!important}.p-xxl-2{padding:.5rem!important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem!important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem!important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem!important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem!important}.p-xxl-3{padding:1rem!important}.pt-xxl-3,.py-xxl-3{padding-top:1rem!important}.pr-xxl-3,.px-xxl-3{padding-right:1rem!important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem!important}.pl-xxl-3,.px-xxl-3{padding-left:1rem!important}.p-xxl-4{padding:1.5rem!important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem!important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem!important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem!important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem!important}.p-xxl-5{padding:3rem!important}.pt-xxl-5,.py-xxl-5{padding-top:3rem!important}.pr-xxl-5,.px-xxl-5{padding-right:3rem!important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem!important}.pl-xxl-5,.px-xxl-5{padding-left:3rem!important}
  .m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}

}