/*******************************************************

 *

 * Resource Center

 *

 *******************************************************/

 

.ip-banner canvas {

    height: 177px;

    min-height: 0;

    background-image: url(../../images/our-firm/banner.jpg)!important;

}



.ip-container #breadcrumbs {

    position: absolute;

    bottom: 12px;

    left: 0;

    width: 100%;

    max-width: 1510px;

    margin: 0 auto;

    padding: 0 15px;

    right: 0;

    color: #fff;

    display: none;

    font-size: 12px;

    letter-spacing: 0.6px;

}







.ip-container #breadcrumbs span a {

    color: #fff;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition:  0.3s all ease-in-out;

    transition:  0.3s all ease-in-out;

}



.ip-container #breadcrumbs span a:hover {

    color: #85b6e0;

}



.ip-container #breadcrumbs span.breadcrumb_last {

    font-weight: 600;

    color: #fff;

}



#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



#inner-page-wrapper {

    margin-bottom: 0;

}





#content h2, #content p, #content ul {

    margin: 0;

}



.ip-container .footer-contact-us .cu-btn-wrap {

    display: none;

}



#content-sidebar, #content-full{

    margin-top: 0;

}





.ip-cu-btn-wrap.cu-btn-wrap {

    margin: 0;

    padding: 74px 0 78px;

}



.ip-contact-us .cu-btn-title {

    margin-bottom: 35px;

}







.ip-cu-btn-wrap.cu-btn-wrap:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #236092 url(../../images/our-firm/cta-bg.jpg) no-repeat;

    background-position: center;

    background-size: cover;

    pointer-events: none;

    z-index: -1;

}



.ip-container .footer-contact-us .cu-container {

    padding-top: 114px;

}



#content .cu-btn-title h2 {

    font-size: 36px;

    line-height: 1.34;

    letter-spacing: 4.32px;

    color: #fff;

    text-transform: uppercase;

    font-family: var(--title-font);

    font-weight: 400;

}



#content .rc-container p {

    /*font-size: 14px;

    line-height: 24px;

    letter-spacing: 0.05em;

    color: #272727;*/

    font-size: 14px;

    line-height: 28px;

    letter-spacing: 0.7px;

    color: #4b4b4b;

}

.rc-container {

    display: block;

    position: relative;

    font-size: 0;

    padding: 89px 60px 82px;

}

.rc-main {

    max-width: 700px;

    margin: 0 auto 73px;

    text-align: center;

}

    .rc-title {

        display: block;

        position: relative;

        margin-bottom: 17px;

    }

    #content .rc-title h2 {

        font-family: var(--title-font);

        font-size: 40px;

        line-height: 1;

        letter-spacing: 2px;

        color: #236092;

        font-weight: 400;

        text-transform: uppercase;

    }



.rc-btn-list {

    display: flex;

    flex-flow: row wrap;

    margin: 0 -12.5px;

    position: relative;

    z-index: 1;

    align-items: center;

    justify-content: center;

}

    .rc-btn-list:before,

    .rc-btn-list:after {

        content: '';

        width: 243px;

        height: 232px;

        border: 5px solid #c4c4c4;

        opacity: 0.35;

        position: absolute;

        z-index: -1;

    }

    .rc-btn-list:before {

        bottom: -28px;

        left: 17.4%;

    }

    .rc-btn-list:after {

        top: -28px;

        right: 17.4%;

    }

    .rc-btn {

        width: 25%;

        padding: 12px 12.5px;

    }

        .rc-btn a {

            display: flex;

            flex-flow: row wrap;

            align-items: center;

            justify-content: center;

            position: relative;

        }

            .rc-btn-img {

                width: 100%;

                position: relative;

                background: #1a1a1a;

            }

                .rc-btn-img canvas {

                    display: block;

                    width: 100%;

                    background-position: center;

                    background-size: cover;

                    opacity: 0.55;

                    transition: all .3s ease;

                }

                .rc-btn a:hover .rc-btn-img canvas {

                    opacity: 0.85;

                }

            .rc-btn-title {

                font-family: var(--title-font);

                font-size: 24px;

                letter-spacing: 0.1em;

                line-height: 28px;

                color: #fff;

                text-transform: uppercase;

                text-align: center;

                padding: 0 15px;

                position: absolute;

                left: 0;

                right: 0;

            }


.rc-btn-list:last-child:before,
.rc-btn-list:last-child:after {
    display: none
}


/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/



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





}



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



}



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



}



 

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 

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

    #content .cu-btn-title h2{

        font-size: 30px;

    }

    .rc-btn {
        padding: 12px 10px;
    }

    .rc-container {
        padding: 89px 10px 82px;
    }

    .rc-btn-title {
        font-size: 18px;
        letter-spacing: 1px;
    }

} 



/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 

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

    .rc-btn-list:before,

    .rc-btn-list:after {

        display: none;

    }

    .rc-btn {
        width: 100%;
    }

    .rc-btn a {
        max-width: 360px;
        margin: 0 auto;
    }

} 



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 

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

    

}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 

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

    #content .rc-title h2 {
        font-size: 30px;
        letter-spacing: 0px;
    }

}