html { height: 100%; }
body { height: 100%; overflow-x: hidden; position: relative; font-family: 'HarmoniaSans Reg', 'Helvetica', helvetica, sans-serif; color: #444; padding-top: 84px; }
section, header { position: relative; }
.btn { border-radius: 0; padding: 12px 24px; }
.btn-outline-primary { border-color: white; color: white; }
.btn-outline-secondary, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { position: relative; border-color: #475af2; color: #475af2; font-size: 18px; font-family: 'HarmoniaSans Bold'; }
.btn-outline-secondary:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { background-color: transparent; border-color: #475af2; }
.btn-outline-secondary:hover .bg-slide { width: 100%; transition: .4s; }
.btn-outline-secondary .bg-slide { position: absolute; left: 0; top: 0; height: 100%; width: 0px; transition: .4s; background-color: #475af2;  }
.btn-outline-secondary .z-2 { position: relative; }
.btn-outline-mxp { position: relative; border-color: #ffbe0f; color: #ffbe0f; font-size: 18px; font-family: 'HarmoniaSans Bold'; margin-top: 20px;}
.btn-outline-mxp .bg-slide { position: absolute; left: 0; top: 0; height: 100%; width: 0px; transition: .4s; background-color: #ffbe0f;  }
.btn-outline-mxp .z-2 { position: relative; }
.btn-outline-mxp:hover { background-color: transparent; border-color: #ffbe0f; }
.btn-outline-mxp:hover .bg-slide { width: 100%; transition: .4s; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
p, li { font-family: 'HarmoniaSans Light'; font-size: 18px; }
p a { color: #475af2; }
b, strong { font-family: 'HarmoniaSans Black'; font-weight: normal; }
button.navbar-toggler { outline: none; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { padding: 10px 20px; cursor: pointer; }
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { background-color: #475af2; color: white; }


/* Nav Modal */
#navModal.modal-lg, #navModal .modal-dialog { max-width:100%; }
.modal-backdrop, #navModal.fade { background-color: rgba(255,255,255,.9); }
#navModal .modal-content { background: transparent; border: none; }
#navModal .modal-content ul { padding: 0; list-style: none; text-align: center; }
#navModal .modal-content ul li { margin-bottom: 20px; }
#navModal .modal-content ul li a { font-size: 32px; color: #475af2; }
#navModal .modal-content ul li.minor { font-size: 14px; }
#navModal .modal-content ul li.minor a { margin: 10px; font-size: 24px; color: #444; } /* display: inline-block; */
#navModal button.close { outline: none; text-align: left; margin-left: 47px; margin-top: -14px; margin-bottom: 10px; }
#navModal button.close span { font-size: 35px; }
#navModal .modal-content ul li.minor.inline { display: inline; position: relative; }
#navModal .modal-content ul li.minor.inline:last-child:after { display:none; }
#navModal .modal-content ul li.minor.inline:after { content:''; width: 4px; height: 4px; background-color: #444; border-radius: 50%; position: absolute; right: -4px; top: 2px; }

/* Parallax X */
body.home { background: url(../assets/X.svg) no-repeat; background-attachment: fixed; background-size: 1120px; background-position: 700px 1930px; }
.pX { position: absolute; top: -850px; left: -650px; z-index: -1; }
header .pX { left: auto; right: -400px; top: auto; bottom: 0; }
.page-startups header .pX, .page-corporations header .pX, .page-countries header .pX { bottom: 500px; right: -400px; }
.pX img { width: 1120px; height: auto; }
/*.page-startups header .pX img { width: 900px; }*/
#testimonials .pX { left: -100px; top: 600px; }
#mxpTestimonials .pX { left: -500px; top: 300px; opacity: .7; }
#blog .pX { position: fixed; top: -250px; left: auto; right: -300px; }
body.page-startups, body.page-corporations   { background: url(../assets/X-soft.svg) no-repeat; background-attachment: fixed; background-size: 1120px; background-position: 700px 4500px; }
#mainContent .pX { right: 0; top: 400px; opacity: .  5; z-index: -1!important; }
#mainContent .pX:nth-child(2) { left: auto; right: -400px; top: 1500px; }
.page-countries #mainContent .pX:nth-child(2) { top: 2200px; }
.page-countries #nav-2 .topContent .pX { top: -350px; }
.page-corporations #testimonials .pX { left: -350px; top: 1200px; }
.page-template-default header .pX { top: 250px;}
#resources .pX:first-child { top: 850px; }
#resources .pX:nth-child(2) { top: 1300px; right: 0; left: auto; }
.page-core-values header .pX { top: 450px; }

.navbar .navbar-toggler { position: absolute; display: block; border: none; top: 22px; left: 1rem; background-color: #3b5ff3; border-radius: 0; padding: .25rem; }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar .navbar-brand { width: 250px; margin: 0 auto; }
.navbar .navbar-brand.showLogo { opacity: 1; transition: .2s; margin-top: 0; }
.navbar .navbar-brand.hideLogo { opacity: 0; transition: .2s; margin-top: -90px; }
.navbar .navbar-brand img { width: 100%; }


header { height: 640px; /* height: calc(100vh - 70px); */ padding: 200px 0; }
header h1 { text-align: center; font-family: 'HarmoniaSans Black'; font-size: 48px; }

#threeSections a:hover { text-decoration: none; }
#threeSections .color-card { display: block; padding: 80px 50px 150px; z-index: 500; position: relative; border: none; border-radius: 0; background: transparent; height: 100%; }
#threeSections .color-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #475af2; border: 1px solid #ffffff; transition: .2s; }
#threeSections .col-lg-4:nth-child(2) .color-bg { margin-left: -1px; margin-right: -1px; }
#threeSections .col-lg-4:hover .color-bg { transform: scale(1.2); -webkit-transform: scale(1.2); transition: .4s; z-index: 1000; }
#threeSections .col-lg-4:hover .color-card { z-index: 2000; }
#threeSections h2 { margin-bottom: 20px; display: block; font-weight: normal; font-size: 32px; font-family: 'HarmoniaSans Black'; color: #00e2ba; }
#threeSections h2:before { content:''; width: 20px; height: 5px; background-color: #00e2ba; display: block; }
#threeSections .color-card p { font-size: 24px; line-height: 34px; color: white; }
#threeSections button { position: absolute; margin-top: 20px; font-family: 'HarmoniaSans Black'; bottom: 70px; }
#threeSections button .bg-slide { position: absolute; left: 0; top: 0; height: 100%; width: 0px; transition: .4s; background-color: white; }
#threeSections .col-lg-4:hover button { color: #444; border-color: white; }
#threeSections .col-lg-4:hover button .z-2 { position: relative; }
#threeSections .col-lg-4:hover button .bg-slide { width: 100%; transition: .4s; }


#testimonials { margin-top: -16px; position: relative; margin-bottom: 200px;  }
#testimonials .bx-viewport { overflow: visible!important; }
.quoteStage { box-shadow: 0 0 12px #c0c0c0; background-color: white; z-index: 2000; position: absolute; bottom: -50px; height: 300px; left: 0; margin-left: auto; right: 0; margin-right: auto; width: 100%; }
.testBigSlider { position: relative; padding: 0; }
.testBigSlider li { min-height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center top; }
#testimonials .bx-controls, #mxpTestimonials .bx-controls { position: absolute; left: 0; right: 0; bottom: -100px; text-align: center; }
.quoteText { padding: 50px 60px 0 60px; position: absolute; left:0; z-index: 3000; margin-top: 400px; text-align: center; }
.mxpTestSlider li { padding: 30px 0px 60px; text-align: center; }
.mxpTestSlider { margin: 0; padding: 0; }
.quoteText h4, .mxpTestSlider li h4 { font-size: 32px; color: #475af2; font-family: 'HarmoniaSans Black'; }
.mxpTestSlider li h4 { margin-bottom: 20px; }
.quoteText p, .mxpTestSlider li p { font-family: 'HarmoniaSans Light'; font-size: 21px; }
.quoteText p.author, .mxpTestSlider li p.author { font-size: 18px; font-family: 'HarmoniaSans Reg'; }
.quoteText p.author b, .mxpTestSlider li p.author b { font-family: 'HarmoniaSans Bold'; font-weight: normal;  }
.bx-pager-item { display: inline; }
.bx-pager-item a { margin: 0 3px; vertical-align: middle; text-indent: -9999px; display: inline-block; height: 6px; width: 6px; border-radius: 50%; background-color: #475af2; opacity: .6; }
.bx-pager-item a.active { width: 10px; height: 10px; opacity: 1; }
#testimonials .bx-controls-direction a.bx-prev, #academyTestimonials .bx-controls-direction a.bx-prev { margin-top: -190px; position: absolute; z-index: 56; left: 20px; }
#testimonials .bx-controls-direction a.bx-next, #academyTestimonials .bx-controls-direction a.bx-next { margin-top: -190px; position: absolute; z-index: 56; right: 20px; }
#academyTestimonials .quoteText { padding-top: 30px; }

#blog { padding: 80px 0; }
#blog:before, #bookform:before { content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(../assets/bg_blog.jpg); background-size: cover; opacity: .7; }
.featuredImage { background-color: white; }
.featuredImage img { width: 100%; height: auto; max-width: 100%; }
.featuredContent { background-color: white; padding: 80px 40px; height: 100%; text-align: center; }
.featuredContent h2 { font-size: 24px; font-family: 'HarmoniaSans Black'; margin-bottom: 30px; }
.featuredContent h5 { font-size: 16px; font-family: 'HarmoniaSans Bold'; margin-bottom: 30px; color: #00e2ba; }
.featuredContent h5 a { color: #00e2ba; }
.featuredContent p { font-size: 16px; line-height: 25px; }
.col-md-6 .featuredContent { min-height: 315px; }
.featuredContent .btn-outline-secondary { position: relative; }
.featuredContent .btn-outline-secondary .bg-slide { position: absolute; left: 0; top: 0; height: 100%; width: 0px; transition: .4s; background-color: #475af2;  }
.featuredContent .btn-outline-secondary .z-2 { position: relative; }
.featuredContent .btn-outline-secondary:hover { background-color: transparent; border-color: #475af2; }
.featuredContent .btn-outline-secondary:hover .bg-slide { width: 100%; transition: .4s; }
.featuredContent h2.teaser { font-size: 29px; margin-top: 15px; }

.blog #blog:before { background-attachment: fixed; }
.blog .ajax-load-more-wrap.purple button.alm-load-more-btn, .archive .ajax-load-more-wrap.purple button.alm-load-more-btn { transition: .2s; background: none; color: #475af2; border: 1px solid #475af2; border-radius: 0; padding: 6px 30px 6px 30px; height: auto; font-family: "HarmoniaSans Black"; text-transform: uppercase; }
.blog button.alm-load-more-btn.loading, .archive button.alm-load-more-btn.loading { padding-left: 54px!important; }
.blog button.alm-load-more-btn.loading:before, .archive button.alm-load-more-btn.loading:before { margin: 12px; }
.blog .ajax-load-more-wrap.purple button.alm-load-more-btn:hover, .archive .ajax-load-more-wrap.purple button.alm-load-more-btn:hover { transition: .2s; background-color: white; }

.blog header h1, .page-startups header h1, .page-corporations header h1, .page-countries header h1, .page-template-page-speaker header h1, .page-core-values header h1 { font-size: 48px; }
.blog header h2, .page-startups header h2, .page-corporations header h2, .page-countries header h2, .page-template-page-speaker header h2, .page-core-values header h2 { font-size: 40px; font-family: 'HarmoniaSans Light'; text-align: center;}
h2 b { font-family: 'HarmoniaSans Bold'; color: #475af2; }
.page-startups #threeSections, .page-corporations #threeSections { background: rgba(200,200,200,.3); padding: 100px 0; position: relative; }
#threeSections .pX, #topX.pX { position: absolute; top: 150px; right: -150px; left: auto; }
#topX.pX { top: 550px; }
#threeSections .pX img { width: 900px; opacity: .4; }
.page-startups #threeSections .container img, .page-corporations #threeSections .container img { max-width: 100%; }
.page-startups #threeSections svg, .page-countries #threeSections svg, .page-corporations #iconBlocks svg { width: 100%; max-width: 300px; }
.page-corporations .ratios .lineDrawing svg { width: 100%; max-width: 280px; }
.page-startups #threeSections h3, .page-corporations #threeSections h3 { font-size: 32px; font-family: 'HarmoniaSans Black'; margin-bottom: 30px; color: #475af2; }
.page-corporations #threeSections h3 { margin-top: 50px; }
.page-corporations #threeSections svg { max-width: 300px; }
.page-startups #threeSections h3:before, .page-corporations #threeSections h3:before { content:''; width: 20px; height: 5px; background-color: #475af2; display: block; }
.iconHolder { text-align: center; }
.page-startups .iconHolder img, .page-corporations .iconHolder img { width: 80%; }
.page-startups #threeSections .container .row:nth-child(2) .iconHolder img { width: 70%; }
.page-corporations #threeSections .container .row:nth-child(1) .iconHolder img { width: 70%; }
.page-startups #threeSections .container .row:nth-child(3) .iconHolder img { width: 100%; }

#nav-1 #mxpProgram .row { padding-bottom: 0; }
.mxpImageSlider .bxslider, .mxpContentSlider .bxslider { margin: 0; padding: 0; }
.mxpImageSlider .colorBlock { padding: 80px 50px 150px 120px; text-align: right; width: 100%; height: 100%;  }
.mxpImageSlider h2 { color: #ffbe0f; font-family: 'HarmoniaSans Black'; font-size: 46px;  }
.mxpContent h3 { font-size: 32px; font-family: 'HarmoniaSans Black'; margin-bottom: 30px; }
.mxpContent h3:before { content:''; width: 20px; height: 5px; background-color: #444; display: block; }
.mxpContent { padding: 80px 100px 50px 50px; }
.mxpContent ol, .mxpContent ul { padding-left: 18px; }
#mxpProgram .container-fluid { height: 100%; }
#mxpProgram .bxslider-controls, #mxpProgram .bxslider-tab-controls { position: absolute; left: 50%; margin-left: -30px; width: 60px; bottom: 0; display: block; }
#mxpProgram .bxslider-controls a, #mxpProgram .bxslider-tab-controls a { float: left; text-indent: -9999px; height: 60px; width: 30px; background-color: #ffbe0f; display: inline-block;}
#mxpProgram .bx-wrapper { height: 100%; }
.mxpImageSlider .bxslider, .mxpImageSlider .bxslider li, .mxpImageSlider .bxslider-tab, .mxpImageSlider .bxslider-tab li { height: 100%; }
.mxpImageSlider .bxslider li, .mxpImageSlider .bxslider-tab li { background-size: cover; background-repeat: no-repeat; background-color: rgba(71,90,242,.7); background-blend-mode: multiply; }
#mxpProgram .mxpContent .bxslider-controls, #mxpProgram .mxpContent .bxslider-tab-controls  { position: relative; left: 0; margin-left: 0; }
#mxpProgram .mxpContent .bxslider-controls a, #mxpProgram .mxpContent .bxslider-tab-controls a { float: none; width: auto; text-indent: 0; background-color: transparent; }
#mxpProgram ol ul li { font-size: 14px; }
#mxpTestimonials .bx-controls, #mxpTestimonials .bxslider-controls { bottom: 0;  }
#mxpTestimonials { position: relative; padding: 80px 0; }

#stewardshipPledge { margin-bottom: 100px; padding: 50px 0; background: rgba(200,200,200,.2); background: linear-gradient(90deg, rgba(200,200,200,0.2) 60%, rgba(255,255,255,0) 60%);}
#stewardshipPledge h2 { color: #475af2; font-size: 48px; font-family: 'HarmoniaSans Black';  }
#stewardshipPledge h2 span { font-family: 'HarmoniaSans Light'; }
#stewardshipPledge nav .nav-item { margin-top: 37px; font-size: 32px; font-family: 'HarmoniaSans Black'; color: #444; background: none; border: none; opacity: .5; }
#stewardshipPledge nav .nav-item.active { opacity: 1; border-bottom: 5px solid #00e2ba; }
#stewardshipPledge .nav-tabs { border: none; margin-bottom: 30px; }
#thePledge { min-height: 450px; background-color: #475af2; border: 5px solid white; color: white;  }
.pledgeSlider { margin: 0; padding: 40px 0px; }
.pledgeSlider li { padding: 0 30px;}
.pledgeSlider h3:before { content:''; width: 20px; height: 5px; background-color: #00e2ba; display: block; }
.pledgeSlider h3 { margin-bottom: 47px; font-size: 32px; color: #00e2ba; font-family: 'HarmoniaSans Black'; }
.pledgeSlider .slideNumber { text-align: center; font-family: 'HarmoniaSans Black'; position: absolute; top: -200px; right: 0px; font-size: 84px; border: 20px solid white; opacity: 0; border-radius: 50%; display: block; width: 170px; height: 170px; transition: .3s; }
.pledgeSlider .active-slide .slideNumber { top: -30px; transition: .3s; opacity: .4; }

#thePledge .bx-viewport { height: 380px!important; }
#thePledge .bx-controls { padding:0 30px; position: absolute; bottom: 30px; left: 0; right: 0;  }
#thePledge .bx-controls-direction { width: 100%; float: left; }
#thePledge .bx-controls-direction .bx-next { float: right; }
#thePledge .bx-pager { position: absolute; left: 50%; margin-left: -50px; }
#thePledge .bx-pager-item a { background-color: #fff;}
#thePledge .bx-pager-item a.active { background-color: #00e2ba; }

#ourPhilosophy { padding: 120px 0; }
#ourPhilosophy .container { padding-top: 80px; padding-bottom: 80px; background-position: top right; background-repeat: no-repeat; background-size: contain; }
#philosophyBox { background-color: #475af2; color: white; border: 5px solid white; padding: 50px; }
#philosophyBox h3:before { content:''; width: 20px; height: 5px; background-color: #00e2ba; display: block; }
#philosophyBox h3 { margin-bottom: 30px; font-size: 32px; color: #00e2ba; font-family: 'HarmoniaSans Black'; }
#philosophyBox ol { counter-reset: item; padding-left: 0px; font-size: 24px; font-family: 'HarmoniaSans Black'; }
#philosophyBox ol li { padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; font-family: 'HarmoniaSans Light'; font-size: 16px; margin-bottom: 15px;  }
#philosophyBox ol li:before { line-height: normal; width: 1em; padding-right: 0.5em; content: counter(item) "."; font-size: 24px; font-family: 'HarmoniaSans Black'; }
#philosophyBox ol li b { font-family: 'HarmoniaSans Bold'; }

#whoWeAre { position: relative; padding: 100px 0; background: rgba(200,200,200,.3); }
#whoWeAre h2 { text-align: center; color: #475af2; font-family: 'HarmoniaSans Black'; font-size: 36px; }
#whoWeAre .button-group { text-align: center; }
#whoWeAre .button-group { display: block; margin: 0 auto; }
#whoWeAre .button-group .button { outline: none; cursor: pointer; margin: 0 15px; display: inline-block; font-size: 24px; font-family: 'HarmoniaSans Black'; color: #444; background: none; border: none; opacity: .5; }
#whoWeAre .button-group .button:hover { opacity: 1; }
#whoWeAre .button-group .button.is-checked { opacity: 1; border-bottom: 5px solid #00e2ba; }
#whoWeAre .col-md-1, #whoWeAre .col-md-2 { z-index: 0; }
#whoWeAre .col-md-1:hover, #whoWeAre .col-md-2:hover { z-index: 5;}
#bioBlocks { margin-top: 50px; }
.bioBlock { margin: 3px; transition: .2s; }
.bioBlock img { max-width: 100%; height: auto; }
#whoWeAre .col-md-1:hover .bioBlock, #whoWeAre .col-md-2:hover .bioBlock { transform: scale(1.3); -webkit-transform: scale(1.3); transition: .2s;}
#whoWeAre .col-md-1 p, #whoWeAre .col-md-2 p { margin-bottom: 0; opacity: 0; transition: .2s; position: absolute; bottom: 5px; left: 0; right: 0; font-size: 11px; line-height: 14px; color: white; font-family: 'HarmoniaSans Bold'; text-align: center; }
#whoWeAre .col-md-2 p { bottom: 10px; }
#whoWeAre .col-md-1:hover p, #whoWeAre .col-md-2:hover p { opacity: 1; }
#whoWeAre .bioBlock { position: relative; transition: .2s; }
#whoWeAre .colorBlock { transition: .4s; color: white; position: absolute; bottom: 0; left: 0; right: 0; height: 0; background-color: rgba(0,226,186,.5); }
#whoWeAre .bioBlock:hover .colorBlock { height: 100%; transition: .4s; }
#whoWeAre .colorBlock a { transition: .2s; position: absolute; bottom: 30px; left: 50%; font-size: 21px; line-height: 48px; margin-left: -25px; color: #00e2ba; background-color: white; height: 50px; width: 50px; text-align: center; border-radius: 50%; opacity: 0; }
#whoWeAre .bioBlock:hover .colorBlock a { opacity: 1; transition: .2s; }

#caseStudies .container { position: absolute; top: 80px; bottom: 80px; left: 0; right: 0;  }
#csSliderBG { position: relative; padding: 0; margin: 0; }
#csSliderBG li { min-height: 750px; background-size: cover; padding: 80px 0; }
.csStage { padding: 50px; min-height: 500px; background-color: #475af2; border: 5px solid white; color: white; }
.csStage h4:before { content:''; width: 20px; height: 5px; background-color: #00e2ba; display: block; }
.csStage h4 { margin-bottom: 30px; font-size: 28px; color: #00e2ba; font-family: 'HarmoniaSans Black'; }
#csSlider p { font-size: 14px; }
#csSlider p b { font-size: 18px; font-family: "HarmoniaSans Black"; }
#csSlider p a { color: white; }

.csStage .bxslider-controls a, #thePledge .bx-controls-direction a, .bx-controls-direction a, #caseStudies .bx-controls-direction a { text-indent: -9999px; display: inline-block; background: url(../assets/arrow.svg) no-repeat; background-size: 14px; height: 30px; width: 15px; float: right; }
.csStage .bxslider-controls a.pull-left, #thePledge .bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-prev, #caseStudies .bx-controls-direction a.bx-prev { float: left; transform: scaleX( -1 ); -webkit-transform: scaleX( -1 ); text-indent: 9999px; }
.csStage .bxslider-controls a.pull-right, #thePledge .bx-controls-direction a.bx-next, .bx-controls-direction a.bx-next { float: right; }
.bx-controls-direction a { background: url(../assets/arrow-purple.svg) no-repeat; }
#testimonials .bx-controls, #academyTestimonials .bx-controls { margin-left: auto; margin-right: auto; -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
#csSlider ul { padding-left: 20px; }
#csSlider li { font-size: 16px; }

#mainContentNav { padding: 50px 0; }
#mainContentNav .pX:nth-child(2) { top: -80px; }
#mainContentNav nav .nav-item { text-align: center; margin-top: 37px; font-size: 26px; font-family: 'HarmoniaSans Black'; color: #444; background: none; border: none; opacity: .5; }
#mainContentNav nav .nav-item.active { opacity: 1; border-bottom: 5px solid #00e2ba; }
#mainContentNav .nav-tabs { border: none; margin-bottom: 30px; }
.whiteBox { border: 2px solid #ddd; background-color: white; padding: 50px; }
.whiteBox h3:before { content:''; width: 20px; height: 5px; background-color: #475af2; display: block; }
.whiteBox h3 { margin-bottom: 30px; font-size: 32px; color: #475af2; font-family: 'HarmoniaSans Black'; }
.tab-pane .row { padding: 100px 0; }
#mainContent { background-color: rgba(200,200,200,.3); }
#nav-1 .row, #nav-3 .row {  background-size: contain; background-repeat: no-repeat; background-position: top right; }
#nav-1 .container{ margin-bottom: 80px; }
#nav-1 .container:nth-child(2) .row { background-position: top left; }

#nav-2 { padding-bottom: 100px; }
#nav-2 .row {  background-size: contain; background-repeat: no-repeat; background-position: top right; }
#nav-2 .container:last-child .row { background-position: top left; }
.ratios { margin: 100px 0 0; padding: 100px 0; background-color: #475af2; }

#nav-3 .col-lg-6:first-child h3:before { content:''; width: 20px; height: 5px; background-color: #475af2; display: block; }
#nav-3 .col-lg-6:first-child h3 { margin-bottom: 30px; font-size: 32px; color: #475af2; font-family: 'HarmoniaSans Black'; }
#nav-3 h4 { font-family: 'HarmoniaSans Black'; margin-top: 50px;  } 
#nav-3 .whiteBox h4 { margin-top: 0px; margin-bottom: 30px; }
#nav-3 .whiteBox canvas { margin-bottom: 30px; }
#nav-3 .whiteBox h5 { font-family: 'HarmoniaSans Bold'; color: #475af2; }
.page-corporations #nav-3 h3, .page-corporations #nav-2 #newIcons h3 { color: #475af2; font-family: 'HarmoniaSans Black'; font-size: 32px; }
.page-corporations #nav-3 .container .row .col-md-10 .row:last-child h3 { margin-top: 0; }
.page-corporations #nav-3 h3:before, .page-corporations #nav-2 #newIcons h3:before { content:''; width: 20px; height: 5px; background-color: #475af2; display: block; }
.page-corporations #nav-3 .icon, .page-corporations #nav-2 #newIcons svg { max-width: 270px; }
.page-corporations #nav-2 { padding-bottom: 0; }
.page-corporations #nav-3 #iconBlocks p { font-size: 24px; }
#nav-3.tab-pane .ratios { padding: 100px 0; }
#nav-2.tab-pane #newIcons .row { padding: 30px 0; }
#nav-3.tab-pane .ratios .row { padding: 0; }
#nav-3.tab-pane .ratios p { color: white; margin-top: 15px; }
#nav-3.tab-pane .ratios h3:before { background-color: #00e2ba; }
#nav-3.tab-pane .ratios h3 { color: #00e2ba; margin-top: 30px; }
.page-corporations #nav-2 #newIcons h3 { margin-top: 30px; }

.lineDrawing { text-align: center; }
.page-corporations .nav-link .icon, .page-countries .nav-link .icon { max-width: 170px; }
.page-corporations .ratios { padding: 0; }
.page-corporations .ratios .lineDrawing svg { max-width: 280px; }
.page-corporations .col-md-4 h4 { font-family: "HarmoniaSans Black"; color: white; margin-top: 30px; }
.page-corporations #testimonials .bx-controls { display: none; }
.page-corporations #nav-1, .page-corporations #nav-2, .page-corporations #nav-3 { padding-top: 100px; }
.page-corporations .mxpContentSlider { background-color: white; }

#iconBlocks h3 { margin-top: 50px; }
#iconBlocks .row .row:nth-child(3) h3 { margin-top: 0; }
#iconBlocks .row { padding: 50px 0; }

.page-countries #threeSections { color: white; padding: 100px 0; background-color: #475af2; }
.page-countries #threeSections h3:before { content:''; width: 20px; height: 5px; background-color: #00e2ba; display: block; }
.page-countries #threeSections h3 { font-size: 32px; color: #00e2ba; font-family: 'HarmoniaSans Black'; }
.page-countries #threeSections p { font-size: 24px; }
.page-countries #threeSections p small, .page-corporations .ratios p small { font-size: 18px; }
.page-corporations .ratios p { margin-top: 40px; }
.page-corporations .ratios p small, .page-corporations .ratios p small a { color: white; }
#mainContentNav { padding-bottom: 0; }
#mainContentNav .nav-tabs { margin-bottom: 0; }
.page-countries #nav-1 { padding-bottom: 0; }
.page-countries .topContent { padding: 100px 0; background-color: rgba(200,200,200,.3); }
.page-countries .tab-pane#nav-1 #mxpProgram .row { padding: 0; }
.tab-pane #mxpTestimonials .row, .tab-pane #academyTestimonials .row { padding: 0; }
#academyTestimonials { padding: 0; width: 100%; }
#academyTestimonials .bx-viewport { overflow: visible!important; height: 700px!important; }
.academyTestSlider { position: relative; padding: 0; margin: 0; }
.academyTestSlider li { width:100%!important; min-height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.page-countries #nav-2 #csSlider li { list-style: none; }
.page-countries #nav-2 #csSlider { padding: 0; }
#academyTestimonials .bx-controls { position: absolute; left: 0; right: 0; bottom: -50px; text-align: center; }
.page-countries #nav-2 #caseStudies { margin-top: 180px; }
.page-countries #nav-2 { padding-bottom: 0; }
.simpleQuote { padding: 30px 0px 60px; text-align: center; }
.simpleQuote h4 { font-size: 32px; color: #475af2; font-family: 'HarmoniaSans Black'; margin-bottom: 20px; }
.simpleQuote p { font-family: 'HarmoniaSans Light'; font-size: 24px; }
.simpleQuote p.author { font-size: 21px; font-family: 'HarmoniaSans Reg'; }
.simpleQuote p.author b { font-family: 'HarmoniaSans Bold'; font-weight: normal;  }
.page-countries #mxpTestimonials { background-color: rgb(255,255,255); }

#academyAccolades { padding-top: 100px; }
#academyAccolades img { max-width: 300px; }
#academyAccolades .row { padding-top: 0; }

.single-post header { height: auto; padding: 50px 0 0 0; }
.single-post #blog:before { background-attachment: fixed; }
.single-post header .featuredContent { padding: 80px 30px 15px; }
.single-post header .avatar { max-width: 40px; height: auto; border-radius: 50%; margin-right: 10px; }
.single-post header h6 { font-family: "HarmoniaSans Black"; }

.single-post .postContent, .page-template-default .postContent { background-color: white; padding: 40px; }
.single-post .postContent img, .page-template-default ,postContent img { max-width: 100%; margin: 20px 0 40px; }
.single-post .postContent h3, .page-template-default .postContent h3 { margin-top: 40px; font-size: 24px; font-family: "HarmoniaSans Black"; }
#sidebar .featuredContent { text-align: left; }
#sidebar h3 { font-family: "HarmoniaSans Black"; margin-top: 50px; font-size: 28px; font-size: 24px; }
#sidebar h3:first-child { margin-top: 0; }
#sidebar ul { list-style: none; padding-left: 0; }
#sidebar ul li { margin: 15px 0; }
#sidebar ul li a { color: #475af2; }
#sidebar .input-group { margin-top: 30px; }
#sidebar .input-group>.form-control:not(:last-child) { border-radius: 0; border-right: none; }

.archive header, .search header, .page-press header, .page-template-default header { height: auto; padding: 100px 0; }
.archive #blog:before, .search #blog:before, .page-press #blog:before, .page-template-default #blog:before { background-attachment: fixed; }

.page-press .featuredContent { position: relative; padding: 20px 40px; min-height: 240px; }
.page-press .featuredContent h3 { font-size: 18px; font-family: 'HarmoniaSans Black'; margin-bottom: 25px; }
.page-press .featuredContent .btn-outline-secondary { position: absolute; bottom: 50px; left: 50%; margin-left: -106px; }

#resources { padding: 100px 0;  }
#resources h3, #bookform h3 { color: #475af2; font-family: 'HarmoniaSans Black'; font-size: 32px; margin-top: 80px; }
#resources div h3:first-child { margin-top: 0; }
#resources h3:before, #bookform h3:before { content:''; width: 20px; height: 5px; background-color: #475af2; display: block; }
#bookform { padding: 100px 0; background-color: rgba(200,200,200,.2); }
.embed-responsive { margin-bottom: 30px; }
#bookform:before, .page-core-values #blog:before { background-attachment: fixed; }
.formStage { background-color: white; padding: 40px; }
#bookform h3 { margin-top: 0; }
.bioPhoto { text-align: center; }
.bioPhoto img { border-radius: 50%; max-width: 200px; }
header .social i { font-size: 34px; }
.gform_wrapper .gform_body input, .gform_wrapper .gform_body textarea { border: 1px solid #e0e0e0; }

.page-core-values header h2 { font-size: 30px; }
.valueStage { transition: .2s; position: relative; text-align: center; color: #475af2; padding: 140px 60px; border: 2px solid #475af2;  }
.valueDesc { position: absolute; left: 0; width: 100%; color: white; transition: .2s; opacity: 0; top: 50%; padding: 40px; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); }
.valueDesc p { margin-bottom: 0; }
.valueStage h4 { transition: .2s; font-family: 'HarmoniaSans Black'; }
.valueStage:hover .valueDesc { opacity: 1; transition: .2s; }
.valueStage:hover h4 { opacity: 0; transition: .2s; }
.valueStage.one, .valueStage.four, .valueStage.seven { border-color: #00e2ba; color: #00e2ba; }
.valueStage.two, .valueStage.five, .valueStage.eight { border-color: #fda533; color: #fda533; }
.valueStage:hover { cursor: pointer; background-color: #475af2; transition: .2s; }
.valueStage.one:hover, .valueStage.four:hover, .valueStage.seven:hover { background-color: #00e2ba; }
.valueStage.two:hover, .valueStage.five:hover, .valueStage.eight:hover { background-color: #fda533; }

.page-template-page-speaker header { padding-top: 80px; }


#footer { font-size: 16px; background-color: white; padding: 30px 0 15px; }
#footer p a { color: #444; }
#footer .social i, .social i { font-size: 24px; margin: 0 8px; color: #475af2; }
#footer .social a, .social a { display: inline-block; height: 21px; }
#footer .social a:first-child i { font-size: 21px;  }


/* Fixed Tab Nav */
.page-countries #mainContentNav.fixed { width: 100%; position: fixed; top: -70px; height: 149.5px; background-color: white; z-index: 100; }
.page-countries #mainContentNav.fixed nav .nav-item { margin-top: 0; height: 100px; padding-top: 40px; }
.page-countries #mainContentNav.fixed .nav-link .icon { max-width: 70px; display: inline; float: left; margin-top: -18px; transition: .2s }
.page-countries #mainContent.adjusted { margin-top: 336.36px; }

.page-corporations #mainContentNav.fixed { width: 100%; position: fixed; top: -70px; height: 149.5px; background-color: white; z-index: 100; }
.page-corporations #mainContentNav.fixed nav .nav-item { margin-top: 0; height: 100px; padding-top: 40px; font-size: 21px; line-height: 21px; }
.page-corporations #mainContentNav.fixed .nav-link .icon { max-width: 70px; display: inline; float: left; margin-top: -18px; transition: .2s }
.page-corporations #mainContent.adjusted { margin-top: 336.36px; }


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {  
    
    body { overflow-x: hidden!important; }
    header .pX { left: auto; right: 0; top: 1000px; overflow-x: hidden; }
    .page-startups header .pX, .page-corporations header .pX, .page-countries header .pX { bottom: 500px; right: 0px; overflow-x: hidden; }
    #threeSections .pX, #testimonials .pX, #mainContent .pX:nth-child(2), #topX.pX { right: 0; left: auto; }
    #blog:before, #bookform:before { background-size: cover!important; background-attachment: local; }
    
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .quoteText p, .mxpTestSlider li p { font-size: 19px; }
    .quoteText { padding: 30px 50px; }
    .blog header h2, .page-startups header h2, .page-corporations header h2, .page-countries header h2, .page-template-page-speaker header h2, .page-core-values header h2 { font-size: 34px; }
    .mxpContent { padding-right: 50px; }
    .navbar .navbar-brand { width: 230px; margin: 0 auto; }
    
    .featuredContent { padding: 40px 20px; }
    .featuredContent p { font-size: 16px; line-height: 21px; }
    .single-post header .featuredContent { padding-top: 50px; }
    .page-countries #threeSections h3 { margin-top: 0!important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    
    .blog header h2, .page-startups header h2, .page-corporations header h2, .page-countries header h2, .page-template-page-speaker header h2, .page-core-values header h2 { font-size: 34px; }
    .page-core-values header h2 { font-size: 27px; }
    .navbar .navbar-brand { width: 200px; margin: 0 auto; }
    #navModal button.close { margin-left: 32px; }
    .page-corporations #mainContentNav.fixed nav .nav-item { font-size: 14px; line-height: 15px; }
    .mxpImageSlider .colorBlock h2 { text-align: center; }
    .page-corporations #whoWeAre { margin-top: 150px; }
    .page-corporations #nav-3 #iconBlocks h3, #nav-3.tab-pane .ratios h3 { margin-top: 0; }
    .page-corporations #nav-3 #iconBlocks p { font-size: 20px; }
    #blog .col-lg-8.mb-5 { margin-bottom: 0!important; }
    
    #testimonials .bx-controls-direction a.bx-prev, #academyTestimonials .bx-controls-direction a.bx-prev { margin-top: 0; }
    #testimonials .bx-controls-direction a.bx-next, #academyTestimonials .bx-controls-direction a.bx-next { margin-top: 0; }
    .page-countries #threeSections h3.mt-5 { margin-top: 0!important; }
    
    .valueDesc p { font-size: 16px; line-height: 21px; }
    .quoteText { margin-top: 460px; }
    #academyTestimonials .quoteText { margin-top: 440px; }
    .quoteStage { height: 250px; }
    
    .home #blog .row:last-child .col-lg-8.mb-5 { margin-bottom: 3rem!important; }
    #blog .col-md-6 .featuredContent h2 { font-size: 18px; }
    .single-post header .featuredContent { padding-top: 30px; }
    .single-post #sidebar { margin-top: 50px; }
    .single-post .postContent, #sidebar .featuredContent { padding: 40px 20px; }
    .quoteText { padding: 30px; }
    .quoteText p, .mxpTestSlider li p { font-size: 16px; }
    .mxpContent { padding-right: 50px; }
    .mxpContent p { font-size: 16px; }
    #stewardshipPledge h2 { font-size: 38px; }
    #stewardshipPledge { background: linear-gradient(90deg, rgba(200,200,200,0.3) 60%, rgba(255,255,255,0) 100%);}
    #stewardshipPledge nav .nav-item { margin-top: 0; }
    #stewardshipPledge .tab-content { margin-bottom: 50px; }
    #ourPhilosophy .col-lg-6 { margin-top: 470px; }
    .simpleQuote p { font-size: 18px; }
    #csSliderBG li { min-height: 450px; }
    .csStage { margin-top: -140px; height: auto; min-height: auto; margin-bottom: 50px; }
    #caseStudies .container { position: relative; }
    #mainContentNav nav .nav-item { font-size: 18px; }
    .page-corporations .nav-link .icon, .page-countries .nav-link .icon { max-width: 130px; }
    .page-corporations #nav-3 h3 { margin-top: 50px; }
    .page-corporations .container:last-child .col-md-12 .row:last-child #nav-3 h3 { margin-top: 0; }
    #nav-3 .col-lg-6:first-child { padding-top: 0px; }
    .col-lg-6.whiteBox { margin-top: 280px; }
    .mxpImageSlider h2 { font-size: 44px; }
    .mxpImageSlider .colorBlock { padding-left: 50px;}
    .mxpImageSlider .colorBlock h2 { font-size: 44px; }
    
    
    
}

@media screen and (max-width: 767px) {
    body { overflow-x: hidden!important; }
    p, ul li { font-size: 16px; }
    ul, ol { padding-left: 18px; }
    .navbar .navbar-brand { width: 200px; margin: 0 auto; }
    #navModal button.close { margin-left: 32px; }
    #navModal .modal-content ul li a { font-size: 24px; }
    #navModal .modal-content ul li.minor a { font-size: 18px;}
    
    header { padding: 100px 0 50px; height: 250px; }
    header h1 { font-size: 42px; }
    .page-template-page-speaker header, .page-core-values header, .blog header { height: auto; }
    .page-countries header { height: 350px; }
    .home header h1, .blog header h1, .page-startups header h1, .page-corporations header h1, .page-countries header h1, .page-template-page-speaker header h1, .page-core-values header h1 { font-size: 30px; }
    .blog header h2, .page-startups header h2, .page-corporations header h2, .page-countries header h2, .page-template-page-speaker header h2, .page-core-values header h2 { font-size: 22px; } 

    body.home { background: url(../assets/X.svg) no-repeat; background-attachment: fixed; background-size: 1120px; background-position: 700px 1930px; }
    .pX { top: -580px; left: -550px; overflow-x: hidden; }
    .pX img { width: 730px; }
    header .pX { left: auto; right: 0; top: 1000px; overflow-x: hidden; }
    .page-startups header .pX { right: -540px; top: -380px; bottom: auto; }
    .page-startups header .pX, .page-corporations header .pX, .page-countries header .pX { bottom: 500px; right: 0px; overflow-x: hidden; }
    #topX.pX { overflow-x: hidden; right: 0; left: auto; }
    #mainContent .pX:nth-child(2) { right: 0; }
    #threeSections .pX, #testimonials .pX { right: 0; left: auto; }
    
    #threeSections .color-card p { font-size: 22px; }
    .testBigSlider li { height: 300px; min-height: 300px; }
    #testimonials { margin-bottom: 340px; }
    .quoteStage { bottom: auto; top: 260px; width: 90%; margin-left: auto; left: 0; right: 0; margin-right: auto; }
    .quoteText { padding: 30px 40px; margin-top: 260px; }
    .quoteText h4, .mxpTestSlider li h4 { font-size: 17px; }
    .quoteText p, .mxpTestSlider li p { font-size: 14px; }
    .quoteText p.author, .mxpTestSlider li p.author { font-size: 14px; }
    #blog:before { background-attachment: fixed; }
    .featuredContent h2.teaser { margin-top: 25px; }
    #testimonials .bx-controls, #mxpTestimonials .bx-controls { bottom: -310px; }
    #threeSections h3 { margin-top: 3rem; }
    .mxpImageSlider .colorBlock { padding: 80px 50px 150px 50px; }
    .mxpImageSlider h2 { font-size: 48px; }
    .mxpContent { padding: 40px 20px; }
    #mxpProgram .bxslider-controls, #mxpProgram .bxslider-tab-controls { display: none; }
    #mxpProgram .mxpContentSlider .bxslider-controls, #mxpProgram .mxpContentSlider .bxslider-tab-controls { display: block; }
    #mxpTestimonials { padding: 40px 0; }
    #stewardshipPledge h2 { font-size: 32px; text-align: center; }
    #stewardshipPledge { background: linear-gradient(90deg, rgba(200,200,200,0.3) 100%, rgba(255,255,255,0) 0%); padding: 50px 0 80px; }
    #stewardshipPledge nav .nav-item { font-size: 18px; margin: 0 auto; }
    #thePledge { margin-top: 50px; }
    #mxpTestimonials .bx-controls { bottom: 0; }
    #ourPhilosophy { padding: 0; }
    #ourPhilosophy .col-md-6 { padding: 0; margin-top: 300px; }
    #philosophyBox { padding: 30px; }
    #whoWeAre { padding: 60px 0; }
    #whoWeAre .button-group .button { font-size: 18px; margin: 0 8px;  }
    #whoWeAre .col-md-1 p, #whoWeAre .col-md-2 p { opacity: 1; }
    .whiteBox h3, h3 { font-size: 26px; }
    
    #testimonials .bx-controls-direction a.bx-prev, #testimonials .bx-controls-direction a.bx-next { margin-top: 0; }
    #academyTestimonials .bx-controls-direction a.bx-prev, #academyTestimonials .bx-controls-direction a.bx-next { margin-top: 0; }
    .page-corporations .nav-link .icon, .page-countries .nav-link .icon { max-width: 60px; }
    
    #caseStudies .container { position: relative; top: 0;  }
    #csSliderBG li { min-height: 300px; }
    .csStage { margin-top: -40px; padding: 30px 30px 50px 30px; }
    
    
    #mainContentNav { padding-top: 30px; padding-bottom: 0; }
    .page-corporations #mainContentNav.fixed, .page-countries #mainContentNav.fixed { top: -15px; height: 90px; }
    #mainContentNav nav .nav-item, .page-corporations #mainContentNav.fixed nav .nav-item { padding: .4rem; font-size: 9px; text-transform: uppercase; }
    .page-corporations #mainContentNav.fixed nav .nav-item, .page-countries #mainContentNav.fixed nav .nav-item { height: 60px; line-height: 1.5; }
    .page-corporations #mainContentNav.fixed nav .nav-item .wow, .page-countries #mainContentNav.fixed nav .nav-item .wow { display: none; }
    .page-corporations #mainContentNav.fixed .nav-tabs, .page-countries #mainContentNav.fixed .nav-tabs { padding-left: 45px; }
    .page-corporations #mainContentNav.fixed .nav-link .icon, .page-countries #mainContentNav.fixed .nav-link .icon { float:none; }
    .page-countries #mainContentNav.fixed nav .nav-item { padding-top: 18px;}
    .page-corporations #mainContentNav.fixed nav .nav-item:last-child { padding: .4rem 10px; }
    
    .page-countries #mainContent.adjusted { margin-top: 120px; }
    .page-corporations #mainContent.adjusted { margin-top: 150px; }
    
    .tab-pane .row { padding-left: 15px; padding-right: 15px; }
    .whiteBox { padding: 50px 30px; margin-top: 200px; }
    .tab-pane #mxpProgram .row { margin: 0; padding: 0;  }
    .mxpImageSlider h2 { text-align: center; font-size: 46px; }
    .mxpContent h3 { font-size: 28px; }
    
    #whoWeAre .col-md-2 p { font-size: 11px; }
    #whoWeAre .col-md-1:hover .bioBlock, #whoWeAre .col-md-2:hover .bioBlock { transform: scale(1); -webkit-transform: scale(1); }
    .lineDrawing svg { max-width: 250px;; }
    .tab-pane .ratios { margin: 0; padding: 40px 0; }
    .tab-pane .ratios .row { padding: 0;  }
    .ratios h4 { margin-top: 20px; margin-bottom: 50px; color: white; font-family: 'HarmoniaSans Black'; }
    .page-corporations #nav-2 { padding-bottom: 0; }
    .page-corporations #nav-3 h3 { margin-top: 0;}
    .page-corporations #nav-3 .icon { max-width: 200px; }
    .page-corporations #nav-3 .col-md-4 { text-align: center; }
    #nav-3 .col-md-6:first-child { padding-top: 50px; }
    .tab-pane#nav-3 .row { padding-bottom: 50px; }
    .page-countries .topContent { padding: 0; }
    .academyTestSlider li { min-height: 300px; }
    #academyTestimonials .bx-viewport { height: 550px!important; }
    .simpleQuote h4 { font-size: 24px; }
    .simpleQuote p { font-size: 16px; }
    .simpleQuote p.author { font-size: 14px; }
    #academyAccolades img { max-width: 250px; }
    
    .page-countries #threeSections { padding: 30px; }
    .page-countries #threeSections p { font-size: 18px; line-height: normal; }
    .page-countries #threeSections p small, .page-corporations .ratios p small { font-size: 15px; }
    
    #blog .col-lg-8.mb-5 { margin-bottom: 0!important; }
    .home #blog .row:last-child .col-lg-8.mb-5 { margin-bottom: 3rem!important; }
    #blog:before, #bookform:before { background-size: cover!important; background-attachment: local; }
    
    .single-post .postContent, .page-template-default .postContent { padding: 40px 20px; }
    .single-post header .featuredContent { padding: 50px 30px; }
    
    #footer { text-align: center; }
    #footer .social { margin-bottom: 20px; }
    #footer .text-right { text-align: center!important; }
}
@media screen and (max-width: 575px) {
    #navModal button.close { margin-left: 24px; margin-top: 6px; }
}

@media screen and (min-width: 576px) {
    #navModal .modal-content ul li span.d-sm-block { display: inline!important; }
}