header{
    position: fixed;
    width: 100%;
    z-index: 99;
}
.scrolled{
    background: #1D2027;
}
.navbar{
    margin-bottom: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #DEAD4E;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #DEAD4E;
    background-color: transparent;
}
.navbar-brand {
    float: left;
    height: 100%;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-nav {
    float: left;
    margin: 0;
    margin-top: 40px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.nav>li>a {
    padding: 10px 10px;
}
.homeBanner{
    background-color: #1D2027;
    background-image: url("../img/vector.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 100vh;
}
.mediaBanner{
    background-color: #1D2027;
    background-image: url("../img/vector.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 35vh;
    display: flex;align-items: center;
    justify-content: center;
}
.accent {
    width: 55px;
    height: 2px;
    margin-right: 16px;
    background-color: #dfae4f;
}
.flexDiv{
    display: flex;
}
.alignCenter{
    align-items: center;
}
.bannerDesk{
    height: calc(100vh - 135px); margin-top: 130px; display: flex; align-items: center
}
.bannerDesk img{
    width: 78%; margin: auto;
}
.mtb0{
    margin-top: 0px;
    margin-bottom: 0px;
}
.goldenText{
    color: #dfae4f;
}
.bannerHeading{
    color: white;
    font-size: 24px;
    line-height: 1.3;
    margin-top: 25px;
    margin-bottom: 100px;
    font-family: 'Bitter', serif;
    letter-spacing: 1px;
    word-spacing: 10px;
}
.theEducation{
    margin-top: 30px;
    padding: 50px 0;
}
.educationHeading{
    font-size: 24px;
    font-family: 'Bitter', serif;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: 500;
}
.flexOne{
    flex: 1;
}
.educationBadge{
    padding: 10px;
}
.educationBadge img{
    width: 100%;
    margin-bottom: 10px;
}
p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.homeAbout{
    /*margin-top: 15px;*/
    padding: 100px 0;
    background: #EFEEE9;
}
.w100{
    width: 100%;
}
.pl45{
    padding-left: 45px;
}
.mtb20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.mtb10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.aboutReadmore{
    border: none;
    background: #DFAE4F;
    padding: 15px 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.62);
    -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.62);
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.62);
    color: white;
    outline: none;
}
.rabgeOfBusiness{
    /*background-color: #1D2027;*/
    background-image: url("../img/vector2.svg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0;
}
.downloadbreak{
    background-color: #1D2027;
    /*background-image: url("../img/vector.svg");*/
    /*background-position: top;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    padding: 90px 0;
    font-family: 'Bitter', serif;
}
.familyTree{
    background-color: #1D2027;
    /*background-image: url("../img/vector.svg");*/
    /*background-position: top;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    padding: 90px 0;
}
.downloadbreak h2{
    font-size: 31px;
}
.whiteText{
    color: white;
}
.rangeHeading{
    font-size: 24px;
    /*color: white;*/
    font-family: 'Bitter', serif;
    letter-spacing: 1px;
    word-spacing: 10px;
}
.whiteCompanyDeck{
    padding: 15px;
    margin: 25px auto;
    display: flex;
}
.whiteCompanyDeck .fleximg{
    width: 25%;
}
.whiteCompanyDeck .flextext{
    width: 75%;
}
.blueBg{
    background: #1D2027;
    padding: 50px;
    padding-bottom: 150px;
}
.width80px{
    width: 80px;
}
.goldenHr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #dfae4f;
}
.goldenBorderDeck{
    padding: 40px 30px;
    height: 300px;
}
.goldenBorderRight{
    border-right: 1px solid #dfae4f;
}
.goldenBorderBottom{
    border-bottom: 1px solid #dfae4f;
}

.goldenBorderDeck img{
    margin-bottom: 15px;
}
.goldenBorderDeck .whiteText{
    line-height: 1.5;
}
.homeSocialInitiative{
    padding: 100px 0;
}
.homeSocialInitiativeHeading{
    font-family: 'Bitter', serif;
    font-size: 24px;
    letter-spacing: 1px;
    /*word-spacing: 5px;*/
}
.fw600{
    font-weight: 600;
}
.mb30{
    margin-bottom: 30px;
}
.mb70{
    margin-bottom: 70px;
}
.justifyCenter{
    justify-content: center;
}

.zoomImage{
    width: 80px;
}
.socialCard .zoomImage{
    transition: all 0.5s ease-in-out;
}
.socialCard:hover .zoomImage{
    transform: scale(1.15);
}

.socialCard1{
    width: 42.5%; display: flex; align-items: center; justify-content: flex-end; margin-top: 80px
}
.socialCard1 .socialLine{
    width: 150px; margin-top: 60px; margin-right: -35px
}

.socialCard2{
    width: 15%
}
.socialCard2 .socialLine{
    width: 10px;
}

.socialCard3{
    width: 42.5%; display: flex; align-items: center; margin-top: 80px
}
.socialCard3 .socialLine{
    width: 150px; margin-top: 60px; margin-left: -35px
}

.socialCard4{
    display: flex; align-items: center; justify-content: flex-end; margin-top: 15px
}
.socialCard4 .socialLine{
    width: 150px; margin-top: 20px; margin-right: -50px
}

.socialCard5{
    display: flex; align-items: center; justify-content: flex-end; margin-top: 40px
}
.socialCard5 .socialLine{
    height: 10px; margin-top: 0px; margin-right: -25px
}

.socialCard6{
    display: flex; align-items: center; justify-content: flex-end; margin-top: 90px
}
.socialCard6 .socialLine{
    width: 150px; margin-top: -20px; margin-right: -45px
}

.socialCard7{
    display: flex; align-items: center; margin-top: 15px
}
.socialCard7 .socialLine{
    width: 150px; margin-top: 20px; margin-left: -50px
}

.socialCard8{
    display: flex; align-items: center; margin-top: 40px
}
.socialCard8 .socialLine{
    height: 10px; margin-top: 0px; margin-left: -25px
}

.socialCard9{
    display:flex; align-items: center; margin-top: 90px
}
.socialCard9 .socialLine{
    width: 150px; margin-top: -20px; margin-left: -45px
}

.socialCard10{
    width: 42.5%;display: flex;align-items: center;justify-content: flex-end;margin-top: 0px;height: 100px;
    margin-right: 15px;
}
.socialCard10 .socialLine{
    width: 150px; margin-top: -60px; margin-right: -35px
}

.socialCard11{
    width: 15%
}
.socialCard11 .socialLine{
    width: 10px; margin-top: 25px
}

.socialCard12{
    width: 42.5%; display: flex; align-items: center; margin-top: 0px;height: 100px; margin-left: 15px;
}
.socialCard12 .socialLine{
    width: 150px; margin-top: -60px;  margin-left: -35px
}
.socialTextChange{
    background: #DFAE4F; height: 300px; width: 300px; margin: auto; border-radius: 50%;
    display: flex; justify-content: center;align-items: center;
    padding: 25px;
}
.socialTextChange p{
    font-size: 14px;
    text-align: center;
    color: white;
    margin-bottom: 0;
}





/***************************Hexagon***************************/

.awardsSectionHome{
    background: #EFEEE9;
    padding-top: 100px;
    padding-bottom: 0px;
}
.hex-grid__list {
    --amount: 5;
    position: relative;
    margin: 0 auto;
    list-style-type: none;
    font-family: "Roboto", sans-serif;
    display: grid;
    grid-template-columns: repeat(var(--amount), 1fr 2fr) 1fr;
    font-size: 16px;
    grid-gap: 0.625em 1.25em;
    max-width: 1150px;
}
.hex-grid__item {
    position: relative;
    grid-column: 1/span 3;
    grid-row: calc(var(--counter) + var(--counter))/span 2;
    height: 0;
    padding-top: 86%;
    transition: 0.7s;
}
.hex-grid__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    overflow: hidden;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    transition: 0.5s;
}
.hex-grid__item--blank {
    display: none;
}
.hex-grid__item--fake {
    pointer-events: none;
    transform: scale(0.5);
}
.hex-grid__item--light {
    color: #002543;
}
.hex-grid__item--light::before {
    background-color: transparent;
}
.hex-grid__item {
    transform: scale(0.95);
    z-index: 9;
}
.hex-grid__item:hover {
    transform: scale(1.1);
    z-index: 9;
}
.specialZoom {
    transform: scale(1.01);
}
.hex-grid__item:hover::before {
    clip-path: polygon(25% 100%, 0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%);
}
.hex-grid__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    padding: 6px;
    margin: 0;
    margin-top: -12px;
}
/*.hex-grid__content img{*/
/*    margin: 5px !important;*/
/*}*/

@media screen and (min-width: 1441px) {
    .hex-grid__list {
        --amount: 5;
        --counter: 1;
    }
    .hex-grid__item:nth-of-type(5n + 1) {
        grid-column: 1/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 2) {
        grid-column: 3/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 3) {
        grid-column: 5/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 4) {
        grid-column: 7/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 5) {
        grid-column: 9/span 3;
    }
    .hex-grid__item:nth-of-type(n + 6) {
        --counter: 2;
    }
    .hex-grid__item:nth-of-type(n + 11) {
        --counter: 3;
    }
    .hex-grid__item:nth-of-type(n + 16) {
        --counter: 4;
    }
    .hex-grid__item:nth-of-type(n + 21) {
        --counter: 5;
    }
    .hex-grid__item:nth-of-type(n + 26) {
        --counter: 6;
    }
    .hex-grid__item:nth-of-type(n + 31) {
        --counter: 7;
    }
    .hex-grid__item:nth-of-type(n + 36) {
        --counter: 8;
    }
    .hex-grid__item:nth-of-type(n + 41) {
        --counter: 9;
    }
    .hex-grid__item:nth-of-type(n + 46) {
        --counter: 10;
    }
    .hex-grid__item:nth-of-type(n + 51) {
        --counter: 11;
    }
    .hex-grid__item:nth-of-type(n + 56) {
        --counter: 12;
    }
    .hex-grid__item:nth-of-type(n + 61) {
        --counter: 13;
    }
    .hex-grid__item:nth-of-type(n + 66) {
        --counter: 14;
    }
    .hex-grid__item:nth-of-type(n + 71) {
        --counter: 15;
    }
    .hex-grid__item:nth-of-type(n + 76) {
        --counter: 16;
    }
    .hex-grid__item:nth-of-type(n + 81) {
        --counter: 17;
    }
    .hex-grid__item:nth-of-type(n + 86) {
        --counter: 18;
    }
    .hex-grid__item:nth-of-type(n + 91) {
        --counter: 19;
    }
    .hex-grid__item:nth-of-type(n + 96) {
        --counter: 20;
    }
    .hex-grid__item:nth-of-type(n + 101) {
        --counter: 21;
    }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .hex-grid__list {
        --amount: 5;
        --counter: 1;
    }
    .hex-grid__item:nth-of-type(5n + 1) {
        grid-column: 1/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 2) {
        grid-column: 3/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 3) {
        grid-column: 5/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 4) {
        grid-column: 7/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 5) {
        grid-column: 9/span 3;
    }
    .hex-grid__item:nth-of-type(n + 6) {
        --counter: 2;
    }
    .hex-grid__item:nth-of-type(n + 11) {
        --counter: 3;
    }
    .hex-grid__item:nth-of-type(n + 16) {
        --counter: 4;
    }
    .hex-grid__item:nth-of-type(n + 21) {
        --counter: 5;
    }
    .hex-grid__item:nth-of-type(n + 26) {
        --counter: 6;
    }
    .hex-grid__item:nth-of-type(n + 31) {
        --counter: 7;
    }
    .hex-grid__item:nth-of-type(n + 36) {
        --counter: 8;
    }
    .hex-grid__item:nth-of-type(n + 41) {
        --counter: 9;
    }
    .hex-grid__item:nth-of-type(n + 46) {
        --counter: 10;
    }
    .hex-grid__item:nth-of-type(n + 51) {
        --counter: 11;
    }
    .hex-grid__item:nth-of-type(n + 56) {
        --counter: 12;
    }
    .hex-grid__item:nth-of-type(n + 61) {
        --counter: 13;
    }
    .hex-grid__item:nth-of-type(n + 66) {
        --counter: 14;
    }
    .hex-grid__item:nth-of-type(n + 71) {
        --counter: 15;
    }
    .hex-grid__item:nth-of-type(n + 76) {
        --counter: 16;
    }
    .hex-grid__item:nth-of-type(n + 81) {
        --counter: 17;
    }
    .hex-grid__item:nth-of-type(n + 86) {
        --counter: 18;
    }
    .hex-grid__item:nth-of-type(n + 91) {
        --counter: 19;
    }
    .hex-grid__item:nth-of-type(n + 96) {
        --counter: 20;
    }
    .hex-grid__item:nth-of-type(n + 101) {
        --counter: 21;
    }
}
@media screen and (min-width: 850px) and (max-width: 1280px) {
    .hex-grid__list {
        --amount: 5;
        --counter: 1;
    }
    .hex-grid__item:nth-of-type(5n + 1) {
        grid-column: 1/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 2) {
        grid-column: 3/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 3) {
        grid-column: 5/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 4) {
        grid-column: 7/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 5) {
        grid-column: 9/span 3;
    }
    .hex-grid__item:nth-of-type(n + 6) {
        --counter: 2;
    }
    .hex-grid__item:nth-of-type(n + 11) {
        --counter: 3;
    }
    .hex-grid__item:nth-of-type(n + 16) {
        --counter: 4;
    }
    .hex-grid__item:nth-of-type(n + 21) {
        --counter: 5;
    }
    .hex-grid__item:nth-of-type(n + 26) {
        --counter: 6;
    }
    .hex-grid__item:nth-of-type(n + 31) {
        --counter: 7;
    }
    .hex-grid__item:nth-of-type(n + 36) {
        --counter: 8;
    }
    .hex-grid__item:nth-of-type(n + 41) {
        --counter: 9;
    }
    .hex-grid__item:nth-of-type(n + 46) {
        --counter: 10;
    }
    .hex-grid__item:nth-of-type(n + 51) {
        --counter: 11;
    }
    .hex-grid__item:nth-of-type(n + 56) {
        --counter: 12;
    }
    .hex-grid__item:nth-of-type(n + 61) {
        --counter: 13;
    }
    .hex-grid__item:nth-of-type(n + 66) {
        --counter: 14;
    }
    .hex-grid__item:nth-of-type(n + 71) {
        --counter: 15;
    }
    .hex-grid__item:nth-of-type(n + 76) {
        --counter: 16;
    }
    .hex-grid__item:nth-of-type(n + 81) {
        --counter: 17;
    }
    .hex-grid__item:nth-of-type(n + 86) {
        --counter: 18;
    }
    .hex-grid__item:nth-of-type(n + 91) {
        --counter: 19;
    }
    .hex-grid__item:nth-of-type(n + 96) {
        --counter: 20;
    }
    .hex-grid__item:nth-of-type(n + 101) {
        --counter: 21;
    }
}
@media screen and (min-width: 550px) and (max-width: 849px) {
    .hex-grid__list {
        --amount: 5;
        --counter: 1;
    }
    .hex-grid__item:nth-of-type(5n + 1) {
        grid-column: 1/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 2) {
        grid-column: 3/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 3) {
        grid-column: 5/span 3;
    }
    .hex-grid__item:nth-of-type(5n + 4) {
        grid-column: 7/span 3;
        grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
    }
    .hex-grid__item:nth-of-type(5n + 5) {
        grid-column: 9/span 3;
    }
    .hex-grid__item:nth-of-type(n + 6) {
        --counter: 2;
    }
    .hex-grid__item:nth-of-type(n + 11) {
        --counter: 3;
    }
    .hex-grid__item:nth-of-type(n + 16) {
        --counter: 4;
    }
    .hex-grid__item:nth-of-type(n + 21) {
        --counter: 5;
    }
    .hex-grid__item:nth-of-type(n + 26) {
        --counter: 6;
    }
    .hex-grid__item:nth-of-type(n + 31) {
        --counter: 7;
    }
    .hex-grid__item:nth-of-type(n + 36) {
        --counter: 8;
    }
    .hex-grid__item:nth-of-type(n + 41) {
        --counter: 9;
    }
    .hex-grid__item:nth-of-type(n + 46) {
        --counter: 10;
    }
    .hex-grid__item:nth-of-type(n + 51) {
        --counter: 11;
    }
    .hex-grid__item:nth-of-type(n + 56) {
        --counter: 12;
    }
    .hex-grid__item:nth-of-type(n + 61) {
        --counter: 13;
    }
    .hex-grid__item:nth-of-type(n + 66) {
        --counter: 14;
    }
    .hex-grid__item:nth-of-type(n + 71) {
        --counter: 15;
    }
    .hex-grid__item:nth-of-type(n + 76) {
        --counter: 16;
    }
    .hex-grid__item:nth-of-type(n + 81) {
        --counter: 17;
    }
    .hex-grid__item:nth-of-type(n + 86) {
        --counter: 18;
    }
    .hex-grid__item:nth-of-type(n + 91) {
        --counter: 19;
    }
    .hex-grid__item:nth-of-type(n + 96) {
        --counter: 20;
    }
    .hex-grid__item:nth-of-type(n + 101) {
        --counter: 21;
    }
}
@media screen and (max-width: 549px) {
    .hex-grid__list {
        max-width: 350px;
        --amount: 1;
        grid-gap: 1.5rem 3rem;
    }
    .hex-grid__item--fake {
        display: none;
    }
    .hex-grid__content {
        left: 50%;
        transform: translateX(-50%);
        max-width: 250px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.homeFindUs{
    padding: 100px 0;
}

.officeAddress{
    height: 190px;
    background: #1D2027;
    padding: 25px;
    display: flex;
    align-items: center;
}

.officeAddress p{
    margin-bottom: 0;
}

.officeAddress h4{
    margin-top: 0;
}
.twitter {
    font: normal normal 10px Arial;
    text-align: center;
    color: #998578;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.twitter {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 14px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.twitter:hover {
    color: #FF7D6D;
    text-decoration: none;
}

span {
    font-style: italic;
    display: block;
}

img {
    max-width: 100%;
}
/* Floating Social Media Bar Style Starts Here */

.fl-fl {
    background: #dfae4f;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px;
    width: 190px;
    position: fixed;
    right: -145px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    display: flex;
    align-items: center;
}

.float-sm .fa {
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    width: 40px;
    margin-left: 8px;
}

.fl-fl:hover {
    right: 0;
}

.fl-fl a {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    line-height: 43px!important;
    vertical-align: top!important;
}

.float-fb {
    top: calc(50vh - 110px);
}

.float-tw {
    top: calc(50vh - 55px);
}

.float-gp {
    top: 50vh;
}

.float-rs {
    top: calc(50vh + 55px);
}

.float-ig {
    top: 380px;
}

.float-pn {
    top: 435px;
}

footer{
    background: #1D2027;
    padding-top: 70px;
}
footer h4{
    margin-bottom: 20px;
}
.footerNav{
    color: #AAABAF;
}
footer .fa{
    color: #AAABAF;
    font-size: 20px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.skullThemeButton{
    border: 1px solid #dfae4f;
    color: #dfae4f;
    padding: 15px 20px;
    background: white;
}
.mt50{
    margin-top: 50px;
}
.homeMediaCoverage{
    padding: 100px 0;
    background: #1D2027;
}
.zoomMedia{
    position: relative;
    margin-bottom: 120px;
}
.zoomMedia img{
    transition: all 0.5s ease-in-out;
}
.headImage{
    height: 220px;
    overflow: hidden;
}
/*.headImage img{*/
/*    height: 100%;*/
/*}*/
.overlayPlay{
    position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; display: flex; justify-content: center; align-items: center;
}
.zoomMedia:hover img{
    transform: scale(1.1);
}
.zoomcontent{
    background: white;
    padding: 5px 15px;
    position: absolute;
    bottom: -85px;
    height: 125px;
    width: 95%;
    z-index: 2;
    transition: all 0.5s ease-in-out;
}
.zoomMedia:hover .zoomcontent{
    bottom: -55px;
}
.carouselplr25{
    padding-left: 35px;
    padding-right: 25px;
}
.mb0{
    margin-bottom: 0;
}

.corevalueBadge > div{
    background: #EFEEE9;
    width: 130px;
    height: 130px;
    padding: 25px;
    border-radius: 50%;
    margin: auto;
}

.corevalueBadge img{
    transition: all 1s ease-in-out;
}

.corevalueBadge:hover img{
    transform: scale(1.1);
}
.footerForm input{
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: none;
    background: #EFEEE9;
    outline: none;
    margin-bottom: 10px;
}
.footerForm textarea{
    width: 100%;
    padding: 5px;
    font-size: 14px;
    border: none;
    background: #EFEEE9;
    outline: none;
    margin-bottom: 10px;
}


/*.float-sm{*/
/*    display: none;*/
/*}*/
.blackbgAddress{
    background: #1D2027;
    padding: 15px;
}
.blackbgAddress h3, .blackbgAddress p{
    color: white;
}
.blackbgAddress h3{
    margin-top: 10px;
}

.mapOver{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
}
.webOnly{
    display: block
}
.mobOnly{
    display: none;
}
.mobFlexOnly{
    display: none;
}
.webFlexOnly{
    display: flex;
}

.aboutReadmore, .skullThemeButton {
    width: 168px;
}
.font24{
    font-size: 24px;
}
/*************************IpadPro*******************************/

@media (max-width: 1100px){

    .carouselplr25{
        padding-left: 0px;
        padding-right: 0px;
    }
    .container-fluid{
        padding: 0;
    }
    .nav>li>a {
        padding: 10px 6px;
    }
    .bannerDesk {
        height: 50vh;
        margin-top: 150px;
        display: flex;
        align-items: center;
    }
    .homeBanner{
        height: auto;
    }
    .blackbgAddress {
        background: #1D2027;
        padding: 15px;
        min-height: 275px;
    }
    .socialTextChange{
        width: 280px;
    }
    .hex-grid__list {
        max-width: 100vw;
        --amount: 5;
        --counter: 1;
        padding: 0;
    }
}


/*************************Ipad*******************************/

@media (max-width: 800px){
    header .container{
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
    }
    .nav>li>a {
        padding: 9px 5px;
    }
    .bannerHeading {
        font-size: 24px;
    }
    .bannerDesk .goldenText{
        font-size: 16px;
    }
    .bannerDesk .col-md-6{
        width: 50%;
    }
    #about-section .col-md-6{
        width: 50%;
    }
    .mfdcr{
        flex-direction: column-reverse;
    }
    .mfdcr img{
        margin-bottom: 25px;
    }
    footer .row{
        display: flex;
    }
    .homeFindUs .col-sm-4{
        padding: 1px;
    }
    .homeFindUs .col-md-12{
        padding: 0px;
    }
    .blackbgAddress {
        background: #1D2027;
        padding: 13px;
        min-height: 335px;
    }
    .mh200{
        min-height: 150px;
    }
    .webOnly{
        display: none
    }
    .mobOnly{
        display: block;
    }

    .mobFlexOnly{
        display: flex;
    }
    .webFlexOnly{
        display: none;
    }
}


.nweb{
    display: none;
}
.nmob{
    display: block;
}

@media (max-width: 767px){
    .navbar-header{
        background: #1b1e24;
    }
    body, html{
        overflow-x: hidden;
    }
    .educationHeading {
        font-size: 28px;
        font-family: 'Bitter', serif;
        letter-spacing: 1px;
        line-height: 1.4;
        font-weight: 500;
    }
    .bannerHeading {
        font-size: 20px;
    }
    .bannerDesk .goldenText {
        font-size: 12px;
    }
    .theEducation .mobiledcol{
        flex-direction: column;
    }
    .educationBadge {
        padding: 10px;
        min-width: 50% !important;
    }
    .mobiledcol .flexDiv{
        flex-wrap: wrap;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
        background: #1b1e24;
    }
    .navbar-toggle{
        margin-top: 30px;
    }
    .bannerDesk {
        height: 26vh;
        margin-top: 150px;
        display: flex;
        align-items: center;
    }
    .theEducation {
        margin-top: 0;
        padding: 30px 0;
    }
    .pl45 {
        padding-left: 15px;
    }
    .mobileflexColumn{
        flex-direction: column;
    }
    .mobileflexblock{
        display: block;
    }
    .mw100{
        width: 100% !important;
    }
    .mw100 img{
        margin-bottom: 30px;
    }
    .homeFindUs .col-sm-4 {
        padding: 15px;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 0;
    }
    .blackbgAddress {
        background: #1D2027;
        padding: 13px;
        min-height: 200px;
    }
    .mh200 {
        min-height: 150px;
    }
    footer .row {
        flex-direction: column;
    }
    .col-md-5.col-xs-12 img{
        margin-top: 0 !important;
    }
    .mplr15{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .homeSocialInitiativeHeading {
        font-family: 'Bitter', serif;
        font-size: 28px;
        letter-spacing: 1px;
        /* word-spacing: 5px; */
    }
    .downloadbreak h2 {
        font-size: 22px;
    }
    .downloadbreak{
        padding: 35px 0;
    }
    .aboutReadmore {
        border: none;
        background: #DFAE4F;
        padding: 15px 15px;
        -webkit-box-shadow: 0px 0px 5px 0px rgb(191 191 191 / 62%);
        -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.62);
        box-shadow: 0px 0px 5px 0px rgb(191 191 191 / 62%);
        color: white;
        outline: none;
    }
    .whiteCompanyDeck{
        flex-direction: column;
    }
    .whiteCompanyDeck .flextext {
        width: 100%;
    }
    .mobileflexcolumnreverse{
        flex-direction: column-reverse;
    }
    .mobileflexcolumnreverse .flextext{
        padding-left: 0 !important;
    }
    .mobileflexcolumnreverse .text-right{
        text-align: left;
    }
    .mobileflexcolumnreverse .text-left{
        text-align: right;
    }
    .mobileflexcolumnreverse img{
        margin-bottom: 15px !important;
    }
    .nweb{
        display: block;
        padding-bottom: 50px;
    }
    .nmob{
        display: none;
    }
    .whiteCompanyDeck .fleximg {
        width: 100%;
    }
    .mobileflexColumn .col-md-9{
        text-align: center;
    }
    .bannerDesk {
        height: auto;
        margin-top: 150px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .bannerDesk .col-md-6 {
        width: 100%;
        text-align: center;
    }
    .bannerDesk .alignCenter {
        justify-content: center;
    }
    .fleximg{
        padding-left: 0px !important;
        text-align: center !important;
    }
    .fleximg img{
        width: 150px !important;
    }
    .corevalueBadge > div {
        background: #EFEEE9;
        width: 100px;
        height: 100px;
        padding: 23px;
        border-radius: 50%;
        margin: 5px;
    }
    .aboutReadmore, .skullThemeButton {
        width: 168px;
    }
}
@media (max-width: 767px) {
    .fleximg .mwidth60Imp{
        width: 100px !important;
    }
    .mtb20 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mewidth{
        margin-top: 52px !important;
        width: 94% !important;
    }
    .bannerHeading {
        margin-bottom: 25px;
    }
    .mmtb20{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .goldenBorderDeck {
        padding: 15px 15px;
        padding-top: 0;
        height: 280px;
        margin-bottom: 40px
    }
    .goldenBorderDeck:nth-child(1) {
        margin-bottom: 20px
    }
    .mobFlexOnly{
        margin-bottom: 25px;
    }
}

@media (max-width: 1120px) and (min-width: 1026px){
    .bannerHeading {
        color: white;
        font-size: 24px;
        line-height: 1.3;
        margin-top: 0px;
        margin-bottom: 45px;
        font-family: 'Bitter', serif;
        letter-spacing: 1px;
        word-spacing: 10px;
    }
    .bannerDesk img {
        width: 60%;
        margin: auto;
        /* margin-left: 94%; */
        float: right;
        margin-top: -25px;
    }
    .goldenBorderDeck {
        padding: 40px 30px;
        height: 335px;
    }
}
