*{
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", serif;
}


/* header start here */
.top-header {
    background: #2EA3F2;
    padding-top: 8px;
    padding-bottom: 8px;
}

.cus-container {
    max-width: 1110px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.cus-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cus-col-40 {
    width: 40%;
}

.cus-col-60 {
    width: 60%;
}

.top-header-link {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-header-left {
    display: flex;
    align-items: center;
}

.cus-socials ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}

header .cus-socials ul {
    margin-left: 15px;
}

.top-header-link a {
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    margin-left: 20px;
    transition: .4s;
}

.top-header-link a:hover {
    opacity: .7;
}

.header-call-to-action a {
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    margin-right: 10px;
    transition: .4s;
}

.header-call-to-action a img {
    filter: invert(1);
    margin-right: 3px;
}

header .cus-socials ul a {
    margin-right: 8px;
    transition: .4s;
}

header .cus-socials ul a img {
    filter: invert(1);
}

header .cus-socials ul a:hover {
    opacity: .7;
}

.header-call-to-action a:hover {
    opacity: .7;
}

.header-call-to-action {
    display: flex;
    align-items: center;
}

.top-header-link li {
    display: flex;
}

.cus-socials a {
    display: flex;
}

.main-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu .menu-link {
    font-size: 13px;
    color: rgba(0,0,0,0.6);
    text-decoration: none;
    font-weight: 600;
    padding: 28px 14px;
    transition: .4s;
    display: inline-block;
}

.main-menu .menu-link:hover {
    opacity: .7;
}

.cus-col-30 {
    width: 30%;
}

.cus-col-70 {
    width: 70%;
}

.main-menu .menu-item:last-child .menu-link {
    padding-right: 0px;
}

.site-logo {
    display: block;
    padding-top: 2px;
}

.site-logo img {
    width: 195px;
    transition: .4s;
}

header .cus-socials ul a img.facebook-icon {
    width: 18px;
    margin-top: -1px;
}

.header-wrapper {
    position: fixed;
    width: 100%;
    z-index: 9;
    background: white;
}

.site-header {
    width: 100%;
    height: 107px;
}

.header-fixed {
    height: min-content;
}

.header-fixed .site-logo img {
    width: 138px;
}

.header-fixed .site-nav {
    box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
}

.header-fixed .menu-item .menu-link {
    padding-top: 18px;
    padding-bottom: 18px;
}
/* header close here */


/* footer start here */
.foo-content p {
    margin-bottom: 0px;
}

.site-footer {
    background: #002970;
    padding-top: 20px;
    padding-bottom: 30px;
}

.foo-socials {
    display: flex;
    justify-content: flex-end;
}

.foo-socials a img {
    filter: invert(1);
    width: 30px;
}

.foo-socials a {
    transition: .4s;
    margin: 0px 4px;
}

.foo-socials a:hover {
    opacity: .7;
}

.foo-socials a .facebook-icon {
    width: 32px;
}

.foo-content p {
    margin-top: 0px;
    color: aliceblue;
    font-size: 17px;
    line-height: 31px;
}

.foo-content p a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    transition: .4s;
}

.foo-content {
    margin-top: 20px;
}

.foo-content p a:hover {
    opacity: .7;
}
/* footer close here */

/* index page start here */
.index-site-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
/* index page close here */













@media screen and (min-width: 1025px) {
    .hide-on-lg {
        display: none;
    }
}


@media screen and (max-width: 1025px) {
    .hide-on-sm {
        display: none;
    }

    /* footer start here */
    .foo-socials {
        justify-content: center;
    }
    
    .foo-content p {
        text-align: center;
    }
    /* footer close here */
}


@media screen and (max-width: 992px) {
    /* header start here */
    .header-col-right {
        display: none;
    }
    
    .top-header-left {
        width: 100%;
        justify-content: center;
    }
    
    .cus-container {
        padding-left: 35px;
        padding-right: 35px;
    }
    
    .cus-nav {
        border-top: 3px solid #2ea3f2;
        position: absolute;
        left: 0px;
        top: 100%;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        width: 100%;
        transition: .5s;
        height: 0px;
        opacity: 0;
        visibility: hidden;
    }
    
    .header-row {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    ul.main-menu {
        flex-direction: column;
        width: 100%;
        padding: 20px;
    }
    
    .menu-item {
        width: 100%;
    }
    
    .main-menu .menu-link {
        border-bottom: 1px solid rgba(0,0,0,.03);
        display: block;
        padding: 10px 20px !important;
        font-size: 14px;
    }
    
    .site-logo img {
        width: 170px;
    }
    
    button.nav-toggle img {
        filter: invert(57%) sepia(11%) saturate(3317%) hue-rotate(166deg) brightness(97%) contrast(95%);
        width: 28px;
        cursor: pointer;
    }
    
    button.nav-toggle {
        border: none;
        background: white;
        padding: 0px 0px 0px 0px;
        display: block;
        width: max-content;
        margin-left: auto;
    }
    
    .sm-nav-active .cus-nav {height: min-content;opacity: 1;visibility: visible;}
    /* header close here */
}

@media screen and (max-width: 767px) {

    /* header start here */
    header .cus-socials {
        display: none;
    }
    
    .site-logo img {
        width: 150px;
    }
    
    .header-fixed .site-logo img {
        width: 125px;
    }
    
    .header-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .header-fixed .header-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    ul.main-menu {
        padding: 12px;
    }
    
    .main-menu .menu-link {
        padding: 10px 10px !important;
    }
    
    button.nav-toggle {
        margin-right: -5px;
    }
    /* header close here */

    /* footer start here */
    .foo-content p {
        font-size: 14px;
        line-height: 26px;
    }
    
    .foo-socials a img {
        width: 22px;
    }
    
    .foo-socials a .facebook-icon {
        width: 27px;
        margin-top: -4px;
    }
    /* footer close here */
}