@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;1,200&family=Roboto:ital,wght@0,300;1,100&display=swap');
*{
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}
:root{
    --primary-color:#393e79;
    --secondary-color:#3789a2;
}
body{
    width: 100%;
    overflow-x: hidden;
}
nav{
    box-shadow: 3px 3px 3px var(--primary-color);
}
#navigation-links{
    position: relative;
}
#navigation-links a{
    min-height: 60px;
    font-weight: bold!important;
    color: var(--primary-color);
}
#navigation-links li.uk-active>a{
    min-height: 60px;
    background-color: #f5f5f5;
    color: var(--secondary-color);
}
#core-values{
    padding: 2em;
}
#website-head image{
    margin: 0 auto;
}
#website-head-contacts{
    background: var(--primary-color);
    padding: .5rem;

}
#website-head-contacts h5{
    color: #f5f5f5;
}
.values{
    background: linear-gradient( #4c6394,var(--primary-color));
    color: #fff;
    padding:.5rem 1em;
    border-radius: .5rem;
    margin: 1rem 0;
}
.values h3{
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 1.4rem;
    font-weight: bold;
}
.icon{
    margin: 0 auto;
    border: 2px solid #fff;
    width: 3.5em;
    padding: .5em;
    height:3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.7rem;
    color: #f1a818;
    /*color: #000000;*/
}
.uk-offcanvas-bar .uk-nav-default>li>a {
    padding: .725rem;
    font-size: .9rem;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    color: #f1a818;
    border-bottom: 1px solid var(--offwhite);
}
.uk-offcanvas-bar{
    background: #262B3E;
}
.uk-navbar-toggle{
    min-height: 50px;
}
.values p{
    font-size: .9rem;
    font-weight: 400;
    color: #fff;
}
#practice-areas{
    padding: 3em 1em;
    background-size: cover;
    background: url(../../images/banners/h3-parallax-1.jpg) no-repeat center center;
}
.practice-area{
    padding: .5rem;
}
.practice-area>div{
    background: #fff;
    padding: 1rem;
    border: 1px solid var(--secondary-color);
    border-left: .3rem solid var(--secondary-color);
    margin-bottom: 1rem;
    box-shadow: 3px 3px 3px rgba(55,137,162,.4);

}
.practice-area h4{
    text-align: center;
    color: var(--secondary-color);
    font-weight: 600;
    font-size: .925rem;
    margin: 0 auto;
}
.section-tag {
    color: #f1a818;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

#core-values>h3,#practice-areas h3,#partners>h3,#team>h3,.section-title{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 1.7rem;
    margin:0 0 1.5em 0;
}
.partner-name{
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
    margin:0 0 1.5em 0;
}
.overlay-link{
    padding:1rem .5rem;
    background: rgba(57,62,121,.8);
    color: whitesmoke;
    border-top: 2px solid #f1a818;
    text-decoration: none;
}
.overlay-link:hover{
    text-decoration: none;
    background: rgba(255,255,255,.9);
    border-color: #104c83;
    color: #104c83;
    transition: 900ms ease-in-out;
}
#parallax {
    position: relative;
    padding: 20vh 15%;
    color: #1c1c1c;
    background-size: cover;
    background: url(../../images/banners/lady-justice-parallax.jpg) no-repeat fixed center center;
}
#parallax h4{
    color: #c7a569;
    font-style: italic;
    font-weight: 600;
}
#parallax h1{
    color: #0f0f0f;
    font-size: 3rem;
    font-weight: 900;
    font-family: Serif;
}
#text-box {
    min-height: 70vh;
    background-color: var(--primary-color);
    padding: 80px 100px;
}
#partner-background {
    position: relative;
    padding: 80px;
    color: #1c1c1c;
    background-size: cover!important;
    background: url(../../images/banners/why-us-banner.webp) no-repeat fixed center center;
}
#why-us span {
    font-size: 1.2rem;
    color: #f1a818;
}
#why-us h3 {
    font-family: "Roboto Condensed", sans-serif;
    color: whitesmoke;
    font-size: 1.8rem;
    margin: 0;
}
.uk-modal-header{
    background: #262B3E;
    color: #f1a818;
}
.uk-modal-title{
    color: #f1a818;
    font-size: .925rem;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
}
#practice-area{
    color: grey;
    font-size: .9rem;
    text-align: justify;

}
#why-us p{
    color: #ffffff;
}
#partners,.ok-section{
    text-align: center;
    padding: 3em 10%;
}

#team{
    text-align: center;
    padding: 3em 5%;
}
.partner{
    padding: 1em;
    border: 1px solid #f5f5f5;
}

.client-testimonial{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: grey;
    padding: .7rem;
    background: #262B3E;
    border: 1px solid #f5f5f5;
    box-shadow: 3px 3px 3px #eee;
    border-radius: 7px;
}
.testimonial-message {
    color: #fff;
    margin:0 0 .5rem 0;
    text-align: left;
    font-size: 1rem;

}
.client-testimonial span>b{
    color: #f1a818;
    font-weight: bold;
    font-size: .9rem;
    display: block;
    text-align: left;
}
.client-testimonial img{
    border-radius: 50%;
}
.partner img{
    width: 25%;
    border-radius: 50%;
    margin: 0 auto;
}
.partner h3{
    font-size: 1.2rem;
    font-weight: bold;
    margin: .5rem 0;
    color: #0f0f0f;
}
.partner p{
    color: grey;
    font-size: .9rem;
    font-weight: 400;
    text-align: justify;
}
.partner a{
    font-size: .8rem;
    color: grey;
    padding:.5rem 1em;
    margin: .3rem;
    border: 1px solid #f5f5f5;
}
.partner a:not(.download){
    border-color: #104c83;
    color: #104c83;
}
.download{
    background: #f1a818;
    color: #fff!important;
}
footer{
    padding: 2em;
    background: #292929;
}
footer h3{
    color: #e9e7e7;
    font-family: "Open Sans", 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: 0.72px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
footer h3::after{
    content: "";
    position: absolute;
    left: 0;
    width: 25%;
    height: 2px;
    background: #f26b31;
    bottom: 0;
}
footer p{
    font-size: .9rem;
    text-align: justify;
    color: #f5f5f5;
    font-family: Poppins,"Roboto Condensed", sans-serif;
}
.okc-footer-list li {
    margin: 1em 0;
}

.okc-footer-list li>a, .okc-footer-list li {
    color: #fff;
    font-size: .9rem;
}
.partner-overview{
    padding: 1em;
    background: #262B3E;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.partner-overview>div{
    width: 100%;
    text-align: center;
}
.partner-overview p{
    color: #f1a818;
    margin: .3rem;
}
.partner-photo{
    margin: 0 auto;
    /*text-align: center;*/
    width: 200px;
    border-radius: 50%;
    border: 3px solid #f5f5f5;
}
.partner-name{
    margin: .5rem 0 0 0;
    color: #f5f5f5;
    font-size: 1.5rem;
    font-weight: 500;
}
.about-partner{
    color: #0f0f0f;
    font-size: 1.5rem;
    font-weight: bold;
}
.partner-description{
    font-size: 1rem;
}
.slider-link,.partner-overview a{
    padding: .4rem 1rem;
    color: #f5f5f5;
    border: 2px solid #f5f5f5;
    margin: 1em auto;
}
.slider-overlay{
    padding: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-overlay>div{
    background-color: rgba(12,12,12,.45);
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.slider-heading{
    text-transform: uppercase!important;
    color: #ffa900;!important;
    font-weight: 900;
    margin: .5em;
    font-size: 2.5em;
}
.slider-description{
    font-size: 1.25em;
    font-weight: lighter;
}
.slider-link{
    border-radius: 1000px;
}
.slider-link:hover{
    text-decoration: none;
    color: #f1a818;
    border-color: #f1a818;
    /*background-color: #f1a818;*/
}
#blog-top{
    padding: 3em 1em;
}
#blog-recent{
    background-color: #f3f8fb;
    padding: 3em 1em 6em 1em;
}
.article img{
    border-radius: 7px;
}
.article h6,.article h6>a{
    font-weight: 600;
    font-size: 1.1rem;
    margin: .5rem 0;
    color: #292929;
}
.article h6>a:hover{
    color: #f1a818;
    text-decoration: none;
    transition: 500ms ease;
}
.section-heading{
    font-size: 1.5rem;
    font-weight: bold;
    color: #0f0f0f;
}
#blog-top .section-heading{
    margin: 1em 0 2em 0;
}
#blog-recent .section-heading{
    margin: 1em 0 3em 0;
}
.article-meta{
    display: flex;
    justify-content: space-between;
}
.article-meta span{
    font-size: .9rem;
    font-weight: 400;
    color: #767575;
    display: flex;
}
.article-poster{
    display: inline-block;
}
.article-poster img{
    border-radius: 10px;
}
.poster-overlay{
    border-radius: 10px;
    background: linear-gradient(rgba(255,255,255,.1),rgba(16,76,131,.6));
}
.poster-meta{
    padding: .5em 1em;
}
.article-poster{
    margin: 0 0 .5em 0;
}
.poster-meta h6{
    margin: .3rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f5f5f5;
}
.poster-small h6{
    font-size: 1.1rem;
}
.poster-meta span{
    color: #f5f5f5;
    font-size: .9rem;
}
.poster-category{
    margin: 1em;
    background: #f1a818;
    border-radius: 100px;
    padding: 3px 10px;
    color: white;
    font-size: .825rem;
}
#page-banner{

}
.contact-card h3{
    color: var(--dark-blue);
    font-weight: bold;
    font-size: 1.4rem;
}
.contact-card p{
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 26px;
    color: #848484;
    font-family: 'Open Sans', sans-serif;
}
.contact-card{
    border: 1px solid #f5f5f5;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: 7px;
    box-shadow: 3px 3px 3px #f5f5f5;
}
.contact-list li {
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 26px;
    color: #848484;
    font-family: 'Open Sans', sans-serif;
}
.contact-list span {
    color: rgb(27, 41, 82);
}
#article-body{
    font-family: Raleway;
    font-weight: 300;
}
#article{
    border: 1px solid #f5f5f5;
    padding: 1em;
}
#article-body p{
    font-size: .9rem;
}
#article-body h1,#article-body h2,#article-body h3,#article-body h4,#article-body h5,#article-body h6{
    font-family: Roboto;
    font-size: 1rem;
    font-weight: bold;
    margin: .5rem 0;
}
@media only screen and (max-width: 600px) {
    #core-values>h3, #practice-areas h3, #partners>h3, #team h3, .section-title {
       font-size: 1.2rem;
    }
    .practice-area h4 {
        font-size: .725rem;
    }
    .partner-overview {
        padding: .5em;
        min-height: 0;
    }
    #text-box {
        min-height: 0;
        padding: 80px 1em;
    }
    #parallax{
        padding: 50px 10px;
    }
    #parallax h1{
        font-size:1.5rem;
    }
    #page-banner{
        padding: 30px 1em;
    }

    /*.practice-area-title{*/
    /*    font-size: .825rem;*/
    /*}*/
    /*.slider-overlay>div{*/
    /*    padding:0 10%;*/
    /*}*/
    .slider-overlay p{
        /*display: none;*/
        font-size: .8rem;
    }
    .slider-heading{
        font-size: 1.3rem!important;
        max-width: 90%;
        margin:.5rem auto;
    }
    #core-values{
        padding: .8em;
    }
    .slider-link{
        padding: .4rem;
        color: #f5f5f5;
        border: 2px solid #f5f5f5;
        margin: 1em auto;
    }
    .overlay-link {
        padding:.5rem;
        font-size: .8rem;
    }
    #modal_medium .uk-modal-dialog{
        width: 90%;
    }
    .values h3{
        font-size: 1rem;
    }
    .values p{
        text-align: center;
        font-size: .825rem;
    }
    .values{
        padding:.5rem;
        border-radius: .3rem;
        margin: 1rem 0;
    }

    .icon{
        margin: 1rem auto;
        border: 2px solid #fff;
        width: 3em;
        padding: .5em;
        height:3em;

        border-radius: 50%;

    }
    .icon i{
        font-size: 2rem;
    }
}