body{margin: 0;font-size:62.5%; font-family: 'Archivo', sans-serif;}
a{text-decoration: none;}
p, span, .content li, .purpleBox li, .btn, .js-to_expand{font-size: 1.8em; line-height: 23px;}
button{font-family: 'Archivo', sans-serif !important;font-size: 1.75em !important;}
h2 + p{margin-top:0;}
h3 + p{margin-top:0;}
a{text-decoration: none;}
header{position: relative; margin:40px 0;padding:0 4%;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;z-index: 995;}
.logo{display: -webkit-box;display: -ms-flexbox;display: flex;}
#logo{width:300px;max-width: 100%;}
#navWrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position: relative;flex-direction: column;flex-basis: 100%;}

.socialWrap{align-self: flex-end;margin-bottom: 30px;}
.socialWrap a i{color:#006bff;font-size: 3em;margin-left:15px;-webkit-transition: all 0.5s ease-out;
    -webkit-transition:  0.5s ease-out;
    transition:  0.5s ease-out;}
.socialWrap a:first-child i{margin-left: 0;}
.socialWrap a:hover i{color:#dd03d8;}
.socialWrap a span, #link span, #myBtn span, #handler span{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.socialWrap #link2{display: inline-block;width: 33px;
vertical-align: bottom;border-right: 1px solid #454545;
padding-right: 10px;-webkit-transition: all 0.2s ease-out;-webkit-transition:  0.2s ease-out;transition:  0.2s ease-out;}
.socialWrap #link2:hover{opacity: 0.5;}
nav{position: relative;}

#handler{display: none;}
#navWrap nav ul{padding-left: 0;list-style-type: none;display: flex;justify-content: flex-end;}
#navWrap nav ul li{margin-left:30px;}
#navWrap nav ul li:first-of-type{margin-left: 0;}
#navWrap nav ul li a{color:#420dd9;font-size: 2em;font-weight: 700;text-transform: uppercase;-webkit-transition: all 0.2s ease-out;-webkit-transition:  0.2s ease-out;transition:  0.2s ease-out;}
#navWrap nav ul li a:hover{color:#dd03d8;}

.noShow{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.btn {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 1rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #006bff;
  border-radius: 10rem;
  z-index: -2;
}
.btn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #dd03d8;
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}
.btn:hover {
  color: #fff;
}
.btn:hover:before {
  width: 100%;
}
.content .btn{margin-top:20px;margin-right: 10px;}

.homeBck{position: relative;z-index: -999;top:0}
.homeBck .aRight{position: absolute;right:100px;top:50px;}
.homeBck .aLeft{position: absolute;left:100px;bottom:100px;}
.homeBck .aRight img{width:200px;max-width: 100%;}
.homeBck .aLeft img{position: relative;width:230px;top:100px;left:700px;max-width: 100%;}

.homeBck .dot{
    position: absolute; 
    border-radius: 50%;
    display: inline-block;
    z-index: -2;
    width: 600px;
    height:600px;
    animation-name: growdot;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.homeBck .dotPink{background-color: rgba(221, 3, 216, .3);}
.homeBck .dotPurple{background-color: rgba(216, 195, 229, .5);}
.homeBck .dotGreen{background-color:rgba(78, 229, 174, .5);}
.homeBck .dotBlue{background-color: rgba(0, 107, 255, .3);}
.homeBck .dRight{right:0;top:-200px;}
.homeBck .dLeft{left:0;bottom: -600px;}

.slider{padding:0 4%;margin:80px 0 10px;}
.slideWrap{display: flex;justify-content: space-between;height:400px;}
.sliderLeft{padding-right: 50px;flex:1;}
.sliderLeft h2{font-size: 8em;margin: 0 0 20px;color:#420dd9;}
.sliderLeft p{font-size: 2em;}
.sliderRight{width:45%;position: relative;}
.sliderRight img{max-width: 100%;height: auto;max-height: 400px;}
.sliderRight .base{position: absolute;}
.sliderRight .base{position: absolute;}
.sliderRight .man, .sliderRight .woman{position: absolute;}
.dotsSliderBlue{height:30px;overflow: hidden; background-image: url(images/dots-blue.svg);background-size: 170px;background-position: center;width:40%;padding:2px 0;}
.dotsSliderPink{height:30px;overflow: hidden; background-image: url(images/dots-pink.svg);background-size: 170px;background-position: center;width:40%;padding:2px 0;}

.dotsSliderPurple{height:30px;overflow: hidden; background-image: url(images/dots-purple.svg);background-size: 170px;background-position: center;width:40%;padding:2px 0;}

.block{display: flex;padding:0 4%;margin: 40px 0;align-items: center;}
.block .blockImg{padding:0 40px;flex-basis:50%;}
.block .blockImg img{max-width: 100%;}
.block .blockTxt{display: flex;flex-direction: column;}

.purpleBox{content:"";background-color: #420dd9;padding:50px 40px;}
.purpleBox h2{font-size: 4em;color:#4ee5ae;margin-bottom: 10px;}
.purpleBox h2:first-of-type{margin-top: 0;}
.purpleBox p, .purpleBox li{color:#FFF;font-size: 2.2em;}

.purpleBoxSm{content:"";background-color: #420dd9;padding:22px 0;width:25%;float:right;}
.pDots{height:50px;overflow: hidden; background-image: url(images/dots-purple.svg);background-size: 170px;background-position: center;width:40%;padding:2px 0;}
.alignSelfRight{align-self: flex-end;}


.strip{display: flex;padding:0 4%;margin:80px 0 0;align-items: center;background-color: #420dd9;}
.strip .stripImg{padding: 40px;}
.strip .stripImg img{max-width: 100%;height:100%;width: 600px;}

.stripAlt{padding:4%;margin:80px 0;align-items: center;background-color: #420dd9;}
.stripAlt h2{font-size: 4em;color:#4ee5ae;margin-top:0;margin-bottom: 10px;}
.stripAlt h3{font-size: 2.5em; color:#DD03D8;margin-bottom: 8px;}

.boxes{display: flex;justify-content: space-between;}
.box{flex-basis: 33.333%;margin:4%;position: relative;}
.box .boxImg{padding:15px;}
.box .boxImg img{max-width: 100%;}
.box .boxTxt{padding:15px;}
.box .boxTxt h2{color:#420dd9;font-size: 3em;margin-bottom: 5px;}
.box .boxTxt p{color:#000;font-weight: 600;}

.box:before{content: "";width:100%;height:100%; transition: border .3s ease;
position: absolute;border: 0 solid #420dd9;}
.box:hover:before{
    border: 10px solid #420dd9;
}

.internalHeader{position: relative;height:300px;}
.pageTitle{display: flex;justify-content: center;align-items: center;height: 100%;}
.pageTitle h1{position: absolute; font-size: 7em;text-transform: uppercase;margin: 0;color:#420dd9; z-index: 995;}

.arrow{position: absolute;z-index: -1;}
.internalHeader .aRight{position: absolute;right:100px;top:50px;}
.internalHeader .aLeft{position: absolute;left:100px;bottom:100px;}
.internalHeader .aRight img{width:200px;max-width: 100%;}
.internalHeader .aLeft img{width:130px;max-width: 100%;}

.internalHeader .dot{
    position: absolute; 
    border-radius: 50%;
    display: inline-block;
    z-index: -2;
    width: 600px;
    height:600px;
    animation-name: growdot;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.internalHeader .dotPink{background-color: rgba(221, 3, 216, .3);}
.internalHeader .dotPurple{background-color: rgba(216, 195, 229, .5);}
.internalHeader .dotGreen{background-color:rgba(78, 229, 174, .5);}
.internalHeader .dotBlue{background-color: rgba(0, 107, 255, .3);}
.internalHeader .dRight{right:0;top:-200px;}
.internalHeader .dLeft{left:0;bottom: -200px;}

.contentWrap{margin-bottom: 50px;}
.content{padding:0 4%;}
.content h2{font-size: 4em;color:#420dd9;}
.content li, .purpleBox li{padding-bottom: 8px;}
.content a{color:#420dd9;}
.content a:hover{color:#dd03d8;}

.flexImg{display: flex;align-items: center;}
.flexImg .content{padding-right:80px;flex:1;}
.flexImg .contentImg{width: 40%;text-align:center;}
.flexImg .contentImg img{max-width: 100%; height:auto;}

.partnersWrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
}
.partner{
    flex-basis: 200px;
    min-height: 130px;
    border: 3px solid #e9e9e9;
    border-radius: 8px;
    margin-bottom: 20px;
    padding:30px;
}
.partnerImg{height:90px;display: flex;justify-content: center;align-items: center;}
.partnerImg img{max-width: 150px;max-height:90px;text-align: center;}
.partner div h3{font-size: 1.75em !important;margin-bottom: 5px;}
.partner div a:hover::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 0.85em; content: "\f101";display: inline-block;margin-left: 3px;line-height: normal;}

.js-to_expand[aria-hidden=true],
.js-to_expand[data-hidden=true] {
  display: none;
}

h2.js-expandmore{font-size: 1.25em;}
.expandmore__button {
    background: none;
    border: none;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
}
.js-to_expand{padding-left: 20px;}
/* optional */
.expandmore__button:before,
.expandmore__button:before {
  content : '+ ';
}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before {
  content : '- ';
}

.breadCrumbs{margin:20px 4%;}
.breadCrumbs span{font-size: 1.5em;}
.breadCrumbs a{font-size: 1.5em;color:#420dd9;}
.breadCrumbs a::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 0.85em; content: "\f101";margin:0 5px;}
.breadCrumbs a:hover{color:#dd03d8;}

.videoWrap{display: flex;justify-content: space-between}
.video{margin:10px;flex-basis: 33%;}
.vid{display: flex; align-items: center;height:500px;flex-basis:50%;padding:50px 50px 75px;}

.vidResponsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    width: 100%;
}
.vidResponsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.socialMedia{margin:50px 0;padding:0 4%;}
.socialMedia #curator-feed-new-feed-layout{font-size: 1.35em;}
.floatR{float:right;}
.mobile{display: none;}

footer{background-color:#420dd9;display: flex;justify-content: space-between;align-items: center;padding:4%;}
footer .footerL ul{list-style-type: none;padding-left: 0;}
footer .footerL ul li{padding-bottom: 10px;}
footer .footerL ul li a{color:#FFF;font-size: 2em;}
footer .footerL ul li a:hover{color:#4ee5ae;}
footer .footerR{text-align: center;}
footer .footerR .cityLogo:hover{opacity: .5;}
footer .footerR .epStrongLogo{max-width: 80px;margin-top: 15px;}
footer .footerR .epStrongLogo:hover{opacity: .5}
footer .footerR p.copyright{margin-top: 15px;margin-bottom: 0;}
footer p{color:#FFF;}


@keyframes growdot{
  0%   {width: 400px;height:400px;}
  100% {width: 600px;height:600px;}
}


@media only screen and (max-width: 998px) {
    html, body {
    max-width: 100%;
    overflow-x: hidden;
    }
    header{flex-direction: column;}
    .socialWrap{align-self: center;margin:40px 0;}
    .slideWrap{flex-direction: column;height:750px;margin-bottom: 40px;}
    .sliderLeft{flex:none;margin-bottom: 40px;width:100%}
    .sliderRight{width:100%;height: 350px;order:-1;}
    .slick-slide img{max-height: 350px;}
    .block, .strip{flex-direction: column;}
    .boxes{flex-direction: column;margin:0 4%;}
    .box{width:100%;text-align: center;}
    .box:before{display: none;}
    .strip{overflow: hidden;}
    .strip .stripImg img{width:100%;}
    .flexImg{flex-direction: column;}
    .flexImg .content{padding-right: 4%;}
    .flexImg .contentImg{width: 100%;height:300px;}
    .pageTitle{text-align: center;}
    .aRight{right:0;}
    .aRight img{max-width: 60%;}
    .aLeft{left:0;}
    .aLeft img{max-width: 50%;}
    footer{flex-direction: column;}.
    footer .footerL ul{padding-left: 0;}
    footer .footerL ul li{text-align: center;}
    footer .footerL{margin:40px 0;width:100%;}
    footer .footerR{width:100%;display: flex;flex-direction: column;}
    .cityLogo{max-width: 200px;}
     #mainNav ul{display: none !important;}
    
     #mainNav ul.responsive{
        display: block !important;
        width:100%;
        height:100%;
        opacity: 1;
      }
    
    #mainNav{
        display: block;
        top:0;
        left: 0;
        z-index: 998;
        width:100%;
        height:100%;
    }
    #handler{
        height: 30px;
        display: block;
        cursor: pointer; 
        padding: 10px 0px; 
        z-index:999;
        text-align: center;
    }
    
        #mainNav ul.responsive{
        display: block;
        width:100%;
        text-align:center;
        margin:0 auto;
         position: relative;
         z-index: 999;
         display: block;
     }
    #handler i{
        color:#420dd9;
        font-size: 3em;
        width:100%;
    }
        #navContainer.rNav{
        display: flex;
        flex-direction: column;
        background-color: #420dd9;
        width: 100%;
        height: 100%;
        justify-content: start;
        position: fixed;
        top: 0;
        left: 0;
        right:0;
        padding-top:40px;
        }
    #handler i.fa-times{display: none;}
    #handler.active{padding: 0;margin-bottom: 30px;}
    #handler.active i.fa-bars{display: none;}
    #handler.active i.fa-times{display: block;color:#FFF;}
    #mainNav ul.responsive li{margin: 0;padding: 20px 0;}
    #mainNav ul.responsive li a{color:#FFF;}
    .vid{width: 100%;padding-bottom:0;}
}


@media only screen and (max-width: 600px) {
    .pageTitle h1{font-size: 6em;}
    .desktop{display: none;}
    .mobile{display: block;}
    .sliderLeft h2{font-size: 5em;}
    .aLeft{display: none;}
    .stripAlt{text-align: center;padding:40px 20px;}
    .videoWrap{flex-direction: column;}
    .flexImg .contentImg{max-width: 400px;margin-top:40px;}
    footer{margin-top: 40px;}
}