body {
    font-family: Montserrat, sans-serif;
    font-size: 120%;
    color: #204280;
    background-color:#e6e6e6;
    position: relative;
}
section {
    min-height:calc(100vh - 65px);
}

header .toggle{
    display:none;
}

header .toggle {
    position: absolute;
    width: 2rem;
    height: 1.4rem;
    top: 1.5rem;
    right: 1rem;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

header .toggle-btn {
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 1.6rem;
    height: 2px;
    background: #212121;
    transition: all 0.3s ease-in-out;
}

header .toggle-btn::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    width: 2rem;
    height: 2px;
    background: #212121;
    transition: all 0.3s ease-in-out;
}

header .toggle-btn::after {
    content: "";
    position: absolute;
    top: 0.5rem;
    width: 1.2rem;
    height: 2px;
    background: #212121;
    transition: all 0.3s ease-in-out;
}

header .toggle-btn.open {
    transform: rotate(720deg);
    background: transparent;
}

header .toggle-btn.open::before {
    transform: rotate(45deg) translate(5px,8px);
}

header .toggle-btn.open::after {
    width: 2rem;
    transform: rotate(-45deg) translate(3px,-6px);
}

/*footer{*/
/*    min-height:calc(100vh - 65px - 1.25rem);*/
/*}*/

/*.hero-carousel {*/
/*    margin-top: 85px;*/
/*    z-index: 1;*/
/*}*/
/*.main-menu{*/
/*    position:*/
/*    absolute;*/
    
/*    z-index:2;*/
/*    top: -85px;*/
/*}*/

.menu{
    text-transform:uppercase;
}

.nav-bar{
    background-color:#e6e6e6;
    z-index:1000;
    border-bottom: solid 1px #204280;
    width: 100%;
    height: 165px;
    transition: height .3s;
}
.nav-bar nav {
    font-family: lato, sans-serif;
    color: #204280;
    font-size: 1rem;
}
.nav-bar nav a, .nav-bar .btn{
    color: #204280;
    text-decoration: none;
}
/*.nav-bar .active:after {*/
/*    content: '';*/
/*    border-bottom: #204280 solid 4px;*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    display: block;*/
/*}*/

.menu ul li {
    margin-right: 1.5rem !important;
}

.static-splash {
    min-height: 400px;
    background: url(../images/sig-bkgnd.jpg) no-repeat #000;
    background-position: center;
    background-size: cover;
}

.offset{
    position: relative;
    display: block;
    top: 85px;
}

.site-logo {
    transition: height .3s;
}

.site-logo img {
    max-height: 120px;
}

.nav-bar.minimized {
    position: fixed;
    border-bottom: solid 1px #204280;
    height: 84px;
    transition: height .3s;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}

.minimized .site-logo {
    width: 175px;
    padding: 0.5rem !important;
    transition: height .3s;
}

.slider {
    display: block;
    border-bottom: solid 5px #204280;
}
h2 {
    font-size: 250%;
    border-bottom: 1px solid #204280;
    display: inline-block;
}
.dark{
    background: url(../images/dark-bkgnd.jpg);
    background-repeat: no-repeat;
    color: #fff !important;
    background-color: #050608;
}
.dark-network{
    background: url(../images/dark-network-bkgnd.jpg);
    background-repeat: no-repeat;
    color: #fff !important;
    background-color: #050608;
}
section, footer{
    padding:4rem 0;
}

.dark h2, .dark-network h2 {
    border-bottom-color: #fff;
}
.world-map{
   background: url(../images/world-map.svg); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 500px;
}
#our-wins ul li {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.weave-combo, .weave{
    position: relative;
    background: url(../images/weave-bkgnd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    
}
.weave-combo:after {
    position: absolute;
    background: url(../images/sport-silhouettes.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    content: "";
    top: 24px;
    height: calc(100% - 24px);
    width: 100%;
}
.carousel-control-next, 
.carousel-control-prev {
    width: unset;
}

#what-we-do .carousel-item {
    min-height: 500px;
    padding: 0 3rem;
}

.carousel-indicators li {
    background-color: #B7B7B7;
}

.carousel-indicators .active{    
    background-color: #204280;
}

.weave-combo .carousel-control-next-icon, 
.weave-combo .carousel-control-prev-icon {
    filter: invert(1);
}

#our-wins {
    position: relative;
}

#our-wins ul{
    padding: 40px;
}

#our-wins ul li:before {
  content: '✓ ';
  margin-left: -20px;
}
.contact-mode .bi{
    font-size: 150%;
    margin-right: 20px;
}
footer{
    border-bottom: 1.25rem solid #204280;
}

footer#footer-inner {
    padding: 0;
    min-height: auto;
}

.copyright {
    font-size: 1rem;
}

.social-media{
     margin-top: 1rem; 
     font-size: 2rem;
}

.social-media span {
    transform: scale(1.5);
    margin: 0 0.5rem;
}
.social-media a:hover {
    filter: grayscale(1);
}

.facebook-ico{
    background: url(../images/facebook-ico.svg);
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
.twitter-ico{
    background: url(../images/twitter-ico.svg);
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
.youtube-ico{
    background: url(../images/youtube-ico.svg);
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
.linkedin-ico{
    background: url(../images/linkedin-ico.svg);
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
.instagram-ico{
    background: url(../images/instagram-ico.svg);
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}

.w75 {
    width: 75%!important;
    max-width: 650px !important;
}

.ceo {
    position: relative;
    top: -4rem;
    /*z-index: -1;*/
}

.dir {
    position: relative;
    top: -25rem;
}

.pad-sm {
    max-width: 375px;
}

#our-team {
    margin-bottom: -375px;
}
.our-team-title {
    z-index: 1;
}

abbr[data-original-title], abbr[title] {
    -webkit-text-decoration: none;
    text-decoration: none;
}

[id|=our-team-profiles] h2 {
    border-bottom: transparent;
}
[id|=our-team-profiles] h3 {
    padding-bottom: 10px;
    border-bottom: 3px solid #1f4280!important;
}

/*section#our-team{*/
/*    background: url(../images/BOD.svg);*/
/*    background-size:contain;*/
/*    background-position:center 60px;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    body {
        font-size: 100%;
    }
    
    .h2, h2{
        font-size:150%;
    }
    
    .h3, h3{
        font-size:1.2rem;
    }
    
    .h4, h4, h5, .h5{
        font-size:1rem;
    }    
    
    #our-wins ul li {
        font-size: 1rem;
    }
    .font-weight-bold {
        font-weight: 600!important;
    }
}

section#our-experience {
    position: relative;
}

#promotion {
    padding-top: 85px;
}

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) {
    /*.star-trophy {*/
    /*    background: url(../images/star-trophy.png);*/
    /*    background-size: 100%;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: -25px center;*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    opacity: 0.3;*/
    /*}*/
    
    .star-trophy {
        background: url(../images/star-trophy.png);
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.3;
    }    
    
    header .toggle{
        display:block;
    }
    
    .slider{
        margin-top:84px;
    }    
    .menu, .nav-bar .d-flex{
        display:none !important;
    }
    .menu.open{
        display:block !important;
        width:100%;
        color:#fff;
        background-color: #204280;
        z-index: 1000;
        padding-top : 1rem;
        padding-bottom : 1rem; 
        position: relative;
        top: -2px;        
    }
    .menu ul li {
        margin: 0.75rem 0.75rem !important;
        border-bottom: solid 1px #4a69a1;
    }     
    .nav-bar {
        position: fixed;
        border-bottom: solid 1px #204280;
        height: 84px;
        transition: height .3s;
        box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    }    
    /*.nav-bar nav a{*/
    /*    color:#fff;*/
    /*}*/
    
    .nav-bar nav a, .nav-bar .btn {
        color: #fff;
        text-align: left;
    }    
    .nav-bar .active:after {
        content: '';
        border-bottom: #fff solid 2px;
        width: 100%;
        height: 2px;
        display: block;
    }
    .site-logo img{
        max-width: 155px !important;
    }
    .list-inline-item{
        display:block !important;
    } 
    .w75 {
    width: 100%!important;
    }
    .dir {
        top: -4rem;
    }
    #our-team {
        margin-bottom: -60px;
    } 

    #ASM-logo {
        max-width: 150px;
    }
    
}

li.list-inline-item.btn-group.mobile.show .dropdown-menu {
    position: relative !important;
    background-color: transparent;
    border: transparent;
    display: block !important;
    float: none;
}

.required:after {
    content: '*';
    color: red;
}

.normal {
    min-height: auto;
}

/* ASM page */

.primary, .primary h3 a{
    background-color: #254384;
    color: #ffffff;
}

.primary p{
    font-size: 0.90rem;
}

.icons {
    padding: 2rem;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin: 1rem;
    /* filter: brightness(100); */
}

.secondary {
    padding: 0 2rem !important;
}

.secondary a{
    text-decoration: none;
}

.secondary .icons {
    height: 100%;
    margin: 0;
    padding: 1rem;
}

.secondary .icons img {
    width: 2.2rem
      
}

.secondary h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #204280;
}

.secondary p {
    font-size: 1rem;
    color: #000;
}

.secondary li {
    padding-bottom: 2.25rem;
}

.secondary li a:hover .icons {
    background-color: #254384;
}
.secondary li a:hover img {
    filter:brightness(100);
}

.primary a:hover img {
    filter:hue-rotate(120deg);
}

@media (min-width: 768px) {
    .star-trophy {
        background: url(../images/star-trophy.png);
        background-size: 33%;
        background-repeat: no-repeat;
        background-position: -25px -25px;
        position: absolute;
        width: 100%;
        height: 100%;    
        
    }
    .secondary {
        padding: 0 100px !important;
    }     
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
   
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}