/* ============ CSS Resets =========== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
a, a:hover, a:focus, a:active {outline: 0; border: none;}
img {display: block; border: none; max-width: 100%; height: auto;} /* make all images responsive scale down only */
table {border-collapse: collapse; border-spacing: 0;}
*, *::before, *::after {margin: 0; padding: 0; border: none; box-sizing: border-box;}
::-moz-focus-inner {border: 0; padding: 0;}
input, select, textarea {font: inherit; color: inherit;}


/* =============== CORE SETTINGS ============ */

body {font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 22px; color: #677078;}
h1, h2, h3, h4, h5 {line-height: 1.2; color: #1c75bc; font-weight: normal;}

p {margin: 0 0 15px 0;}
a {color: #1c75bc; text-decoration: none; transition: all .3s ease;}
a:hover {text-decoration: none;}
em {font-style: italic;}
main ul  {margin: 0 0 15px 5px; padding: 0; list-style: none;}
main ul li {margin: 0 0 10px 0; padding-left: 22px; background: url('../images/d-bullet.png') no-repeat 0 8px;}


/* ================= COMMON  ================== */

.container {max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.container p:last-child {margin-bottom: 0;}

h1 {font-family: 'Oswald', 'Roboto', sans-serif; font-size: 42px; line-height: 63px; color: #fff;} /* banner captions */
h2 {font-family: 'Oswald', 'Roboto', sans-serif; display: inline-block; font-size: 16px; line-height: 28px; color: #fff; background: #58595b; padding: 0 25px; margin: 0 0 20px 0; text-transform: uppercase; clear: both;} /* block section headings */
h3 {font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 1; color: #1c75bc; margin: 0;} /* home page large font */
h4 {font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 1.2; color: #1c75bc; margin: 0 0 15px 0; } /* inner page sub sections */
h5 {font-family: 'Roboto', sans-serif; font-size: 20px; color: #1c75bc;}

/* office locations used in header & footer */
.offices {font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 20px; color: #1c75bc; }
.offices i {margin: 0 12px;}

/* more button */
.more-button {display: block; font-family: 'Oswald', sans-serif;}
.more-button.centered {margin: 0 auto;}
.more-button a {display: inline-block; font-size: 17px; line-height: 48px; width: 160px; text-align: center; color: #fff; background: #1c75bc; border-radius: 5px; text-transform: uppercase;}
.more-button a:hover {background: #0a4f85;}


/* ================== HEADER ================== */

header {display: block; width: 100%; position: relative;}

/* ------ header top ------- */
#header-top {display: flex; height: 100px; padding: 20px 15px;}
#header-top #logo {flex: 0 0 185px;}
#header-top #locations {flex: 1 1 0;}
#header-top #contact {flex: 0 0 355px; display: flex; justify-content: space-between;}

/* locations block */
#locations .offices {text-align: center; line-height: 60px; letter-spacing: 1px;}
#locations .offices i {margin: 0 16px;}

/* contact block */
#contact span {display: block; width: 170px; height: 60px;}
#contact .email-us {padding: 10px; border: 2px solid #1c75bc; border-radius: 5px; font-size: 15px; line-height: 16px;}
#contact .email-us strong {display: block; font-family: 'Oswald', sans-serif; color: #1c75bc;  text-transform: uppercase;}
#contact .email-us a {display: block; color: #76797f; padding: 5px 0;}
#contact .email-us a:hover {color: #58595b;}

#contact .talk-to-us {font-family: 'Oswald', sans-serif; font-size: 20px; line-height: 60px; color: #fff; text-transform: uppercase;}
#contact .talk-to-us a {display: block; color: #fff; background: #1c75bc; text-align: center; border-radius: 5px;}
#contact .talk-to-us a:hover {background: #0a4f85;}

/* -------- navigation -------- */
#navigation {width: 100%; height: 63px; background: #f5f7f9;}
#navigation figure .logo {display: none;}

/* -------- banner --------- */
#banner {width: 100%; height: 34vw; position: relative;}
#banner.home {height: 39vw;}
#banner img {display: block; width: 100%;}
 
#caption {position: absolute; width: 100%; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
#caption h1 {width: 72%; margin: 0; font-weight: 400;}
#caption h1.home {margin: 0 0 50px 0;} /* only home caption has button margin */

#caption .more-button {text-transform: uppercase;}
#caption .more-button a {font-size: 20px; line-height: 60px; width: 200px;}
#caption .more-button a i {color: #67a2d2; margin: 0 0 0 12px; font-size: 25px;}
#caption .more-button a:hover {background: #0a4f85;}


/* ============== ABOUT US ================ */

#about-us {padding: 60px 15px 80px 15px; display: flex;}
#about-us h3 {margin: 0 0 22px 0; }
#about-us .left-col {flex: 1 1 490px; padding: 0 25px 0 0; font-size: 15px; line-height: 22px;}
#about-us .right-col {flex: 1 1 650px; padding: 54px 0 0 0;}

#sectors-services {background: #f4f5f8; text-align: center; padding: 60px 0; font-size: 16px; line-height: 24px;}

#sectors-intro {margin: 0 0 50px 0;}
#sectors-intro p {margin: 0 0 25px;}

#buyer-seller-services {display: flex; max-width: 1000px; margin: 60px auto 0 auto; text-align: left; justify-content: space-between;}
#buyer-seller-services div {flex: 1 1 46%;}
#buyer-seller-services .left-col {margin-right: 8%;}
#buyer-seller-services h4 {margin: 0 5px 15px 5px;}
#buyer-seller-services p {font-size: 14px; margin: 10px 5px 30px 5px;}


/* ============ APAC & MENA =============== */

#apac-mena {padding: 60px 15px 0 15px;}
.float-l {float: left; margin: 0 40px 25px 0;} /* for image wraps */
.float-r {float: right; margin: 30px 0 25px 40px;}


/* ============== M&A SERVICES ================ */

#ma-services-main {padding: 60px 15px 100px 15px; display: flex;}
#ma-services-main .left-col {flex: 1 1 490px; padding: 0 25px 0 0; font-size: 15px; line-height: 22px;}
#ma-services-main .right-col {flex: 1 1 650px; padding: 54px 0 0 0;}

#ma-services-addl {background: #f4f5f8; text-align: center; padding: 50px 0; font-size: 16px; line-height: 24px;}
#buyer-seller-services {margin: 0 auto;}

#why-ria-strip {text-align: center; padding: 60px 15px; background: #f4f5f8;}

/* ================== Why RIA ================= */
#why-ria {padding: 60px 15px 100px 15px; display: flex;}
#why-ria .left-col {flex: 1 1 490px; padding: 0 25px 0 0; font-size: 15px; line-height: 22px;}
#why-ria .right-col {flex: 1 1 650px; padding: 54px 0 0 0;}
#why-ria-addl {background: #f4f5f8; text-align: center; padding: 60px 0; font-size: 16px; line-height: 24px;}
#why-ria-addl #buyer-seller-services {margin: 0 auto;}


/* ============== DEALS ================ */

#deals {padding: 60px 15px 0px 15px; }
#tombstones {display: flex; justify-content: space-between; flex-wrap: wrap;}
#tombstones::after { content: ""; flex-basis: 49%;}
#tombstones figure {flex: 0 0 23.8%; margin: 0 0 20px 0; position: relative; overflow: hidden;}
#tombstones figure img {border: 5px solid #d6d6d6; border-radius: 18px; width: 100%}
#tombstones figure div {position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: rgb(28, 117, 188, .5); border-radius: 18px; transition: left .5s ease;}
#tombstones figure:hover div {left: 0}

#tombstones figure div p {position: absolute; width: 54%; top: 50%; left: 23%; transform: translateY(-50%); color: #fff; text-align: center;  font-size: 16px;  text-transform: uppercase;}
#tombstones figure div p a {display: block; background: #1c75bc; border-radius: 5px; padding: 10px 0; color: #fff; font-family: 'Oswald', 'Roboto', sans-serif;}
#tombstones figure div p a i {font-size: 20px; margin: 0 0 0 10px;}
#tombstones figure div p a:hover {background: #0a4f85;}


/* ============= CASE STUDY ============= */

#case-study-wrapper {padding: 60px 15px 60px 15px; }
/*#caption h1.case-study {font-size: 48px; width: 70%}*/

#case-study {display: flex;}
#case-study .left-col {flex: 1 1 395px; padding-right: 9%; max-heiht: 800px; oveflow: auto;}
#case-study .right-col {flex: 1 1 745px;}

/* tombstones styling */
#case-study .left-col figure {position: relative; max-width: 272px; margin: 0 0 15px 0; overflow: hidden;} 
#case-study .left-col figure img {display: block; max-width: 100%; border: 1px solid #d6d6d6; border-radius: 18px;}

#case-study .left-col figure.active {overflow: visible;}
#case-study .left-col figure.active img {max-width: 100%; border: 1px solid #58595b;}
#case-study .left-col figure.active i {position: absolute; top: 50%; right: -55px; width: 45px; height: 50px; margin-top: -25px; background: url('../images/cs-arrow.png') no-repeat 0 0; background-size: contain;}

#case-study .left-col figure div {position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: rgb(28, 117, 188, .5); border-radius: 18px; transition: left .5s ease;}

#case-study .left-col figure div p {position: absolute; width: 54%; top: 50%; left: 23%; transform: translateY(-50%); color: #fff; text-align: center;  font-size: 16px;  text-transform: uppercase;}
#case-study .left-col figure div p a {display: block; background: #1c75bc; border-radius: 5px; padding: 10px 0; color: #fff; font-family: 'Oswald', 'Roboto', sans-serif;}
#case-study .left-col figure div p a i {font-size: 20px; margin: 0 0 0 10px;}
#case-study .left-col figure div p a:hover {background: #0a4f85;}
#case-study .left-col figure:hover div {left: 0}

/* case study write-up */
#case-study .heading-block {margin-bottom: 25px;}
#case-study h2 {font-family: 'Roboto Light', 'Roboto', sans-serif; font-size: 40px; line-height: 53px; margin: 0 0 5px 0; color: #1c75bc; display: block;  padding: 0; background: none; text-transform: none;}
#case-study h3 {font-family: 'Roboto Light', 'Roboto', sans-serif; font-size: 24px; line-height: 1.2; margin: 20px 0 10px 0;}
#case-study p {font-size: 15px; line-height: 24px; color: #677078;} /* default text color for page */
#case-study p.author {font-family: 'Roboto Light', 'Roboto', sans-serif; color: #808080; margin: 0; }

/* client quote */
#case-study .quote-block {font-family: 'Roboto Light', 'Roboto', sans-serif; margin-top: 60px; padding-top: 22px; background: url('../images/quote-bg2.png') no-repeat 0 0;}
#case-study .quote-block.addl {margin-top: 40px;}
#case-study .quote-block p {margin: 0;}
#case-study .quote-block .quote {font-family: 'Roboto', sans-serif;font-size: 16px; line-height: 24px; font-style: italic;  margin: 0 0 10px 0;}
#case-study .quote-block .client {font-size: 18px; color: #1c75bc; margin: 25px 0 0 0;}
#case-study .quote-block .designation {color: #808080;}


/* ================ OUR TEAM ================== */

#our-team {padding: 60px 15px 30px 15px;}
#our-team h3 {margin: 0 0 22px 0;}

.profile {display: flex; padding: 40px 0; border-bottom: 2px solid #ededed;}
.profile.first {padding-top: 0;}
.profile.last {padding-bottom: 0; border-bottom: none;}
.profile .photo-col {flex: 1 1 450px;}
.profile .bio-col {flex: 1 1 790px; padding: 0 0 0 40px;}
.bio-col h2 {display: block; font-family: 'Roboto Light', 'Roboto', sans-serif; font-weight: 300; font-size: 40px; line-height: 1; color: #1c75bc; margin: 0 0 5px 0; padding: 0; background: none; text-transform: none;}
.bio-col h4 {font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; color: #808080; margin: 0 0 30px 0;}
.bio-col h5 {font-family: 'Roboto', sans-serif; font-size: 20px; color: #1c75bc; margin: 30px 0 15px 0; }
.bio-col p {font-size: 15px; line-height: 22px; color: #677078; margin: 0 0 10px 0;}
.bio-col ul li {font-size: 14px; line-height: 26px; color: #677078; padding-left: 22px; background: url('../images/d-bullet.png') no-repeat 0 10px;}

.get-in-touch {padding: 10px 38px;}
.get-in-touch h4 {font-size: 22px; color: #1c75bc; margin: 0 0 10px 0;}
.get-in-touch p {font-size: 16px; line-height: 22px; color: #677078; padding: 8px 0; margin: 0;}
.get-in-touch p.phone {padding-left: 36px; background: url('../images/icon-phone.png') no-repeat 0 5px;}
.get-in-touch p.linkedin {padding-left: 36px; background: url('../images/icon-linkedin.png') no-repeat 0 5px;}
.get-in-touch p a {color: #677078;}
.get-in-touch p a:hover {bordr-bottom: 1px solid #677078; color: #333;}

.profile.alt {}
.profile.alt .bio-col {padding: 0 40px 0 0;}
.profile .quote-head {font-size: 14px; color: #000; font-weight: 300; margin: 20px 0 3px 0;}
.profile .quote {font-size: 20px; color: #677078; margin: 0;}
.profile .author {text-align: right; color: #000; font-weight: 300; font-style: italic;}


/* ============== TESTIMONIALS  ================ */

#testimonials {padding: 60px 15px 30px 15px;}

.testimonial {display: flex; padding: 40px 0 50px 0; border-bottom: 1px solid #ededed;}
.testimonial.first {padding-top: 20px;}
.testimonial:last-hild {border-bottom: none;}
.testimonial .quote-col {flex: 1 1 785px;}
.testimonial .name-col {flex: 1 1 355px; padding: 20px 0 0 100px;} /* by default name col is formatted for right side */

.testimonial.alt .name-col {padding: 20px 100px 0 0;}

.name-col h4 {font-family: 'Roboto Light', 'Roboto', sans-serif; font-size: 40px; line-height: 1.15; margin: 0 0 5px 0;}
.name-col p {font-size: 16px; line-height: 22px; margin: 0;}

.quote-col p {font-size: 16px; line-height: 24px; font-style: italic; background: url('../images/testimonial-quote.png') no-repeat 0 0; padding: 20px 0 0 0; margin: 0;}


/* ============== TALK TO US ================ */

#talk-to-us {padding: 60px 15px 30px 15px;}
#talk-to-us-inner {display: flex;}
#talk-to-us .left-col {flex: 1 1 453px; padding: 0 0px 0 0;}
#talk-to-us .right-col {flex: 1 1 687px; padding: 44px 0 0 50px;}
#talk-to-us .right-col h3 {margin: 0 0 20px 0;}

.form-container {margin: 0 0;}
.form-group {margin: 0 0 25px 0; text-align: left;}
.form-group label {display: block; font-size: 14px; line-height: 1.2; color: #95979a;}
.form-group label em {font-style: normal; color: #be1e24; margin-left: 3px; font-size: 14px; vertical-align: text-top;}
.form-group.captcha {padding: 0; background: #fff;}
.form-group .control {}

p.message {font-size: 15px; line-height: 22px;}
p.alert {font-size: 13px; color: #cc0000; margin: 0 0 20px 0;}

input, textarea {font-size: 15px; color: #677078; border-bottom: 1px solid #d0d0d0;}
input:focus, textarea:focus, select:focus {border-bottom: 1px solid #1c75bc; outline: none;}

input[type="text"] {width: 100%; height: 34px;}
textarea {width: 100%; height: 50px; }
input[type="radio"] {height: 16px; width: 16px;}


.button {font-family: Oswald, sans-serif; display: inline-block; font-size: 17px; line-height: 48px; width: 160px; text-align: center; color: #fff; background: #1c75bc; border-radius: 5px; text-transform: uppercase; transition: all .3s ease;}
.button:focus {color: #fff;}
.button:hover {background: #0a4f85;}
.buttons-container {margin: 40px 0 0 0;}

/* radio group */
.form-group.radio > label {font-weight: bold; margin: 0 0 15px 0;}
.form-group.textarea > label {font-weight: bold; margin: 0 0 10px 0;}
.radio-group {}
.radio-group label {display: flex; margin: 0 0 12px 0;}
.radio-group label i {display: block; padding: 1px 10px 0 0;}
.radio-group label span {display: block;}


/* =============== INDUSTRY NEWS ================ */

#ma-news {padding: 60px 15px 0px 15px; display: flex;} /* container */
#ma-news .news {flex: 1 1 auto; padding: 0 60px 0 0;} /* left col */
#ma-news .acquisitions {flex: 0 0 270px; padding: 54px 0 0 0;} /* right col */

/* left col */
.news article {margin: 0 0 0px 0; padding: 25px 0; border-bottom: 1px solid #e5e5e5;}
.news .wrapper article:first-child {padding-top: 0;}
.news .wrapper article:last-child {border-bottom: none;}
.news p.date {margin: 0 0 5px 0;}
.news p.date span {color: #333; border-left: 1px solid #677078; margin-left: 5px; padding-left: 10px;}
.news h3 {font-size: 26px; line-height: 1.25; margin: 0;}
.news p.more-button {margin: 15px 0 0 0;}
.news p.more-button a {font-size: 15px; line-height: 40px; width: auto; padding: 0 20px;}
.news p.more-button a i {margin-left: 3px;}
.news .pagination {}

/* right col */
#ma-news #tombstones.acquisitions {display: block;}
#ma-news #tombstones.acquisitions h2 {background-color: #777; margin: 0 0 20px 0;}
#ma-news #tombstones.acquisitions .more-button {text-align: center;}

/* listing pagination */
#pagination {margin: 30px 0 0 0; font-size: 16px; overflow: hidden;}
#pagination li {float: left; margin-right: 5px; background-image: none; padding: 0;}
#pagination li.down {display: block; width: 40px; line-height: 38px; border-radius: 3px; text-align: center; background: #677078; color: #fff; text-decoration: none;}
#pagination li a {display: block; width: 40px; line-height: 38px; border-radius: 3px; text-align: center; background: #1c75bc; color: #fff;text-decoration: none;}
#pagination li a:hover {background: #0a4f85;}
#pagination li a.next {background: url('../images/icon-next.png') no-repeat center center;}

/* =============== TERMS & CONDITIONS ================= */

#banner.statutory {height: auto; width: 100%; max-width: 1170px; margin: 0 auto; padding: 80px 15px; text-align: center;}
#banner.statutory h1 {display: inline-block; font-size: 66px; line-height: 122px; background: #58595b; padding: 0 115px; text-transform: uppercase; }

#tnc h2 {display: block; font-family: 'Roboto Light', 'Roboto', sans-serif; font-weight: 300; font-size: 40px; line-height: 1.2; color: #1c75bc; margin: 30px 0 25px 0; padding: 0; background: none; text-transform: none;}
#tnc h2:first-child {margin-top: 0;}
#tnc h3 {font-family: 'Roboto Light', 'Roboto', sans-serif; font-weight: 300; font-size: 26px; line-height: 1.3; color: #1c75bc; margin: 30px 0 10px 0; padding: 0; background: none; text-transform: uppercase;}

#tnc .po {margin: 0 0 15px 15px;}
#tnc .po p {margin: 0 0 0 0;}
#tnc .po .head {color: #1c75bc; font-size: 16px;}


/* ========================= HOME PAGE ====================== */

/* ------------ Services ------------ */
#services-home {display: flex; padding: 60px 15px;}
#services-home .left-col {flex: 1 1 490px; padding: 40px 40px 0 0;}
#services-home .right-col {flex: 1 1 650px; }
#services-home p {font-size: 16px; line-height: 27px; }
#services-home p.intro {font-weight: bold; font-size: 20px; line-height: 28px; color: #1c75bc; margin: 0 0 15px 0;}


/* ----------- Deals ---------- */
#deals-home {height: 550px; background: #f4f5f8 url('../images/diamond-bg.png') no-repeat center center; text-align: center; padding: 60px 0;}
#tombstones-carousel {margin: 45px 0;}
#tombstones-carousel .item a:hover img {border: 1px solid #1c75bc;}
#tombstones-carousel .item img {border-radius: 18px;}

/* deals tombstones carousel */
#tombstones-carousel .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -25px; height: 50px; z-index: -1;}
#tombstones-carousel .owl-prev, #tombstones-carousel .owl-next {position: absolute; width: 40px; height: 50px; text-align: center;}
#tombstones-carousel .owl-prev {left: -65px;}
#tombstones-carousel .owl-next {right: -65px;}
.owl-nav img {display: inline;}

/* ---------- Why RIA ----------- */
#why-ria-home {text-align: center; padding: 60px 15px;}
#why-box {display: flex; justify-content: space-between; margin: 50px 0;}
#why-box figure {flex: 0 1 270px; border-bottom: 4px solid #dfdee8;}
#why-box figure img {display: block; border-radius: 15px;}
#why-box figcaption {text-align: left; font-size: 18px; line-height: 26px; color: #677078; padding: 10px 5px 25px 5px;}

#why-box figure.col2 {border-color: #ddeaf5;}
#why-box figure.col3 {border-color: #d9ebec;} 
#why-box figure.col4 {border-color: #f5dddf;}

/* ----------- Testimonials  ----------- */
#testimonials-home {text-align: center; padding: 60px 0 50px 0; background: #f4f5f8 url('../images/testimonial-bg.png') no-repeat center 0;}
#testimonials-carousel {padding: 40px 0 0 0;}

#testimonials-carousel .item {}
#testimonials-carousel .item .quote {font-size: 18px; line-height: 32px; color: #677078; padding: 10px 0 0 0; margin: 0 50px; background: url('../images/quote-bg.png') no-repeat 0 0;}
#testimonials-carousel .item .client {margin: 50px 0 0 0; color: #1c75bc; font-size: 20px; font-weight: bold; text-transform: uppercase;}
#testimonials-carousel .item .desig {font-size: 16px; margin: 0;}

#testimonials-carousel .owl-nav {position: absolute; top: 40px; left: 0; width: 100%;}
#testimonials-carousel .owl-prev, #testimonials-carousel .owl-next {position: absolute;}
#testimonials-carousel .owl-prev {left: -55px;}
#testimonials-carousel .owl-next {right: -55px;}
#testimonials-carousel .owl-nav img {display: block; padding: 10px;}


/* ================ CONTACT STRIP =============== */

#contact-strip {display: flex; margin-top: 120px; position: relative; z-index: 5;}
#contact-strip div {flex: 1; background: #1c75bc; min-hight: 100px; padding: 28px 50px 28px 65px;}
#contact-strip div.left {background: #1c75bc url('../images/location-icon.png') no-repeat 40px 32px;}
#contact-strip div.center {background: #257dc3 url('../images/phone-icon.png') no-repeat 38px 32px;}
#contact-strip div.right {background: #2079bf url('../images/email-icon.png') no-repeat 38px 35px;}
#contact-strip h4 {font-family: 'Oswald', sans-serif; font-size: 20px; line-height: 22px; color: #fff; margin: 0 0 10px 0;}
#contact-strip p {font-size: 16px; line-height: 24px; color: #fff; margin: 0;}
#contact-strip a {color: #fff; text-decoration: underline;}
#contact-strip a:hover {text-decoration: underline;}


/* ================== FOOTER ================== */

footer {margin-top: -70px; padding-top: 70px; background-color: #f0f0f0; position: relative; z-index: 2;}

#footer-main {display: flex; padding: 70px 15px 75px 15px;}
#footer-main > div {flex: 1;}
#footer-main h4 {font-family: 'Oswald', 'Roboto', sans-serif; font-size: 20px; color: #1c75bc; margin: 0 0 25px 0; text-transform: uppercase;}
#footer-main ul {font-size: 16px; line-height: 42px; color: #1c75bc; margin: 0;}
#footer-main li {margin: 0;}
#footer-main a {color: #1c75bc; transition: all .2s ease;}
#footer-main a:hover {color: #0a4f85;}


#footer-main .col1 {flex: 1 1 340px; padding-right: 30px;}
#footer-main .col2 {flex: 1 1 320px;}
#footer-main .col3 {flex: 1 1 260px; padding-top: 49px;}
#footer-main .col4 {flex: 1 1 220px;}

#footer-main .offices {margin: 5px 0 0 0; letter-spacing: 1px;}
#footer-main .offices i {margin: 0 12px;}

#footer-bottom {background: #58595b; color: #fff; font-size: 14px; line-height: 28px; padding: 26px 0;}
#footer-bottom .container {display: flex;}
#footer-bottom div {}
#footer-bottom a {color: #fff;}
#footer-bottom a:hover {text-decoration: underline;}
#footer-bottom .col1 {flex: 1 1 60%; }
#footer-bottom .col2 {flex: 1 1 40%; text-align: right;}

/* ================= NAVIGATION =================== */

/* Responsive Menu Icon */
#menu-checkbox {display: none;} /* Menu checkbox is always hidden*/
#menu-icon {font-family: 'FontAwesome'; text-align: right; color: #58595b; font-size: 22px; cursor: pointer; padding: 0px 15px; display: none; font-weight: normal;}
/*#menu-icon::before {content: '\2630';}*/ /* using heaven trigram for menu icon */
#menu-icon::before {content: '\f0c9';}

nav {font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 17px; line-height: 63px; height: 63px; position: relative;}

/* universal styles */
nav ul {list-style: none; margin: 0; padding: 0; background: #f5f7f9;}
nav ul a {display: block; color: #61656f; padding: 0 25px; text-decoration: none; white-space: nowrap;} /* universal link scheme */
nav ul a.active, nav ul a.active:hover {color: #1c75bc;} /* active link color scheme */

nav ul a:hover {color: #333; transition: all .3s ease; text-decoration: none;} /* level 1 link mouseover color */

/* Level 1 Menu */
nav > ul {}
nav > ul > li {float: left; position: relative; margin: 0;}
nav > ul > li:first-child a {padding-left: 0;} /* no left padding for primary menu first link */
nav > ul > li.node > a:after {position: absolute; content: "\f107"; font-family: FontAwesome; margin-left: 5px;} /* display drop down caret */
nav li.responsive {display: none;} /* hide responsive menu only links by default */

/* Level 2 Menu */
nav ul ul {position: absolute; z-index: 99; min-width: 100%; padding-bottom: 20px; display: none;}
nav ul li li {display: block; float: none; line-height: 45px;}

/* Display Level 2 on Mouseover */
nav ul li:hover ul {display: block;} 
nav ul li:hover > a {color: #333;} /* Keep level 1 menu item highlighted when hovering over dropdown */