/*!
Theme Name: TripleOKlaw
Theme URI: http://underscores.me/
Author: Alfred Maina
Author URI: https://alfie.me.ke/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tripleoklaw
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

TripleOKlaw is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.width-90 {
  width: 90%;
  max-width: 1750px;
  margin: auto;
}

.width-80 {
  width: 80%;
  max-width: 1600px;
  margin: auto;
}

.width-85 {
  width: 85%;
  max-width: 1600px;
  margin: auto;
}

.page-width {
  width: 80%;
  margin: auto;
}

.close {
  cursor: pointer;
}

@font-face {
  font-family: gothamblack;
  src: url("css/fonts/gotham/Gotham-Black.otf");
}
@font-face {
  font-family: gothambold;
  src: url("css/fonts/gotham/Gotham-Bold.otf");
}
@font-face {
  font-family: gothambook;
  src: url("css/fonts/gotham/Gotham-Book.otf");
}
@font-face {
  font-family: gothammedium;
  src: url("css/fonts/gotham/Gotham-Medium.otf");
}
@font-face {
  font-family: BASKE1;
  src: url("css/fonts/baskerville/BASKE1.ttf");
}
@font-face {
  font-family: BASKE9;
  src: url("css/fonts/baskerville/BASKE9.ttf");
}
@font-face {
  font-family: BASKE10;
  src: url("css/fonts/baskerville/BASKE10.ttf");
}
@font-face {
  font-family: BaskervilleBT;
  src: url("css/fonts/baskerville/BaskervilleBT.ttf");
}
@font-face {
  font-family: BaskervilleItalicBT;
  src: url("css/fonts/baskerville/BaskervilleItalicBT.ttf");
}
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: gothambook;
  color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  line-height: 2;
}

body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 5px 5px 6px #ced4da;
}

body::-webkit-scrollbar-thumb {
  background-color: #161616;
}

h1 {
  font-size: 3em;
  font-family: gothambook;
  color: #013d5b;
}
h1.title {
  font-size: 3em;
  font-family: BaskervilleItalicBT;
  color: #013d5b;
}

h2 {
  font-size: 2em;
  font-family: BaskervilleBT;
  color: #013d5b;
}
h2.title {
  font-size: 2em;
  font-family: BaskervilleItalicBT;
  color: #013d5b;
}
h2.gotham {
  font-size: 1.7em;
  font-family: gothambook;
  color: #013d5b;
}

h4.title {
  font-size: 1.2em;
  font-family: gothambold;
  color: #000;
}

h3.title {
  font-family: gothambold;
  color: #000;
}

a {
  text-decoration: none !important;
  transition-duration: 300ms;
}

/*==== Col colors =====*/
.shade1 {
  background-color: #ff8f00;
}

.shade2 {
  background-color: #013d5b;
}

.shade3 {
  background-color: #ff1f00;
}

.shade4 {
  background-color: #0085cc;
}

.shade5 {
  background-color: #e0004e;
}

.shade6 {
  background-color: #561400;
}

.news-shade1 {
  background-color: #ff8c76;
}

.news-shade2 {
  background-color: #ff4e1f;
}

.news-shade3 {
  background-color: #ff9018;
}

.navbar {
  padding: 15px 0;
}

/*======= Footer Section ====*/
.footer-bx {
  position: relative;
  background: #013d5b;
  width: 100%;
  color: #f2f5f7;
  padding: 100px 0px 20px 0px;
  overflow: hidden;
}
.footer-bx .pattern {
  top: -20%;
  right: -10%;
  width: 70%;
  max-width: 700px;
  opacity: 0.1;
}
.footer-bx .width-80 {
  position: relative;
  z-index: 20;
}
.footer-bx .social-bx ul {
  margin: 0;
  padding: 0;
}
.footer-bx .social-bx ul li {
  list-style-type: none;
  display: inline-block;
}
.footer-bx .social-bx ul li a {
  color: #f2f5f7;
  font-size: 30px;
  margin-right: 10px;
}
.footer-bx .social-bx ul li a:hover img {
  transform: scale(1.2);
}
.footer-bx .social-bx ul li a img {
  max-width: 40px;
  transition-duration: 300ms;
}
.footer-bx .footer-menu ul {
  padding: 0;
  margin: 0;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
  text-align: left;
}
.footer-bx .footer-menu ul li {
  list-style-type: none;
  padding-bottom: 10px;
}
.footer-bx .footer-menu ul li a {
  font-size: 20px;
  color: #f2f5f7;
  text-transform: uppercase;
  font-weight: 600;
}
.footer-bx .social-bx h3 {
  color: #ff8c76;
}
.footer-bx .subscribe-bx {
  padding: 0px 0px 50px 0px;
}
.footer-bx .subscribe-bx form {
  max-width: 500px;
  position: relative;
}
.footer-bx .subscribe-bx form .form-control {
  border-radius: 0px;
  padding: 25px 20px;
}
.footer-bx .subscribe-bx form .btn {
  position: absolute;
  background: #ff8c76;
  color: #fff;
  right: 0;
  top: 0;
  padding: 13px 30px;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.top-banner {
  width: 100%;
  height: auto;
  margin: auto;
}
.top-banner img {
  width: 100%;
  height: auto;
}

/*==== Hambuerger =================*/
#menuToggle {
  display: block;
  position: absolute;
  right: 50px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #013d5b;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #f2f5f7;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  width: 600px;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -270px;
  background: #013d5b;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: max-height 0.2s ease-out;
}
#menu p {
  color: #ff8c76;
  font: normal normal normal 18px;
}
#menu ul.contacts {
  padding: 0;
  margin: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
#menu ul.contacts li {
  list-style-type: none;
  color: white;
  font: normal normal normal 18px/37px Gotham;
}

#menu li {
  font-size: 22px;
  padding-bottom: 6px;
}
#menu li a {
  font-family: BaskervilleItalicBT;
}
#menu li a:hover {
  color: #00afdd;
}

span.menu-line {
  color: white !important;
}

.select-bx {
  border: 0.5px solid #013d5b;
  border-radius: 0;
  color: #013d5b;
  height: auto;
  padding: 1.2rem 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.select-bx:focus {
  box-shadow: none;
  border: 0.5px solid #013d5b;
}

select.select-bx {
  background-image: linear-gradient(45deg, transparent 50%, #013d5b 60%), linear-gradient(135deg, #013d5b 40%, transparent 50%) !important;
  background-position: calc(100% - 30px) 28px, calc(100% - 20px) 28px, 100% 0;
  background-size: 10px 10px, 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#menuToggle input:checked ~ ul {
  transform: scale(1, 1);
  opacity: 1;
}

.contacts ul {
  margin: 0;
  padding: 0;
}

.home-slider {
  position: relative;
}
.home-slider .swiper-container {
  width: 100%;
}
.home-slider .swiper-container .swiper-btn {
  color: #013d5b;
  padding: 30px 40px;
  border-radius: 5px;
  transition-duration: 500ms;
}
.home-slider .swiper-container .swiper-btn:after {
  font-size: 40px;
  font-weight: 900;
}
.home-slider .swiper-container .swiper-btn:hover {
  transform: translateX(10px);
}
.home-slider .swiper-container .swiper-btn.swiper-button-prev:hover {
  transform: translateX(-10px);
}
.home-slider .swiper-slide {
  background-size: cover;
  background-position: 50%;
  height: 97vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home-slider .swiper-slide.swiper-slide-active .slider-text .title {
  transform: translateY(0px);
  opacity: 1;
}
.home-slider .swiper-slide.swiper-slide-active .slider-text .sub-title {
  transform: translateY(0px);
  opacity: 1;
}
.home-slider .slider-text {
  max-width: 860px;
  width: 70%;
  transform: translateY(50px);
}
.home-slider .slider-text .title {
  opacity: 0;
  color: #000;
  transition-duration: 1000ms;
  transform: translateY(-20px);
}
.home-slider .slider-text .sub-title {
  opacity: 0;
  font-size: 3em;
  font-family: gothambook;
  color: #013d5b;
  transition-duration: 2000ms;
  transform: translateY(20px);
  transition-delay: 1000ms;
  padding-top: 20px;
  line-height: 1.3;
}
.home-slider .swiper-pagination {
  text-align: left;
  left: 10%;
  bottom: 30px;
}
.home-slider .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  box-shadow: 5px 5px 7px 7px rgba(0, 0, 0, 0.1);
  background: #fff;
  opacity: 1;
}
.home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #013d5b;
}
.home-slider .arrow {
  display: flex;
  align-items: center;
  transform: translateY(50px);
}
.home-slider .arrow span {
  padding-left: 10px;
  color: #0085cc;
}
.home-slider .arrow img {
  max-width: 20px;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.text-gray {
  color: #f2f5f7;
}

.more-bx {
  margin-top: 250px;
  display: block;
}
.more-bx a {
  color: #f2f5f7;
  font-weight: 600;
}

.insight {
  background-color: #f2f5f7;
}
.insight .insights-bx h3 a {
  color: #f2f5f7;
  opacity: 0.9;
}
.insight .insights-bx a {
  color: #f2f5f7;
}

.banner {
  position: relative;
  width: 100%;
  display: flex;
}
.banner .landing-img {
  width: 100%;
  max-height: 50vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .page-title {
  position: absolute;
  z-index: 20;
  font-family: BaskervilleItalicBT;
  font-style: italic;
  font-size: 60px;
  color: #fff;
  left: 10%;
  top: 50%;
}
.banner:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.maritas-bx {
  width: 100%;
  position: relative;
  margin: 50px 0px 100px 0px;
}
.maritas-bx:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background: #f6f6f6;
  z-index: -1;
}

a.viewall {
  color: #0085cc;
}
a.viewall i {
  transition-duration: 300ms;
}
a.viewall:hover i {
  transform: translateX(10px);
}

.part-bx {
  width: 90%;
  margin-left: auto;
}

.who-bx {
  position: relative;
  z-index: 10;
}
.who-bx .img-wrapper {
  transform: translateY(-10%);
}
.who-bx .content {
  width: 90%;
  margin: auto;
}
.who-bx .content h2 {
  padding: 25px 0px;
  font-family: BaskervilleBT;
}
.who-bx .content .cta {
  color: #0085cc;
}

.home-capabilities {
  padding: 100px 0px;
  position: relative;
}
.home-capabilities .pattern {
  max-width: 50%;
  top: -5%;
  opacity: 0.3;
}
.home-capabilities .cap-card {
  padding: 40px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.home-capabilities .cap-card:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.home-capabilities .cap-card .img-wrapper {
  width: 50px;
}
.home-capabilities .cap-card .card-text {
  text-align: left;
}
.home-capabilities .cap-card .card-text h4 {
  color: #000;
  font-weight: 500;
}
.home-capabilities .cap-card .icon-wrapper {
  width: 50px;
  height: 50px;
  color: #013d5b;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-capabilities .cap-card .icon-wrapper a {
  width: 100%;
  height: 100%;
  line-height: 50px;
  transition-duration: 300ms;
}
.home-capabilities .cap-card .icon-wrapper:hover {
  color: #ff8c76;
}
.home-capabilities .right-banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.home-capabilities .right-banner img {
  width: 80%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: right;
}

.single-our_people .header {
  position: relative;
}

.team {
  padding: 25px 0px;
  position: relative;
}
.team .card {
  border: none;
  background: transparent;
  height: 100%;
}
.team .card .img-wrapper {
  width: 100%;
  position: relative;
}
.team .card .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team .card .link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
}
.team .card .card-body {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 2%;
  padding: 20px;
  background: #000;
  color: #fff;
  z-index: 20;
  opacity: 0;
  transition-duration: 300ms;
}
.team .card .card-body h3 {
  font-size: 18px;
  margin-bottom: 0px;
}
.team .card .card-body .position {
  color: #ffbf00;
  font-size: 16px;
  margin-bottom: 0px;
}
.team .card .card-body ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.team .card .card-body ul li {
  position: relative;
  display: inline;
}
.team .card .card-body ul li a {
  font-size: 18px;
  padding-right: 10px;
  color: #fff;
  transition-duration: 300ms;
}
.team .card .card-body ul li a:hover {
  color: #ffbf00;
}
.team .card:hover .card-body {
  bottom: 5%;
  opacity: 1;
}

.capability-content {
  padding: 70px 0px;
}
.capability-content h2 {
  font-size: 35px;
  font-weight: 600;
  padding-bottom: 20px;
}
.capability-content p {
  font-size: 40px;
  margin-bottom: 0px;
}

.capabilities {
  padding: 100px 0px;
  background: #f8f8f8;
}
.capabilities .card {
  border: none;
  height: 100%;
  padding: 10%;
  transition-duration: 300ms;
}
.capabilities .card .img-wrapper {
  height: 150px;
  display: flex;
  align-items: end;
}
.capabilities .card img {
  max-width: 90px;
}
.capabilities .card h3 {
  padding: 50px 0px 40px 0px;
  font-size: 35px;
  color: #013d5b;
  min-height: 186px;
  border-bottom: 1px solid rgba(0, 69, 139, 0.2);
}
.capabilities .card a {
  font-size: 22px;
  font-weight: 600;
  padding-top: 30px;
}
.capabilities .card a i {
  padding-left: 5px;
  font-size: 15px;
}
.capabilities .card:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 17px 7px rgba(0, 0, 0, 0.1);
}
.capabilities .cap-bx-cont ul,
.capabilities .cap-bx-cont ol {
  margin-left: 0px;
}
.capabilities .matters {
  padding: 70px 0px 120px 0px;
}
.capabilities .matters .title {
  font-weight: 200;
  padding: 10px 0px 30px 0px;
}
.capabilities .matters .sub-title {
  position: relative;
  color: #ff8c76;
  cursor: pointer;
  font-size: 1.8em;
  padding-top: 30px;
}
.capabilities .matters .sub-title span {
  width: 100px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background: transparent;
  color: #ff8c76;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 300ms;
}
.capabilities .matters .sub-title span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f068";
  transition-duration: 300ms;
}
.capabilities .matters .sub-title.collapsed {
  color: #fff;
}
.capabilities .matters .sub-title.collapsed span {
  color: #fff;
}
.capabilities .matters .sub-title.collapsed span:before {
  transform: rotate(360deg);
  content: "\f067";
}
.capabilities .key-matters {
  background: #013d5b;
  padding: 5%;
  color: #fff;
}
.capabilities .key-matters b,
.capabilities .key-matters strong,
.capabilities .key-matters h3,
.capabilities .key-matters h2 {
  font-size: 2em;
  font-family: BaskervilleItalicBT;
  font-weight: 300;
  display: block;
}
.capabilities .key-matters .pattern {
  top: 0%;
  right: -10%;
  width: 70%;
  max-width: 700px;
  opacity: 0.1;
}
.capabilities .key-matters .item {
  max-width: 1200px;
}
.capabilities .key-matters .owl-nav {
  position: absolute;
  bottom: -40px;
}
.capabilities .key-matters .owl-nav button {
  font-size: 1.5em;
}
.capabilities .key-matters .owl-nav button:hover {
  background: transparent;
  color: #0085cc;
}
.capabilities .key-matters .owl-nav button:focus {
  outline: none;
}

.pattern {
  position: absolute;
  right: 0px;
  top: 0%;
}

.card {
  border-radius: 0px;
}

.home-insights {
  background: rgba(231, 229, 226, 0.5);
  padding: 100px 0px;
}
.home-insights .col-md-4:nth-child(even) .card {
  background: #ff8f00;
}
.home-insights .col-md-4:nth-child(1) .card {
  background: #ff8f00;
}
.home-insights .col-md-4:nth-child(2) .card {
  background: #013d5b;
}
.home-insights .col-md-4:nth-child(3) .card {
  background: #ff1f00;
}
.home-insights .col-md-4:nth-child(4) .card {
  background: #0085cc;
}
.home-insights .col-md-4:nth-child(5) .card {
  background: #e0004e;
}
.home-insights .col-md-4:nth-child(6) .card {
  background: #561400;
}
.home-insights .col-md-4 .card {
  background: #013d5b;
  color: #fff;
  min-height: 60vh;
  height: 100%;
  padding: 12% 6%;
  overflow: hidden;
  transition-duration: 300ms;
}
.home-insights .col-md-4 .card .pattern {
  right: -50%;
  top: 0%;
  height: 120%;
  width: auto;
  opacity: 0.2;
  top: 50%;
  transform: translateY(-50%);
}
.home-insights .col-md-4 .card h4 {
  opacity: 0.7;
  font-size: 14px;
  font-family: gothambook;
  font-weight: 500;
}
.home-insights .col-md-4 .card h4 a {
  color: white;
}
.home-insights .col-md-4 .card h3 {
  font-family: BaskervilleBT;
  line-height: 1.5;
  font-size: 30px;
}
.home-insights .col-md-4 .card .link {
  position: absolute;
  bottom: 10%;
  color: #fff;
  font-weight: 600;
  transition-duration: 300ms;
}
.home-insights .col-md-4 .card .link i {
  transition-duration: 300ms;
}
.home-insights .col-md-4 .card .link:hover {
  opacity: 0.7;
}
.home-insights .col-md-4 .card .link:hover i {
  transform: translateX(5px);
}
.home-insights .col-md-4 .card:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 17px 7px rgba(0, 0, 0, 0.2);
}

.home-news {
  padding: 100px 0px;
}
.home-news .title {
  color: #013d5b;
  padding-bottom: 40px;
}
.home-news .view-all {
  color: #00458b;
  font-weight: 600;
}
.home-news .view-all i {
  padding-left: 10px;
  transition-duration: 300ms;
}
.home-news .view-all:hover {
  opacity: 0.7;
}
.home-news .view-all:hover i {
  transform: translateX(5px);
}
.home-news .col-md-4:nth-child(even) .card {
  background: #ff8f00;
}
.home-news .col-md-4:nth-child(1) .card {
  background: #ff8c76;
}
.home-news .col-md-4:nth-child(2) .card {
  background: #ff4e1f;
}
.home-news .col-md-4:nth-child(3) .card {
  background: #ff9018;
}
.home-news .col-md-4 .card {
  background: #013d5b;
  color: #fff;
  height: 100%;
  padding: 12% 6%;
}
.home-news .col-md-4 .card h4 {
  opacity: 0.7;
  font-size: 18px;
}
.home-news .col-md-4 .card h4 a {
  color: white;
}
.home-news .col-md-4 .card h3 {
  font-family: BaskervilleBT;
  padding: 10px 0px 50px 0px;
  line-height: 1.5;
  font-size: 30px;
}
.home-news .col-md-4 .card .link {
  position: absolute;
  bottom: 10%;
  color: #fff;
  font-weight: 600;
  transition-duration: 300ms;
}
.home-news .col-md-4 .card .link i {
  transition-duration: 300ms;
}
.home-news .col-md-4 .card .link:hover {
  opacity: 0.7;
}
.home-news .col-md-4 .card .link:hover i {
  transform: translateX(5px);
}

.insights {
  padding-bottom: 100px;
}
.insights .insight-wrapper {
  margin-bottom: 20px;
  background: #ff8f00;
}
.insights .insight-wrapper .img-wrapper {
  height: 100%;
}
.insights .insight-wrapper .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.insights .insight-wrapper:nth-child(3n+2) {
  background: #013d5b;
}
.insights .insight-wrapper:nth-child(3n+3) {
  background: #ff1f00;
}
.insights .insight-wrapper .col-md-4 {
  background: black;
}
.insights .insight-wrapper .col-md-8 {
  position: relative;
  overflow: hidden;
}
.insights .insight-wrapper .col-md-8 .pattern {
  top: 50%;
  transform: translateY(-50%);
  right: -20%;
  width: 50%;
  max-width: 700px;
  opacity: 0.2;
}
.insights .insight-wrapper .card {
  background: transparent;
  border: none;
  padding: 5% 10%;
  color: #fff;
  width: 100%;
  position: relative;
}
.insights .insight-wrapper .card .title {
  padding: 20px 0px 40px 0px;
  font-family: BaskervilleBT;
}
.insights .insight-wrapper .card h4 {
  font-size: 16px;
}
.insights .insight-wrapper .card a {
  color: #fff;
  font-weight: 600;
  transition-duration: 300ms;
}
.insights .insight-wrapper .card a i {
  padding-left: 10px;
  transition-duration: 300ms;
}
.insights .insight-wrapper .card a:hover {
  opacity: 0.7;
}
.insights .insight-wrapper .card a:hover i {
  transform: translateX(5px);
}
.insights .insight-wrapper .card .img-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
.insights .insight-wrapper .card .img-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.insights .insight-wrapper .card .insight-cat {
  position: relative;
  padding: 10px 0px;
  margin: 0px;
}
.insights .insight-wrapper .card .insight-cat li {
  display: inline-block;
}
.insights .insight-wrapper .card .insight-cat li a {
  padding-right: 20px;
  font-size: 0.6em;
  opacity: 0.7;
  transition-duration: 300ms;
}
.insights .insight-wrapper .card .insight-cat li a:hover {
  opacity: 1;
}
.insights .element-item {
  width: 100%;
}
.insights .element-item:nth-child(3n+2) .insight-wrapper {
  background: #013d5b;
}
.insights .element-item:nth-child(3n+3) .insight-wrapper {
  background: #ff1f00;
}

.single-content {
  padding: 20px 0px;
}
.single-content .insight-cat {
  position: relative;
  padding: 10px 0px;
  margin: 0px;
}
.single-content .insight-cat li {
  display: inline-block;
  position: relative;
}
.single-content .insight-cat li a {
  padding-right: 40px;
  font-size: 1em;
  transition-duration: 300ms;
  color: #013d5b;
}
.single-content .insight-cat li a:hover {
  opacity: 1;
}
.single-content .insight-cat li::after {
  position: absolute;
  content: "";
  height: 50%;
  width: 1px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: #013d5b;
}
.single-content .insight-cat li:last-child::after {
  display: none;
}
.single-content .img-banner {
  width: 100%;
  padding-bottom: 30px;
}
.single-content .img-banner img {
  width: 100%;
}

.my-filters .filters-bx {
  border: 1px solid #d2d2d2;
}
.my-filters .filters-bx .form-group {
  margin-bottom: 0px;
}
.my-filters .filters-bx .select-bx {
  cursor: pointer;
  border: none;
  color: #013d5b;
  max-width: 95%;
  margin: auto;
  text-align: center;
  font-family: gothambook;
}

.contact-us {
  padding-bottom: 20px;
}
.contact-us .title {
  font-size: 35px;
  font-family: gothambook;
  color: #013d5b;
  max-width: 800px;
  padding-bottom: 30px;
}
.contact-us ul {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  width: 90%;
}
.contact-us ul.contacts {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 40px;
}
.contact-us ul.contacts a {
  color: rgba(0, 0, 0, 0.5);
}
.contact-us ul.popup {
  color: #0085cc;
  font-weight: 500;
}
.contact-us ul.popup li span {
  cursor: pointer;
  transition-duration: 300ms;
}
.contact-us ul.popup li span i {
  transition-duration: 100ms;
}
.contact-us ul.popup li span:hover {
  color: #ff8c76;
}
.contact-us ul.popup li:hover i {
  transform: translateX(5px);
}

.join-us .content {
  padding: 100px 0px 0px 0px;
  width: 90%;
}
.join-us .content .title {
  font-size: 70px;
  color: #013d5b;
  font-weight: 400;
  padding-bottom: 30px;
}
.join-us .play-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -25%;
  margin-bottom: 5%;
  cursor: pointer;
}
.join-us .play-wrapper img {
  width: 100%;
  height: 100%;
}
.join-us .play-wrapper:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.join-us .play-wrapper i {
  position: absolute;
  color: #fff;
  font-size: 90px;
  z-index: 20;
}

.careers {
  padding-bottom: 80px;
}
.careers .card {
  width: 100%;
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(1, 61, 91, 0.4);
}
.careers .card a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #013d5b;
  font-weight: 400;
  padding: 50px 10px;
  transition-duration: 300ms;
}
.careers .card .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00458b;
  border-radius: 50%;
  color: #fff;
  transition-duration: 300ms;
}
.careers .card .icon i {
  transform: rotate(-50deg);
  transition-duration: 300ms;
}
.careers .card:hover a {
  color: #ff8c76;
}
.careers .card:hover .icon {
  background: #ff8c76;
}
.careers .card:hover .icon i {
  transform: rotate(0deg);
}

@keyframes sticky {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
}
.header .navbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0px;
}
.header .navbar .logo img {
  max-width: 300px;
}
.header .navbar .logo .dark-logo {
  display: block;
}
.header .navbar .logo .light-logo {
  display: none;
}
.header .navbar .menu-right {
  display: flex;
  align-items: center;
  color: #013d5b;
}
.header .navbar .menu-right .search {
  padding: 10px 30px;
}
.header .navbar .menu-right a {
  font-size: 30px;
}
.header .navbar .menu-right i {
  color: #013d5b;
  font-size: 30px;
}
.header .navbar .menu-right .menu-pop {
  display: flex;
  align-items: center;
}
.header .navbar .menu-right .menu-pop .humberger {
  display: flex;
  flex-direction: column;
  width: 60px;
  cursor: pointer;
}
.header .navbar .menu-right .menu-pop .humberger span {
  display: block;
  width: 70%;
  height: 5px;
  margin: 4px 0px 4px auto;
  background: #013d5b;
  transition-duration: 300ms;
}
.header .navbar .menu-right .menu-pop .humberger span:nth-child(2) {
  width: 100%;
}
.header .navbar .menu-right .menu-pop .humberger:hover span {
  width: 100%;
}
.header.light .navbar .logo .dark-logo {
  display: none;
}
.header.light .navbar .logo .light-logo {
  display: block;
}
.header.light .navbar .menu-right i {
  color: #fff;
}
.header.light .navbar .menu-pop .humberger span {
  background: #fff;
}
.header.fixed {
  position: fixed;
  width: 100%;
  box-shadow: 5px 5px 7px 7px rgba(0, 0, 0, 0.05);
  top: 0;
  z-index: 999;
  background: #fff;
  animation: sticky 2s;
  left: 0;
  padding: 0px 0px;
}
.header.fixed .navbar {
  padding: 10px 0px;
}
.header.fixed .navbar .logo img {
  max-width: 200px;
}
.header.fixed .navbar .menu-right i {
  font-size: 20px;
}
.header.fixed .navbar .menu-right .search {
  padding: 5px 30px;
}
.header.fixed .navbar .menu-pop .humberger {
  width: 50px;
}
.header.fixed .navbar .menu-pop .humberger span {
  width: 70%;
  height: 4px;
  margin: 3px 0px 4px auto;
}
.header.fixed.light .navbar .logo .dark-logo {
  display: block;
}
.header.fixed.light .navbar .logo .light-logo {
  display: none;
}
.header.fixed.light .navbar .menu-right i {
  color: #013d5b;
}
.header.fixed.light .navbar .menu-pop .humberger span {
  background: #013d5b;
}

@keyframes unfoldIn {
    0% {
        transform: translateX(150%);
    }
    100% {
        transform: translateX(0%);
    }
}
.modal.menu-modal {
  background: url("https://tripleoklaw.com/wp-content/uploads/2023/11/updated-menu-bg-v2.jpg");
  background-position: left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.modal.menu-modal .modal-dialog {
  margin: 0px -20px 0px auto;
  max-width: 800px;
}
.modal.menu-modal .modal-dialog .modal-content {
  min-height: 100vh;
  padding: 5% 12% 12% 12%;
  color: #fff;
  background: #013d5b;
}
.modal.menu-modal .modal-dialog .modal-content .actions {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  align-self: end;
  font-size: 25px;
  padding-bottom: 30px;
}
.modal.menu-modal .modal-dialog .modal-content .actions .search {
  padding-right: 70px;
}
.modal.menu-modal .modal-dialog .modal-content .actions .search a {
  color: #fff;
}
.modal.menu-modal .modal-dialog .modal-content .actions .funga {
  color: #fff;
  opacity: 1;
  font-size: 30px;
  cursor: pointer;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body .menu ul li a {
  font-size: 35px;
  font-family: BaskervilleItalicBT;
  color: #fff;
  transition-duration: 300ms;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body .menu ul li a:hover {
  opacity: 0.5;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body .menu-intro p {
  padding-top: 50px;
  color: #ff8c76;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body ul.contacts {
  padding: 0;
  margin: 0;
  -moz-columns: 2;
       columns: 2;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body ul.contacts li {
  list-style-type: none;
}
.modal.menu-modal .modal-dialog .modal-content .modal-body ul.contacts li a {
  color: #fff;
}
.modal.menu-modal.show {
  animation: unfoldIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal .modal-lg {
  max-width: 1000px;
}
.modal .close {
  position: absolute;
  background: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 22;
  right: -20px;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  box-shadow: 5px 5px 7px 7px rgba(0, 0, 0, 0.05);
  transition-duration: 300ms;
}
.modal .close:hover {
  box-shadow: 5px 5px 7px 7px rgba(0, 0, 0, 0.5);
  opacity: 0.95;
}
.modal.contact-form .modal-body {
  padding: 5%;
}
.modal.contact-form .modal-body input {
  padding-left: 20px;
  line-height: 20px;
}

/*=== Insights Menu =================*/
ul.insights-menu-bx {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
ul.insights-menu-bx li {
  display: inline-block;
}
ul.insights-menu-bx li a {
  color: #a9a9a9;
}

/*=== Insights Search =================*/
.search-wrapper {
  align-items: stretch;
  padding: 0 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.search-wrapper .quick-search-bx {
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  padding: 25px 70px;
  font-size: 40px;
  color: #013d5b !important;
  font-family: BaskervilleItalicBT;
  border-radius: 0;
}
.search-wrapper .form-control:focus {
  box-shadow: none;
  border-color: none;
  border-bottom: 1px solid #013d5b;
}
.search-wrapper i.search-icon {
  position: absolute;
  color: #013d5b;
  font-size: 25px;
}
.search-wrapper img.searc-icon-right {
  position: absolute;
  right: 0;
  top: 10%;
  right: 1%;
}
.search-wrapper input.in-bx-search:focus {
  outline: none;
}
.search-wrapper input.search-button {
  background: transparent;
  color: #013d5b;
  border: 4px solid #013d5b;
  padding: 12px 40px;
  margin-left: -22px;
  border-radius: 30px;
  font-weight: 900;
}
.search-wrapper input::-moz-placeholder {
  color: #013d5b;
  font-size: 40px;
}
.search-wrapper input::placeholder {
  color: #013d5b;
  font-size: 40px;
}

.filters-bx {
  padding: 25px;
  padding: 1.2rem 1.2rem;
}

a.view-more {
  color: #0085cc;
  cursor: pointer;
  transition-duration: 300ms;
}
a.view-more i {
  transition-duration: 300ms;
}
a.view-more:hover {
  opacity: 0.7;
}
a.view-more:hover i {
  transform: translateX(5px);
}

.authors-bx {
  padding: 70px 0px;
  margin: 0;
}
.authors-bx h3 {
  padding-bottom: 20px;
}
.authors-bx ul {
  margin: 0px;
  padding: 0px;
}
.authors-bx ul li {
  display: inline-block;
}
.authors-bx ul li .card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: none;
  transition-duration: 300ms;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.authors-bx ul li .card a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
}
.authors-bx ul li .card h4 {
  position: absolute;
  font-size: 12px;
  width: 50%;
  z-index: -1;
  opacity: 0;
}
.authors-bx ul li .card .img-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid #fff;
}
.authors-bx ul li .card .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.authors-bx ul li .card:hover {
  z-index: 20;
  transform: scale(1.2);
}

.resouce-bx h3 {
  padding-bottom: 10px;
}
.resouce-bx ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
}
.resouce-bx ul li a {
  font-size: 1em;
  color: #013d5b;
  transition-duration: 300ms;
}
.resouce-bx ul li a i {
  padding-right: 10px;
  color: #ff8c76;
}
.resouce-bx ul li a:hover {
  color: #ff8c76;
}

.widget.widget_tag_cloud h2 {
  display: none;
}

/* ==================== SIDE MENU  =================*/
.menu-primary-container ul {
  margin: 0;
  padding: 0;
}
.menu-primary-container ul li {
  list-style-type: none;
  display: block;
}

a,
.btn {
  transition-duration: 300ms;
}

/*==== Single Peoples =====*/
.people-single-top-bannner {
  background-color: #fff1f5;
  width: 100%;
  height: auto;
}
.people-single-top-bannner .content .title {
  font-weight: 600;
  font-family: BaskervilleBT;
  padding-bottom: 20px;
}
.people-single-top-bannner .content h5 {
  color: #000;
  font-weight: 600;
}
.people-single-top-bannner .content h4 {
  color: #0085cc;
}
.people-single-top-bannner .single-img img {
  width: 100%;
  height: auto;
}
.people-single-top-bannner .contact-details-bx span {
  display: block;
}
.people-single-top-bannner .contact-details-bx span strong {
  padding-right: 20px;
}
.people-single-top-bannner .contact-details-bx span a {
  color: rgba(0, 0, 0, 0.5);
}
.people-single-top-bannner ul.people-share-bx {
  margin: 0;
  padding: 0;
}
.people-single-top-bannner ul.people-share-bx li {
  display: inline-block;
  margin-right: 20px;
}
.people-single-top-bannner ul.people-share-bx li a {
  background-color: #ff8c76;
  color: white;
  border-radius: 30px;
  border: none;
  padding: 12px 30px;
  font-weight: 400;
}
.people-single-top-bannner ul.people-share-bx li a i {
  padding-left: 10px;
  transition-duration: 300ms;
}
.people-single-top-bannner ul.people-share-bx li a:hover {
  background: #013d5b;
}
.people-single-top-bannner ul.people-share-bx li a:hover i {
  transform: translateX(5px);
}

.team-bio {
  padding: 80px 0px;
  text-align: justify;
}

.sin-cap {
  padding-bottom: 120px;
}
.sin-cap .custom-post-categories {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.sin-cap .custom-post-categories li {
  display: inline-block;
  margin: 10px 20px 10px 0px;
}
.sin-cap .custom-post-categories li a {
  padding: 60px 60px;
  background: #013d5b;
  color: #fff;
}
.sin-cap .custom-post-categories li a:hover {
  background: #ff8c76;
}
.sin-cap .custom-post-categories li:nth-child(even) a {
  background: #0085cc;
}
.sin-cap .custom-post-categories li:nth-child(even) a {
  background: #ff8f00;
}
.sin-cap .custom-post-categories li:nth-child(1) a {
  background: #ff8f00;
}
.sin-cap .custom-post-categories li:nth-child(2) a {
  background: #013d5b;
}
.sin-cap .custom-post-categories li:nth-child(3) a {
  background: #ff1f00;
}
.sin-cap .custom-post-categories li:nth-child(4) a {
  background: #0085cc;
}
.sin-cap .custom-post-categories li:nth-child(5) a {
  background: #e0004e;
}
.sin-cap .custom-post-categories li:nth-child(6) a {
  background: #561400;
}

.edu-bx {
  color: #fff;
}
.edu-bx .col-lg-6:nth-child(2) .card {
  background: #0085cc;
}
.edu-bx .col-lg-6:nth-child(3) .card {
  background: #013d5b;
}
.edu-bx .col-lg-6 .card {
  background: #ff8c76;
}
.edu-bx .col-lg-6 .card b,
.edu-bx .col-lg-6 .card strong,
.edu-bx .col-lg-6 .card h1,
.edu-bx .col-lg-6 .card h2,
.edu-bx .col-lg-6 .card h3,
.edu-bx .col-lg-6 .card h4 {
  font-size: 1.5em;
  font-family: BaskervilleItalicBT;
  font-weight: 300;
}
.edu-bx .col-lg-6 .card a {
  color: white;
}
.edu-bx .col-lg-6 .card a:hover {
  opacity: 0.7;
}
.edu-bx .col-lg-6 .card ul,
.edu-bx .col-lg-6 .card ol {
  margin-left: 0px;
  padding-left: 20px;
  font-size: 18px;
}
.edu-bx .card {
  padding: 15% 10%;
  height: 100%;
  border-radius: 0px;
}

.highlights {
  padding: 70px 0px 120px 0px;
}
.highlights .testimonials-section {
  position: relative;
  background: #013d5b;
  padding: 5%;
  color: #fff;
}
.highlights .testimonials-section .pattern {
  top: -20%;
  right: -10%;
  width: 70%;
  max-width: 700px;
  opacity: 0.1;
}
.highlights .testimonials-section b,
.highlights .testimonials-section strong,
.highlights .testimonials-section h3,
.highlights .testimonials-section h2 {
  font-size: 2em;
  font-family: BaskervilleItalicBT;
  font-weight: 300;
  display: block;
  line-height: 1.2;
}
.highlights .testimonials-section .item {
  max-width: 1200px;
}
.highlights .testimonials-section .owl-nav {
  position: absolute;
  bottom: -40px;
}
.highlights .testimonials-section .owl-nav button {
  font-size: 1.5em;
}
.highlights .testimonials-section .owl-nav button:hover {
  background: transparent;
  color: #0085cc;
}
.highlights .testimonials-section .owl-nav button:focus {
  outline: none;
}

.related-bx-articles h1 {
  color: #013d5b;
}
.related-bx-articles .col-lg-4:nth-child(even) .card {
  background: #0085cc;
}
.related-bx-articles .col-lg-4:nth-child(1) .card {
  background: #780080;
}
.related-bx-articles .col-lg-4:nth-child(2) .card {
  background: #ff8c76;
}
.related-bx-articles .col-lg-4:nth-child(3) .card {
  background: #ff1f00;
}
.related-bx-articles .col-lg-4:nth-child(4) .card {
  background: #0085cc;
}
.related-bx-articles .col-lg-4:nth-child(5) .card {
  background: #e0004e;
}
.related-bx-articles .col-lg-4 .card a {
  color: white;
}
.related-bx-articles .col-lg-4 .card a:hover {
  opacity: 0.7;
}

.all-lawyers {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px;
}
.all-lawyers .see-lawyers-bx {
  position: relative;
}
.all-lawyers .see-lawyers-bx img {
  width: 100%;
  height: auto;
}
.all-lawyers .see-lawyers-bx .see-bx {
  position: relative;
  top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background-color: #013d5b;
  text-align: center;
}
.all-lawyers .see-lawyers-bx .see-bx a {
  color: #ffc200;
  font-size: 25px;
}

.work-bx {
  background-color: #013d5b;
  color: white;
}
.work-bx #testimonial {
  text-align: justify;
}
.work-bx #testimonial .item {
  display: block;
  width: 100%;
  height: auto;
}
.work-bx .owl-theme .owl-nav {
  margin-top: 10px;
  text-align: left;
}

.climate-banner {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
  min-height: 45vh;
  background: #0085cc;
}
.climate-banner .pattern {
  top: 50%;
  transform: translateY(-50%);
  right: -10%;
  width: 70%;
  max-width: 800px;
  opacity: 0.2;
}
.climate-banner:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.climate-banner .climate-cont {
  position: absolute;
  z-index: 20;
  left: 10%;
  top: 50%;
}
.climate-banner .climate-cont .page-title {
  font-family: BaskervilleItalicBT;
  font-size: 50px;
  color: #fff;
}
.climate-banner .climate-cont ul {
  margin: 0;
  padding: 0;
}
.climate-banner .climate-cont ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
}
.climate-banner .climate-cont ul li a {
  color: #fff;
}
.climate-banner .climate-cont ul li a i {
  color: #00458b;
}
.climate-banner .climate-cont ul li span {
  font-size: 15px;
}
.climate-banner.single-banner p {
  padding: 10px 0px;
  font-size: 0.8em;
  color: #fff;
}

.cap-content {
  text-align: left;
}
.cap-content h2 {
  font-family: BaskervilleItalicBT;
  color: #013d5b;
  padding: 30px 0px;
  font-size: 1.5em;
}
.cap-content .cap-icon img {
  width: 95px;
  height: auto;
}

a:visited {
  color: unset;
}

.cap-single-bx {
  background: #c9e5f4;
}
.cap-single-bx h3 {
  color: #013d5b;
  font-family: BaskervilleItalicBT;
}
.cap-single-bx a.team-link {
  font-size: 16px;
  color: #0085cc;
}
.cap-single-bx a.team-link:hover {
  opacity: 0.7;
}
.cap-single-bx .cta a {
  font-size: 30px;
  color: #013d5b;
}
.cap-single-bx .cta a span {
  font-size: 14px;
}

.position-title {
  color: #00156d;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 17px;
}

.cap-bxsidebar h6 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.cap-bxsidebar .position {
  font-size: 12px;
  color: #013d5b;
  margin-bottom: 0px;
}
.cap-bxsidebar ul {
  padding: 0;
  margin: 0;
}
.cap-bxsidebar ul li {
  display: inline-block;
}
.cap-bxsidebar ul.cap-single-social li a {
  font-size: 18px;
  margin-right: 0px;
  color: #013d5b;
}
.cap-bxsidebar ul.cap-single-social li a:hover {
  opacity: 0.7;
  color: #0184cc;
}

.realated-cap-single .title {
  font-family: BaskervilleItalicBT;
  color: #013d5b;
  padding: 30px 0px 10px 0px;
  font-size: 1.5em;
}
.realated-cap-single ul {
  padding: 0;
  margin: 0;
}
.realated-cap-single ul li {
  list-style-type: none;
  display: block;
  font-size: 20px;
  border-bottom: 1px solid #013d5b;
  padding: 11px 0;
}
.realated-cap-single ul li::after {
  content: "";
  position: absolute;
  right: 10%;
  z-index: 11;
  display: block;
  border-left: 10px solid #013d5b;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  margin-top: -25px;
  display: none;
}
.realated-cap-single ul li a {
  color: #013d5b;
}
.realated-cap-single .cta img {
  max-width: 50px;
  transition-duration: 300ms;
}
.realated-cap-single .cta .show-before {
  display: block;
}
.realated-cap-single .cta .show-after {
  display: none;
}
.realated-cap-single .cta a:hover .show-before {
  display: none;
}
.realated-cap-single .cta a:hover .show-after {
  display: block;
}

.text-bluish {
  color: #013d5b;
}

.recent-bx1 {
  background-color: #ffbf00;
  color: #1c1c1c;
}
.recent-bx1 a {
  color: #1c1c1c !important;
}
.recent-bx1 h4 {
  font-family: BaskervilleItalicBT;
}

.recent-bx2 {
  background-color: #ff4e1f;
  color: #fff;
}
.recent-bx2 a {
  color: #fff !important;
}
.recent-bx2 h4 {
  font-family: BaskervilleItalicBT;
}

.recent-bx3 {
  background-color: #0081c8;
  color: #fff;
}
.recent-bx3 a {
  color: #fff !important;
}
.recent-bx3 h4 {
  font-family: BaskervilleItalicBT;
}

.tagcloud {
  padding-bottom: 30px;
}
.tagcloud a {
  border: 1px solid #013d5b;
  color: #013d5b;
  padding: 6px 20px;
  font-size: 15px !important;
  text-transform: uppercase;
  transition-duration: 300ms;
}
.tagcloud a:hover {
  background: #013d5b;
  color: #fff;
}

.share-this-bx {
  width: 66% !important;
}

.share-cont {
  background-color: #013d5b;
  margin-top: 19px;
}
.share-cont::after {
  bottom: 68%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #013d5b;
  border-width: 17px;
  margin-left: 0px;
  right: 41%;
}

.page-styled h2,
.page-styled h3 {
  color: #000;
  font-weight: 600;
}
.page-styled ol,
.page-styled ul {
  margin-left: 0px;
  padding-left: 20px;
}

.table {
  table-layout: fixed;
}

/*===== Loadin Speners =====*/
.loader {
  color: #0081c8;
  font-size: 10px;
  margin: 100px auto;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
  transform: translateZ(0);
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.our-profile {
  padding-top: 30px;
}
.our-profile .grid-container {
  display: grid;
}
.our-profile .grid-container .grid-item .prof-block {
  height: 400px;
  position: relative;
}
.our-profile .grid-container .grid-item .prof-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-profile .grid-container .item1 {
  grid-column: 1/span 2;
  grid-row: 1;
}
.our-profile .grid-container .item2 {
  grid-column: 3/span 2;
  grid-row: 1;
}
.our-profile .grid-container .item3 {
  grid-column: 1/span 1;
  grid-row: 2/span 6;
}
.our-profile .grid-container .item3 .prof-block {
  height: 800px;
}
.our-profile .grid-container .item4 {
  grid-column: 2/span 3;
  grid-row: 2/span 1;
}
.our-profile .grid-container .item5 {
  grid-column: 2/span 2;
  grid-row: 3/span 3;
}
.our-profile .grid-container .item6 {
  grid-column: 3/span 1.5;
  grid-row: 3/span 5;
}
.our-profile .grid-container .prof-max {
  max-height: 362px;
  overflow: hidden;
}
.our-profile .grid-container .prof-block {
  position: relative;
}
.our-profile .grid-container .prof-block:hover img {
  filter: none;
  transition-duration: 2s;
  cursor: pointer;
}
.our-profile .grid-container .prof-block:hover a {
  color: #00AFDD !important;
  transition-duration: 2s;
}
.our-profile .grid-container .prof-block img {
  filter: brightness(0.5);
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.our-profile .grid-container .prof-block .prof-content {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.our-profile .grid-container .prof-block .prof-content h2 {
  font: italic normal normal 40px/48px Baskerville BT;
  color: white;
}
.our-profile .grid-container .prof-block .prof-content a {
  color: white;
}

.sanpop-modal {
  background: rgba(0, 0, 0, 0.9);
}
.sanpop-modal .search-btn {
  background: #ff8c76;
  color: #fff;
  padding: 10px 60px;
  border: none;
}
.sanpop-modal .search-btn:hover {
  background: #ffbf00;
  color: #fff;
}
.sanpop-modal input {
  color: #fff !important;
  max-width: 700px;
  width: 90% !important;
  font-size: 16px !important;
  padding: 20px;
  margin-bottom: 30px !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.search-result {
  position: relative;
}
.search-result .card {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border: none;
  padding-bottom: 20px;
  height: 100%;
}
.search-result .card .img-wrapper {
  position: relative;
  width: 100%;
  height: 400px;
}
.search-result .card .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-result .card .entry-title {
  font-size: 20px;
}

.profile .card {
  border-radius: 0px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #000;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
  padding: 50px 120px 50px 50px;
  margin: 20px 0px;
}
.profile .card:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}
.profile .card .card-header {
  padding: 0px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  font-weight: 600;
  color: #ff8c76;
  border: none;
  transition-duration: 300ms;
}
.profile .card .card-header h1 {
  position: relative;
  z-index: 20;
  font-size: 2em;
  color: #ff8c76;
  transition-duration: 300ms;
}
.profile .card .card-header span {
  width: 100px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background: transparent;
  color: #ff8c76;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 300ms;
}
.profile .card .card-header span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f068";
  font-size: 40px;
  transition-duration: 300ms;
}
.profile .card .card-header.collapsed h1 {
  color: #fff;
  transition-duration: 300ms;
}
.profile .card .card-header.collapsed span {
  color: #fff;
}
.profile .card .card-header.collapsed span:before {
  transform: rotate(360deg);
  content: "\f067";
}
.profile .card .card-body {
  padding-right: 70px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  padding: 10px 30px 25px 0px;
  color: #fff;
  position: relative;
  z-index: 20;
}
.profile .card:hover .card-header {
  color: #013d5b;
}
.profile .card:hover .card-header span {
  color: #ff8c76;
}

/******** *****   Responsiveness *****  ***********/
@media only screen and (max-width: 1400px) {
  body {
    font-size: 20px;
    line-height: 1.5;
  }
  .header .navbar .logo img {
    max-width: 220px;
  }
  .header .navbar .menu-right .menu-pop .humberger {
    width: 40px;
  }
  .header .navbar {
    padding: 20px 0px;
  }
  .header .navbar .menu-right .menu-pop .humberger span {
    height: 3px;
    margin: 3px 0px 3px auto;
  }
  .header .navbar .menu-right i {
    font-size: 20px;
  }
  .modal.menu-modal .modal-dialog {
    max-width: 600px;
  }
  .modal.menu-modal .modal-dialog .modal-content {
    padding: 5% 6% 12% 8%;
  }
  .modal.menu-modal .modal-dialog .modal-content .modal-body .menu ul li a {
    font-size: 25px;
  }
  .modal.menu-modal .modal-dialog .modal-content ul.contacts {
    font-size: 18px;
  }
  h4.title {
    font-size: 1em;
  }
  .home-slider .slider-text {
    max-width: 600px;
    width: 70%;
  }
  .home-slider .swiper-slide {
    height: 100vh;
  }
  .home-slider .arrow img {
    max-width: 14px;
  }
  .home-slider .arrow span {
    padding-left: 7px;
    font-size: 12px;
  }
  .home-slider .slider-text .sub-title {
    font-size: 2em;
    padding-top: 15px;
    line-height: 1.2;
  }
  h1 {
    font-size: 2em;
  }
  h1.title {
    font-size: 2em;
  }
  h2.title {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1.2rem;
  }
  .who-bx .content {
    padding-top: 30px;
  }
  .who-bx .content h2 {
    padding: 18px 0px;
  }
  .home-capabilities .cap-card .card-text h4 {
    margin-bottom: 0px;
    max-width: 400px;
  }
  .home-insights .col-md-4 .card h3 {
    font-size: 20px;
  }
  .home-insights .col-md-4 .card .link {
    font-size: 18px;
  }
  .home-news .col-md-4 .card h3 {
    font-size: 20px;
  }
  .footer-bx .footer-menu ul li a {
    font-size: 16px;
  }
  .footer-bx .social-bx ul li a {
    margin-right: 10px;
  }
  .footer-bx .social-bx ul li a img {
    max-width: 30px;
  }
  .banner .page-title {
    font-size: 40px;
  }
  .capability-content p {
    font-size: 30px;
  }
  .capabilities .card h3 {
    padding: 50px 0px 40px 0px;
    font-size: 25px;
  }
  .capabilities .card .img-wrapper {
    height: 100px;
  }
  .capabilities .card img {
    max-width: 60px;
  }
  .capabilities .card a {
    font-size: 18px;
    padding-top: 20px;
  }
  .filters-bx {
    padding: 0.8rem 0.8rem;
  }
  .my-filters .filters-bx .select-bx {
    max-width: 95%;
    letter-spacing: 2px;
    padding: 1.2rem 1.2rem;
    font-size: 12px;
  }
  .search-wrapper .quick-search-bx {
    padding: 20px 70px;
    font-size: 30px;
  }
  .search-wrapper img.searc-icon-right {
    top: 20%;
    right: 1%;
    max-width: 30px;
  }
  .search-wrapper i.search-icon {
    font-size: 20px;
  }
  .search-wrapper input::-moz-placeholder {
    font-size: 30px;
  }
  .search-wrapper input::placeholder {
    font-size: 30px;
  }
  .team .card .card-body h3 {
    font-size: 12px;
  }
  .team .card .card-body .position {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 0px;
  }
  h2.gotham {
    font-size: 1.2em;
    font-family: gothambook;
    color: #013d5b;
  }
  .careers .card a {
    padding: 30px 10px;
  }
  .cap-bxsidebar h6 {
    font-size: 12px;
    padding-top: 10px !important;
  }
  .insights .insight-wrapper .card {
    padding: 5% 10% 10% 7%;
  }
  .climate-banner .climate-cont .page-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    width: 100%;
    overflow-x: hidden;
    margin: auto;
  }
  body .row {
    width: 100%;
    margin: auto;
  }
  .width-80 {
    width: 85%;
  }
  .header .navbar .logo img {
    max-width: 150px;
  }
  .header.fixed .navbar .logo img {
    max-width: 150px;
  }
  .modal.menu-modal .modal-dialog .modal-content .actions {
    font-size: 20px;
    right: 60px;
  }
  .modal.menu-modal .modal-dialog .modal-content .actions .search {
    padding-right: 20px;
  }
  .modal.menu-modal .modal-dialog .modal-content .modal-body ul.contacts {
    -moz-columns: 1;
         columns: 1;
  }
  .home-slider .arrow img {
    max-width: 8px;
  }
  .home-slider .slider-text {
    width: 90%;
  }
  .home-slider .slider-text .sub-title {
    font-size: 1.8em;
  }
  .home-slider .swiper-slide {
    height: 70vh;
  }
  .home-capabilities .pattern {
    display: none;
  }
  .home-capabilities .width-90.mr-0 {
    margin: auto !important;
  }
  .home-capabilities .cap-card .card-text {
    padding-right: 30px;
  }
  .home-capabilities .cap-card .icon-wrapper {
    right: -10px;
  }
  .home-capabilities .cap-card .img-wrapper {
    margin-right: 20px !important;
  }
  .who-bx .content {
    width: 100%;
  }
  .home-insights {
    padding: 60px 0px;
  }
  .home-insights .col-md-4 .card {
    min-height: 50vh;
  }
  .home-news {
    padding: 50px 0px;
  }
  .footer-bx {
    padding: 80px 0px 20px 0px;
  }
  .footer-bx .footer-menu ul {
    padding: 50px 0px;
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .footer-bx .offset-1 {
    margin-left: 0px !important;
  }
  .footer-bx .pattern {
    top: 0%;
    right: -50%;
    width: 100%;
    width: 500px;
    opacity: 0.1;
  }
  .footer-bx .subscribe-bx {
    padding: 50px 0px 50px 0px;
  }
  .search-wrapper .quick-search-bx {
    padding: 20px 40px;
    font-size: 20px;
  }
  .search-wrapper .quick-search-bx::-moz-placeholder {
    font-size: 20px;
  }
  .search-wrapper .quick-search-bx::placeholder {
    font-size: 20px;
  }
  .banner .landing-img {
    height: 35vh;
  }
  .search-wrapper img.searc-icon-right {
    display: none;
  }
  h2 {
    font-size: 1.5em;
  }
  .my-filters .filters-bx .select-bx {
    max-width: 100%;
    letter-spacing: 0px;
    padding: 1rem 1rem;
    font-size: 10px;
  }
  .people-single-top-bannner .row.pt-5 {
    padding-top: 10px !important;
  }
  .people-single-top-bannner .offset-1 {
    margin-left: 0px !important;
  }
  .people-single-top-bannner .content {
    padding-top: 50px;
  }
  .team-bio {
    padding: 50px 0px;
  }
  .all-lawyers {
    height: 250px;
  }
  .all-lawyers .see-lawyers-bx .see-bx {
    top: -25px;
    width: 300px;
    height: 300px;
  }
  .all-lawyers .see-lawyers-bx .see-bx a {
    color: #ffc200;
    font-size: 18px;
  }
  .sin-cap .custom-post-categories li a {
    padding: 50px 20px;
  }
  .highlights .testimonials-section {
    font-size: 14px;
  }
  .highlights .testimonials-section b,
  .highlights .testimonials-section strong,
  .highlights .testimonials-section h3,
  .highlights .testimonials-section h2 {
    font-size: 1.5em;
  }
  .authors-bx {
    padding: 50px 0px;
    margin: 0;
  }
  .climate-banner .climate-cont .page-title {
    font-size: 25px;
  }
  .climate-banner .climate-cont {
    position: absolute;
    z-index: 20;
    left: 5%;
    top: 50%;
  }
  .our-profile {
    padding-top: 10px;
  }
  .our-profile .grid-container {
    display: block;
  }
  .our-profile .grid-container .grid-item {
    height: 400px;
  }
  .our-profile .grid-container .grid-item .img {
    height: 400px;
  }
  .our-profile .grid-container .grid-item .prof-block {
    height: 400px;
  }
  .our-profile .grid-container .grid-item .prof-block .prof-content h2 {
    font-size: 35px;
  }
  .join-us .content {
    padding: 50px 0px;
    width: 100%;
  }
  .join-us .play-wrapper {
    transform: translateY(-15%);
  }
  .modal iframe {
    max-height: 380px;
  }
  .capability-content {
    padding: 50px 0px;
  }
  .contact-us .title {
    font-size: 25px;
  }
  .contact-us ul {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0px;
         column-gap: 0px;
    width: 100%;
  }
  .contact-us ul.contacts {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .contact-us ul.popup li {
    padding: 10px 0px;
  }
  .capability-content p {
    font-size: 20px;
  }
  .capabilities .cap-single-bx {
    padding: 30px 20px !important;
  }
  .search-result .card .img-wrapper {
    height: 250px;
  }
}
/*# sourceMappingURL=style.css.map */