.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: underline;
    background-color: none !important;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important;
    text-decoration: underline;
}

/* style.css 14032022 */
/*#region */

/*#endregion*/

/*#region Fonts Faces*/

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf') format("ttf");
    font-weight: 400;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf') format("ttf");
    font-weight: 100
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf') format("ttf");
    font-weight: 200
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf') format("ttf");
    font-weight: 300
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semibold'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf");
    font-weight: 500
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semibold'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf");
    font-weight: 600
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Bold'),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff') format("woff"),url('https:/c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf') format("ttf");
    font-weight: 700
}

@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Italic/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Italic/latest.woff') format("woff"),url('https:/c.s-microsoft.com/static/fonts/segoe-ui/west-european/Italic/latest.ttf') format("ttf");
}

@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 700;
    src: local("Segoe UI Bold Italic"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold-Italic/latest.woff2') format("woff2"),url('https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold-Italic/latest.woff') format("woff"),url('https:/c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold-Italic/latest.ttf') format("ttf");
}

@font-face {
    font-family: "Segoe UI Black";
    font-weight: 800;
    src: url(../fonts/SegoeUi/SegoeUIBlack.sgv#svgFontName) format("sgv")
}

.font-light {
    font-family: "Segoe UI Light","Segoe UI";
    font-weight: 200
}

.font-semilight {
    font-family: "Segoe UI Semilight","Segoe UI";
    font-weight: 300
}

.font-semibold {
    font-family: "Segoe UI Semibold","Segoe UI";
    font-weight: 600
}

.font-bold {
    font-family: "Segoe UI Bold","Segoe UI";
    font-weight: 700
}

.font-boldblack {
    font-family: "Segoe UI Black","Segoe UI";
    font-weight: 800
}

.font-italic {
    font-family: "Segoe UI Italic","Segoe UI";
    font-weight: 500
}
/*#endregion*/

/*#region Base Style */
html {
    overflow-x: hidden
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    background: #262626;
    font-family: Segoe UI;
    font-size: 18px;
    color: #262626;
    font-weight: 400;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: auto !important;
}

input.form-control,
input.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

textarea.form-control:focus {
    border: 1px solid #262626;
    box-shadow: none
}

section {
    background: #fff;
    position: relative;
}

a, a:focus, a:hover {
    color: #1973af;
}

a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none
}

    a:hover {
        text-decoration: none
    }


h1,
h2,
h3,
h4,
h5 {
    color: #000;
    font-family: Segoe UI
}



::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px;
    font-family: "Segoe UI";
    font-weight: 200;
    src: local("Segoe UI Light")
}

::-moz-placeholder {
    color: #fff;
    font-size: 13px
}

:-ms-input-placeholder {
    color: #fff;
    font-size: 13px
}

:-moz-placeholder {
    color: #fff;
    font-size: 13px
}
/* small {
   position: relative;
   top: -10px;
   left: 35px;
   font-size: 16px
} */

/*#endregion*/

/*#region Header*/

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #262626;
    z-index: 9999999999;
    opacity: 1
}

.spinner {
    width: 900px;
    height: 900px;
    top: 30%;
    position: relative;
    margin: 0 auto
}

.cc-banner {
    position: fixed !important;
    bottom: 0px !important;
    width: 100% !important;
    z-index: 10000 !important;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    /* background: url(../images/headerBg.png) 0 0/contain repeat-x */
}

    header nav.navbar {
        max-width: 1921px;
        margin: 0 auto;
        width: 100%;
        /* background: url(../images/headerBg.png) */
        background-color: #000000a3;
    }

    header .navbar-brand {
        text-transform: uppercase;
        letter-spacing: .2em;
        color: #fff !important
    }

    header .navbar {
        background: 0 0/contain repeat-x;
        margin: 0 auto;
        padding: 0 80px;
        transition: .4s
    }

        header .navbar .nav-link:hover {
            outline: 0 !important
        }

        header .navbar .nav-item {
            padding: .8rem 1rem
        }

        header .navbar .dropdown.show > a {
            color: #fff !important
        }

        header .navbar .dropdown-menu {
            font-size: 14px;
            border-radius: 0;
            z-index: -1111111111;
            border: none;
            height: auto;
            box-shadow: none;
            min-width: 12em;
            margin-top: 0;
            background: #000;
            margin-top: 15px;
        }

            header .navbar .dropdown-menu a {
                color: #fff;
                background: 0 0;
                padding-top: 7px;
                padding-bottom: 7px
            }

            header .navbar .dropdown-menu:before {
                bottom: 100%;
                left: 10%;
                border: 10px solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-bottom-color: #fff;
                display: none
            }

        header .navbar.navbar-light .nav-link,
        header .navbar.navbar-light .nav-link.active {
            color: #fff
        }

    header ul.navbar-nav {
        opacity: 1
    }

        header ul.navbar-nav.hide {
            visibility: hidden;
            opacity: 0;
            display: inherit !important
        }

.site-hero {
    position: relative;
    max-height: 1080px
}

.containerText .site-hero-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

#navbar .dropdown-item.active,
#navbar .dropdown-item:active {
    text-decoration: underline;
    background-color: transparent
}

nav .navbar-collapse {
    position: relative;
    margin: 0px;
}

#navbar .dropdown .dropdown-menu {
    max-height: 305px;
    display: none;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: all .3s;
    -o-transition: .3s;
    transition: .3s
}


#navbar .dropdown-menu.show {
    display: block !important;
    position: static !important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: all .3s;
    -o-transition: .3s;
    transition: .3s;
}

#navbar .dropdown-menu.tabShow {
    max-height: 28v0px;
    opacity: 1
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

#TabsMenu {
    padding: 0px;
}

.fixed-top.scrolled {
    background-color: rgba(0,0,0,.8) !important;
    -webkit-transition: .4s;
    transition: .4s
}

/* Tabs Sub Navigation */
.RDtabs {
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    align-items: center;
    padding: 5px;
}

    .RDtabs .nav-item {
        border: none;
        padding: 15px 30px;
        flex: 0 1 auto;
        align-self: auto
    }

    .RDtabs .nav-link {
        border: none;
    }

        .RDtabs .nav-item.show .nav-link,
        .RDtabs .nav-link.active {
            border: none
        }

    .RDtabs .nav-item .nav-link {
        color: #a6a6a6
    }

    .RDtabs .nav-link:focus,
    .RDtabs .nav-link:hover {
        border: none
    }

    .RDtabs .nav-item:focus {
        /*outline: 0 !important*/
    }

    .RDtabs#WhatWeDo .nav-link.anchor-link.active,
    .RDtabs#WhoWeAre .nav-link.anchor-link.active {
        background: #fff
    }

.sectionTabs {
    padding-top: 50px
}

.is-sticky .sticky-nav {
    margin-top: 68px;
    background: #fff;
    position: relative;
    z-index: 10000 !important
}

#sidebar {
    transition: .4s
}

    #sidebar.sticky {
        position: fixed;
        top: 65px;
        width: 100%;
        z-index: 100;
        background: #fff;
        padding: 0;
        box-shadow: 1px 1px 9px #ddd;
        max-width: initial;
        transition: .4s
    }

.parallax-video {
    /* backface-visibility:hidden;
  background-size:cover;
  bottom:0;
  height:auto;
  min-height:100%;
  min-width:100%;
  perspective:1000;
  position:fixed;
  right:0;
  width:auto;
  z-index:-1; */
}

/* Site Hero */
.site-hero > .container {
    position: relative;
    z-index: 2
}

.site-hero h1 {
    font-size: 80px;
    color: #fff;
    line-height: 85px;
}

.site-hero .site-hero-inner {
    min-height: auto
}

#SlideDownArrow {
    display:none;
    left: 50%;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s ease-in-out;
    z-index: 1;
    margin-top: -55px;
}

/*#endregion*/

/*#region General Classes*/
.tab-content {
    min-height: 500px;
    outline: none;
    border: none;
}

.tab-pane {
    outline: none;
    border: none;
}

.tab-content .background-white a, .tab-content .background-black a {
    font-weight: bold;
}

    .tab-content .background-white a:hover, .tab-content .background-black a:hover {
        text-decoration: underline;
    }

.tab-content .background-white {
    background-color: white;
}

.tab-content .background-black {
    background-color: #262626;
    color: white;
}

.tab-content .background-purple {
    background-color: #8764b8;
    color: #000;
}

.tab-content .background-page {
    background-size: cover;
}

    .tab-content .background-page a,
    .tab-content .background-page a:visited {
        color: #262626;
        text-decoration: underline;
        font-weight: bold;
    }

        .tab-content .background-page a:hover {
            color: black;
            transition: all 0.5s ease;
        }

.wow {
    visibility: hidden
}

.h100 {
    height: 100%
}

.ml10 {
    margin-left: -10px
}

.colorDarkGrey {
    color: #262626 !important
}

.blue-color.modal-open {
    padding-right: 0 !important
}

.row {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.sep {
    margin: 0px 5px;
}

.list-unstyled {
    margin: 0
}

#navbar .dropdown-toggle:after {
    display: none
}

.overflow-hidden {
    overflow: hidden
}

a.ReadArrow:after {
    content: "»";
    margin-left: 5px;
    margin-top: 5px
}

.paragraph-caption {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.h900 {
    height: 900px !important
}

.lh85 {
    line-height: 85px !important
}

.lh75 {
    line-height: 70px !important
}

.lh60 {
    line-height: 60px !important
}

.fb img {
    width: 7%
}

.in img,
.yt img {
    width: 15%
}

.floatingSquare {
    position: absolute;
    z-index: 2;
    right: 0;
    display: none; /* not needed for now */
}

.leftSquare {
    position: relative;
    z-index: 9999
}

.smallFont {
    font-size: 22px
}

.gif {
    position: absolute;
    bottom: 0;
    right: 0
}

    .gif img {
        min-height: 800px;
        max-height: 800px;
        height: 800px
    }

.sectionSmall2 {
    height: 800px;
    padding-top: 6%
}

.pl-25 {
    padding-left: 25px
}

.parTitleSign {
    padding-left: 34px;
    padding-right: 34px;
}

.sectionPadding4 {
    height: 800px;
    padding-top: 14%;
    position: relative
}

.sectionPadding5 {
    height: 800px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.yPadding {
    padding: 100px 0
}

.yPadding2 {
    padding: 310px 0
}

.yPadding50 {
    padding: 50px 0
}

.xPadding {
    padding-left: 100px;
    padding-right: 100px
}

.btn:hover {
    -webkit-box-shadow: 0 3px 10px -2px rgba(0,0,0,.2) !important;
    box-shadow: 0 3px 10px -2px rgba(0,0,0,.2) !important
}

.pTopHP {
    padding-top: 0;
    margin-left: 25%;
}

.p-10 {
    padding: 10% !important
}

.custom-icon:after,
.custom-icon:before {
    font-size: 50px;
    color: #ff6d24;
    margin-left: 0
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #000 !important
}

.font-black {
    color: #404040 !important
}

.font-blackDark {
    color: #262626 !important
}

.font-blackWhite {
    color: #fff !important
}
/* .embed-responsive {
   height: 720px
} */
.h720 {
    height: 720px;
}

#play {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: calc(50% - 5em);
    left: calc(50% - 4em)
}

    #play.idle::before {
        content: url(../images/PlayBtn.png);
        cursor: pointer;
        opacity: .8
    }

.embed-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.list-unstyled.check li {
    position: relative;
    padding-left: 30px;
    line-height: 1.3;
    margin-bottom: 10px
}

    .list-unstyled.check li:before {
        color: #17a2b8;
        left: 0;
        font-family: Ionicons;
        content: "\f122";
        position: absolute
    }

.element-animate {
    opacity: 0;
    visibility: hidden
}

.flex-layout_column {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column
}

.icon_wrap {
    height: 85px;
    width: 85px;
    margin: 0 auto;
    flex-grow: 1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    padding-bottom: 20px
}

.rollInImage {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: auto;
    height: 110%;
    max-width: initial;
}

.moreResourcesRollInImage {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0px;
    width: auto;
    height: 110%;
    max-width: initial;
}

.more-resources-right .moreResourcesRollInImage {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 40px;
    width: auto;
    height: 110%;
    max-width: initial;
}

.rollInImageJoinUs {
    position: absolute;
    bottom: -62px;
    width: auto;
    height: 550px;
    max-width: initial;
    z-index: 6;
}

    .rollInImageJoinUs.left {
        right: 0px;
    }

    .rollInImageJoinUs.right {
        left: 0px;
    }


body.green-color #Events .rollInImageJoinUs {
    bottom: 0;
    height: 120%;
    left: 20%;
}

body.pink-color #PersonalDevelopment .rollInImageJoinUs {
    height: 120%;
    bottom: 0;
}

body.dark-orange-color #TheGarage .rollInImageJoinUs {
    /*height: 120%;*/
    bottom: 0;
    left: 0%;
    right: auto;
}


body.dark-orange-color .MicrosoftNorth .rollInImageJoinUs {
}

.join-us.background-white {
    padding: 0px !important;
}

.join-us .row {
    height: 600px;
}

.titleSign {
    display: inline-block;
    margin-right: 40px;
    text-align: left;
}

.QuoteText {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    line-height: 44px
}

.QuoteName {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2em;
}

    .QuoteName::before {
        content: "-";
        margin-right: 5px;
        color: #fff
    }

    .QuoteName::after {
        content: "-";
        margin-left: 5px;
        color: #fff
    }

.blackCover {
    position: absolute;
    background: #000;
    float: left;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bigFont {
    font-size: 50px;
    line-height: 1;
    color: #262626
}

.mediumWhiteFont {
    font-size: 36px;
    line-height: 50px;
    color: #fff
}

.mediumBlackFont {
    font-size: 36px;
    line-height: 50px;
    color: #262626
}

.sectionPadding {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: auto;
    padding: 180px 0;
}

.SectionImage {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: 100% !important;
    filter: blur(5px);
    background-position: center center;
}

.full-background-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 720px;
}

.hover-grey {
    filter: grayscale(100%);
    transition: all 0.5s ease;
}

    .hover-grey:hover {
        filter: grayscale(0%);
        transition: all 0.5s ease;
    }
/* Button */
.pageButton a {
    padding: .6rem 3.5rem;
    font-size: 24px;
    text-align: center;
}

    .pageButton a:hover,
    .pageButton a:focus {
        border: 1px solid #fff;
        color: #fff;
        outline: 0;
        transition: transform .3s ease-out;
        text-decoration: none;
    }

.joinUsButton a {
    padding: 0.4rem 3.5rem 0.7rem 3.5rem;
    font-size: 24px;
    margin-left: 5px;
    text-decoration: none;
}

    .joinUsButton a:hover,
    .joinUsButton a:focus {
        border: 1px solid #fff;
        color: #fff;
        transition: transform .3s ease-out;
        text-decoration: none;
    }

.joinUsButton.blackButton a {
    color: #000;
    border: 2px solid #000;
    transition: none;
    text-decoration: none;
}

    .joinUsButton.blackButton a:hover,
    .joinUsButton.blackButton a:focus,
    input.blackButton:focus {
        box-shadow: inset 0 0 0 1.2em rgba(0,0,0,.1);
        text-decoration: none;
    }

.joinUsButton.white a {
    border: 2px solid #fff;
    color: white;
    text-decoration: none;
}

    .joinUsButton.white a:hover,
    .joinUsButton.white a:focus {
        box-shadow: inset 0 0 0 1.2em rgba(255,255,255,.4);
        text-decoration: none;
    }


.Whitebg {
    background-color: #fff !important
}

.sectionPadding1 {
    height: 800px;
    padding-top: 10%;
    position: relative
}

.sectionPadding2 {
    height: 803px;
    padding-top: 0;
    position: relative
}

.sectionPadding3 {
    height: 800px;
    padding-top: 5%;
    position: relative
}

.sectionSmall {
    height: auto;
    padding: 180px 0
}

.container-small {
    max-width: 800px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

    .container-small .row {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.container-xsmall {
    max-width: 500px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 25%
}

.container-medium {
    max-width: 1000px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container-large {
    max-width: 1500px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.Mtop40 {
    margin-top: 140px
}

.text-black.hov:hover {
    color: #fff !important
}

.blurShape::before {
    content: '';
    height: 30px;
    background: #fff;
    display: block;
    position: absolute;
    top: -25px;
    z-index: 5;
    right: 0;
    left: 0
}

.blurShape::after {
    content: '';
    height: 30px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -25px;
    z-index: 5;
    right: 0;
    left: 0
}

.blurAfterDark::after {
    background: #262626;
}

.whiteTitleSign {
    background: url(../images/whiteTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.orangeTitleSign {
    background: url(../images/orangeTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.pinkTitleSign {
    background: url(../images/pinkTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.greenTitleSign {
    background: url(../images/greenTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.blueTitleSign {
    background: url(../images/blueTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.blackTitleSign {
    background: url(../images/blackTitleSign.png) no-repeat;
    padding: 25px 0 0 30px
}

.fontsize-30 {
    font-size: 30px
}

.box-container {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border: 2px solid #fff;
    margin-bottom: 20px
}

.ProductVideos .box-container {
    padding-top: 230px !important;
}

.box-container .box-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.outreach-box .box-container img {
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transition: 1s;
    transition: 1s ease-in-out
}

.outreach-box .box-container:hover {
    background: #ffffff1c
}

    .outreach-box .box-container:hover img {
        left: 50%;
        top: 20%
    }

.floating-small-section {
    width: 135px;
    height: 135px;
    background: rgba(255,192,0,.4);
    position: absolute;
    right: 50px;
    top: -100px
}

.padding10 {
    padding-top: 10%
}

.pl60 {
    padding-left: 60px
}

.pl50 {
    padding-left: 50px
}

.blackHover {
    font-weight: normal !important;
    color: black;
}

    .blackHover:hover {
        color: #000 !important;
        transition: all 0.5s ease !important;
    }

.visit-us-box {
    border: 2px solid #000;
    padding: 24px;
    margin: 10px;
    width: 100%;
    height: 90%;
    min-height: 240px;
}

.visit-box .box-container {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border: 2px solid #000
}

.Dpad0 {
    padding: 0
}

.visit-box .box-container .box-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 24px;
    color: inherit
}

    .visit-box .box-container .box-inner .box-text {
        font-size: 22px;
        line-height: 26px
    }

.vertical-center {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self {
    align-self: center
}

.align-items-center {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.facts-box .box-title {
    font-size: 3.5vw;
    color: #262626
}

.facts-box .box-subtitle {
    font-size: 3.5vw;
    color: #262626;
    line-height: 25px
}

.facts-box p {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 35px;
    margin-left: 4px;
}

section.WishYouWereHere {
    background: #fff
}
/* section.BlueHatIL {
   background: #262626
} */
section.BlueHatIL p a {
    color: #fff
}

section.BlueHatNights p a {
    color: #262626
}

.WLink {
    color: #fff
}

.lhSmall {
    display: block;
    line-height: 25px
}


/* Carousel */

.carousel-control-next, .carousel-control-prev {
    width: 130px;
}

.carousel-control-prev-icon {
    background-image: url(../images/leftArrowCarousel.png);
    width: 80px;
    height: 80px
}

.carousel-control-next-icon {
    background-image: url(../images/rightArrowCarousel.png);
    width: 80px;
    height: 80px
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    filter: drop-shadow(2px 4px 6px black) !important;
    opacity: 1 !important;
}

    .carousel-control-next:focus span, .carousel-control-next:hover span, .carousel-control-prev:focus span, .carousel-control-prev:hover span {
        background-color: rgba(0,0,0,0.5);
    }

.carousel-item {
    height: 900px;
}

.carousel-item-par {
    margin-top: 35px;
    margin-bottom: 35px;
}

.carousel-indicators {
    display: none
}
/* .carousel-control-next,
.carousel-control-prev {
   width: 10%
} */
/* #Startups .carousel-control-next {
   right: 0
}
#Startups .carousel-control-prev {
   left: 0
} */
/* .carousel-control-next {
   right: -40px
}
.carousel-control-prev {
   left: -40px
} */

.white-title {
    text-align: right;
}

.white-desc {
}

.navbar-brand:focus {
    border-bottom: none !important;
}

.w35 {
    width: 35%
}

.YLbg {
    background: url(../images/yellowBgCarousel.jpg)
}

.Quote small {
    font-size: 18px;
    color: #404040;
    font-weight: 300
}

.MicrosoftAsaaf {
    background: #262626
}

a.yellow-plus {
    float: right;
    font-size: 50px;
    color: #becd30;
    text-decoration: none !important;
    line-height: 50px;
    cursor: pointer !important
}

    a.yellow-plus:active,
    a.yellow-plus:focus {
        color: #becd30;
        outline: 0;
        border: 1px solid
    }

.swiper-slide ul li a {
    border: 2px solid transparent
}

    .swiper-slide ul li a:focus {
        border: 2px solid #becd30;
        outline: 0
    }

.speakers-modals h1 {
    font-size: 20px;
    color: #0a0624;
    font-weight: 700;
    line-height: 19px
}

.speakers-modals h5 {
    font-size: 24px;
    color: #0a0624
}

.speakDescriptpop {
    border-bottom: 2px solid #becd30
}

.speakers-modals p {
    color: #404040;
    font-size: 18px;
    padding-bottom: 10px
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    opacity: 1 !important
}

.reveal-modal {
    visibility: hidden;
    top: 200px;
    left: 50%;
    margin-left: -300px;
    min-height: 375px;
    width: 520px;
    background: #eee;
    position: absolute;
    z-index: 101;
    padding: 26px 21px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

    .reveal-modal .close-reveal-modal {
        font-size: 50px;
        line-height: .5;
        position: absolute;
        top: 5px;
        right: 11px;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        cursor: pointer
    }

        .reveal-modal .close-reveal-modal:hover {
            text-decoration: none
        }

.speakers-modals img {
    display: block;
    text-align: right;
    width: 100%;
    height: 250px;
    object-fit: cover
}
/* section.SomeRandomFacts {
   padding: 0
}
section.FamousLastWord {
   background: #fff
} */

#fold5 .floating-small-section,
#foldBlur7 .floating-small-section,
#foldBlur8 .floating-small-section {
    top: -350px !important
}

.video-icon {
    background: url(../images/video-icon.png) 0 0/100%;
    width: 40px;
    height: 40px
}

.carousel-logo {
    width: auto;
    height: 115px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.font24 {
    font-size: 21px;
    font-family: "Segoe UI Semibold","Segoe UI";
    font-weight: 500;
    line-height: 1.1;
}

.fontWhite {
    color: #fff !important
}

.ligther {
    font-weight: 300
}

.p12 {
    padding-top: 12% !important
}

.mediumFont {
    font-size: 36px
}

.font50 {
    font-size: 50px;
    line-height: 50px
}

.Lh20 {
    line-height: 20px
}

.GrayBG {
    background: #f2f2f2
}

.largeVideo {
    width: 1200px
}

.closeVideo {
    background: url(../images/closeVideo.png);
    width: 28px;
    height: 29px;
    cursor: pointer;
    position: absolute;
    top: 44px;
    right: 0;
    z-index: 99999
}

.split3-section p {
    font-size: 17px
}

.darkBg {
    background: #262626
}

.boxWhiteFont {
    font-size: 46px;
    line-height: 46px
}

.form-group input.form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #262626;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    color: #262626;
    font-weight: 600;
    padding-left: 0;
    padding-bottom: 15px
}

    .form-group input.form-control::-webkit-input-placeholder {
        font-size: 18px;
        color: #262626;
        font-weight: 600
    }

    .form-group input.form-control ::-moz-placeholder {
        font-size: 18px;
        font-weight: 600;
        color: #262626
    }

    .form-group input.form-control:-ms-input-placeholder {
        font-size: 18px;
        color: #262626;
        font-weight: 600
    }

    .form-group input.form-control :-moz-placeholder {
        font-size: 18px;
        color: #262626;
        font-weight: 600
    }

.form-group label {
    font-size: 18px;
    color: #262626;
    font-weight: 600
}

.form-group textarea {
    border: 1px solid #262626;
    border-radius: 0
}

.textarea:focus {
    outline: 0;
    border: none
}

.help-block.with-errors {
    font-size: 14px
}

#submit {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    padding: .6rem 3.5rem;
    font-size: 24px;
    outline: 0;
    cursor: pointer
}

    #submit:hover {
        box-shadow: inset 0 0 0 1.2em rgba(0,0,0,.1)
    }

.vAlign {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}


.box-container a:focus {
    border: 3px solid #3fb1d1
}

.wowRemovedAccesibility {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important
}

.close-bs-modal {
    font-size: 64px;
    line-height: .5;
    color: #becd30;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent;
    width: 50px;
    height: 50px;
    position: relative;
    right: 10px;
    top: 10px
}

.blue-color .close-bs-modal {
    color: #3fb1d1 !important
}

.close-bs-modal:focus {
    border: 1px solid;
    outline: 0
}

.close-bs-modal span {
    position: relative;
    top: -17px;
    left: -14px
}

.modal-header {
    border: none
}

.modal-content {
    border-radius: 0;
    border: none
}

.modal-dialog {
    width: 95%;
    max-width: 1200px
}

.product-videos-mobile a span {
    color: #262626;
}

.speakers-modals .modal-footer {
    position: relative;
    height: 30px;
    padding: 0;
    border: none
}

.speakers-modals .modal-dialog {
    top: 10%
}

.modalArrowRight {
    background: url(../images/modalRightArrow.png) 0 0/100% no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    bottom: 30px
}

.modalArrowLeft {
    background: url(../images/modalLeftArrow.png) 0 0/100% no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    left: 20px;
    bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.noPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.xPadding {
    padding-top: 225px !important;
    padding-bottom: 225px !important
}

.container.VideoContainer {
    z-index: 100;
}

section.background-white, section.background-black {
    padding: 100px 0px;
}

.process-snapshot .snapshot-item-container {
    border: 1px solid #dddddd;
    padding: 45px 10px 30px 10px;
    flex: 1 1;
    margin: 0px 8px;
}

    .process-snapshot .snapshot-item-container::before {
        content: ">";
        color: #f86097;
        right: -11px;
        position: absolute;
        font-size: 38px;
        font-weight: 800;
        font-family: monospace;
        background-color: #262626;
        line-height: 1.1em;
        top: calc( 37% - 10px);
    }

    .process-snapshot .snapshot-item-container:last-child::before {
        display: none;
    }

.process-snapshot .snapshot-img {
    position: absolute;
    top: -52px;
    left: calc(50% - 40px);
    width: 80px;
    background: #262626;
    height: 80px;
}

.process-snapshot .snapshot-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.1em;
}

.process-snapshot .snapshot-desc {
    text-align: center;
    font-size: 12px;
}

.process-snapshot .snapshot-remark {
    margin: 0px 0px 0px auto;
    padding: 0px 40px 20px 20px;
    text-align: left;
    width: 52%;
    font-size: 12px;
}

.interview-card .btn-link {
    color: #262626;
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    white-space: normal;
}

    .interview-card .btn-link:hover, .interview-card .btn-link:focus {
        color: #262626;
        background: none;
        border: none;
        font-size: 20px;
        font-weight: 500;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.interview-card-header {
    font-size: 22px;
}

.interview-card .btn-link .svg-icons .i-chevron-top {
    display: block;
}

.interview-card .btn-link .svg-icons .i-chevron-bottom {
    display: none;
}

.interview-card .btn-link.collapsed .i-chevron-top {
    display: none;
}

.interview-card .btn-link.collapsed .i-chevron-bottom {
    display: block;
}

.interview-card .btn-link {
    font-weight: 400;
}

    .interview-card .btn-link[aria-expanded='true'] {
        font-weight: 500;
    }

.interview-card .svg-icons {
    color: #f86097;
    float: right;
}

.interview-card {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.interview-card-body-text ul {
    list-style-position: outside;
    margin-left: 21px !important;
}

.interview-card-body-caption {
    font-weight: 500;
    font-size: 22px;
    margin: 30px 0px 10px 0px;
}

.interview-card-body-title {
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 3px;
}

.interview-card-body {
    margin-bottom: 50px;
    margin-top: 20px;
}

#interview #accordion {
    margin: 0px 30px;
}

.interview-card-cat {
    width: 80%;
    display: inline-block;
}

.interview-card-body-watch a {
    font-size: 22px;
    display: none;
}

.finalwords-item-container {
    text-align: center;
    margin-bottom: 60px;
    padding: 5px;
}

    .finalwords-item-container .finalwords-img {
        margin: 10px auto;
        text-align: center;
        width: 80px;
        height: 80px;
        margin-left: -20px;
    }

.benefits .finalwords-item-container .finalwords-img {
    width: 60px;
    height: 60px;
    margin: 10px auto;
    text-align: center;
    margin-left: -40px;
}

.benefits .finalwords-item-container {
    margin-bottom: 25px;
}

.finalwords-item-container .finalwords-title {
    text-align: left;
    margin: 0px 10px;
    font-size: 16px;
    line-height: 1.5em;
}

.finalwords-item-container .finalwords-caption {
    margin: 0px 0px 5px 0px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: left;
}

.finalwords-item-container .finalwords-desc {
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    padding-right: 10px
}
/*#endregion*/
/*#region Rotating & Swipe */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/yellow_arrow.svg);
    left: auto
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/yellow_arrow.svg);
    left: 10px;
    right: auto;
    transform: rotate(-180deg)
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 0;
    width: 27px;
    height: 44px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-wrapper {
    box-sizing: border-box
}

.swiper-buttons-container {
    position: relative;
    height: 44px
}

.swiper-slide ul {
    float: initial;
    padding: 0;
    list-style: none;
    margin: 0
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-position: 40px 0
}

.twitter_link img {
    width: 30px;
    vertical-align: top;
}
/*#endregion*/

/*#region Footer*/

.site-footer {
    padding: 2em 0 4em;
    font-size: 16px;
    background: #262626;
    color: #fff;
    position: relative;
}

    .site-footer .list-unstyled li {
        margin-bottom: 7px
    }

        .site-footer .list-unstyled li h3 {
            font-size: 16px;
            font-family: Segoe UI
        }

    .site-footer p {
        color: #fff
    }

        .site-footer p:last-child {
            margin-bottom: 0
        }

    .site-footer a,
    .site-footer h3 {
        color: #fff
    }

        .site-footer a:hover {
            opacity: 1.0;
            text-decoration: underline;
        }

    .site-footer img {
        filter: drop-shadow(2px 4px 6px black);
    }

    .site-footer h3 {
        font-size: 20px
    }

    .site-footer .footer-link li {
        line-height: 1.5;
        margin-bottom: 15px
    }

    .site-footer .list-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-between;
        align-items: center;
        padding-left: 0;
        list-style: none;
    }


.heartIcon {
    background: url(../images/heartIcon.png) center center no-repeat;
    width: 30px;
    height: 30px;
    display: inline-flex;
    position: relative;
    top: 5px
}

.footerMediaTitle {
    font-size: 30px;
    line-height: 32px;
    position: relative;
    top: 5px
}

.border-t {
    border-top: 1px solid #f8f9fa
}

.copyright {
    font-size: 14px
}

footer {
    background: #262626
}

.footerSocialMedia .social-link:first-child {
    margin-left: -10px
}

.footer-links :focus {
    outline: 0;
    text-decoration: underline;
}

.social-link a:focus {
    outline: 0
}

    .social-link a:focus img {
        outline: -webkit-focus-ring-color auto 1px;
    }

.footerCopyright a:focus {
    outline: 0;
    border-bottom: 1px solid #fff
}

/*#endregion*/

/**********************************************************************/
/*           Page Sections                                            */
/**********************************************************************/

.sectionTabs {
    background: #fff
}

/*#region Index (orange) */

body.orange-color .dropdown-item.active,
body.orange-color .dropdown-item:active,
body.orange-color .footer-links a.active,
body.orange-color header .navbar .dropdown-menu a:hover,
body.orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
body.orange-color header .navbar .nav-link.active,
body.orange-color header .navbar .nav-link:hover {
    color: #ffc000 !important
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffc000 !important;
    text-decoration: none;
    /*background-color: #ffffff !important;*/
}

body.orange-color .fixedSection {
    background: rgba(255,192,0,.4)
}

.orange-color .hovColor:hover {
    color: #ffc000 !important
}

.orange-color a.hovColor:focus {
    outline: 0;
    color: #ffc000 !important
}

.orange-color .text-black.hov:focus {
    outline: 0;
    color: #fff !important
}
/* .orange-color .box-container a:focus {
   border: 2px solid #ffc001
} */

/* Navbar */
.orange-color .navbar-brand:focus {
    border-bottom: 1px solid #ffc000;
}

.orange-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffc000
}

/* JoinUsButton */

body.orange-color .joinUsButtonLink a {
}

    body.orange-color .joinUsButtonLink a:focus {
        border: 1px solid #ffc000
    }

body.orange-color .joinUsButton.orange a {
    border: 2px solid #ffc000;
    box-shadow: inset 0 0 0 1.2em rgba(255,192,0,1);
    color: black;
}

    body.orange-color .joinUsButton.orange a:hover,
    body.orange-color .joinUsButton.orange a:focus {
        box-shadow: inset 0 0 0 1.2em rgba(255,192,0,0.9);
    }

body.orange-color .joinUsButton.blackButton a:hover,
body.orange-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(255,192,0,0.8);
}

.OrangeSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    top: -470px;
    z-index: 5;
    background: rgba(255,192,0,.4);
    opacity: 1 !important
}

body.orange-color .floating {
    position: relative;
    z-index: 999999
}

.afBorder a:after {
    content: "|";
    margin-left: 10px
}

.afBorder a:last-child:after {
    content: ""
}

.owl_icon {
    background: url(../images/academia_animation_01.svg) 0 0/contain no-repeat;
    width: 100%;
    position: relative;
    height: 85px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    left: 15px
}

.box-container.mb-5:hover .owl_icon {
    background: url(../images/academia.svg) 0 0/contain no-repeat;
    width: 100%;
    height: 85px
}

.OutrechIMG {
    background: url(../images/outreachBg.jpg) 0 0/cover;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.community_icon {
    background: url(../images/community_01.svg) 0 0/contain no-repeat;
    width: 100%;
    height: 85px;
    transition: transform .3s ease-out
}

.box-container.mb-5:hover .community_icon {
    transform: scale(.9)
}

#BkESYyJ7eX,
#ByQSt1ymxX,
#Syzrt1yQlm {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.5px
}

#B1SrYk1mem,
#HJwSFk17lX,
#ryIStkJQxm {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.5px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform-box: fill-box
}

#HJBYy1XlQ {
    width: 100%
}

.box-inner .house-line {
    opacity: 1;
    position: relative;
    transition: opacity .3s ease-out
}

.box-inner:hover .house-line {
    opacity: 0
}

.box-inner .house-line.one {
    transition-delay: 0s
}

.box-inner .house-line.two {
    transition-delay: .1s
}

.box-inner .house-line.three,
.box-inner:hover .house-line.one {
    transition-delay: .2s
}

.box-inner :hover .house-line.two {
    transition-delay: .1s
}

.box-inner:hover .house-line.three {
    transition-delay: 0s
}

.project_north_icon {
    background: url(../images/projectnorth_icon.svg) 0 0/contain no-repeat;
    width: 100%;
    height: 85px;
    max-height: 100px;
    transition: transform 1s ease-out,opacity .8s ease-out;
    opacity: 1
}

.box-container.mb-5 {
    overflow: hidden
}

    .box-container.mb-5:hover .project_north_icon {
        width: 100%;
        height: 85px;
        background-size: contain;
        transform: translate(50px,-50px) scale(.2);
        opacity: 0
    }

#HomepageWorkWithUsSection {
    padding: 170px 0px;
}


/*#endregion*/

/*#region Who We Are (green) */


/* Navigation */
body.green-color .RDtabs .nav-item.show .nav-link,
body.green-color .RDtabs .nav-link.active,
body.green-color .dropdown-item.active,
body.green-color .dropdown-item:active 
{
    color: #757c06 !important
}

body.green-color .footer-links a.active {
    color: #cdd737 !important
}

body.green-color .RDtabs .nav-item a.nav-link:focus {
    outline: #757c06 !important;
    border: 0 solid #cdd737
}

.navbar .nav-item.whoweare .dropdown-menu a:hover,
.navbar .nav-item.whoweare.show a.dropdown-toggle,
.navbar .nav-item.whoweare .nav-link.active,
.navbar .nav-item.whoweare .nav-link:hover {
    /*color: #cdd737 !important;*/
}

.navbar .nav-item.whoweare .dropdown-menu,
.navbar .nav-item.whoweare .dropdown:hover .dropdown-menu {
    border-top: 3px solid #cdd737;
}

body.green-color .navbar-brand:focus:focus {
    border-bottom: 1px solid #cdd737;
}

body.green-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #cdd737
}

/* joinUsButton */

body .joinUsButtonLink a {
}

    body .joinUsButtonLink a:hover {
        color: #ffc000 !important;
    }

    body .joinUsButtonLink a:focus {
        color: #ffc000 !important;
        border: 1px solid #cdd737;
    }

body.green-color .joinUsButton.green a {
    box-shadow: inset 0 0 0 1.2em rgba(205,215,55,1);
    border: 2px solid #cdd737;
    color: black;
}

    body.green-color .joinUsButton.green a:focus,
    body.green-color .joinUsButton.green a:hover {
        box-shadow: inset 0 0 0 1.2em rgba(205,215,55,0.9);
    }

body.green-color .joinUsButton.blackButton a:hover,
body.green-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(205,215,55,0.8);
}

body.green-color .pageButton.green a {
    border: 2px solid #fff;
    color: #fff;
    font-size: 21px;
    padding: 0.4rem 3rem;
    font-weight: normal;
}

    body.green-color .pageButton.green a:focus,
    body.green-color .pageButton.green a:hover {
        box-shadow: inset 0 0 0 1.4em rgba(205,215,55,.4);
        color: #cdd737;
        border: 2px solid #cdd737
    }

body.green-color .pageButton.green.active a {
    border: 2px solid #cdd737;
    color: #cdd737;
}

/* Body */
body.green-color .background-page {
    background-image: url('../images/greenBgMan2.png');
}

body.green-color .swiper-slide a:focus {
    outline: 0;
    border: 2px solid #cdd737
}

body.green-color .read_more a:focus {
    outline: 0;
    border: none;
    color: #747e12
}

body.green-color #MoreBuzzDynamicSection a:focus,
body.green-color .BlueHatIL a:focus,
body.green-color .MicrosoftAsaaf a:focus {
    color: #cdd737 !important;
    outline: 0
}

body.green-color .fixedSection {
    background: rgba(205,215,55,.4)
}

body.green-color .floating-small-section {
    background: rgba(205,215,55,.4);
    position: absolute;
    left: 20%;
    top: -100px
}

body.green-color .hovColor:hover,
body.green-color .hovColor:focus {
    color: #757c06 !important
}

body.green-color .controlsWrapper .button {
    background: #cdd737
}

body.green-color .Valiant360_default .valiant-progress-bar > div:first-child {
    background-color: #cdd737
}

body.green-color .bigFont {
    color: #262626
}

.GreenSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    z-index: 5;
    background: rgba(205,215,55,.5);
    opacity: 1 !important;
    top: -180px
}

body.green-color .floating {
    position: relative;
    z-index: 999999;
    top: -45%;
    right: -11%
}
/* #AboutUs_SomeRandomFacts .col-md-12 {
   padding-left: 0
}
#AboutUs_SomeRandomFacts .container.m-0.p-10.mt-4 {
   padding-top: 0!important;
   padding-bottom: 0!important
} */
.rollInImageEvent {
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 390px;
    max-width: 390px
}

.NewsBg {
    background-image: url(../images/Assaf.jpg) !important;
    width: 100%
}

#EventsVideosDynamic .joinUsButton a {
    font-size: 21px;
    padding: .4rem 3rem
}

article#review_board li h5 {
    font-size: 24px;
    line-height: 24px
}

article#review_board li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    height: 300px;
    object-fit: contain;
}

article#review_board li a:hover img, article#review_board li a:focus img {
    -webkit-filter: none;
    filter: none
}

article#review_board li p {
    font-size: 20px;
    height: 100px;
    overflow: hidden;
    line-height: 24px
}

article#review_board .swiper-container-horizontal > .swiper-pagination-bullets,
article#review_board .swiper-pagination-custom,
article#review_board .swiper-pagination-fraction {
    display: none
}

article#review_board .swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

article#review_board.swiper-wrapper,
article#review_process .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sectionTabs.whoweare .rollInImage {
}

.speakersBottom {
    border-bottom: 2px solid #becd30
}

#EventsVideosDynamic .WhoVideos .Valiant360_default {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

/*#endregion*/

/*#region What We Do (blue) */

/* Navigation */
.navbar .nav-item.whatwedo .dropdown-menu a:hover,
.navbar .nav-item.whatwedo.show a.dropdown-toggle,
.navbar .nav-item.whatwedo .nav-link.active,
.navbar .nav-item.whatwedo .nav-link:hover {
    /*color: #3FB1D1 !important;*/
}

.navbar .nav-item.whatwedo .dropdown-menu,
.navbar .nav-item.whatwedo .dropdown:hover .dropdown-menu {
    border-top: 3px solid #3fb1d1;
}

body.blue-color .RDtabs .nav-item.show .nav-link,
body.blue-color .RDtabs .nav-link.active,
body.blue-color .dropdown-item.active,
body.blue-color .dropdown-item:active {
    color: #0b7c9b !important
}

body.blue-color .footer-links a.active {
    color: #3fb1d1 !important
}

.blue-color .navbar-brand:focus:focus {
    border-bottom: 1px solid #3fb1d1;
}

.blue-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #3fb1d1
}

.blue-color .RDtabs .nav-item a.nav-link:focus {
    outline: #0b7c9b !important;
    border: 0 solid #3fb1d1
}

.blue-color .tab-content .background-page a,
.blue-color .tab-content .background-page a:visited {
    color: black;
}

    .blue-color .tab-content .background-page a:hover,
    .blue-color .tab-content .background-page a:focus {
        color: black;
        font-weight: 500;
        transition: all 0.5s ease;
        text-decoration: underline;
    }

.blue-color .tab-content .ProductVideos a:hover {
    color: black;
    transition: all 0.5s ease;
    text-decoration: underline;
}
/* Buttons */
body.blue-color .joinUsButtonLink a {
}

    body.blue-color .joinUsButtonLink a:focus {
        border: 1px solid #3fb1d1
    }

body.blue-color .joinUsButton.blue a {
    color: white;
    border: 2px solid #3fb1d1;
    box-shadow: inset 0 0 0 1.2em rgba(63,177,209,1)
}

    body.blue-color .joinUsButton.blue a:hover,
    body.blue-color .joinUsButton.blue a:focus {
        box-shadow: inset 0 0 0 1.2em rgba(63,177,209,0.9)
    }

body.blue-color .joinUsButton.blackButton a:hover,
body.blue-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(63,177,209,0.8);
}

/* Body */
body.blue-color .background-white a {
    color: #0b7c9b;
}

body.blue-color .background-page .carousel-item a {
    color: black;
    font-weight: 500;
    text-decoration: none;
}

    body.blue-color .background-page .carousel-item a:hover {
        color: black;
        font-weight: 500;
        text-decoration: underline;
    }

body.blue-color .background-page {
    background-image: url('../images/blueBg.jpg');
}

.blue-color .controlsWrapper .button {
    background: #3fb1d1
}

.blue-color .Valiant360_default .valiant-progress-bar > div:first-child {
    background-color: #3fb1d1
}

.blue-color #Security_DescriptionSection a:focus {
    outline: 0
}

    .blue-color #Security_DescriptionSection a:focus strong {
        color: #000 !important
    }

.blue-color #ArtificialIntelligence_MoreResources a:focus,
.blue-color #BusinessAnalytics_MoreResources a:focus,
.blue-color #Security_MoreResources a:focus {
    outline: 0;
    color: #000
}

.blue-color #Hardware_MoreResources a:focus,
.blue-color #Research_MoreResources a:focus {
    outline: 0;
    color: #000
}

.blue-color .hovColor:hover,
.blue-color .hovColor:focus {
    color: #0b7c9b !important
}

.BlueSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    z-index: 5;
    background: rgba(63,177,209,.4);
    opacity: 1 !important;
    top: -150px
}

body.blue-color .floating {
    position: relative;
    z-index: 9999;
    top: -45%;
    right: -11%
}

body.blue-color .fixedSection {
    background: rgba(63,177,209,.4)
}

body.blue-color .floating-small-section {
    background: rgba(63,177,209,.4);
    position: absolute;
    left: 20%;
    top: -415px
}

section.WhatWeDo {
    position: relative;
    z-index: 2
}

.rollInImageSecurity {
    position: absolute;
    bottom: -70px;
    left: 20%;
    max-height: 600px;
    z-index: 10;
}

.ProductVideos .embed-responsive {
    height: 600px
}

.ProductVideos .closeVideo {
    top: -40px;
    right: -30px
}

#Devices_ProductVideos.ProductVideos .box-container {
    margin-top: 10px
}

section.ProductVideos .box-text {
    height: 130px
}

section.ProductVideos small {
    left: 0
}

.sectionTabs.WhatWeDo .rollInImage {
}

.sectionTabs.WhatWeDo .ProductVideos .rollInImage {
    top: auto;
    bottom: 0;
    width: auto;
    right: 10%;
    max-height: 941px
}

.sectionTabs.WhatWeDo .MoreResourcesArtificial .rollInImage {
    max-height: 720px
}

section.ProductVideos .box-container {
    border: 2px solid #000
}

/*#endregion*/

/*#region Work With Us (pink) */

/* Navigation */

body.pink-color .RDtabs .nav-item.show .nav-link,
body.pink-color .RDtabs .nav-link.active,
body.pink-color .dropdown-item.active,
body.pink-color .dropdown-item:active,
body.pink-color header .navbar .dropdown-menu a:hover,
body.pink-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
body.pink-color header .navbar .nav-link.active,
body.pink-color header .navbar .nav-link:hover {
    color: #db2f6d;
}

body.pink-color .footer-links a.active {
    color: #f86097;
}

.pink-color .navbar-brand:focus:focus {
    border-bottom: 1px solid #f86097;
}

.pink-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #db2f6d
}

.pink-color .RDtabs .nav-item a.nav-link:focus {
    outline: #3fb1d1 !important;
    border: 0 solid #f86097
}

.navbar .nav-item.workwithus .dropdown-menu a:hover,
.navbar .nav-item.workwithus.show a.dropdown-toggle,
.navbar .nav-item.workwithus .nav-link.active,
.navbar .nav-item.workwithus .nav-link:hover {
    /*color: #f86097 !important;*/
}

.navbar .nav-item.workwithus .dropdown-menu,
.navbar .nav-item.workwithus .dropdown:hover .dropdown-menu {
    border-top: 3px solid #f86097;
}

/* Buttons */

body.pink-color .joinUsButtonLink a {
}

    body.pink-color .joinUsButtonLink a:focus {
        border: 1px solid #f86097
    }

body.pink-color .joinUsButton.pink a {
    color: white;
    border: 2px solid #f86097;
    box-shadow: inset 0 0 0 1.2em rgba(248,96,151,1);
}

    body.pink-color .joinUsButton.pink a:hover,
    body.pink-color .joinUsButton.pink a:focus {
        box-shadow: inset 0 0 0 1.2em rgba(248,96,151,0.9)
    }

body.pink-color .pageButton.pink a {
    border: 2px solid #fff;
    color: #fff;
    font-size: 21px;
    padding: 0.4rem 2rem;
    font-weight: normal;
    width: 178px;
    display: inline-block;
}

    body.pink-color .pageButton.pink a:focus,
    body.pink-color .pageButton.pink a:hover {
        box-shadow: inset 0 0 0 1.2em rgba(248,96,151,0.4);
        color: #f86097;
        border: 2px solid #f86097
    }

body.pink-color .pageButton.pink.active a {
    border: 2px solid #f86097;
    color: #f86097;
}

body.pink-color section.background-page .pageButton.pink a {
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.pink-color section.background-page .pageButton.pink.active a {
    color: #db2f6d !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

body.pink-color section.background-page .pageButton.pink a:hover,
body.pink-color section.background-page .pageButton.pink a:focus {
    opacity: 0.8;
}



body.pink-color .joinUsButton.blackButton a:hover,
body.pink-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(248,96,151,0.8);
}

/* social */
.crt-post .crt-post-fullname, .crt-post-username, .crt-post-userimage {
    display: none !important;
}

.crt-logo {
    opacity: 1;
}

/* Body */
body.pink-color .background-white a, body.pink-color .background-black a {
    color: #db2f6d;
}

body.pink-color .background-page {
    background-image: url('../images/pinkBgMan.png');
}

body.pink-color .fixedSection {
    background: rgba(248,96,151,.4)
}

body.pink-color .floating-small-section {
    background: rgba(248,96,151,.4);
    position: absolute;
    left: 20%;
    top: -512px
}

body.pink-color .bigFont {
    color: #262626;
}

.background-black .bigFont {
    color: white !important;
}

.pink-color #LifeILDC_VideoSection a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(248,96,151,.4);
    outline: 0;
    border: 2px solid #f86097;
    color: #f86097
}

.pink-color .hovColor:hover,
.pink-color .hovColor:focus {
    color: #db2f6d !important
}

.pink-color .controlsWrapper .button {
    background: #f86097
}

.pink-color .Valiant360_default .valiant-progress-bar > div:first-child {
    background-color: #f86097
}

.PinkSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    z-index: 5;
    background: rgba(248,96,151,.4);
    opacity: 1 !important;
    top: -550px
}

body.pink-color .floating {
    position: relative;
    z-index: 999999;
    top: -45%;
    right: -11%
}

.why-work-with-us h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px !important
}

.why-work-with-us p {
    line-height: 24px
}

.WorkPerks h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px !important
}

.WorkPerks p {
    line-height: 24px
}
/* .SomeRandomFacts .rollInImage {
   right: 9%;
} */
#LifeILDC_VideoSection .joinUsButton a {
    font-size: 21px;
    padding: .4rem 3rem
}

.WorkWithUs {
    background: #f4f4f4
}

.WorkPerks {
    background: #f2f2f2
}

.Mentoring {
    background: #161616
}

.ourOffice {
    background: #161616
}

    .ourOffice video::-webkit-media-controls-panel {
        background: 0 0;
        margin-top: -30px;
        width: 90%;
        opacity: 1
    }

    .ourOffice video::-webkit-media-controls-play-button {
        color: #fff !important
    }

    .ourOffice video::-webkit-media-controls-current-time-display {
        display: none
    }

    .ourOffice video::-webkit-media-controls-time-remaining-display {
        display: none
    }

    .ourOffice video::-moz-meter-bar {
        display: none !important
    }

    .ourOffice video::-webkit-media-controls-fullscreen-button {
        color: #fff !important
    }

    .ourOffice video::-webkit-media-controls-timeline {
        background: #9c9c9c;
        height: 18px;
        border-radius: 10px;
    }

    .ourOffice video::-webkit-media-controls-toggle-closed-captions-button {
        display: none
    }

.DoStuff .rollInImage {
    left: 23%;
}

#ComePrepared_PolishYourCV .facts-box p {
    margin-top: 0px;
}

#ComePrepared_PolishYourCV .facts-box .box-title {
    line-height: 1.2;
}

#ComePrepared_PolishYourCV .facts-box {
    padding-left: 10px;
    padding-right: 10px;
}

#ComePrepared_PolishYourCV .rollInImage {
    left: -110px !important;
}

/*#endregion*/

/*#region Outreach (dark-orange) */


/* Navigation */

body.dark-orange-color .RDtabs .nav-item.show .nav-link,
body.dark-orange-color .RDtabs .nav-link.active,
body.dark-orange-color .dropdown-item.active,
body.dark-orange-color .dropdown-item:active,
body.dark-orange-color header .navbar .dropdown-menu a:hover,
body.dark-orange-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
body.dark-orange-color header .navbar .nav-link.active,
body.dark-orange-color header .navbar .nav-link:hover {
    color: #b26200;
}

body.dark-orange-color .footer-links a.active {
    color: #ff8c00;
}

.dark-orange-color .navbar-brand:focus:focus {
    border-bottom: 1px solid #ff8c00;
}

.dark-orange-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #ff8c00
}

.dark-orange-color .RDtabs .nav-item a.nav-link:focus {
    outline: #3fb1d1 !important;
    border: 0 solid #ff8c00
}

/*
.navbar .nav-item.outreach .dropdown-menu a:hover,
.navbar .nav-item.outreach.show a.dropdown-toggle,
.navbar .nav-item.outreach .nav-link.active,
.navbar .nav-item.outreach .nav-link:hover {
    color: #ff8c00 !important;
}*/

.navbar .nav-item.outreach .dropdown-menu,
.navbar .nav-item.outreach .dropdown:hover .dropdown-menu {
    border-top: 3px solid #ff8c00;
}


/* Buttons */

body.dark-orange-color .joinUsButtonLink a {
    color: #ff8c00;
}

    body.dark-orange-color .joinUsButtonLink a:focus {
        border: 1px solid #ff8c00
    }

body.dark-orange-color .joinUsButton.dark-orange a {
    border: 2px solid #ff8c00;
    color: white;
    box-shadow: inset 0 0 0 1.2em rgba(255,140,0,1)
}

body.dark-purple-color .joinUsButton.dark-purple a {
    border: 2px solid #8764b8;
    color: white;
    box-shadow: inset 0 0 0 1.2em rgba(135,100,184,1)
}

body.dark-orange-color .joinUsButton.dark-orange a:focus,
body.dark-orange-color .joinUsButton.dark-orange a:hover {
    box-shadow: inset 0 0 0 1.2em rgba(255,140,0,.9);
}

body.dark-orange-color .joinUsButton.blackButton a:hover,
body.dark-orange-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(255,140,0,.8);
}

.joinUsButton.dark-orange a:hover {
    box-shadow: inset 0 0 0 1.2em rgba(255,140,0,.4)
}

/* Body */

body.dark-orange-color .background-black a {
    font-weight: bold;
    color: #ff8c00;
    text-decoration: none;
}

    body.dark-orange-color .background-black a:hover,
    body.dark-orange-color .background-black a:focus {
        text-decoration: underline;
    }

body.dark-orange-color .fixedSection {
    background: rgba(255,140,0,.4)
}

body.dark-orange-color .floating-small-section {
    background: rgba(255,140,0,.4);
    position: absolute;
    left: 20%;
    bottom: -100px;
    top: auto;
    z-index: 10
}

.darkOrangeTitleSign {
    background: url(../images/darkOrangeTitleSign.png) no-repeat;
    padding: 30px
}

body.dark-orange-color .background-page {
    background-image: url('../images/darkOrangeBg.jpg');
}

.dark-orange-color #Outreach_TheGarage_VideoSection1 a:focus {
    outline: 0;
    color: #ff8c00
}

.dark-orange-color .hovColor:hover,
.dark-orange-color .hovColor:focus {
    color: #b26200 !important
}

.dOrangeSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    z-index: 5;
    background: rgba(255,140,0,.4);
    opacity: 1 !important;
    top: -70px
}

body.dark-orange-color .floating {
    position: relative;
    z-index: 999999;
    top: 450px;
    right: -11%
}

#HomepageWhatWeDoSection .rollInImage {
    right: -2%;
    left: auto;
}

.outreach #Academia .rollInImage {
    left: 10%;
}

.rollInImageProjectNorth {
    position: absolute;
    bottom: -75px;
    right: 3%;
    max-height: 600px;
    z-index: 10;
}
/* section.Outreach::before {
   content: '';
   height: 30px;
   background: #f4f4f4;
   display: block;
   position: absolute;
   top: -25px;
   z-index: 999;
   right: 0;
   left: 0
}
section.Outreach::after {
   content: '';
   height: 30px;
   background: #fff;
   display: block;
   position: absolute;
   bottom: -25px;
   z-index: 999;
   right: 0;
   left: 0
} */
/* section.Outreach {
   color: #fff;
   position: relative
} */
.outreach-box a {
    color: #fff;
    font-size: 22px;
    line-height: 26px
}

section.DoersNotTalkers .rollInImage {
    top: auto;
    bottom: 0;
    max-height: 1190px;
    width: auto;
    right: 8%
}

section.DoersNotTalkers.smallMan .rollInImage {
    max-height: 825px
}

section.GivingBack .rollInImage {
    left: 5%;
    right: auto;
}

.AcademiaSection .box-text {
    height: 92px
}
/*#endregion*/

/*#region Security research groups (dark-purple) */


/* Navigation */

body.dark-purple-color .RDtabs .nav-item.show .nav-link,
body.dark-purple-color .RDtabs .nav-link.active,
body.dark-purple-color .dropdown-item.active,
body.dark-purple-color .dropdown-item:active,
body.dark-purple-color header .navbar .dropdown-menu a:hover,
body.dark-purple-color header .navbar .nav-item.dropdown.show a.dropdown-toggle,
body.dark-purple-color header .navbar .nav-link.active,
body.dark-purple-color header .navbar .nav-link:hover {
    color: #8764b8;
}

body.dark-purple-color .footer-links a.active {
    color: #8764b8;
}

.dark-purple-color .navbar-brand:focus:focus {
    border-bottom: 1px solid #8764b8;
}

.dark-purple-color .navbar-dark .navbar-nav .nav-link:focus {
    color: #8764b8
}

.dark-purple-color .RDtabs .nav-item a.nav-link:focus {
    outline: #3fb1d1 !important;
    border: 0 solid #8764b8
}

.navbar .nav-item.outreach .dropdown-menu a:hover,
.navbar .nav-item.outreach.show a.dropdown-toggle,
.navbar .nav-item.outreach .nav-link.active,
.navbar .nav-item.outreach .nav-link:hover {
    /*color: #8764b8 !important;*/
}

.navbar .nav-item.outreach .dropdown-menu,
.navbar .nav-item.outreach .dropdown:hover .dropdown-menu {
    border-top: 3px solid #8764b8;
}


/* Buttons */

body.dark-purple-color .joinUsButtonLink a {
    color: #8764b8;
}

    body.dark-purple-color .joinUsButtonLink a:focus {
        border: 1px solid #8764b8
    }

body.dark-purple-color .joinUsButton.dark-purple a {
    border: 2px solid #8764b8;
    color: white;
    box-shadow: inset 0 0 0 1.2em rgba(135, 100, 184,1)
}

    body.dark-purple-color .joinUsButton.dark-purple a:focus,
    body.dark-purple-color .joinUsButton.dark-purple a:hover {
        box-shadow: inset 0 0 0 1.2em rgba(135, 100, 184,.9);
    }

body.dark-purple-color .joinUsButton.blackButton a:hover,
body.dark-purple-color .joinUsButton.blackButton a:focus {
    box-shadow: inset 0 0 0 1.2em rgba(135, 100, 184,.8);
}

.joinUsButton.dark-purple a:hover {
    box-shadow: inset 0 0 0 1.2em rgba(135, 100, 184,.4)
}

/* Body */

body.dark-purple-color .background-black a {
    font-weight: bold;
    color: #8764b8;
    text-decoration: none;
}

    body.dark-purple-color .background-black a:hover,
    body.dark-purple-color .background-black a:focus {
        text-decoration: underline;
    }

body.dark-purple-color .fixedSection {
    background: rgba(135, 100, 184,.4)
}

body.dark-purple-color .floating-small-section {
    background: rgba(135, 100, 184,.4);
    position: absolute;
    left: 20%;
    bottom: -100px;
    top: auto;
    z-index: 10
}

.darkpurpleTitleSign {
    background: url(../images/darkPurpleTitleSign.png) no-repeat;
    padding: 30px
}

.whiteTitleSign {
    background: url(../images/darkWhiteTitleSign.png) no-repeat;
    padding: 30px
}

body.dark-purple-color .background-page {
    background-image: url('../images/darkpurpleBg.jpg');
    background-color: #8764b8;
}

.dark-purple-color #Outreach_TheGarage_VideoSection1 a:focus {
    outline: 0;
    color: #8764b8
}

.dark-purple-color .hovColor:hover,
.dark-purple-color .hovColor:focus {
    color: #8764b8 !important
}

.dpurpleSquare {
    width: 90px;
    height: 300px;
    position: absolute;
    z-index: 5;
    background: rgba(135, 100, 184,.4);
    opacity: 1 !important;
    top: -70px
}

body.dark-purple-color .floating {
    position: relative;
    z-index: 999999;
    top: 450px;
    right: -11%
}

#HomepageWhatWeDoSection .rollInImage {
    right: -2%;
    left: auto;
}

.outreach #Academia .rollInImage {
    left: 10%;
}

.rollInImageProjectNorth {
    position: absolute;
    bottom: -75px;
    right: 3%;
    max-height: 600px;
    z-index: 10;
}

.outreach-box a {
    color: #fff;
    font-size: 22px;
    line-height: 26px
}

section.DoersNotTalkers .rollInImage {
    top: auto;
    bottom: 0;
    max-height: 1190px;
    width: auto;
    right: 8%
}

section.DoersNotTalkers.smallMan .rollInImage {
    max-height: 825px
}

section.GivingBack .rollInImage {
    left: 5%;
    right: auto;
}

.AcademiaSection .box-text {
    height: 92px
}
/*#endregion*/

/*#region Contact (orange) */

.VisitUs .box-address p {
    font-size: 22px
}

.rollInImageContact {
    position: absolute;
    bottom: 0;
    right: 5%;
    direction: rtl;
    height: auto
}

section.VisitUs .box-container {
    border: 2px solid #000
}

#ContactSocialMediaDynamic a:focus {
    outline: 0
}

    #ContactSocialMediaDynamic a:focus img {
        outline: -webkit-focus-ring-color auto 1px;
    }

.ReachOut .social-media li {
    display: inline;
    float: left
}

    .ReachOut .social-media li a {
        color: #000
    }

.ReachOut {
    background: #fff
}

.MeatUsIRL {
    position: relative
}

.alertEmailMsg {
    font-size: 14px
}

.help-block.with-errors {
    color: red;
}

/*#endregion*/


@media screen and (max-width:1025px) {
    .reveal-modal.small {
        width: 90%;
        margin-left: 0;
        left: 2% !important
    }

    .speakers-modals img {
        margin: 30px auto 5px;
        width: 100%;
        height: auto !important
    }

    .slick-prev {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -55px;
        left: 156px !important;
        top: auto
    }

    .slick-next {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -55px;
        left: 200px;
        top: auto
    }

        .slick-next:before {
            font-family: slick;
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background-image: url(../images/RightArrowSlider.png);
            background-repeat: no-repeat;
            color: transparent;
            background-position: center center
        }

    .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(../images/LeftArrowSlider.png);
        background-repeat: no-repeat;
        color: transparent;
        background-position: center center
    }
}

@media screen and (max-width:415px) {
    .slick-prev:focus:before,
    .slick-prev:hover:before {
        opacity: 1;
        background-image: url(../images/LeftactiveArrowSlider.png)
    }

    .slick-next:focus:before,
    .slick-next:hover:before {
        opacity: 1;
        background-image: url(../images/RightactiveArrowSlider.png)
    }
}

@media screen and (max-height:580px) {
    .reveal-modal.small {
        overflow: hidden;
        position: fixed;
        z-index: 100000000;
        top: 20px !important
    }
}

@media only screen and (max-device-width:481px) {
    .speakers-modals img {
        margin: 0 auto 5px;
        width: 60% !important
    }

    article#review_board li img {
        height: auto !important;
        width: 50% !important;
        position: relative;
        left: 24%
    }

    .modalArrowRight {
        background: url(../images/modalRightArrow.png) 0 0/100% no-repeat;
        height: 40px;
        width: 40px;
        cursor: pointer;
        float: right;
        position: absolute;
        bottom: 10px;
        right: 5%
    }

    .speakers-modals p.bodyDescriptionAuthorPopup {
        height: 44vh;
        overflow: auto;
        line-height: 18px
    }

    .speakDescriptpop {
        font-size: 18px;
        line-height: 18px;
        overflow: hidden;
        margin-bottom: 5px
    }

    .reveal-modal .modalContent {
        padding-bottom: 10px
    }

    .modalArrowLeft {
        background: url(../images/modalLeftArrow.png) 0 0/100% no-repeat;
        cursor: pointer;
        float: Left;
        height: 40px;
        width: 40px;
        position: absolute;
        bottom: 10px;
        left: 5%
    }

    .reveal-modal .close-reveal-modal {
        right: 3px !important;
        float: right;
        position: relative !important;
        left: 90%;
        top: -6px !important;
        font-size: 50px !important
    }

    .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(../images/LeftArrowSlider.png);
        background-repeat: no-repeat;
        color: transparent;
        background-position: center center;
        position: relative;
        bottom: 15px;
        left: -24px
    }

    .slick-next:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(../images/RightArrowSlider.png);
        background-repeat: no-repeat;
        color: transparent;
        background-position: center center;
        position: relative;
        bottom: 15px;
        left: -25px
    }

    .slick-next {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -55px;
        left: 200px;
        top: auto
    }

    .slick-prev {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -55px;
        left: 156px !important;
        top: auto
    }
}

.smallLeaderFont span {
    display: block;
}

@media screen and (min-width:64em) {
    .swiper-buttons-container {
        position: relative;
        height: 44px;
        display: none
    }

    article#review_board .smallLeaderFont {
        font-size: 18px;
    }

    article#review_board ul li {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        flex-direction: column;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex
    }

    .speaker_txt {
        position: unset;
        padding-left: 5px;
        overflow: hidden;
        height: 132px
    }

    .twitter_place {
        top: 11px;
        left: 5px;
        position: relative;
        font-size: 18px
    }

    .list-12 {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch
    }

    .list-12-item ul {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
        height: 100%;
        align-content: stretch
    }

    .list-12-item {
        width: 50%;
        height: 230px
    }

    .speaker-list .list-12-item {
        width: 25%;
        height: auto;
        margin-bottom: 50px
    }

    .list-12-item li {
        width: 50%;
        padding: 10px;
        height: auto;
        align-items: stretch
    }

    .reveal-modal.medium {
        width: 400px;
        margin-left: -240px
    }

    .reveal-modal.large {
        width: 95%;
        max-width: 1200px;
        margin-left: 0;
        position: absolute;
        height: auto;
        min-height: 500px;
        padding: 50px 40px;
        left: 50% !important;
        transform: translate(-50%) !important
    }

    .reveal-modal.xlarge {
        width: 800px;
        margin-left: -440px
    }

    .reveal-modal .close-reveal-modal {
        font-size: 64px;
        line-height: .5;
        position: absolute;
        top: 11px;
        right: 11px;
        color: #becd30 !important;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        cursor: pointer
    }

    .speakers-modals h1 {
        font-size: 24px;
        color: #0a0624;
        text-transform: uppercase;
        font-weight: 700
    }

    .modalArrowLeft {
        background: url(../images/modalLeftArrow.png) 0 0/100% no-repeat;
        height: 50px;
        width: 50px;
        position: absolute;
        cursor: pointer;
        left: 20px;
        bottom: 30px
    }

    .modalArrowRight {
        background: url(../images/modalRightArrow.png) 0 0/100% no-repeat;
        height: 50px;
        width: 50px;
        position: absolute;
        cursor: pointer;
        right: 20px;
        bottom: 30px
    }

    .modalArrowLeft:focus,
    .modalArrowLeft:hover {
        background: url(../images/modalLeftArrow_hover.png) 0 0/100% no-repeat;
        outline: 0
    }

    .modalArrowRight:focus,
    .modalArrowRight:hover {
        background: url(../images/modalRightArrow_hover.png) 0 0/100% no-repeat;
        outline: 0
    }

    .speakersBottom {
        border-bottom: 2px solid #becd30;
        margin-top: -30px;
        display: inline-block
    }

    .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(../images/LeftArrowSlider.png);
        background-repeat: no-repeat;
        color: transparent;
        background-position: center center
    }

    .slick-next:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url(../images/RightArrowSlider.png);
        background-repeat: no-repeat;
        color: transparent;
        background-position: center center
    }

    .slick-next {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -60px;
        right: 47%;
        top: auto
    }

    .slick-prev {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -60px;
        left: 34%;
        top: auto
    }

        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1;
            background-image: url(../images/LeftactiveArrowSlider.png)
        }

    .slick-next:focus:before,
    .slick-next:hover:before {
        opacity: 1;
        background-image: url(../images/RightactiveArrowSlider.png)
    }
}

@media screen and (max-width:415px) {
    .LeadershipSection #review_board {
        padding: 0 !important
    }

    .LeadershipSection .greenTitleSign {
        background: 0 0;
        padding: 0;
        margin: 0
    }

    .reveal-modal.small {
        overflow: hidden;
        position: fixed;
        top: 80px !important
    }

    .speakersBottom a {
        margin-left: 10px
    }

    .speakers-modals h5 {
        font-size: 18px
    }
}

/*#region Animation */

.double-bounce1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0
}

@keyframes pulse_animation {
    0%, 100%, 30%, 80% {
        transform: scale(1)
    }

    40%, 60% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1.2)
    }

    70% {
        transform: scale(1.05)
    }
}

.double-bounce2 {
    display: none !important;
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.z1 {
    z-index: 1;
}

.z9 {
    z-index: 9
}

.z99 {
    z-index: 999
}

.double-bounce1,
.double-bounce2 {
    background: url(../images/Windows.gif) 0 0/100% no-repeat;
    width: 900px;
    height: 900px;
    border-radius: 0
}

@-webkit-keyframes sk-bounce {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0% {
        transform: scale(.1);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}


#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #b26200;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

    #skiptocontent a:focus {
        position: absolute;
        left: 0px;
        top: 50px;
        outline-color: transparent;
        -webkit-transition: top .1s ease-in;
        transition: top .1s ease-in;
    }


/*#endregion*/


/* Not Needed ??

#topVideo {
   position: absolute;
   right: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto
}

.media-feature {
   padding: 20px;
   -webkit-transition: .2s ease-out;
   -o-transition: .2s ease-out;
   transition: .2s ease-out;
   background: #fff;
   z-index: 1;
   position: relative;
   border-radius: 0;
   margin-bottom: 30px;
   border: 1px solid #e6e6e6
}
.media-feature .icon {
   font-size: 60px;
   color: #ff6d24
}
.media-feature h3 {
   font-size: 20px;
   margin-bottom: 20px
}
.media-feature:focus,
.media-feature:hover {
   border: 1px solid transparent;
   -webkit-box-shadow: 0 2px 20px -3px rgba(0,0,0,.3);
   box-shadow: 0 2px 20px -3px rgba(0,0,0,.3)
}

.stretch-section .video {
   display: block;
   position: relative;
   -webkit-box-shadow: 4px 4px 70px -20px rgba(0,0,0,.5);
   box-shadow: 4px 4px 70px -20px rgba(0,0,0,.5)
}

.media-testimonial img {
   width: 100px;
   border-radius: 50%
}
.media-testimonial blockquote p {
   font-size: 20px;
   color: #000;
   font-style: italic
}
.rollInImage2 {
   position: absolute;
   top: -33%;
   bottom: 0;
   right: 22%;
   direction: rtl;
   width: 39%;
   height: auto
}
.rollInImage3 {
   position: absolute;
   top: -19%;
   bottom: 0;
   right: 9%;
   direction: rtl;
   width: 34%;
   height: auto
}

.SomeRandomFacts .rollInImage3 {
   top: -28%;
   width: 698px
}
.fixedSection {
   width: 80px;
   height: 250px;
   top: 50%;
   z-index: 10
}

#SearchInput {
   float: left;
   width: 78%;
   background: 0 0;
   box-shadow: none;
   border: none;
   border-bottom: 1px solid #fff;
   line-height: 30px;
   color: #fff;
   outline: 0;
   display: none
}
#SearchBtn {
   float: right;
   cursor: pointer
}
.searchIconimg {
   background: url(../images/searchIcon.png) no-repeat;
   width: 18px;
   height: 18px
}
.searchButton {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s
}
input#SearchInput {
   opacity: 0;
   transition: opacity .5s linear
}
.searchButton.open {
   width: 300px;
   right: 80px;
   position: absolute;
   top: 16px
}
input#SearchInput.open {
   display: block;
   opacity: 1 
}

.joinUsButton.whitePnk {
   border: 2px solid #fff;
   color: #fff;
   padding: 10px;
   font-size: 24px
}
.joinUsButton.whitePnk a:hover {
   box-shadow: inset 0 0 0 1.2em rgba(248,96,151,.4)
}



.orange-color .searchHover:hover {
   background: url(../images/orange_SearchIcon.png) no-repeat
}
.green-color .searchHover:hover {
   background: url(../images/green_SearchIcon.png) no-repeat
}
.blue-color .searchHover:hover {
   background: url(../images/blue_SearchIcon.png) no-repeat
}
.pink-color .searchHover:hover {
   background: url(../images/pink_SearchIcon.png) no-repeat
}
.dark-orange-color .searchHover:hover {
   background: url(../images/darkOrange_SearchIcon.png) no-repeat
}

.paddingExplorer {
   height: 900px;
   padding-top: 10%;
   padding-bottom: 10%
}
*/