input::-webkit-input-placeholder {
    color: #333;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

input:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

body {
    font-size: 16px;
    margin: 0;
    background-color: #333;
    color: white;
}

    body h1, body h2, body h3, body p {
        color: white;
    }

    body h2, body h3 {
        font-family: 'Bebas Neue';
    }

    body p, body label, body a {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

    body.darkened:after {
        background: rgba(51,51,51,0.8);
    }

.modal-backdrop {
    background: #333333;
}

h1, h2, h3 {
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px;
}

body h1 {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
}

body button {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
}

.row.medium-spacing, .row.big-spacing {
    margin-left: 0px;
    margin-right: 0px;
}

    .row.medium-spacing .col-md-8 {
        padding: 0px;
    }

body button:focus {
    outline: 0;
}

.share-bar li a.socicon-twitter:hover {
    color: #1DA1F2;
}
/*Navigation and Footer*/
.share-bar li a {
    background-color: #333;
    padding: 14px;
    color: white;
}

#mainNav {
    background-color: #333;
    border: none;
}

#globalHeaderTrigger, #searchInputTrigger, #pageSearch {
    display: none
}

#navbar ul li.selected {
    text-decoration: underline;
}

#navbar ul li:nth-child(4n+1) a {
    color: #529efe
}

#navbar ul li:nth-child(4n+2) a {
    color: #f9ae00
}

#navbar ul li:nth-child(4n+3) a {
    color: #f6331f
}

#navbar ul li:nth-child(4n+4) a {
    color: #67BC95
}

#navbar ul li a {
    font-family: 'Bebas Neue';
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 1px;
}

/*#navbar ul li:last-child a {
    color: #333;
    background-color: #f9ae00;
    border: 10px double #333;
    height: 60px;
    display: inline;
    left: 100px;
    padding: 6px 20px;
}*/

/*#navbar ul li:last-child a:hover {
        background-color: #333;
        border: 3px solid #fff;
        height: 70px;
        display: initial;
    }*/

@media(max-width: 1023px) {
    /*#navbar ul li:last-child a {
        left: 0px;
        top: 30px
    }*/

    .navbar .level-1 > li > a {
        padding: 0 18px;
    }
    /*.navbar-toggle div {
        margin-right: 0px;
    }*/
    .navbar-toggler > span:first-child {
        margin-right: 0px;
    }
}

#navbar ul li a:hover {
    color: white;
    cursor: pointer;
}

.navbar .level-1 > li + li, .navbar .level-1 > li:last-child {
    border: none
}

.navbar-toggler .icon-bar {
    background-color: #333;
    !important;
    width: 24px;
    height: 4px;
    margin-bottom: 6px;
    /* margin-top: 4px; */
}

.navbar .nav > li:not(.active) > a:hover, .navbar .nav > li:not(.active) > a:focus {
    background-color: transparent;
}

.navbar-toggler {
    height: 40px;
    margin-top: 15px;
    padding: 8px;
    background-color: #f9ae00 !important;
    border: none;
    left: initial;
    position: initial;
}

    .navbar-toggler .menu-label, .navbar-toggler .caret {
        display: none
    }

.navbar-collapse, .card {
    background-color: #333;
}

.level-1.nav > li {
    border: none;
    text-align: center;
}

.navbar.in .navbar-toggler:before,
.navbar.in .navbar-toggler:after,
.navbar .level-1 > li.selected > a:after,
#socialNav > ul > li > a:hover:after {
    background: transparent !important;
}

.navbar .navbar-brand {
    padding-top: 25px;
}

    .navbar .navbar-brand:focus {
        background-color: transparent;
    }

@media(max-width:767px) {
    .navbar .navbar-brand {
        padding-top: 5px;
        zoom: 1.3;
    }
}

@media (max-width: 579px) {
    .navbar-toggler {
        margin-right: 31px;
    }

    #navbar ul li:last-child a {
        position: relative;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .navbar .navbar-brand {
        padding-top: 17px;
    }
}

.navbar .navbar-brand img {
    height: 40px;
}

nav#primaryFooter, body .card .card-title > a .caret {
    display: none;
}

nav#secondaryFooter {
    background-color: #333;
    ;
    color: white;
}

#socialNav > ul > li {
    background-color: #333 !important;
    border: none !important;
}

    #socialNav > ul > li:hover {
        background-color: #333 !important;
        border: none !important;
    }

#metaNav ul li a {
    opacity: 1 !important;
    /* color:white; */
    background-image: none;
    text-shadow: none;
    font-family: "Bebas Neue";
    font-size: 17px;
    letter-spacing: 1px;
}

    #metaNav ul li a:hover {
        text-decoration: underline !important;
    }
/* Navigation and footer ends*/
/*.page-head-photo .btn-white{
	color:black;
	background-color:#ffef00;
	border:none;
}
.page-head-photo .btn-white .icon:before{color:black;} */
.page-head.landing .page-teaser [class^="col"] {
    background-color: #f9ae00 !important;
    height: auto;
}

.page-head.landing h1 {
    color: #333;
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    font-size: 35px;
    padding: 20px 0;
    line-height: 1;
}

@media(min-width:1024px) {
    .page-head.landing h1 {
        font-size: 50px;
        padding: 0;
        margin-bottom: 30px;
    }
}

@media(min-width:768px) {
    .page-head.landing .page-teaser [class^="col"] {
        margin-left: 50%;
    }
}



/* homepage*/
.col-lg-10 .row .col-md-12 {
    padding: 0;
}

.col-lg-10.herewearehome {
    padding: 30px;
    background-image: url('/~/assets/metronom/images/contacts/hereweareblackmap.jpg');
    height: 350px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

    .col-lg-10.herewearehome .section {
        margin: 0
    }


    .col-lg-10.herewearehome .row .col-md-12 img {
        height: 350px;
        margin: 0;
    }

@media (min-width:768px) {
    .col-lg-10.herewearehome .row .col-md-12 img, .col-lg-10.herewearehome {
        height: 500px;
    }

    .col-lg-10.herewearehome {
        padding: 50px;
    }
}
/*sarika end */

.main-wrap {
    margin-bottom: 50px
}

@media screen and (min-width: 1024px) {
    .WhyWeDidIt__border {
        border: 3px solid #529efe;
        padding: 40px 100px;
    }

    .WhyWeDidIt__heading {
        font-size: 50px;
        text-align: center;
    }

        .WhyWeDidIt__heading h1 {
            font-size: 50px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            font-family: 'Bebas Neue';
        }

    .WhyWeDidIt__sub-heading {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-size: 17px;
        width: 330px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .WhyWeDidIt__content {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        display: flex;
        justify-content: space-around;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .WhyWeDidIt__content__left {
        flex-basis: 30%;
    }

    .WhyWeDidIt__content__left__headshot {
        border: 3px solid #f9ae00;
        width: 218px;
        /* height: 287px; } sarika */
    }

    .WhyWeDidIt__content__left__title {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-size: 17px;
        font-weight: 300;
        padding-left: 3px;
    }

        .WhyWeDidIt__content__left__title p {
            padding: 0;
            margin: 0;
            margin-top: 5px;
        }

    .WhyWeDidIt__content__right {
        /* padding-top: 30px;  */
        font-style: italic;
        flex-basis: 56%;
        font-size: 27px;
    }

    .WhyWeDidIt__heading h4 {
        margin: 0px;
    }
}

@media screen and (max-width: 1023px) {
    .WhyWeDidIt__border {
        border: 3px solid #529efe;
        padding: 20px 20px;
    }

    .WhyWeDidIt__heading {
        font-family: 'Bebas Neue';
        text-align: center;
    }

    .WhyWeDidIt__sub-heading {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        margin-top: 20px;
        font-size: 17px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .WhyWeDidIt__content {
        margin-top: 30px;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

    .WhyWeDidIt__content__left {
        display: none;
    }

    .WhyWeDidIt__content__right {
        font-style: italic;
        flex-basis: 56%;
        font-size: 20px;
    }

    .WhyWeDidIt__heading h4 {
        margin: 0px;
        font-weight: 100;
    }
}

.WhyWeDidIt__border .row .col-md-12 img {
    margin: 0 !important;
}

.WhyWeDidIt__border .card .card-title > a {
    background-color: #67BC95;
    color: #333;
    border: 10px double #333;
    padding: 10px 20px;
    display: initial;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
}

.WhyWeDidIt__border a.block-link:focus {
    border-color: #333
}

body .WhyWeDidIt__border .card,
body .WhyWeDidIt__border .card .panel-collapse,
body .WhyWeDidIt__border .card .card-body {
    border: none;
}

.reasons {
    margin-top: 40px;
}

    .reasons h2 {
        font-size: 50px;
    }

.reasons1 .picture {
    justify-content: center;
    display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .reasons1 .picture img {
        width: inherit !important;
    }
}

.reasons1 h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    font-size: 23px;
    text-transform: none;
    margin-top: 10px;
}

.reasons p {
    font-size: 17px;
}

@media(max-width:767px) {
    .reasons1 picture img {
        margin-bottom: 20px;
    }
}

@media (min-width: 576px) {
    .offset-md-5 {
        margin-left: 0;
    }
}

@media (min-width: 576px) {
    .bg-white {
        background-color: #f9ae00;
    }
}

/* homepage end*/

/*position*/
.col-lg-10.offset-lg-1.position {
    border: 3px solid #529efe;
    padding: 30px;
    margin-bottom: 30px;
    margin-top: 60px;
}

.position .positiondiv h2, .herewearehome h2 {
    margin-bottom: 10px;
    font-size: 50px;
    text-align: left;
}
/* Jobs rte replaced by offers
   .positionrow{
        margin-top:10px;
    }
    .positionarrow{
        width: 20%;
        display: inline-block;
        margin-right: 10px;
        height: 20px;
    }
    .positionrow a{
        color: white;
        text-decoration: underline;
        vertical-align: super;
        font-size: 14px;
        text-shadow: none !important;
    }
    .positionrow a:hover{
        text-decoration: underline !important;
    }
    .positionbutton{
        display:block;
        text-align: center;
        margin: 50px auto 0;
    }
    .positionbutton a{
        background-color: white;
        width: 250px;
        border: 10px double black;
        font-size: 17px;
        padding: 10px;
        color: black;
        font-weight: 700;
        cursor: pointer;
        font-family: 'Avenir Next Condensed Bold';
    }
    .positionbutton a:hover{
        color:white;
        background-color:black;
        border: 3px solid white;
     }*/
@media(min-width:768px) {
    .col-lg-10.offset-lg-1.position {
        padding: 50px;
    }
    /*.positionrow{
        margin-left:30px;
        margin-top:30px;
    }
     .positionarrow{
        width: 10%;
        height: 35px;
     }
      .positionrow a{
          font-size:24px;
          text-decoration:none;
      }*/
}
/*Work With Us (Harman)*/
.faq {
    border: 3px solid #67BC95;
    padding: 25px;
}

    .faq h2 {
        font-size: 50px;
        text-align: left;
    }

    .faq .card, .faq .card-body, .faq .panel-collapse {
        border: none !important;
    }

    .faq a.block-link:hover {
        background-color: transparent;
    }

    .faq a.block-link:focus {
        border-color: inherit !important;
    }

    .faq .card-title {
        display: inline-block;
        color: white;
        border: none;
        text-align: left;
    }

    .faq .card .panel-collapse .card-body {
        padding: 25px 0;
    }

    .faq .card .card-title > a {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        padding: 0px !important;
        white-space: normal;
        text-transform: none !important;
        font-size: 24px; /* Added by Harman*/
        color: inherit;
    }

    .faq .card:nth-child(4n+1) .card-title > a {
        border-bottom: 3px solid #f9ae00;
    }

    .faq .card:nth-child(4n+2) .card-title > a {
        border-bottom: 3px solid #529efe;
    }

    .faq .card:nth-child(4n+3) .card-title > a {
        border-bottom: 3px solid #f6331f;
    }

    .faq .card:nth-child(4n+4) .card-title > a {
        border-bottom: 3px solid #67BC95;
    }

.workclock {
    border: 3px solid #f6331f;
    padding: 25px;
    margin-bottom: 30px
}

    .workclock h1 {
        margin-top: 0;
        margin-bottom: 0px;
    }

        .workclock h1 + p {
            margin-bottom: 30px;
        }

@media(min-width:768px) {
    .faq {
        padding: 25px 70px;
    }

    .workclock {
        padding: 50px 50px 0 50px;
    }

    .carousel.with-caption .col-xl-8,
    .carousel.with-caption .col-xl-4 {
        max-width: 50%;
        max-width: 50%;
        -webkit-flex: 100%
    }

    .workclock .carousel.with-caption .col-xl-8 {
        max-width: 35%;
    }

    .workclock .carousel.with-caption .col-xl-4 {
        max-width: 65%;
        height: 10%;
    }
}

.carousel.with-caption {
    margin-top: 70px;
}

    .carousel.with-caption img {
        height: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .carousel.with-caption .aboutslider img {
        width: 100%;
    }

.carousel-indicators {
    top: inherit !important;
}

.carousel.with-caption h3 {
    color: #333;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 32px;
    background-color: #67BC95;
    margin-bottom: 7px;
}

.carousel.with-caption h1 {
    margin: 0;
    font-family: 'Bebas Neue';
    font-size: 72px;
    /*line-height: 1.1;*/
    text-align: left;
}

.carousel.with-caption .carousel-control-next,
.carousel.with-caption .carousel-control-prev {
    background-color: transparent !important;
    border: none;
}

.carousel.with-caption .carousel-control-next {
    margin-top: 35px;
}

.carousel.with-caption .caret:before {
    color: white;
    font-size: 70px;
}

@media (max-width: 1023.98px) and (min-width: 768px) {
    .carousel.with-caption .carousel-control-next {
        right: -116px !important;
        left: auto !important;
    }

    .workclock .carousel.with-caption .carousel-control-next {
        left: 95px !important;
    }
}

body .carousel-indicators li.active {
    background-color: white;
    border-color: white;
}

body .carousel-indicators li {
    background-color: transparent;
}

.workclock .carousel.with-caption {
    margin: 0;
    margin-bottom: 20px;
}

    .workclock .carousel.with-caption img {
        height: 200px;
        width: 100%;
    }

.workclock .carousel-desc {
    font-size: 23px;
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
}

.workclock .carousel.with-caption .col-md-10 {
    padding: 0;
    left: -6.33%;
    max-width: 95%;
    -webkit-flex: 100%
}

.workclock .carousel.with-caption h3 {
    color: white;
    background-color: #333;
    font-size: 22px;
    border: 1px solid white;
    letter-spacing: 3px;
}

.workclock .carousel.with-caption .carousel-control-next {
    top: 177px;
    left: 158px;
}

.workclock .carousel.with-caption .carousel-control-prev {
    left: 65px;
    top: 191px;
}

.workclock .carousel.with-caption .caret:before {
    color: #f9ae00;
    font-size: 50px;
}

.workclock .carousel-indicators {
    display: none;
}

@media(max-width:1199px) {
    .workclock .carousel.with-caption .carousel-control-next {
        top: 177px;
        left: 132px;
    }

    .workclock .carousel.with-caption .carousel-control-prev {
        left: 48px;
        top: 191px;
    }
}

@media(max-width:1023px) {
    .workclock .carousel.with-caption .carousel-control-next {
        top: 177px;
        left: 95px;
    }

    .workclock .carousel.with-caption .carousel-control-prev {
        left: 38px;
        top: 191px;
    }
}

@media(max-width:767px) {
    .workclock .carousel.with-caption .carousel-control-next {
        top: 113px !important;
        left: 55%;
        opacity: 1 !important;
        left: 80%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .workclock .carousel.with-caption .carousel-control-prev {
        left: 18%;
        top: 128px !important;
        opacity: 1 !important;
        left: 40%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .workclock .carousel.with-caption h3 {
        position: absolute;
        left: 38%;
        top: -70px;
        left: 60%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .workclock .section {
        margin-bottom: 0;
    }

    .workclock .carousel.with-caption.slide .carousel-caption {
        padding: 0;
        margin-left: 20px;
    }

    .workclock {
        padding: 15px;
    }
}

@media(max-width:768px) {
    .carousel.with-caption {
        padding: 0 10px;
    }

        .carousel.with-caption .col-md-10 {
            padding: 0;
            left: 0;
            width: 100%;
        }

    body .carousel.with-caption .carousel-indicators {
        top: inherit !important;
    }
}

@media (max-width: 767px) {
    body .carousel.with-caption img {
        height: 200px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .carousel.with-caption h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .carousel.with-caption h1 {
        font-size: 40px;
        margin-bottom: 8px;
        width: 90%;
    }

    .workclock .carousel-desc {
        font-size: 20px;
    }
}

/*Work with us end*/
/* Imprint start sarika */

@media screen and (max-width: 1023px) {
    .Imprint__content {
        color: white;
        border: 3px solid #f9ae00;
        padding: 29px 17px;
        margin-left: 10px;
        margin-right: 10px;
    }

        .Imprint__content h1 {
            font-size: 28px;
        }

        .Imprint__content p {
            font-size: 17px;
            margin-bottom: 0px !important;
        }

    .Imprint__content__section-padding-bottom {
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 1024px) {
    .Imprint__content {
        color: white;
        border: 3px solid #f9ae00;
        /*padding: 290px 180px; */
        padding: 80px 180px; /*values updated for new look of Imprint*/
    }

        .Imprint__content h1 {
            font-size: 28px;
        }

        .Imprint__content p {
            font-size: 17px;
            margin-bottom: 0px !important;
        }

    .Imprint__content__section-padding-bottom {
        /*padding-bottom: 54px; */
        padding-bottom: 40px; /*values updated for new look of Imprint*/
    }
}

.Imprint__content p a, .divPrivacyAndTerm a {
    color: #529efe;
    text-decoration: none;
    background-image: none;
    text-shadow: none;
}
/* Imprint end */



/*Data Privacy start*/

@media screen and (max-width: 1023px) {

    .divPrivacyAndTerm {
        color: white;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 25px 20px !important;
    }

        .divPrivacyAndTerm h1 {
            margin-top: 10px;
            font-family: 'Bebas Neue';
            text-align: left;
            margin-bottom: 10px !important;
        }

        .divPrivacyAndTerm h2 {
            margin-top: 20px;
        }

        .divPrivacyAndTerm p {
            margin: 10px 0;
        }

    .Privacy__list {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

    .Privacy__list__item {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }
}

@media screen and (min-width: 1024px) {
    .divPrivacyAndTerm {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        color: white;
        padding: 25px 20px !important;
    }

        .divPrivacyAndTerm h1 {
            text-align: left;
            font-family: 'Bebas Neue';
            margin-bottom: 10px !important;
        }

        .divPrivacyAndTerm h2 {
            margin-top: 20px;
            margin-bottom: 20px !important;
        }

        .divPrivacyAndTerm p {
            margin: 10px 0;
        }

    .Privacy__list {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

    .Privacy__list__item {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }
}

.divPrivacyAndTerm h3 {
    text-align: left;
}
/*Data Privacy end*/
/*generic class*/
.no_border_no_padding {
    border: none;
    padding: 0px;
}

.col-lg-10.mb {
    margin-bottom: 30px
}

.no_border_no_padding h2, .no_border_no_padding h1 {
    text-align: Left;
}

/* Positions Page Start 

.JobDescription__buttons {
	     margin-top: 20px;
        display: inline-block;
    }
@media screen and (max-width: 1023px) {
    .JobDescription {
        margin-top: 100px;
    }

    .JobDescription__content_all {
        border: 3px solid #529efe;
        padding: 30px 13px 14px 13px;
    }

    .JobDescription__image {
        display: block;
        text-align: center;
    }

    .JobDescription__back a {
        text-decoration: none;
        color: #f6331f !important;
        display: flex;
        align-items: center;
		background-image:none !important;
		text-shadow:none !important;
    }

        .JobDescription__back a label {
            pointer-events: none;
            margin-left: 10px;
            margin-bottom:  0px;
        }

        .JobDescription__back a svg {
            pointer-events: none;
        }

    .JobDescription__content .main__metadata {
        padding-bottom: 20px;
    }

    .JobDescription__content .main__subsection {
        padding-bottom: 13px;
    }

    .JobDescription__content .main__subsection__subtitle {
        padding-bottom: 13px;
    }

    .JobDescription__content h1 {
        font-size: 28px;
		text-align:left !important;
		text-transform:none !important;
    }
	
	.JobDescription__buttons {
       justify-content: center;
    }

    .JobDescription__content p, .JobDescription__content li {
        font-family: 'Avenir Next Condensed Medium';
        font-size: 17px;
    }

    .JobDescription__content .section-padding-bottom {
        padding-bottom: 25px;
    }

    .JobDescription__content ul {
        padding-left: 20px;
        margin-top: 0px;
    }

    .JobDescription__content .heading-padding-bottom {
        padding-bottom: 14px;
    }

    .JobDescription__content .description h1 {
        color: #529efe;
    }

    .JobDescription__content .qualification h1 {
        color: #ffef00;
    }

    .JobDescription__content .offer h1 {
        color: #67BC95;
    }

    .JobDescription .buttons {
        text-align: center;
    }

    .JobDescription .buttons__mobile--center {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

        .JobDescription .buttons__mobile--center .Button {
            margin-bottom: 5vw;
        }

    .JobDescription .buttons__mobile--space_between {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1024px) {
    .JobDescription {
        position: relative;
        margin: 40px auto 40px auto;
    }

        .JobDescription h1, .JobDescription h2, .JobDescription h3, .JobDescription p, .JobDescription li {
            font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, SansSerif;
        }

        .JobDescription p, .JobDescription li {
            font-size: 17px;
        }

    .JobDescription__back a {
        text-decoration: none;
        color: #f6331f !important;
        display: flex;
        align-items: center;
		background-image:none !important;
		text-shadow:none !important;
    }

        .JobDescription__back a label {
            pointer-events: none;
            margin-left: 10px;
            margin-bottom: 0px;
        }

        .JobDescription__back a svg {
            pointer-events: none;
        }

        .JobDescription__back a:hover {
            text-decoration: underline !important;
			background-image:none !important;
		    text-shadow:none !important;
        }

    .JobDescription__image {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .JobDescription__content {
        width: 70%;
		
    }
	
	.JobDescription__content h1{
	text-align:left !important;
	text-transform: none !important;
	}

    .JobDescription__buttons {
        justify-content: flex-start;
    }
}
        .JobDescription__buttons .Button {
            margin-right: 20px;
        }

.JobTitle {
  font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, SansSerif;
  font-size: 28px;
  margin: 20px 0; }
.JobMeta p {
  margin-bottom: 0px !important; }
.JobOverview {
  margin-bottom: 20px; }
  
  .JobSection {
  margin-bottom: 20px; }
  .JobSection__heading {
    margin-bottom: 20px; }
  .JobSection__paragraph {
    margin-bottom: 10px; }
  .JobSection__list-item {
    margin-bottom: 10px; }
    .JobSection__list-item__title {
      font-weight: bold;
      text-decoration: underline; }

.JobSection__heading--blue {
  color: #529efe; }

.JobSection__heading--red {
  color: #f6331f; }

.JobSection__heading--green {
  color: #67BC95; }

.JobSection__heading--yellow {
  color: #ffef00; }
.JobSection h2{
	text-align: left !important;
	text-transform: none !important;
}

@media screen and (max-width: 1023px) {
  .Button, .Button--yellow, .Button--blue, .Button--red, .Button--green, .Button--large, .Button--small {
    position: relative;
    font-family: 'Avenir Next Condensed Bold';
    display: block;
    min-width: 155px;
    width: 155px;
    height: 40px;
    padding: 7px;
    background-color: white; }
    .Button a, .Button--yellow a, .Button--blue a, .Button--red a, .Button--green a, .Button--large a, .Button--small a {
      background-color: white;
      width: 100%;
      height: 100%;
      border: 3px solid black;
      font-size: 17px;
      padding-bottom: 0;
      padding-top: 0;
      color:black;
      display: inline-block;
      text-align: center;
      font-family: 'Avenir Next Condensed Bold'	  }
  .Button:hover, .Button--yellow:hover, .Button--blue:hover, .Button--red:hover, .Button--green:hover, .Button--large:hover, .Button--small:hover {
    cursor: pointer;
    background-color: black; }
    .Button:hover a, .Button--yellow:hover a, .Button--blue:hover a, .Button--red:hover a, .Button--green:hover a, .Button--large:hover a, .Button--small:hover a {
      cursor: pointer;
      background-color: black;
      border: 3px solid white;
      color: white; }
    .Button:hover a:active, .Button--yellow:hover a:active, .Button--blue:hover a:active, .Button--red:hover a:active, .Button--green:hover a:active, .Button--large:hover a:active, .Button--small:hover a:active {
      background-color: white;
      color: black;
      border: 3px solid black; } }

@media screen and (min-width: 1024px) {
  .Button, .Button--yellow, .Button--blue, .Button--red, .Button--green, .Button--large, .Button--small {
    position: relative;
    font-family: 'Avenir Next Condensed Bold';
    display: block;
    min-width: 155px;
    width: 155px;
    height: 40px;
    padding: 7px;
    background-color: white; }
    .Button a, .Button--yellow a, .Button--blue a, .Button--red a, .Button--green a, .Button--large a, .Button--small a {
      background-color: white;
      width: 100%;
      height: 100%;
      border: 3px solid black;
      font-size: 17px;
      padding-bottom: 0;
      padding-top: 0;
      color:black;
      display: inline-block;
      text-align: center;
       font-family: 'Avenir Next Condensed Bold'	  }
  .Button:hover, .Button--yellow:hover, .Button--blue:hover, .Button--red:hover, .Button--green:hover, .Button--large:hover, .Button--small:hover {
    cursor: pointer;
    background-color: black; }
    .Button:hover a, .Button--yellow:hover a, .Button--blue:hover a, .Button--red:hover a, .Button--green:hover a, .Button--large:hover a, .Button--small:hover a {
      cursor: pointer;
      background-color: black;
      border: 3px solid white;
      color: white; }
    .Button:hover a:active, .Button--yellow:hover a:active, .Button--blue:hover a:active, .Button--red:hover a:active, .Button--green:hover a:active, .Button--large:hover a:active, .Button--small:hover a:active {
      background-color: white;
      color: black;
      border: 3px solid black; }

	  .ApplicationForm__content__placeholder p a:hover
	  {
      text-decoration: underline !important;
	  background-image:none !important;
	 }

	  }
	  
	  .Button--yellow , .Button--yellow a {
    background-color: #ffef00;
    }
	 .Button--blue , .Button--blue a {
    background-color: #6694CF;
    }
	 .Button--green , .Button--green a {
    background-color: #5EC299;
    }
	 .Button--red , .Button--red a {
    background-color: #E34229;
    }
	*/
.Button--large {
    width: 218px;
}

.NoPadding {
    padding: 0px;
}
/*
.JobDetails .modal-content { 
    background-color: black; 
    border: 3px solid #67BC95; 
} 

.JobDetails .modal-content .modal-header { 
    border: none; 
} 

.ApplicationForm__content__placeholder h1 { 
    color: yellow; 
    text-align: left; 
    margin: 0; 
    margin-top: -30px; 
} 

.ApplicationForm__content__placeholder p a
{
    color: #529efe !important;
    text-decoration: none;
	background-image:none !important;
	text-shadow:none !important;
}
.JobDetails .modal-body { 
    padding: 15px; 
} 

.JobDetails .modal-content .modal-header { 
    border: none; 
}

.JobDetails {
	border:none;
}
.JobDetails .icon:before { 
	color: red; 
}

/*Shikha End*/
/*Mintu Start*/
@media(min-width:1024px) {
    .tweet-carousel-text {
        font-size: 28px;
        font-weight: bold;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        height: 155px;
        display: flex;
        align-items: center;
        text-align: left;
        color: #333;
        text-transform: none;
    }

    .tweet-user {
        color: #333;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        text-decoration: none;
        font-size: 18px;
        text-transform: none;
    }

    .tweet-user-div {
        text-align: left;
    }

    .tweet-grid .carousel-inner .carousel-item .row .col-xl-8 {
        width: 0%;
        padding-left: 1px !important;
        padding-right: 1px !important;
        height: 1px;
    }

    .tweet-grid .carousel-indicators li {
        display: none;
    }

    .tweet-grid .carousel-item .row .col-xl-4 {
        width: 99%;
    }

    .tweet-grid .carousel-control-prev, .tweet-grid .carousel-control-next {
        background-color: transparent !important;
        border: none;
    }

    .tweet-grid .carousel.with-caption .carousel-control-prev {
        /* background-color: transparent !important; */
        /* border: none; */
        top: 30px;
        left: 15px;
        margin-top: 15px;
    }

    .tweet-grid .carousel.with-caption .carousel-control-next {
        right: 35px;
        margin-top: -90px;
    }

    .tweet-grid .carousel.with-caption .caret:before {
        color: white;
        font-size: 50px;
    }

    .tweet-grid .left:active {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .tweet-grid .right {
        top: 0px !important;
    }

        .tweet-grid .right:active {
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

    .tweet-grid .caret:before {
        font-size: 70px;
    }

    .tweet-grid {
        background-color: #f6331f;
        padding: 10px !important;
    }

        .tweet-grid h2 {
            text-align: left;
            font-size: 50px !important;
            color: #333;
            margin-bottom: 0px !important;
        }

        .tweet-grid .js-anchornav-section-exclude .section .row .col-md-12 .section .carousel {
            margin-bottom: 0px !important;
            margin-top: 20px;
        }

        .tweet-grid .tweet-carousel h3 {
            background-color: transparent !important;
        }

        .tweet-grid .carousel-caption {
            margin-left: -305px
        }

        .tweet-grid .js-anchornav-section-exclude .has-additional-link .headline h2 {
            margin: 20px auto 0 96px;
        }

        .tweet-grid .tweetbutton a {
            margin-left: 70%;
        }
}

.tweet-grid .tweetbutton a {
    display: block;
    /* height: 54px; */
    width: 146px;
    padding: 20px 10px 20px 10px;
    margin-bottom: 20px;
    background-color: #529efe;
}

    .tweet-grid .tweetbutton a:hover {
        background-color: #f6331f;
    }

    .tweet-grid .tweetbutton a span {
        font-size: 17px;
        border: 3px solid #333;
        padding: 8px 15px 7px;
        color: #333;
        font-family: "Bebas Neue";
        letter-spacing: 1px;
    }

        .tweet-grid .tweetbutton a span svg {
            height: 15px;
            width: 15px;
        }

.tweet-grid .section {
    margin-bottom: 10px;
}

.tweet-grid .carousel.with-caption h3 {
    display: inherit;
    background-color: transparent;
}

.tweet-grid > .js-anchornav-section-exclude {
    border: 3px solid #333;
}

@media(max-width:1023px) {
    .tweet-grid .carousel.with-caption .carousel-control-prev,
    .tweet-grid .carousel.with-caption .carousel-control-next {
        display: none;
    }

    .tweet-grid .carousel.with-caption .col-md-10 {
        width: 100%
    }

    .tweet-grid .tweetbutton a {
        margin: 20px auto;
        margin-top: 30px;
    }

    .tweet-carousel-text {
        font-size: 5vw;
        font-weight: bold;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        /* height:105vw; */
        display: flex;
        align-items: center;
        text-align: left;
        color: #333;
        text-transform: none;
    }

    .tweet-user {
        color: #333;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        text-transform: none;
        font-size: 4.46vw;
        float: left;
    }

    body .tweet-grid .carousel-indicators { /*for the rotator of the mobile view */
        top: 120vw !important;
        margin: 0 auto;
    }

    .tweet-grid .carousel-indicators li {
        border-color: #333
    }

        .tweet-grid .carousel-indicators li.active {
            color: #333;
            background-color: #333;
        }

    .tweet-grid .carousel-inner .carousel-item .row .col-xl-8 {
        width: 0%;
        padding-left: 1px !important;
        padding-right: 1px !important;
        height: 1px;
    }

    .tweet-grid .carousel-inner .carousel-item .row .col-xl-4 {
        width: 99%;
    }

    .tweet-grid {
        background-color: #f6331f;
        padding: 10px !important;
    }

        .tweet-grid h2 {
            text-align: left;
            font-size: 50px !important;
            color: #333;
            margin-bottom: 0px !important;
        }

        .tweet-grid .js-anchornav-section-exclude .section .row .col-md-12 .section .carousel {
            margin-bottom: 0px !important;
        }

        .tweet-grid h3 {
            background-color: transparent !important;
        }


        .tweet-grid .js-anchornav-section-exclude .has-additional-link .headline h2 {
            margin: 20px auto 0 20px;
            font-size: 8vw !important;
        }
}

@media (max-width: 579px) {
    body .carousel.with-caption.slide .carousel-indicators {
        top: inherit !important;
    }

    .tweet-grid ol {
        top: 118vw !important;
    }
}

/*Mintu end*/
/*About aarti start*/
@media screen and (max-width: 1023px) {
    .ExpertiseAreas {
        color: white;
    }

    .ExpertiseAreas__content_all {
        /* border: 3px solid #ffef00;*/
        padding: 7px 15px;
    }

    .ExpertiseAreas .title {
        text-align: left;
        margin: auto;
    }

        .ExpertiseAreas .title h2 {
            padding-left: 14px;
            display: inline;
            color: white;
            vertical-align: super;
            font-size: 32px;
        }
    /*  .ExpertiseAreas__content-reasons {
         padding: 25px;
    } */
    .ExpertiseAreas__content__image {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .ExpertiseAreas__content-reasons .expertise1 {
        padding-bottom: 70px;
    }

        .ExpertiseAreas__content-reasons .expertise1 h1 {
            color: #f6331f;
        }

    .ExpertiseAreas__content-reasons .expertise2 {
        padding-bottom: 70px;
    }

        .ExpertiseAreas__content-reasons .expertise2 h1 {
            color: #529efe;
        }

    .ExpertiseAreas__content-reasons .expertise3 {
        padding-bottom: 70px;
    }

        .ExpertiseAreas__content-reasons .expertise3 h1 {
            color: #f9ae00;
        }

    .ExpertiseAreas__content-reasons .expertise4 {
        padding-bottom: 70px;
    }

        .ExpertiseAreas__content-reasons .expertise4 h1 {
            color: #67BC95;
        }

    .ExpertiseAreas__content-reasons .expertise5 h1 {
        color: #f6331f;
    }

    .ExpertiseAreas .expertise1__image_svg img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 200px !important;
    }

    .ExpertiseAreas .expertise2__image_svg img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 255px !important;
    }

    .ExpertiseAreas .expertise3__image_svg img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 255px !important;
    }

    .ExpertiseAreas .expertise4__image_svg img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 226px !important;
    }

    .ExpertiseAreas .expertise5__image_svg img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 230px !important;
    }

    .about-expertise {
        padding: 30px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .ExpertiseAreas {
        color: white;
    }

        .ExpertiseAreas .title {
            text-align: left;
            margin: auto;
        }

            .ExpertiseAreas .title h2 {
                padding-left: 14px;
                display: inline;
                color: white;
                vertical-align: super;
                font-size: 50px;
            }
    /* .ExpertiseAreas__content-reasons {
         padding-top: 65px;
    } */
    .ExpertiseAreas__content-reasons .ReasonLeft {
        display: inline-block;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        padding: 0 20px;
    }

    .ExpertiseAreas__content-reasons .ReasonRight {
        display: inline-block;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        padding: 0 20px;
    }

    .ExpertiseAreas .ExpertiseAreas__content-reasons .text h1 {
        text-transform: none;
        text-align: left;
        font-size: 28px;
    }

    .ExpertiseAreas .expertise1__image_svg, .ExpertiseAreas .expertise3__image_svg, .ExpertiseAreas .expertise5__image_svg {
        display: inline-block;
        float: left;
        padding-top: 70px;
    }

    .ExpertiseAreas .expertise2__image_svg, .ExpertiseAreas .expertise4__image_svg {
        display: inline-block;
        float: right;
        padding-top: 70px;
    }

    .ExpertiseAreas .expertise1__image_svg img {
        width: 200px !important;
        height: 295px;
    }

    .ExpertiseAreas .expertise2__image_svg img {
        width: 280px !important;
        height: 253px;
    }

    .ExpertiseAreas .expertise3__image_svg img {
        width: 290px !important;
        height: 255px;
    }

    .ExpertiseAreas .expertise4__image_svg img {
        width: 226px !important;
        height: 181px;
    }

    .ExpertiseAreas .expertise5__image_svg img {
        width: 200px !important;
        height: 252px;
    }

    .ExpertiseAreas__content-reasons .expertise1 {
        padding-bottom: 70px;
        display: inline-block;
        float: right;
    }

    .ExpertiseAreas__content-reasons .expertise2 {
        padding-bottom: 70px;
        display: inline-block
    }

    .ExpertiseAreas__content-reasons .expertise3 {
        padding-bottom: 70px;
        display: inline-block;
        float: right;
    }

    .ExpertiseAreas__content-reasons .expertise4 {
        padding-bottom: 70px;
        display: inline-block
    }

    .ExpertiseAreas__content-reasons .expertise5 {
        display: inline-block;
        float: right;
    }

    .about-expertise {
        margin-top: 20px;
        padding: 40px 100px;
    }
}


@media screen and (max-width: 1023px) {
    .Info__content {
        /* border: 3px solid #f6331f;*/
        padding: 25px;
    }

        .Info__content .text {
            color: white;
        }

            .Info__content .text h2 {
                font-size: 30px;
                text-align: left;
            }

            .Info__content .text p {
                padding-top: 15px;
                font-size: 16px;
            }

        .Info__content .images {
            display: flex;
            flex-direction: column;
            width: 314px;
            position: relative;
            padding-top: 22px;
        }

            .Info__content .images .yellowRectangle {
                border: 3px solid #f9ae00;
                position: absolute;
                width: 113px;
                height: 154px;
                top: 45px;
                left: -10px;
            }

            .Info__content .images .blueRectangle {
                border: 3px solid #529efe;
                position: absolute;
                width: 95px;
                height: 154px;
                bottom: 70px;
                right: 20px;
            }

            .Info__content .images .top {
                align-self: flex-start;
                padding-bottom: 12px;
            }

            .Info__content .images .middle {
                align-self: flex-end;
                padding-bottom: 12px;
            }

            .Info__content .images .bottom {
                align-self: center;
            }

    .about-infocontent {
        border: 3px solid #f6331f;
        padding: 0px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .Info__content {
        display: flex;
        justify-content: space-between;
    }

        .Info__content .text {
            width: 471px;
            color: white;
        }

            .Info__content .text h2 {
                font-size: 50px;
                text-align: left;
            }

            .Info__content .text p {
                padding-top: 28px;
                font-size: 17px;
                width: 399px;
            }

        .Info__content .images {
            margin-top: 60px;
            display: flex;
            flex-direction: column;
            width: 345px;
            position: relative;
            margin-left: 70px;
        }

            .Info__content .images .yellowRectangle {
                border: 3px solid #f9ae00;
                position: absolute;
                width: 113px;
                height: 154px;
                top: 45px;
                left: -10px;
            }

            .Info__content .images .blueRectangle {
                border: 3px solid #529efe;
                position: absolute;
                width: 95px;
                height: 154px;
                bottom: -45px;
                right: 50px;
            }

            .Info__content .images .top {
                align-self: flex-start;
                padding-bottom: 12px;
            }

            .Info__content .images .middle {
                align-self: flex-end;
                padding-bottom: 12px;
            }

            .Info__content .images .bottom {
                align-self: center;
            }

    .about-infocontent {
        border: 3px solid #f6331f;
        padding: 40px 100px;
        margin-top: 20px;
    }
}


@media screen and (min-width: 1024px) {
    .ReasonLeft {
        display: flex;
        justify-content: space-between;
        padding-bottom: 70px;
        color: white;
    }

        .ReasonLeft .text {
            text-align: left;
            width: 315px;
        }

        .ReasonLeft .text__svg {
            display: flex;
            justify-content: center;
            padding-bottom: 21px;
        }

        .ReasonLeft .reason1 h1 {
            color: #f6331f;
        }

        .ReasonLeft .reason3 h1 {
            color: #f9ae00;
        }

        .ReasonLeft .reason5__image_svg {
            display: block;
            position: relative;
        }

            .ReasonLeft .reason5__image_svg img {
                position: absolute;
                left: -85px;
            }

        .ReasonLeft .reason5 h1 {
            color: #f6331f;
        }
}

@media screen and (min-width: 1024px) {
    .ReasonRight {
        display: flex;
        justify-content: space-between;
        padding-bottom: 70px;
        color: white;
    }

        .ReasonRight .text {
            text-align: left;
            width: 315px;
        }

        .ReasonRight .text__svg {
            display: flex;
            justify-content: center;
            padding-bottom: 21px;
        }

        .ReasonRight .reason2__image_svg {
            display: block;
            position: relative;
        }

            .ReasonRight .reason2__image_svg img {
                position: absolute;
                right: -70px;
            }

        .ReasonRight .reason2 h1 {
            color: #529efe;
        }

        .ReasonRight .reason4__image_svg {
            display: block;
            position: relative;
        }

            .ReasonRight .reason4__image_svg img {
                position: absolute;
                right: -70px;
            }

        .ReasonRight .reason4 h1 {
            color: #67BC95;
        }
}


/*About end*/
/* Page not found home button starts*/
.grid1-border {
    border: 3px solid #ffffff;
    padding: 40px;
}

    .grid1-border a {
        background-color: #f9ae00;
    }

/* Page not found home button ends*/
/*Take the exit page (ANGELA)*/
.NoBorder {
    border: none;
}

@media screen and (min-width: 1024px) {
    .CampaignTitle {
        text-align: center;
        /* width: 1024px; */
        margin-left: auto;
        margin-right: auto;
        color: white;
        padding-top: 185px;
        padding-bottom: 185px;
    }

    .CampaignTitle__heading {
        font-family: 'Bebas Neue';
        font-size: 72px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .CampaignTitle__body {
        font-size: 18px;
        width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1023px) {
    .CampaignTitle {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: white;
        padding-top: 173px;
        padding-bottom: 185px;
    }

    .CampaignTitle__heading {
        font-family: 'Bebas Neue';
        font-size: 8.53vw;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .CampaignTitle__body {
        font-size: 3.5vw;
        width: 42vw;
        margin-left: auto;
        margin-right: auto;
    }
}

.Metrics {
    background-color: #fdf3f2;
}

@media screen and (min-width: 1024px) {
    .Metrics {
        padding: 10px;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

        .Metrics .js-anchornav-section-exclude {
            border: 3px solid #333;
        }

        .Metrics .has-additional-link h2 {
            margin-top: 20px;
            margin-left: 97px;
            font-family: 'Bebas Neue';
            font-size: 50px;
            color: #333;
            margin-bottom: 0px;
        }
        /* .Metrics .has-additional-link{ */
        /* margin-left: -172px; */
        /* } */
        .Metrics .section {
            margin-top: 10px;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .Metrics .col-md-4 {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 276px;
        }

        .Metrics .picture {
            width: 276px;
        }

            .Metrics .picture img {
                width: 161px;
                height: 98px;
                margin-left: 44px;
            }

    .Metrics__graphics__graphic__text {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-size: 28px;
        margin-top: 20px;
        color: #333;
    }

    .Metrics__graphics__graphic--out-of-ten {
        width: 161px;
        height: 98px;
    }

    .Metrics__graphics__graphic--clocks {
        width: 117px;
        height: 108px;
    }

    .Metrics__graphics__graphic--underpaid {
        width: 68px;
        height: 104px;
    }
}

@media screen and (max-width: 1023px) {
    .Metrics {
        padding: 2.4vw;
    }

        .Metrics .col-md-4 {
            width: 100%;
        }

        .Metrics .js-anchornav-section-exclude {
            border: 0.8vw solid #333;
            padding-top: 4vw;
            padding-bottom: 4vw;
        }

            .Metrics .js-anchornav-section-exclude .has-additional-link h2 {
                font-family: 'Bebas Neue';
                font-size: 8.53vw;
                text-align: center;
                color: #333;
                margin-bottom: 0px;
            }

        .Metrics .section {
            width: 67.46vw;
            margin-top: 4.26vw;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .Metrics .col-md-4 {
            display: block;
            margin-top: 8.46vw;
        }

        .Metrics .picture {
            height: 35vw;
        }

            .Metrics .picture img {
                width: 67.93vw;
                height: 28.53vw;
            }

    .Metrics__graphics__graphic__text {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-size: 6.66vw;
        /* margin-top: 6vw; */
        text-align: center;
        color: #333;
    }

    .Metrics__graphics__graphic--out-of-ten {
        width: 42.4vw;
        height: 25.86vw;
    }

    .Metrics__graphics__graphic--clocks {
        width: 30.93vw;
        height: 28.53vw;
    }

    .Metrics__graphics__graphic--underpaid {
        width: 17.86vw;
        height: 28vw;
    }
}

.Store {
    background-color: #CBE0FF;
}

@media screen and (min-width: 1024px) {
    .Store .carousel .carousel-indicators {
        display: none;
    }

    .Store {
        position: relative;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }

        .Store .picture {
            position: absolute;
            left: -97px;
            bottom: 80px;
            height: 307px;
            width: 112px;
        }

            .Store .picture img {
                height: 307px;
                width: 112px;
            }

        .Store .section {
            border: 3px solid #333;
            padding-top: 20px;
            padding-left: 96px;
            padding-right: 96px;
            padding-bottom: 20px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 0px;
        }

    .Store__navigation {
        z-index: 800;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 36px;
    }

        .Store__navigation a {
            color: #333;
            font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        }

    .Store__navigation__button-container {
        display: block;
        height: 54px;
        width: 177px;
        padding: 16px 8px;
        margin-left: -67px;
        background-color: #f9ae00;
    }

    .Store__navigation__button-container__button {
        width: 100%;
        height: 100%;
        background-color: #f9ae00;
        border: 3px solid #333;
        font-size: 17px;
        padding: 7px 45px 5px 46px;
    }

        .Store__navigation__button-container__button:hover {
            background-color: #CBE0FF;
        }

    .Store__navigation__button-container:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0);
    }


    .Store__text .Store__text__heading, .Store__text .Store__text__subtitle {
        color: #333;
        margin-bottom: 0px;
        margin-top: 0px;
        line-height: 1.25;
    }

    .Store__text__heading {
        font-family: 'Bebas Neue';
        font-size: 50px;
        text-align: left;
    }

    .Store__text__subtitle {
        font-size: 18px;
        margin-top: 10px;
    }

    .Store .carousel {
        display: flex;
        align-items: center;
        height: 460px;
        margin-bottom: 0px;
        border: 3px solid #333;
    }

    .Store .carousel-control-prev, .Store .carousel-control-next {
        width: 39px;
        height: 38px;
        background-color: transparent !important;
        border: none;
        top: 160px !important;
        box-shadow: none;
    }

        .Store .carousel-control-prev:hover, .Store .carousel-control-next:hover {
            cursor: pointer;
            background-color: transparent !important;
            border: none;
        }

        .Store .carousel-control-prev:hover, .Store .carousel-control-next:hover {
            cursor: pointer;
        }

        .Store .carousel-control-prev .caret:before, .Store .carousel-control-next .caret:before {
            color: #333;
            font-size: 83px;
            left: -33px;
            line-height: 1.75;
            opacity: 0.3;
            font-weight: 100;
        }

    .Store .carousel .carousel-item.active {
        /* height: 360px; */
        padding: 3px;
        /* border: 3px solid black; */
        align-items: center;
        justify-content: center;
        transition: none;
    }

    .Store .carousel .carousel-item img {
        margin-top: 100px;
        height: 465px;
        width: inherit;
    }
}

@media screen and (max-width: 1023px) {
    .Store {
        position: relative;
        padding: 2.4vw;
    }

        .Store .col-md-6 {
            width: 100%;
        }

        .Store .section {
            border: 0.8vw solid #333;
            padding-top: 4vw;
            padding-bottom: 4vw;
        }

        .Store .picture {
            position: absolute;
            left: -3px;
            bottom: -515px;
            height: 79.73vw;
            width: 22.4vw;
        }

            .Store .picture img {
                height: 299px;
                width: 84px;
            }

    .Store__text {
        color: #333;
        width: 83.48vw;
        margin-left: auto;
        margin-right: auto;
    }

    .Store__text__heading {
        font-family: 'Bebas Neue';
        font-size: 8.53vw;
        text-align: left;
        color: #333;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .Store__text__subtitle {
        font-size: 4.26vw;
        margin-top: 1.33vw;
        color: #333;
        margin-bottom: 0px !important;
        margin-top: 0px;
    }

    .Store .carousel {
        width: 75vw;
        height: 100vw;
        padding: 1vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.53vw;
        border: 0.8vw solid #333;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .Store .carousel img {
            width: 100%;
            /* height: 74vw; */
            margin-top: 87px !important;
            object-fit: cover;
        }

    .Store .carousel-indicators {
        margin-top: 1.75vw;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        top: 100vw !important;
    }

        .Store .carousel-indicators li {
            display: inline-block;
            position: relative;
            padding-left: 3.3vw;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            top: 0;
            left: 0;
            height: 3.66vw;
            width: 0vw;
            background-color: #CBE0FF;
            border-radius: 50%;
            border: 0.8vw solid #333;
        }

            .Store .carousel-indicators li.active {
                background-color: #333;
                height: 3.66vw;
                border-color: #333;
                width: 0vw;
            }

    .Store__selectors .radio-container input {
        position: absolute;
        opacity: 0;
    }


    .Store__navigation {
        margin-top: 8vw;
        zoom: 1.2;
        margin-bottom: 10px;
    }

    .Store__navigation__button-container {
        /* display: block;
        height: 14.4vw;
        width: 38.9vw;
        padding: 15px 6px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffef00;
        font-family: 'Avenir Next Condensed Bold';
        color: black;*/
        display: block;
        height: 14.4vw;
        width: 40.9vw;
        padding: 2vw;
        margin-left: auto;
        margin-right: auto;
        background-color: #f9ae00;
        text-align: center;
    }

    .Store__navigation__button-container__button {
        /*border: 0.8vw solid black;
          background-color: #ffef00;
          font-size: 4.5vw;
          padding: 7px 43px;*/
        height: 100%;
        width: 100%;
        background-color: #f9ae00;
        border: 0.8vw solid #333;
        font-size: 4.5vw;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        color: #333;
        padding: 1vw;
        display: block;
    }
}

@media screen and (max-width: 768px) and (min-width: 600px) {
    .Store .carousel-control-prev, .Store .carousel-control-next {
        display: none;
    }

    .Store .carousel-indicators {
        top: 759px !important;
    }

        .Store .carousel-indicators li {
            height: 2.66vw;
            width: 0vw;
        }

            .Store .carousel-indicators li.active {
                height: 2.66vw;
                width: 0vw;
            }
    /*.Store__navigation__button-container__button{
         padding: 14px 84px 15px 99px;
         }*/
    /* .Store__navigation__button-container{
         		padding: 30px 9px;
         }*/
    .Store .picture {
        left: -6px;
        bottom: -1013px;
    }

        .Store .picture img {
            height: 613px;
            width: 172px;
        }
}


/* Video Grid Say Goodbye */
.SayGoodbye .modal-header {
    border: none;
}

div#saygoodbye {
    padding: 0px;
}

.SayGoodbye .modal-content {
    background-color: #333;
}

.SayGoodbye {
    border: 3px solid #529efe;
    margin-bottom: 30px;
    padding: 0 23px;
}

@media screen and (min-width: 1024px) {
    .SayGoodbye .SayGoodbye__control__button-container:hover {
        cursor: pointer;
        /* background-color: black; */
    }

        .SayGoodbye .SayGoodbye__control__button-container:hover a {
            cursor: pointer;
            background-color: #333;
            border: 3px solid white;
            color: white;
        }

            .SayGoodbye .SayGoodbye__control__button-container:hover a:active {
                background-color: white;
                color: #333;
                border: 3px solid white;
            }


    .SayGoodbye .SayGoodbye__more-video-container #video-box-5:hover #video-box-5-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-6:hover #video-box-6-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-7:hover #video-box-7-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-8:hover #video-box-8-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }


    .SayGoodbye .SayGoodbye__more-video-container {
        margin-top: 30px;
        width: 785px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        color: #333;
    }

    .SayGoodbye .stacked-video-box-more {
        display: flex;
        flex-wrap: wrap;
        width: 212px;
        height: 450px;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-5 {
        position: relative;
        width: 212px;
        height: 217px;
        background-color: #f6331f;
        background-image: url(/~/assets/metronom/images/taketheexit/video/05_Bugfixing.png);
        background-size: 212px 217px;
    }

        .SayGoodbye .SayGoodbye__more-video-container #video-box-5 #video-box-5-title {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: -100vw;
            transition: visibility 0s, opacity 0.1s linear, left 0.2s;
            background-color: #67BC95;
            margin-top: 23px;
            margin-left: -10px;
            padding-left: 10px;
            padding-right: 10px;
            height: 28px;
            line-height: 1.15;
            font-family: 'Bebas Neue';
            font-size: 28px;
        }

    .SayGoodbye .play-button-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-6 {
        position: relative;
        width: 212px;
        height: 217px;
        background-color: #f9ae00;
        background-image: url(/~/assets/metronom/images/taketheexit/video/06_Unicorn.png);
        background-size: 212px 217px;
    }

        .SayGoodbye .SayGoodbye__more-video-container #video-box-6 #video-box-6-title {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: -100vw;
            transition: visibility 0s, opacity 0.1s linear, left 0.2s;
            background-color: #529efe;
            margin-top: 23px;
            margin-left: -10px;
            padding-left: 10px;
            padding-right: 10px;
            height: 28px;
            line-height: 1.15;
            font-family: 'Bebas Neue';
            font-size: 28px;
        }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-7 {
        position: relative;
        width: 218px;
        height: 326px;
        background-color: #67BC95;
        background-image: url(/~/assets/metronom/images/taketheexit/video/07_CEO_Tnder.png);
        background-size: 218px 326px;
    }

        .SayGoodbye .SayGoodbye__more-video-container #video-box-7 #video-box-7-title {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: -100vw;
            transition: visibility 0s, opacity 0.1s linear, left 0.2s;
            background-color: #f6331f;
            margin-top: 23px;
            margin-left: -10px;
            padding-left: 10px;
            padding-right: 10px;
            height: 28px;
            line-height: 1.15;
            font-family: 'Bebas Neue';
            font-size: 28px;
        }

    .SayGoodbye .play-button-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SayGoodbye .SayGoodbye__more-video-container #video-box-8 {
        position: relative;
        width: 305px;
        height: 376px;
        background-color: #f9ae00;
        background-image: url(/~/assets/metronom/images/taketheexit/video/08_Kick-Off.png);
        background-size: 305px 376px;
    }

        .SayGoodbye .SayGoodbye__more-video-container #video-box-8 #video-box-8-title {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: -100vw;
            transition: visibility 0s, opacity 0.1s linear, left 0.2s;
            background-color: #529efe;
            margin-top: 23px;
            margin-left: -10px;
            padding-left: 10px;
            padding-right: 10px;
            height: 28px;
            line-height: 1.15;
            font-family: 'Bebas Neue';
            font-size: 28px;
        }

    .SayGoodbye .play-button-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    #saygoodbye > article:nth-of-type(2) {
        background-color: #333;
        visibility: hidden;
        display: none
    }



    .SayGoodbye .SayGoodbye__video-container #video-box-1:hover #video-box-1-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__video-container #video-box-2:hover #video-box-2-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__video-container #video-box-3:hover #video-box-3-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye .SayGoodbye__video-container #video-box-4:hover #video-box-4-title {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .SayGoodbye {
        padding: 10px;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        border: 3px solid #529efe;
        margin-bottom: 30px;
    }

        .SayGoodbye article h1 {
            color: white;
            position: absolute;
            font-family: 'Bebas Neue';
            font-size: 50px;
            margin-top: 25px;
            margin-left: 96px;
        }

        .SayGoodbye .SayGoodbye__video-container {
            max-width: 785px;
            margin-top: 70px;
            width: 924px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            color: #333;
        }

            .SayGoodbye .SayGoodbye__video-container .video-box-1 {
                position: relative;
                width: 360px;
                height: 360px;
                background-color: #529efe;
                background-image: url(/~/assets/metronom/images/taketheexit/video/01_Coworking_Space.png);
                background-size: 360px 360px;
            }

                .SayGoodbye .SayGoodbye__video-container .video-box-1 #video-box-1-title {
                    position: absolute;
                    visibility: hidden;
                    opacity: 0;
                    left: -100vw;
                    transition: visibility 0s, opacity 0.1s linear, left 0.2s;
                    background-color: #f9ae00;
                    margin-top: 23px;
                    margin-left: -10px;
                    padding-left: 10px;
                    padding-right: 10px;
                    height: 28px;
                    line-height: 1.15;
                    font-family: 'Bebas Neue';
                    font-size: 28px;
                    color: #333;
                }

        .SayGoodbye .play-button-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .SayGoodbye .stacked-video-box {
            display: flex;
            flex-wrap: wrap;
            width: 212px;
            height: 500px;
        }

        .SayGoodbye .SayGoodbye__video-container #video-box-2 {
            position: relative;
            width: 212px;
            height: 253px;
            background-color: #f9ae00;
            background-image: url(/~/assets/metronom/images/taketheexit/video/02_Killer_App.png);
            background-size: 212px 253px;
        }

            .SayGoodbye .SayGoodbye__video-container #video-box-2 #video-box-2-title {
                position: absolute;
                visibility: hidden;
                opacity: 0;
                left: -100vw;
                transition: visibility 0s, opacity 0.1s linear, left 0.2s;
                background-color: #529efe;
                margin-top: 23px;
                margin-left: -10px;
                padding-left: 10px;
                padding-right: 10px;
                height: 28px;
                line-height: 1.15;
                font-family: 'Bebas Neue';
                font-size: 28px;
            }

        .SayGoodbye .play-button-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .SayGoodbye .SayGoodbye__video-container #video-box-3 {
            position: relative;
            width: 212px;
            height: 226px;
            background-color: #f6331f;
            background-image: url(/~/assets/metronom/images/taketheexit/video/03_Happiness_Officer.png);
            background-size: 212px 226px;
        }

            .SayGoodbye .SayGoodbye__video-container #video-box-3 #video-box-3-title {
                position: absolute;
                visibility: hidden;
                opacity: 0;
                left: -100vw;
                transition: visibility 0s, opacity 0.1s linear, left 0.2s;
                background-color: #67BC95;
                margin-top: 23px;
                margin-left: -10px;
                padding-left: 10px;
                padding-right: 10px;
                height: 28px;
                line-height: 1.15;
                font-family: 'Bebas Neue';
                font-size: 28px;
            }

        .SayGoodbye .play-button-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .SayGoodbye .SayGoodbye__video-container #video-box-4 {
            position: relative;
            width: 163px;
            height: 360px;
            background-color: #67BC95;
            background-image: url(/~/assets/metronom/images/taketheexit/video/04_Change_request.png);
            background-size: 163px 360px;
        }

            .SayGoodbye .SayGoodbye__video-container #video-box-4 #video-box-4-title {
                position: absolute;
                visibility: hidden;
                opacity: 0;
                left: -100vw;
                transition: visibility 0s, opacity 0.1s linear, left 0.2s;
                background-color: #f6331f;
                margin-top: 23px;
                margin-left: -10px;
                padding-left: 10px;
                padding-right: 10px;
                height: 28px;
                line-height: 1.15;
                font-family: 'Bebas Neue';
                font-size: 28px;
            }

        .SayGoodbye .play-button-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .SayGoodbye .SayGoodbye__control {
            /* margin-top: 10px; */
            /* margin-bottom: 20px; */
            /* display: inline; */
        }

        .SayGoodbye .SayGoodbye__control__button-container {
            display: block;
            text-align: center;
            margin: 50px auto 0;
        }

        .SayGoodbye .SayGoodbye__control__button-container__button {
            background-color: #f9ae00;
            width: 250px;
            border: 10px double #333;
            font-size: 17px;
            padding: 10px;
            color: #333;
            font-weight: 700;
            cursor: pointer;
            font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        }
}

@media screen and (max-width: 1023px) {
    #saygoodbye > article:nth-of-type(1) {
        visibility: hidden;
        display: none
    }

    .SayGoodbye .SayGoodbye__more-video-container {
        margin-top: 4vw;
        display: flex;
        justify-content: space-between;
    }

        .SayGoodbye .SayGoodbye__more-video-container .video-colum-item {
            margin-bottom: 4vw;
        }

        .SayGoodbye .SayGoodbye__more-video-container .video-column-1 .video-box-5 {
            position: relative;
            width: 45vw;
            height: 55vw;
            background-color: #f9ae00;
            background-image: url(/~/assets/metronom/images/taketheexit/video/05_Bugfixing.png);
            background-size: 45vw 55vw;
        }

        .SayGoodbye .SayGoodbye__more-video-container .video-column-1 .video-box-7 {
            position: relative;
            width: 45vw;
            height: 45vw;
            background-color: #67BC95;
            background-image: url(/~/assets/metronom/images/taketheexit/video/07_CEO_Tnder.png);
            background-size: 45vw 45vw;
        }

        .SayGoodbye .SayGoodbye__more-video-container .video-column-2 .video-box-6 {
            position: relative;
            width: 45vw;
            height: 45vw;
            background-color: #529efe;
            background-image: url(/~/assets/metronom/images/taketheexit/video/06_Unicorn.png);
            background-size: 45vw 45vw;
        }

        .SayGoodbye .SayGoodbye__more-video-container .video-column-2 .video-box-8 {
            position: relative;
            width: 45vw;
            height: 55vw;
            background-color: #f6331f;
            background-image: url(/~/assets/metronom/images/taketheexit/video/08_Kick-Off.png);
            background-size: 45vw 55vw;
        }

    .SayGoodbye .title--yellow {
        background-color: #f9ae00;
    }

    .SayGoodbye .title--blue {
        background-color: #529efe;
    }

    .SayGoodbye .title--green {
        background-color: #67BC95;
    }

    .SayGoodbye .title--red {
        background-color: #f6331f;
    }


    .SayGoodbye article {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }

        .SayGoodbye article h1 {
            color: white;
            font-family: 'Bebas Neue';
            font-size: 8.53vw;
            margin-left: 4.53vw;
        }

    .SayGoodbye .SayGoodbye__video-container {
        margin-top: 4vw;
        display: flex;
        justify-content: space-between;
    }

        .SayGoodbye .SayGoodbye__video-container .video-column-1 .video-box-1 {
            position: relative;
            width: 45vw;
            height: 55vw;
            background-color: #f6331f;
            background-image: url(/~/assets/metronom/images/taketheexit/video/01_Coworking_Space.png);
            background-size: 45vw 55vw;
        }

        .SayGoodbye .SayGoodbye__video-container .video-colum-item {
            margin-bottom: 4vw;
        }

        .SayGoodbye .SayGoodbye__video-container .video-column-1 .video-box-3 {
            position: relative;
            width: 45vw;
            height: 45vw;
            background-color: #f6331f;
            background-image: url(/~/assets/metronom/images/taketheexit/video/03_Happiness_Officer.png);
            background-size: 45vw 45vw;
        }

        .SayGoodbye .SayGoodbye__video-container .video-colum-item {
            margin-bottom: 4vw;
        }

        .SayGoodbye .SayGoodbye__video-container .video-column-2 .video-box-2 {
            position: relative;
            width: 45vw;
            height: 45vw;
            background-color: #f9ae00;
            background-image: url(/~/assets/metronom/images/taketheexit/video/02_Killer_App.png);
            background-size: 45vw 45vw;
        }

        .SayGoodbye .SayGoodbye__video-container .video-colum-item {
            margin-bottom: 4vw;
        }

    .SayGoodbye .SayGoodbye .title--blue {
        background-color: #529efe;
    }

    .SayGoodbye .title, .SayGoodbye .title--yellow, .SayGoodbye .title--blue, .SayGoodbye .title--red, .SayGoodbye .title--green {
        position: absolute;
        margin-top: 2.24vw;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 6.04vw;
        line-height: 1.2;
        font-family: 'Bebas Neue';
        font-size: 6.24vw;
    }

    .SayGoodbye .play-button-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SayGoodbye .SayGoodbye__video-container .video-column-2 .video-box-4 {
        position: relative;
        width: 45vw;
        height: 55vw;
        background-color: #67BC95;
        background-image: url(/~/assets/metronom/images/taketheexit/video/04_Change_request.png);
        background-size: 45vw;
        background-position: 0 -17.5vw;
        background-repeat: no-repeat;
    }

    .SayGoodbye .SayGoodbye__video-container .video-colum-item {
        margin-bottom: 4vw;
    }

    .SayGoodbye .title--red {
        background-color: #f6331f;
    }

    .SayGoodbye .play-button-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SayGoodbye .SayGoodbye__control {
        margin-top: 3.63vw;
    }

    .SayGoodbye .SayGoodbye__control__button-container {
        display: block;
        height: 14.4vw;
        width: 40.9vw;
        padding: 2vw;
        margin-left: auto;
        margin-right: auto;
        background-color: #f9ae00;
        text-align: center;
    }

    .SayGoodbye .SayGoodbye__control__button-container__button {
        height: 100%;
        width: 100%;
        background-color: #f9ae00;
        border: 0.8vw solid #333;
        font-size: 4.5vw;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        color: #333;
        padding: 1vw;
        display: block;
    }
}

/* Say Goodbye Ends */
/*Cookie - Angela*/
.cookie {
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    padding: 1vw 2vw 1vw 2vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .cookie .bg-dark {
        background-color: #000 !important;
    }

    .cookie span {
        font-size: 18px;
        flex-basis: 70%;
    }

    /* .cookie .container { */
    /* margin-left: 0px; */
    /* } */

    .cookie #cookie-agree {
        flex-basis: 5%;
    }

        .cookie #cookie-agree:hover {
            cursor: pointer;
        }

@media screen and (max-width: 1023px) {
    .cookie {
        z-index: 899;
        padding: 2vw 4vw 2vw 4vw;
    }

        .cookie span {
            flex-basis: 70%;
            font-size: 14px;
        }
}
/*cookie overview page*/
.cookie-disabled .form-check input.checked:disabled + label:after {
    background: #ffffff;
}

.cookie-disabled .form-check input[type="radio"]:disabled + label:before {
    border-color: #ffffff;
}

.cookie-enabled .form-check input[type="radio"] + label:after {
    background: #f9ae00;
}

.cookie-enabled .form-check input[type="radio"] + label:before {
    border-color: #f9ae00;
}

.cookie-enabled .form-check input:not(:disabled) + label:hover:before {
    background-color: #333;
    opacity: .75;
}

.cookie-reset .resetcookie {
    background-color: #f9ae00;
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    font-size: 17px;
    padding: 9px 37px;
    border: 10px double #333 !important;
    color: #333;
}

    .cookie-reset .resetcookie:hover {
        background-color: #333;
        border: 3px solid #ffffff !important;
        padding: 12px 45px;
    }

.cookie-reset .btn-secondary.disabled, .cookie-reset .btn-secondary.disabled:hover {
    border: 3px solid #ffffff !important;
    background-color: #333 !important;
    padding: 12px 45px !important;
}

.cookie-disabled h2, .cookie-enabled h2, .cookie-reset h2 {
    text-align: left;
}
/*cookie overview page ends*/
/*cookie ends*/

/*exit form*/
.Header {
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 66px;
    background-color: #333;
    color: white;
    padding-bottom: 7px;
}


.attitudeDisplay {
    display: block;
}

.formGrid {
    padding: 0px;
}

    .formGrid .section {
        margin-bottom: 0px;
    }

.Resign {
    background-color: #fdf3f2;
}

    body .Resign, .Resign h1, .Resign p {
        color: #333 !important;
    }

div#resign-grid {
    padding: 0px;
}

@media screen and (min-width: 1024px) {
    .Resign {
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

        .Resign .article {
            z-index: 1;
            border: 3px solid #333;
            position: relative;
        }

            .Resign .article .header {
                margin-top: 20px;
                display: flex;
                margin-left: 96px;
            }

                .Resign .article .header .heading {
                    font-family: 'Bebas Neue' !important;
                    font-size: 50px;
                    width: 607px;
                    text-align: left;
                }

                .Resign .article .header .cup-image {
                    position: absolute;
                    right: 47px;
                    height: 124px;
                    width: 163px;
                }

            .Resign .article .Resign__footer__image .leo-image {
                z-index: -1;
                width: 229px;
                height: 300px;
                position: absolute;
                bottom: 0;
                left: -10px;
            }

            .Resign .article .Resign__footer__image .explicit-image {
                z-index: -1;
                width: 530.25px;
                height: 421.05px;
                position: absolute;
                bottom: 0;
                left: -30px;
            }

            .Resign .article .Resign__footer__image .dramatic-image {
                z-index: -1;
                width: 405px;
                height: 332.1px;
                position: absolute;
                bottom: -20px;
                left: -80px;
            }

            .Resign .article .Resign__footer__image .poetic-image {
                z-index: -1;
                width: 330px;
                height: 308.88px;
                position: absolute;
                bottom: 0;
                left: -55px;
            }

            .Resign .article .Resign__form {
                width: 750px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 20px;
                font-size: 28px;
            }
                /* .Resign .article .Resign__form  div {
          margin-top: 5px; }*/
                .Resign .article .Resign__form .Resign__form__input-section {
                    width: 600px;
                    margin-left: auto;
                    margin-right: auto;
                }

    .Resign__form__name {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif !important;
    }

    .Resign .article .Resign__form .Resign__form__input-section input, .Resign .article .Resign__form .attitude input {
        background-color: #fdf3f2;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        border: none;
        border-bottom: solid 3px #333;
        font-size: 28px;
        width: 260px;
        padding-left: 10px;
    }

    .Resign .article .Resign__form .attitude {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
        margin-bottom: 15px;
    }

        .Resign .article .Resign__form .attitude .attitude-selected {
            background-color: #333;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-green {
            background-color: #333;
            color: #67BC95;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-yellow {
            background-color: #333;
            color: #f9ae00;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-blue {
            background-color: #333;
            color: #529efe;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-red {
            background-color: #333;
            color: #f6331f;
        }

        .Resign .article .Resign__form .attitude .green {
            background-color: #67BC95;
        }

        .Resign .article .Resign__form .attitude .yellow {
            background-color: #f9ae00;
        }

        .Resign .article .Resign__form .attitude .blue {
            background-color: #529efe;
        }

        .Resign .article .Resign__form .attitude .red {
            background-color: #f6331f;
        }

        .Resign .article .Resign__form .attitude .button-container {
            height: 50px;
            width: 155px;
            padding: 7px;
            display: flex;
        }

            .Resign .article .Resign__form .attitude .button-container input {
                border: 3px solid #333;
                width: 100%;
                height: 100%;
                font-size: 14px;
                font-weight:800;
            }

                .Resign .article .Resign__form .attitude .button-container input:active {
                    background-color: #333;
                }

            .Resign .article .Resign__form .attitude .button-container:hover {
                cursor: pointer;
                background-color: #fdf3f2;
            }

                .Resign .article .Resign__form .attitude .button-container:hover input {
                    cursor: pointer;
                    background-color: #fdf3f2;
                }

    .Resign__Output {
        width: 510px;
        margin-left: auto;
        margin-right: auto;
        font-size: 28px;
    }

        .Resign__Output p {
            font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
            max-width: 100%;
            margin-top: 30px;
        }

    .Resign__Controls {
        width: 850px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
        margin-bottom: 60px;
        display: flex;
        justify-content: flex-end;
    }

        .Resign__Controls .button-container {
            display: inline-block;
            height: 50px;
            width: 155px;
            padding: 0px 6px 13px 6px;
            margin-right: 100px;
            background-color: #67BC95;
        }

    .bottomButton {
        border: 3px solid #333;
        width: 100%;
        height: 100%;
        background-color: #67BC95;
        font-size: 17px;
    }

        .Resign__Controls .button-container:hover, .bottomButton:hover {
            cursor: pointer;
            background-color: #fdf3f2;
        }

        .bottomButton:active {
            background-color: #333;
            color: #fdf3f2;
        }
}


@media screen and (max-width: 1023px) {

    .Resign {
        padding: 2.4vw;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    }

        .Resign .article {
            border: 0.8vw solid #333;
            padding-top: 4vw;
            padding-bottom: 4vw;
        }

            .Resign .article .header .heading {
                font-family: 'Bebas Neue';
                text-align: left;
                font-size: 8.53vw;
                margin-left: 4vw;
            }

            .Resign .article .header .cup-image {
                display: block;
                margin-top: 9.05vw;
                width: 43.2vw;
                height: 32.8vw;
                margin-left: auto;
                margin-right: auto;
            }

            .Resign .article .Resign__form {
                width: 92.5%;
                margin-top: 9.6vw;
                margin-left: auto;
                margin-right: auto;
                font-size: 6.66vw;
            }

                .Resign .article .Resign__form section {
                    margin-top: 1vw;
                }

                .Resign .article .Resign__form input {
                    -webkit-appearance: none;
                    -webkit-border-radius: 0;
                    border-radius: 0;
                    background-color: #fdf3f2;
                    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
                    border: none;
                    border-bottom: 0.8vw solid #333;
                    font-size: 6.66vw;
                    width: 65vw;
                    padding-left: 1vw;
                }

    .Resign__form__name {
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif !important;
    }

    .Resign .article .Resign__form .mobile-business {
        width: 45vw;
    }

    .Resign .article .Resign__form .responsive-wrap {
        display: block;
    }

    .Resign .article .Resign__form .attitude {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15.46vw;
    }

        .Resign .article .Resign__form .attitude .attitude-selected {
            background-color: #3333;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-green {
            background-color: #333;
            color: #67BC95;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-yellow {
            background-color: #333;
            color: #f9ae00;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-blue {
            background-color: #333;
            color: #529efe;
        }

        .Resign .article .Resign__form .attitude .attitude-selected-red {
            background-color: #333;
            color: #f6331f;
        }

        .Resign .article .Resign__form .attitude .green {
            background-color: #67BC95;
        }

        .Resign .article .Resign__form .attitude .yellow {
            background-color: #f9ae00;
        }

        .Resign .article .Resign__form .attitude .blue {
            background-color: #529efe;
        }

        .Resign .article .Resign__form .attitude .red {
            background-color: #f6331f;
        }

        .Resign .article .Resign__form .attitude .button-container {
            height: 14.4vw;
            width: 38.9vw;
            padding: 1.5vw;
            display: inline-block;
            margin-bottom: 4vw;
        }

            .Resign .article .Resign__form .attitude .button-container input {
                border: 0.8vw solid #333;
                width: 100%;
                height: 100%;
                font-size: 4.5vw;
            }

    .Resign .article .Resign__Output {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-size: 4.26vw;
    }

        .Resign .article .Resign__Output p {
            font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
            max-width: 100%;
            margin-top: 2vw;
        }

    .Resign .article .Resign__Controls {
        display: flex;
        justify-content: space-around;
    }

    .attitudeContent {
        display: none;
    }

    .Resign .article .Resign__Controls .button-container {
        margin-top: 4vw;
        height: 14.4vw;
        width: 38.9vw;
        padding: 1.5vw;
        display: inline-block;
        background-color: #67BC95;
    }

        .Resign .article .Resign__Controls .button-container input {
            border: 0.8vw solid #333;
            width: 100%;
            height: 100%;
            font-size: 4.53vw;
            background-color: #67BC95;
        }

    .Resign__footer__image {
        display: none;
    }
}

.attitudeContent {
    display: none !important;
}
/*exit form end*/
/*Fixes Home page start*/

@media screen and (max-width: 1023px) {
    .reasons-home {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .reasons-home {
    }
}

.WhyWeDidIt__border .card .card-title > a:hover,
.WhyWeDidIt__border .card .card-title > a:focus {
    background-color: #333;
    border: 3px solid #fff !important;
    color: white;
}
/*Fixes Home page ends*/
.consent {
    position: absolute;
    top: 0;
    background: rgba(51, 51, 51, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    height: 680px;
    z-index: 100;
}

    .consent .SayGoodbye__control__button-container__button {
        margin-top: 25%;
        margin-left: 30%;
        width: auto;
        vertical-align: middle;
        display: inline-block;
        text-align: center;
    }

    .consent a, .Consent a {
        color: #529efe !important;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        font-weight:600;
    }

@media screen and (max-width: 1023px) {
    .consent {
        height: 100%;
    }

        .consent .SayGoodbye__control__button-container__button {
            margin-top: 60%;
            height: auto;
            margin-left: 0;
        }

    div#saygoodbye {
        overflow: hidden;
    }
}


/* Consent Cookie_Shikha start */

.Consent .btn-iframe-consent {
    color: #333;
    border: none;
}

.icon:before {
    color: #333;
}

.btn-iframe-consent:hover span:before, .btn-iframe-consent:focus span:before {
    color: #333;
}

.foot-note > p {
    color: #333;
}

.Consent {
    background-color: #f9ae00;
    border: none;
}

@media (min-width:768px) {
    .Consent {
        max-width: 35%
    }
}
/* Consent Cookie_Shikha end */

/* Contact page starts */

.col-lg-10.contact {
    padding: 0px;
    margin-bottom: 30px;
    overflow: hidden;
}

    .col-lg-10.contact .section, .hereweare-head .section {
        margin: 0px;
    }

    .col-lg-10.contact .col-md-4 {
        padding: 20px 20px 0 20px;
    }

    .col-lg-10.contact .col-md-8 {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.contact h2 {
    font-size: 35px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: normal;
}

.hereweare-head .headline h2 {
    font-size: 70px;
    font-weight: normal;
    text-align: center;
}

.green-border {
    border: 3px solid #5EC299;
}

.yellow-border {
    border: 3px solid #f9ae00;
}

.blue-border {
    border: 3px solid #6694CF;
}

.red-border {
    border: 3px solid #E34229;
}

.green-border .navigation-button a {
    background-color: #5EC299;
}

.yellow-border .navigation-button a {
    background-color: #f9ae00;
}

.blue-border .navigation-button a {
    background-color: #6694CF;
}

.red-border .navigation-button a {
    background-color: #E34229;
}

.contact .navigation-button {
    margin-bottom: 20px;
}

.contact .col-md-4 p {
    font-size: 14px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .contact .picture {
        display: none;
    }

    .contact .navigation-button {
        margin: 10px auto;
        text-align: center;
    }

    .hereweare-head .headline h2 {
        font-size: 40px;
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .contact .col-md-4 {
        max-width: 43%;
        -webkit-flex: 100%;
    }

    .contact .col-md-8 {
        max-width: 57%;
    }
}

/* contact page ends */

/* General Class for Margin-Top */
.margin-top {
    margin-top: 20px;
}

/*full width slider */
.fwslider {
    padding: 0;
}

    .fwslider .headline h2 {
        font-size: 50px;
        margin: 50px 100px;
        text-align: left;
    }

    .fwslider .row .col-md-12 {
        padding: 0;
    }

        .fwslider .row .col-md-12 img {
            margin: 0;
        }

    .fwslider .caret:before {
        color: white;
        font-size: 70px;
    }

    .fwslider .carousel-control-next, .fwslider .carousel-control-prev {
        background-color: transparent !important;
        border: none;
    }

        .fwslider .carousel-control-next:hover, .fwslider .carousel-control-prev:hover {
            background: none !important;
        }

    .fwslider .carousel-control-next {
        margin-top: 40px;
        right: 20px;
    }

    .fwslider .carousel-control-prev {
        left: 20px;
    }

    .fwslider .carousel-caption {
        margin: 20px auto;
        color: white;
    }

        .fwslider .carousel-caption h3 {
            margin: 0;
            font-size: 30px;
            font-weight: normal;
        }

        .fwslider .carousel-caption p {
            font-size: 14px;
        }

    .fwslider .carousel {
        padding: 0;
        margin: 0;
        margin-bottom: 40px;
    }

@media(max-width:767px) {
    .fwslider .carousel-caption {
        margin: 20px 50px;
        text-align: left;
    }

    .fwslider .carousel-control-next {
        left: auto;
    }
}

@media(max-width:1023px) {
    .fwslider .headline h2 {
        font-size: 35px;
        margin: 35px;
        text-align: left;
        font-weight: normal;
    }

    .col-lg-10 {
        margin-left: 15px;
        margin-right: 15px;
    }
}
/*full width slider */
/*.about-expertise */
.about-expertise h2 {
    text-align: left;
    margin-bottom: 0px;
    font-size: 40px;
}

@media(min-width:1024) {
    .about-expertise h2 {
        font-size: 50px;
    }
}

@media(max-width:767px) {
    .about-expertise .col-md-4 p {
        margin-top: 20px
    }

    .about-nomist.navigation-button {
        margin: 50px auto 10px;
        text-align: center;
    }
}
/*.about-expertise */

/* Profiles page start */

.profile-wrap {
    float: left;
}

.profile {
    border-bottom: 0px;
}

.profiles {
    border-top: 0px;
    margin-top: 0
}

    .profiles p {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .profiles .row.medium-spacing .col-md-6 {
        padding: 0;
        float: left;
        margin-bottom: 25px;
    }

    .profiles .row.medium-spacing .col-md-7 {
        padding-right: 0;
    }

    .profiles .col-md-6 figure {
        border: 2px solid #f9ae00;
        height: 130px;
        background-position: center;
        background-size: cover;
        margin-bottom: 10px;
    }

    .profiles a:before {
        color: #FFF;
        padding-right: 5px;
    }

    .profiles .col-md-5 {
        width: 41.66666667%;
        float: left;
        padding: 0;
    }

    .profiles .col-md-7 {
        width: 58.33333333%;
        float: left;
    }

    .profiles .col-md-12 {
        display: grid;
    }

    .profiles .navigation-button {
        margin: auto;
        text-align: center;
    }

@media(min-width:768px) {
    .profiles .col-md-6 figure {
        height: 180px;
    }

    .profiles .row.medium-spacing .col-md-6 {
        /* padding-left:15px; */
        padding-right: 15px;
    }

    .profiles .row.medium-spacing .col-md-7 {
        padding-left: 0;
        padding-right: inherit;
    }
}

/* Profiles page start */

/* Typewriter start */

.main .typewriter {
    font-family: 'Bebas Neue';
    min-height: 200px;
}


/* Typewriter end */
/*blog post start*/
.blog-item {
    border: 3px solid #529efe;
    padding: 30px 0 0;
    position: relative;
    margin-bottom: 30px;
}

    .blog-item .blog-date {
        font-family: 'Bebas Neue';
        font-size: 30px;
        color: #333;
        padding: 5px 20px 0 7%;
        font-size: 30px;
        line-height: 1;
        background-color: #529efe;
    }

    .blog-item .desc-div {
        background-color: #529efe;
        padding: 15px;
        margin-bottom: -5px;
    }

        .blog-item .desc-div .card-body {
            padding: 0px;
        }

        .blog-item .desc-div .btn .dismiss:before {
            color: #333;
            font-size: 24px;
            top: -3px;
        }

        .blog-item .desc-div span {
            font-family: "Gotham SSm A","Gotham SSm B",Verdana,SansSerif;
            font-weight: 500;
            font-size: 13px;
            color: #fff;
            line-height: 1;
        }

            .blog-item .desc-div span a {
                color: #FFF;
                font-weight: 600;
            }

    /*.blog-item .inner{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}*/
    .blog-item .blog-inner h3 {
        text-align: left;
        line-height: 1;
        margin-bottom: 5px;
    }

        .blog-item .blog-inner h3 a {
            color: #fff;
            font-family: 'Bebas Neue';
            font-size: 35px;
            font-weight: 400;
        }

    .blog-item .blog-inner .details {
        padding: 0 25px 35px;
        width: 100%;
        color: #fff;
    }

        .blog-item .blog-inner .details .desc p {
            margin-bottom: 10px;
        }

    .blog-item .blog-inner .img {
        padding: 25px;
    }

    .blog-item figure, .profiles .modal-article figure {
        background-size: cover;
        background-position: center;
        top: 1px;
        width: 100%;
        z-index: 0;
        border: 3px solid #529efe;
    }

.blog-inner .meta {
    margin-top: 10px
}

@media(min-width:768px) {
    .blog-item:nth-child(-n+2) .blog-inner h3 a {
        font-size: 40px;
    }

    .blog-item:nth-child(-n+2) .blog-inner .details {
        padding: 20px calc(300px + 3%) 20px 7%;
        min-height: 265px;
    }

    .blog-item:nth-child(-n+2) .blog-inner .img {
        position: absolute;
        right: 25px;
        top: 0px;
        padding: 60px 0 0;
    }

    .blog-item:nth-child(-n+2) .blog-inner figure {
        width: 275px;
    }

    .blog-item .blog-inner figure {
        height: auto;
    }

    .blog-item:nth-child(n+3) {
        width: 48.5%;
        float: left;
        margin-right: 3%;
    }

    .blog-item:nth-child(2n+4) {
        margin-right: 0;
    }
}

@media(min-width:1024px) {
    .blog-item:nth-child(-n+2) .blog-inner h3 a {
        font-size: 50px;
    }

    .blog-item:nth-child(-n+2) .blog-inner .details {
        padding: 20px calc(375px + 3%) 20px 7%;
        min-height: 315px;
    }

    .blog-item:nth-child(-n+2) .blog-inner figure {
        width: 350px;
        height: auto;
    }

    .blog-item:nth-child(n+3) {
        width: 32.33%;
        float: left;
        margin-right: 1.5%;
    }

    .blog-item:nth-child(3n+5) {
        margin-right: 0;
    }
}

div.blog-item > span.cta { /*Modified by Mintu for Download link Component*/
    position: absolute;
    right: 0px;
    margin-top: -44px;
    margin-right: -11px;
    padding: 16px 8px;
    background-color: #529efe;
}

    div.blog-item > span.cta span { /*Modified by Mintu for Download link Component*/
        border: 3px solid #333;
        color: #333;
        font-weight: 700;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        padding: 6px 15px;
    }
/*Modified by Mintu for Download link Component Start*/
.modal-article section .section, .modal-article .col-lg-10 {
    margin: 15px 0 20px 0;
    margin-right: 0;
}

    .modal-article .col-lg-10 .headline h2 {
        color: black;
        font-size: 16px;
        font-family: "Gotham SSm A","Gotham SSm B",Verdana,SansSerif;
    }

@media (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) {
    .list-grid-item:not([class*=col-]):not(.contact-item) .cta {
        height: 55px !important;
    }
}

li.list-grid-item.download-item div.description > p {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
}

li.list-grid-item.download-item .title {
    text-align: left;
}

li.list-grid-item.download-item span.text-muted {
    color: #999;
}

li.list-grid-item.download-item figure {
    border: none;
}

li.list-grid-item.download-item div.description::first-letter {
    font-size: 16px;
}

@media (max-width: 768px) {
    li.list-grid-item.download-item {
        padding-right: 30px;
    }
}
/*Modified by Mintu for Download link Component Ends*/
.blog-item:nth-child(even), .blog-item:nth-child(even) figure {
    border-color: #67BC95;
}

    .blog-item:nth-child(even) .blog-date, .blog-item:nth-child(even) .cta, .blog-item:nth-child(even) .desc-div {
        background-color: #67BC95;
    }

.icon-person:before, .icon-time:before, .icon-share:before {
    font-size: 18px;
    top: 2px;
    position: relative;
    left: 5px;
}

.icon-person:before {
    content: '\6e';
}

.icon-time:before {
    content: '\7a';
}

.icon-share:before {
    content: "\74";
}

.blog-item .dismiss:before, .profiles .dismiss:before {
    color: #fff;
    left: -4px;
}

.blog-item .btn.btn-unstyled, .profiles .btn.btn-unstyled {
    color: white;
    padding-top: 8px;
    padding-right: 10px;
}

.blog-item .desc-div .btn {
    color: #333;
    font-size: 15px;
    margin-top: -46px;
    margin-right: -25px;
}

[class^="icon-"] span, [class*=" icon-"] span {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
}

.blog-item .share-bar.inline {
    bottom: 0;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: -1;
}

.blog-item .blog-share {
    cursor: pointer;
}

    .blog-item .blog-share span {
        color: #fff;
    }

        .blog-item .blog-share:hover, .blog-item .blog-share span:hover {
            color: #529efe;
            background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 2px, #529efe 2px, #529efe 3px, rgba(0,0,0,0) 3px);
            padding-bottom: 2px;
        }

.blog-item .inlinesharing.active {
    opacity: 1;
    -webkit-transition: .5s opacity,0s visibility 0s;
    -o-transition: .5s opacity,0s visibility 0s;
    transition: .5s opacity,0s visibility 0s;
    visibility: visible;
}

.blog-item .inlinesharing {
    background: rgba(51, 51, 51, 0.9);
    height: calc(100% + 0px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .5s opacity,0s visibility .5s;
    -o-transition: .5s opacity,0s visibility .5s;
    transition: .5s opacity,0s visibility .5s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.blogpost .pagination {
    display: inline-block;
}


/*Blog overlay */
.blog-item .modal-article {
    border: 3px solid #529efe;
}

.blog-item:nth-child(even) .modal-article {
    border-color: #67BC95;
}

.blog-item .modal-article .blog-date {
    color: #ffffff;
    padding-left: 8%;
}

.modal-article header h2 {
    color: #333
}

.blog-item .modal-article .modal-header {
    margin-bottom: 20px;
    background-color: #333;
}

.blog-item .modal-body header, .blog-item .modal-body section, .profiles .modal-body section {
    padding: 0px 8%;
    color: #333;
    margin-bottom: 30px;
}

.blog-item h2 {
    text-align: left;
    font-size: 35px;
    line-height: 1;
    margin-bottom: 5px;
}

.blog-item .blog-sub-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 15px;
}

.blog-item .blog-topics {
    font-size: 16px;
    padding: 3% 8% 0px 8%;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
    .blog-item .blog-topics {
        padding: 3% 18% 0px 18%;
    }
}

.blog-author-details {
    display: flex;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

    .blog-author-details figure {
        width: 65px;
        height: 70px;
        margin-right: 10px;
    }

    .blog-author-details .icon-time:before {
        left: 0;
        top: 3px;
    }

.blog-item .contact-soc a:before, .blog-item .modal p {
    color: #333;
}

.blog-item .contact-soc {
    padding: 5px 0 0 2px;
    font-size: 15px;
}

.blog-item .figure-caption {
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}

.blog-item .video-container {
    margin-bottom: 30px;
}

    .blog-item .video-container figure {
        border: none;
    }

.blog-item .modal .subheadline-text {
    font-weight: 600;
    font-size: 16px;
    color: #529efe;
}

.blog-item:nth-child(even) .modal .subheadline-text {
    color: #67BC95;
}

.blog-item .modal-body .emphasized-text {
    padding-left: 15px;
    font-style: oblique;
    font-weight: 500;
    border-left: 3px solid #529efe;
    color: #529efe;
}

.blog-item:nth-child(even) .modal-body .emphasized-text {
    border-color: #67BC95;
    color: #67BC95;
}

.blog-item.col-md-6 .btn {
    margin-top: 0px;
}

.blog-item .text-muted {
    color: #fff !important;
}

.blog-item .footer .share-bar.inline {
    height: 100%;
    position: relative;
    padding: 0 0 40px;
}

.blogpost .lds div, .job-result .lds div {
    border: 4px solid #529efe;
}

.blogpost .pagination .lds div, .job-result .pagination .lds div {
    background: #333;
}

.blog-item .modal-content {
    display: -webkit-box;
    /* overflow:-webkit-paged-y; */ /*Need to check alternative of this(-webkit-paged-y)*/
}

.blog-item .modal-article .footer, .profiles .modal-article .footer {
    padding: 0px;
    background-color: #333;
    margin-bottom: 0px;
}

.blogpost .col-md-12, .blog-item .modal-article .modal-body, .profiles .modal-body {
    padding: 0px;
}

@media (min-width: 768px) {
    .blog-item h2 {
        font-size: 45px;
    }

    .blog-item .modal .subheadline-text {
        font-size: 20px;
    }
}

@media (min-width: 1024px) {

    .blog-item .modal-body section, .profiles .modal-body section {
        padding: 0 18%;
    }
}

@media (max-width: 767px) {
    .blog-item header picture {
        margin-left: -15%;
        margin-right: -15%;
    }

    .blog-item header > figure {
        border: none;
    }

    .blog-author span.pos {
        display: none;
    }
}

.icon-reload-b:before {
    color: #529efe;
}

.blogpost .consent-parent {
    position: initial;
}

/*Blog post end temp*/
.navigation-button a {
    padding: 5px 5px;
    display: inline-block;
}

    .navigation-button a span {
        border: 3px solid #333;
        font-size: 17px;
        padding: 7px;
        color: #333;
        font-weight: 700;
        cursor: pointer;
        font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
        display: block;
        text-align: center;
    }

    .navigation-button a:hover {
        background-color: #333;
    }

        .navigation-button a:hover span {
            color: white;
            border: 3px solid white;
        }

/*Profile Modal Dialog */
.profiles .modal-article {
    border: 3px solid #f9ae00;
}

.profiles .modal-header {
    background-color: #333;
}

.profile-author-details {
    padding-top: 35px;
    display: flex;
    font-family: 'Bebas Neue';
    line-height: 1.1;
    font-size: 30px;
}

.profiles .profile-author-details figure {
    width: 200px;
    height: 220px;
    border: 3px solid #f9ae00;
    margin-right: 10px;
}

.profile-author-details .author-postion {
    font-size: 20px;
    margin-bottom: 7px;
}

.profiles .modal-body a:before, .profiles .modal-body p {
    color: #333;
}

.profiles .modal-body .socialLinks {
    font-size: 18px;
    margin-left: 0px;
}

.modal-body .description::first-letter {
    font-size: 30px;
    line-height: 1;
}

@media(min-width:768px) {
    .profile-author-details {
        font-size: 45px;
    }

        .profile-author-details .author-postion {
            font-size: 30px;
        }
}

@media (min-width: 1200px) {
    .profiles .modal-lg {
        width: 900px;
    }
}

/*Profile Modal Dialog End */
/*Blog search bootstrap-tagsinput*/

.bootstrap-tagsinput {
    display: inline-flex;
    cursor: text;
    box-shadow: none;
    overflow: hidden;
    padding: 0;
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 3px;
        color: #fff;
        padding: 8px 4px 2px 6px;
        font-size: 15px;
        background-color: #333;
        border: 1px solid #f1f1f1;
        cursor: pointer;
        margin-top: -5px;
        border-radius: 0px;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            margin: 0 0 0 2px;
            cursor: pointer;
            color: #fff;
            vertical-align: sub;
        }

            .bootstrap-tagsinput .tag [data-role=remove]:after {
                content: "x";
                padding: 0 2px;
                font-size: 11px;
                vertical-align: super;
            }

            .bootstrap-tagsinput .tag [data-role=remove]:hover {
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            }

                .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
                }

.searchinput {
    height: 45px;
}

@media (max-width: 767px) {
    .bootstrap-tagsinput {
        padding: 11px 5px;
    }

    .bootstrap-select.form-control.month, .bootstrap-select.form-control.year {
        display: none;
    }
}

#categorysearchInputTrigger.btn:before {
    content: "\66";
    font-size: 40px;
}

#categorysearchInputTrigger {
    background: none;
    color: #999;
    float: left;
    cursor: pointer;
    padding: 0 10px 0 0;
}

.bootstrap-tagsinput .tag:hover [data-role=remove], .bootstrap-tagsinput .tag:focus [data-role=remove] {
    color: #529efe;
    visibility: visible;
}

.tag-suggestions {
    margin: auto;
    padding: 20px 0;
    max-height: 115px;
    min-width: 55px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .tag-suggestions {
        width: 100%;
        text-align: left;
        height: 40px;
    }
}

.tag-suggestions strong {
    margin-right: 7px;
}

@media (max-width: 767px) {
    .tag-suggestions strong {
        display: block;
    }
}


.tag-suggestions .styleTags {
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    padding-bottom: 0 !important;
}

.styleTags span {
    padding-left: 1px;
}

.bootstrap-tagsinput {
    width: calc(100% - 53px);
}

.main .metro-filter-content[role=form] {
    margin-bottom: 20px;
    padding-top: 20px;
}

.searchinput .bar {
    border-bottom: 1px solid #fff;
    height: 45px;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .bootstrap-tagsinput {
        float: left;
        padding-top: 12px;
        padding-bottom: 10px;
        padding-left: 5px;
    }

    .searchinput .bar {
        width: 85%;
    }

    .searchinput.media .bar {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .searchinput .bar {
        width: 87%;
    }


    .searchhead {
        margin: 45px 0 -5px;
    }

    .serp .searchhead {
        margin-top: 0;
    }

    .searchhead .headline {
        float: left;
    }

        .searchhead .headline .as-h1 {
            margin: 0 30px 10px 0 !important;
        }

    .searchhead .searchinput {
        height: 50px;
        overflow: hidden;
        padding-top: 5px;
    }
}

@media (min-width: 1200px) {
    .searchhead {
        margin: 55px 0 -5px;
    }
}

.searchhead .bar {
    width: calc(100% - 115px);
}

@media (max-width: 767px) {
    .searchhead .bar {
        width: 100%;
    }
}

.searchhead ~ .tag-suggestions {
    margin-bottom: 60px;
}

@media (max-width: 1023px) {

    .bootstrap-tagsinput {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

.blog .custom {
    text-shadow: none;
}

.blog #categorysearchInputTrigger:before {
    color: #fff;
}

.blog .styleTags, .tag.label-info, .blog-topics .styleTags {
    color: #529efe;
    background-image: none;
}

    .blog .styleTags:hover, .blog-topics .styleTags:hover {
        color: #fff !important;
        background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 2px, #fff 2px, #fff 3px, rgba(0,0,0,0) 3px) !important;
    }

.blog .colorcode-1, .blog-topics .colorcode-1 {
    color: #F9AE00;
    background-image: none;
}

.blog .colorcode-2, .blog-topics .colorcode-2 {
    color: #f9ae00;
    background-image: none;
}

.blog .colorcode-3, .blog-topics .colorcode-3 {
    color: #f6331f;
    background-image: none;
}

.blog .colorcode-4, .blog-topics .colorcode-4 {
    color: #67BC95;
    background-image: none;
}


/* latest Blog css start-- Shikha */
.latestBlogs {
    padding: 20px 8%;
}

@media (min-width: 1024px) {
    .latestBlogs {
        padding: 30px 18%;
    }
}

.pubBlogs {
    font-size: 20px;
    font-weight: 500;
}

span.line-break {
    display: block;
}

.latestPosts {
    text-shadow: none;
    color: #529efe;
    padding-left: 70px;
}

.latestBlogs a {
    font-weight: bold;
    background-image: none !important;
}

    .latestBlogs a:nth-child(3) .latestPosts {
        background: url(/css/img/icons/icon_arrow_green.svg) no-repeat;
    }

    .latestBlogs a:nth-child(5) .latestPosts {
        background: url(/css/img/icons/icon_arrow_yellow.svg) no-repeat;
    }

    .latestBlogs a:nth-child(7) .latestPosts {
        background: url(/css/img/icons/icon_arrow_red.svg) no-repeat;
    }

    .latestBlogs a:nth-child(9) .latestPosts {
        background: url(/css/img/icons/icon_arrow_blue.svg) no-repeat;
    }

/* latest Blog css end-- Shikha  */
/*Job Board -- Angela*/
.nom-job .container.extended-search, .nom-job .positiondiv {
    padding: 0px;
}

    .nom-job .positiondiv h2 + p {
        text-align: left;
        font-size: 16px;
    }

.main .nom-job div[role="form"] {
    margin-bottom: 0px;
}

.nom-job .list-grid-item:not([class*=col-]) .details {
    background-color: #333;
    border: none;
    padding: 0px;
}

.nom-job .list-grid-item .details .title a {
    color: #fff;
    padding-left: 70px;
    display: list-item;
    font-weight: 300;
    font-size: 14px;
    background-size: 60px;
}

    .nom-job .list-grid-item .details .title a:hover {
        text-decoration: underline !important;
    }

.job-item:nth-child(4n+1) .title-link {
    background: url(/css/img/icons/icon_arrow_green.svg) no-repeat;
}

.job-item:nth-child(4n+2) .title-link {
    background: url(/css/img/icons/icon_arrow_yellow.svg) no-repeat;
}

.job-item:nth-child(4n+3) .title-link {
    background: url(/css/img/icons/icon_arrow_red.svg) no-repeat;
}

.job-item:nth-child(4n+4) .title-link {
    background: url(/css/img/icons/icon_arrow_blue.svg) no-repeat;
}

.nom-job h3 {
    text-align: left;
    text-transform: none;
}

.nom-job .list-grid-item .inner {
    background: none;
}

.nom-job .arrow:before, .seclink .arrow:before {
    color: #fff;
}

.nom-job .pagination-tablet ul li a.active, .seclink a {
    color: #fff;
    font-weight: 900;
}

.nom-job .custom {
    text-shadow: none;
}

    .nom-job .custom.default {
        color: #272727;
    }

        .nom-job .custom.default:hover, .nom-job .custom.default span:hover {
            color: #529efe;
            background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0) 2px, #529efe 2px, #529efe 3px, rgba(0,0,0,0) 3px);
            padding-bottom: 2px;
        }

    .nom-job .custom, .nom-job .custom:hover, .nom-job .custom:focus {
        color: #fff;
        background-image: none;
    }

.nom-job .pagination-control {
    color: #fff;
}

@media (min-width: 768px) {
    .nom-job .list-grid-item .details .title a {
        font-size: 21px;
        background-size: 80px;
        padding-left: 90px;
    }

    .nom-job .list-grid-item:not([class*=col-]) .details {
        padding: 10px 0px;
    }

    .nom-job .list-grid {
        padding: 0px 25px;
    }
}

.job-item .description {
    display: none;
}

.job-item .modal-article .modal-content {
    border: 3px solid #529efe
}

.job-item .modal-article .modal-header {
    margin-bottom: 20px;
    background-color: #333;
}

.job-item .modal-article .modal-body {
    padding: 0px;
}

.job-item .dismiss:before {
    color: white;
}

.job-item .modal {
    color: white;
}

.job-item .modal-article .modal-body .footer {
    padding: 0px;
    background-color: #333;
    margin-bottom: 0px;
}

.job-item .modal-article .modal-body p, h2 {
    color: #333;
}

.job-item .modal-article .modal-header button {
    color: white;
}

.job-item .modal-body section {
    color: #333;
}

.job-item .modal-body header {
    padding: 0px 8%;
    color: #333;
    margin-bottom: 30px;
}

.job-item .modal-article header h2 {
    margin: 10px 0 15px;
    font-size: 35px;
    text-align: left;
    color: #333;
    line-height: 1;
}

@media (min-width: 768px) {
    .job-item .modal-article header h2 {
        font-size: 45px;
    }
}

.job-item .modal-article .modal-body .row.medium-spacing .col-md-8 {
    padding-left: 15px;
    padding-right: 30px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .job-item .modal-article .modal-body .row.medium-spacing .col-md-8 {
        padding-left: 10px;
        padding-right: 30px;
    }
}

.job-item .modal-article .modal-body .jobtable-color {
    background-color: #DDDDDD;
}

.job-item .modal-article .modal-body .table td, .table th {
    border-top: 1px solid #333233;
    border-bottom: 1px solid #333233;
}

.job-item .modal-article .modal-body .btn-secondary {
    width: 100%;
    color: #F9AE00;
    border: 4px solid #F9AE00;
}

    .job-item .modal-article .modal-body .btn-secondary:hover {
        background-color: #F9AE00;
        color: white;
    }

    .job-item .modal-article .modal-body .btn-secondary:focus {
        background-color: #F9AE00;
        color: white;
    }

.job-item .footer .share-bar.inline {
    height: 100%;
    position: relative;
    padding: 0 0 40px;
}

@media (max-width: 575.98px) {
    .job-item .modal-article .modal-body .jobtable-color {
        table-layout: fixed;
    }
}

/*Job Board End-- Angela*/
/*Upcoming blogs -- Angela*/
.headline h2 {
    font-size: 50px;
    text-align: left;
}

@media (max-width: 1023px) {
    .headline h2 {
        font-size: 40px;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .js-anchornav-section-exclude > div.seclink {
        margin-top: 0px;
    }
}
/*upcoming blogs end -- Angela*/

/*Start CMS-3542, Metronom home page Picture of David Fix */

@media(min-width:1024px) {
    .page-head-photo .Consent {
        /* top: 339px; */
        /*top: 74%;*/
    }
}

@media (max-width: 1023px) and (min-width:768px) {
    /*.page-head-photo .Consent {
        top: 75%;
    }*/

    .pagination-small {
        display: block !important;
    }

    .pagination-tablet {
        display: none !important;
    }
}

/*@media (max-width: 767px) {
    .page-head-photo .Consent {
        top: 80%;
        max-width: none;
        padding: 2px 13px;
    }
}*/
/*End CMS-3542, Metronom home page Picture of David Fix */
.share-bar li a.socicon-instagram:hover {
    color: #181919;
}
/* Start Changes for Static Jobs In MetroNom */
div.morejobs > div {
    text-align: center;
}

div.morejobs a {
    color: #333;
    background-color: #f9ae00;
    border: 10px double #333;
}

    div.morejobs a:hover {
        background-color: #333;
        border: 10px solid #fff;
    }

div.JobDetails a {
    text-shadow: none !important;
}

    div.JobDetails a:hover {
        background-image: none !important;
    }
/* End Changes for Static Jobs In MetroNom */
/*Start- Adding the border colour of the sharebar on hover*/
a.block-link.share-bar-item:focus {
    border-color: #dcdcdc !important;
}
/*End- Adding the border colour of the sharebar on hover*/
@media(max-width:1023px) {
    .socicon-sharethis {
        background-color: #333;
        color: white;
    }

    .show .socicon-sharethis {
        background-color: #333;
    }
}
/*Start- Adding the border colour for Profiles in Start page*/
.blue-border-grid {
    border: 3px solid #6694CF !important;
}
/*End- Adding the border colour for Profiles in Start page*/
/*Start- Changes to merger Legal Information in one page*/
nav#anchorNav {
    background-color: #333;
}

    nav#anchorNav li > div {
        color: white;
    }

#anchorNav li.active div {
    color: white !important;
}

.margin-bottom {
    margin-bottom: 20px;
}

#anchorNav li div:hover {
    color: #f9ae00 !important;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .Store .carousel {
        margin-left: -300px;
        margin-top: 46.53vw;
    }

    .Store__navigation {
        margin-left: -305px;
    }

    .Store .picture {
        bottom: 10px;
    }

    .tweet-grid .carousel-caption {
        margin-left: -298px;
    }
}

@media (max-width: 579px) {
    .tweet-grid .carousel-caption {
        margin: auto !important; /* Might not be required, need to check */
        text-transform: none;
    }

    .workclock .carousel.with-caption img {
        margin-left: 25px;
    }
}

.modal-backdrop.show {
    opacity: .8;
}
/*End- Changes to merger Legal Information in one page*/

/*Cookie css*/
#cookiecatchkdiv .custom-cb input + span {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, SansSerif;
    padding-top: 1px;
}

.CheckAllCookiecls {
    background: white;
    border: 1px solid #ededed;
    color: initial;
}

#cookiecategorydiv > .card > div > h3 {
    text-align: left;
}

#cookiecategorydiv > .card {
    background-color: #fff;
}

    #cookiecategorydiv > .card .card-title > a .caret {
        display: inline-block;
    }

#cookie-accept-btn > .btn-light {
    color: #fff;
}
/*Start the Metronom Seals grid on Home page*/
.col-lg-10.mn-seals {
    padding: 30px;
}

.col-lg-10.offset-lg-1.mn-seals {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .col-lg-10.offset-lg-1.mn-seals {
        padding: 50px;
    }
}

/*Ends the Metronom Seals grid on Home page*/
/* CMS-4252 Cookie Constent CSS Changes*/
.section #dvcookiegdpr {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 25px 20px !important;
}

.caret:before {
    color: #F9AE00;
}

.btn-success {
    background-color: #F9AE00;
    border-color: #F9AE00;
}

    .btn-success:hover {
        background-color: #F9EA29;
        border-color: #F9EA29;
    }

#CheckAllCookie:active {
    background-color: #F9AE00;
    border-color: #F9AE00;
}

#acceptallcookieconstentbtn:active {
    background-color: #F9AE00;
    border-color: #F9AE00;
}

.btn-success:focus {
    background-color: #F9AE00;
    border-color: #F9AE00;
}

.fixed-top {
    z-index: 890;
}

div.cookiebanner-overlay {
    background: #333333;
}

div.regular .custom-cb input[type=checkbox] + span:before {
    border: 1px solid #333233;
}

div.regular .custom-cb input[type=checkbox] + span:after {
    background: url(../../../../css/img/icons/icon_check_black.svg) no-repeat center center;
}

#CookieDetailsDiv .table-responsive .table th {
    border-top: 1px solid #dee2e6;
}

.divCookieCatHeading .regular .custom-cb input.semichecked:not(checked) + span:after {
    background: #000000;
}

.btn-trans-none {
    color: #000000;
    border: 1px solid #6694CF;
}

@media (min-width:768px) {
    .section #CheckAllCookie {
        margin-left: 15px;
    }
}
/*End of CSS changes for CMS-4252 Cookie Constent*/