@font-face {
font-family: 'Circular Std Book';
font-style: normal;
font-weight: normal;
src: local('Circular Std Book'), url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/css/CircularStd-Book.woff) format('woff');
}
@font-face {
font-family: 'Circular Std Medium';
font-style: normal;
font-weight: normal;
src: local('Circular Std Medium'), url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/css/CircularStd-Medium.woff) format('woff');
}
body {
font-family: 'Circular Std Book';
}
h1 , h2 , h3 , h4 {
}
h2 {
}
h3 {
}
h4 {
}
a {
color: #56b5e6;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
html body .button, .pinDataList .link {
border:none; 
outline: none;
font: inherit;
background-color: #000000;
padding: 13px 30px;
width: 400px;
line-height: 24px;
font-size: 18px;
min-height: 50px;
box-sizing: border-box;
position: relative;
display: inline-flex;
justify-content: flex-start;
color: #ffffff;
text-decoration: none;
border-radius: 0px;
text-align: center;
appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
-moz-apperance: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
max-width: 100%;
text-align: left;
}
html body .button {
margin-right: 54px;
}
.gform_footer.top_label {
position: relative;
display: inline-block;
max-width: 100%;
}
@media (min-width: 492px) {
body .gform_footer:after {
right: 53px;
}
}
@media (max-width: 492px) {
body .gform_footer input {
max-width: 100%;
width: 100%;
}
}
.button:after, .gform_footer:after, .pinDataList .link:after  {
position: absolute;
content: " ";
display: block;
right: -0px;
top: 0px;
height: 50px;
width: 54px;
background-color: #0A4080;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.button:hover, .pinDataList .link:hover {
color: #fff;
}
.button:hover:after, .gform_footer:hover:after, .pinDataList .link:hover:after  {
background-color: #E7EE14;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 20px;
color: #fff;
background: #0a3f7f;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination > span {
background: grey;
}
.wp_content > :nth-child(1){
margin-top: 0;
}
.wp_content li {
position: relative;
}
.edit-post-visual-editor .editor-block-list__block[data-align="wide"] {
max-width: 1300px;
}
p {
margin-bottom: 30px;
}
h1, .h1 {
font-size: 50px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 50px;
font-weight: 500;
}
h2, .h2, .xlarge {
font-size: 30px;
}
h3, .h3, .large {
font-size: 24px;
}
.large {
font-size: 24px;
}
.medium {
font-size: 18px;
}
@media (max-width: 540px) {
h1, .h1 {
font-size: 24px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 24px;
}
h2, .h2, .large {
font-size: 17px;
}
}
h1, h2 {
font-size: 24px;
font-weight: 300;
}
.title {
font-size: 50px;
line-height: 50px;
font-weight: 600;
letter-spacing: 1px;
margin-top: 10px;
}
.fc_content_heading p {
margin-top: 0px;
margin-bottom: 20px;
}
@font-face {
font-family: 'Circular Std Book';
font-style: normal;
font-weight: normal;
src: local('Circular Std Book'), url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/font/CircularStd-Book.woff) format('woff');
}
@font-face {
font-family: 'Circular Std Medium';
font-style: normal;
font-weight: normal;
src: local('Circular Std Medium'), url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/font/CircularStd-Medium.woff) format('woff');
}
body {
margin: 0;
}
input[type="submit"] {
background: none;
-webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none;
-ms-user-select: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
.error_404 {
text-align: center;
padding: 200px 0;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: red;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0);
border-top-color: red;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.gform_body {
width: 100%;
}
.gform_body ul {
padding: 0;
list-style: none;
width: 100%;
}
.gform_body ul li {
position: relative;
}
.hidden_label > label {
display: none;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid red;
padding: 10px 20px;
font-size: 15px;
color: red;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body label {
}
.gfield_checkbox label {
display: inline;
}
.gform_body input[type=text] , .gform_body textarea , .gform_body select {
height: 45px;
color:  #000;
width: 100%;
margin-bottom: 20px;
}
input[type=search] {
-webkit-appearance: none;
}
.gform_body textarea {
height: 100px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #000;
}
::-moz-placeholder { color: #000;
}
:-ms-input-placeholder { color: #000;
}
:-moz-placeholder { color: #000;
}
.tns-t-subp2 {
display: none;
}
@media (max-width: 1020px) {
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 30px;
margin-top: 15px;
display: block;
position: fixed;
right: 10px;
top: 28px;
padding: 10px 10px 5px 10px;
background-color: #000;
z-index: 99;
}
#mobile_menu_button > div {
width: 100%;
height: 3px;
background-color: #fff;
margin-bottom: 7px;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 330px;
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
}
body.menu_open #main_menu {
left: calc(100% - 300px);
}
body.menu_open.show_menu_close #main_menu {
left: 100%;
}
.menu , .menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #fff;
}
.menu li ul {
max-height: 0;
overflow: hidden;
transition: max-height .3s;
}
.menu li.clicked ul {
max-height: 1000px;
}
.menu li.menu-item-has-children > a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='5px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0,0,0)' d='M3.998,-0.000 L0.656,0.005 C0.105,0.006 -0.200,0.587 0.144,0.978 L3.485,4.772 C3.748,5.071 4.247,5.071 4.512,4.772 L7.853,0.978 C8.197,0.587 7.891,0.006 7.340,0.005 L3.998,-0.000 Z'/%3E%3C/svg%3E");
width: 8px;
height: 5px;
content: '';
margin-left: 10px;
margin-top: -2px;
transition: background-image .3s , transform .3s;
display: block;
}
.menu li.menu-item-has-children > a {
display: flex;
align-items: center;
outline: none;
}
.menu li.clicked a::after {
transform: rotate(180deg);
}
.menu a {
display: block;
color: #000;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.05);
}
.gallery {
column-count: 3;
column-gap: 10px;
}
.gallery .gallery-item img {
margin-bottom: 10px;
}
}
@media (max-width:600px) {
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
}  #baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
} .baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400");
.ico-large {
}                .arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
body {
font-size: 16px;
color: #1d1d1d;
font-family: 'Circular Std Book', 'Segoe UI', 'SegoeUI' ,"Helvetica Neue", Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: normal;
line-height: 28px;
}
a:hover {
color: #0a3f7f;
}
#header {
font-family: 'Poppins', 'Segoe UI', 'SegoeUI' ,"Helvetica Neue", Helvetica,Arial,sans-serif;
font-weight: 400;
height: 124px;
width: 1628px;
padding-left: calc(50% - 814px);
padding-right: calc(50% - 814px);
display: flex;
justify-content: space-between;
border-bottom: #e0e0e0 1px solid;
}
@media (max-width: 1628px) {
#header {
padding: 0;
width: 100%;
}
}
.site_width {
width: 1124px;
padding-left: calc(50% - 562px);
padding-right: calc(50% - 562px);
display: block;
}
@media (max-width: 1144px) {
.site_width {
padding: 0 10px 0 10px;
width: 100%;
box-sizing: border-box;
}
} #logo {
background-image: url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/svg/trinity-llp-logo.svg);
width: 187px;
height: 58px;
background-size: contain;
background-repeat: no-repeat;
display: block;
align-items: center;
margin-top: 34px;
margin-left: 5px;
}
#h-browse {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-content: center;
margin-right: 5px;
}
@media (max-width: 1020px) {
#h-browse { 
margin-right: 50px;
margin-top: 20px;
}
}
@media (min-width: 1020px) {
#main_menu {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
#main_menu li ul {
display: none;
padding: 0;
margin: 0;
list-style: none;
}
#main_menu li a {
color: #000000;
text-decoration: none;
font-weight: 500;
padding: 9px 20px;
display: block;
}
#main_menu > li:last-child a {
background-color: #000;
color: #fff;
}
#main_menu li {
position: relative;
}
#main_menu li ul {
position: absolute;
padding-top: 15px;
z-index: 2;
}
#main_menu li ul li {
margin: 0;
min-width: 300px;
background-color: rgba(0,0,0,0.95);
}
#main_menu li ul li:hover {
background-color: rgba(0,0,0,0.85);
}
#main_menu li ul a {
color: #fff;
padding: 10px 20px;
}
#main_menu li:hover ul {
display: block;
}
#main_menu > li:hover > a, #main_menu > li.current-menu-item > a {
color: #818181;
}
}
@media (min-width: 1400px) {
#main_menu li ul {
position: absolute;
padding-top: 18px;
z-index: 2;
}
}
@media (min-width: 1020px) {
.fix-nav-active #main_menu li ul {
padding-top: 5px;
position: absolute;
}
#main_menu li ul {
left: 50%;
transform: translateX(-50%);
}
#main_menu li ul:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #000;
border-width: 12px;
margin-left: -12px;
top: -6px;
} 
}
@media (max-width: 1020px) {
.h-detail {
text-align: right;
align-items: center;
justify-content: flex-end;
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
}
}
@media (max-width: 1400px) {
#main_menu > li a {
padding: 13px 10px;
}
}
@media (max-width: 1240px) {
#main_menu > li:first-child {
display: none;
}
}
@media (max-width: 1021px) {
#main_menu > li:first-child {
display: block;
}
}
.h-detail {
width: 100%;
display: flex;
justify-content: flex-end;
}
.h-detail a {
color: #000;
margin-right: 20px;
text-decoration: none;
font-size: 15px;
display: inline-block;
margin-bottom: 15px;
}
@media (max-width: 400px) {
#logo {
max-width: 140px;
margin-top: 20px;
}
#h-browse {
margin-top: 20px;
}
#header {
height: auto;
}
#mobile_menu_button {
top: 0px;
}
} .page_banner, .featured_banner {
height: 586px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.home .page_banner {
height: 693px;
}
.banner_content, .featured_banner_content {
bottom: -35px;
background-color: #000;
color: #fff;
display: block;
position: absolute;
width: 800px;
max-width: calc(100% - 20px);
box-sizing: border-box;
display: block;
padding: 55px 60px 40px 60px; 
}
.home .banner_content {
padding: 55px 60px 20px 60px; 
}
.featured_banner_content {
padding: 55px 60px 50px 60px; 
}
@media (max-width: 600px) {
.banner_content, .featured_banner_content, .home .banner_content, .home .featured_banner_content  {
padding: 15px;
}
}
.home .banner_desc a {
bottom: -40px;
}
@media (max-width: 600px) {
.page_banner {
height: 200px;
margin-bottom: 50px;
}
.banner_content {
height: auto;
}
.home .page_banner {
height: 500px;
}
.page_banner {
margin-bottom:60px;
}
.banner_content, .featured_banner_content {
font-size: 15px;
line-height: 20px;
padding: 20px 30px;
}
.banner_content {
padding: 20px 30px;
position: absolute;
left: 0px;
right: 0px;
bottom: -50px;
max-width: 100%;
}
.banner_content .top_text, .banner_content .banner_description {
display: none;
}
}
@media (max-width: 400px) {
.home .page_banner {
height: 400px;
}
.page_banner {
height: 200px;
}
.banner_content, .featured_banner_content {
font-size: 15px;
line-height: 20px;
padding: 20px 30px;
}
}
.banner_desc {
max-width: 550px;
position: relative;
}
.banner_desc a {
position: absolute;
bottom: -90px;
left: 0px;
}
.single .wp_content {
display: flex;
flex-wrap: wrap;
}
.single article {
width: calc(66% - 15px);
margin-right: 15px;
}
@media (max-width: 768px) {
.single article {
margin-right: 0px;
}
}
.single article h1 {
margin-top: 0;
}
.single aside {
width: calc(33% - 15px);
margin-left: 15px;
}
@media (max-width: 768px) {
.single article, .single aside {
width: 100%;	
}
}
.single .ico {
width:80px;
height: 80px;
background-size: 60px 60px;
display: inline-block;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 600px) {
.single .ico {
width: 50px;
}
}
.ico-group {
list-style: none;
padding: 0;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.ico-group li {
padding: 0;
margin: 0;
display: inline-block;
}
.ico.ico-airports svg, .ico.ico-oilandgas svg {
margin-top: -2%;
}
#sidebar_blocks, .fc_services_listing {
list-style: none;
margin: 0;
}
#sidebar_blocks, .fc_services_listing.full {
padding: 0px;
}
@media (min-width: 1710px) {
.fc_services_listing.contained {
position: relative;
left: -15px;
margin-right: -30px;
width: 1139px;
}
}
.fc_services_listing.contained li {
min-width: 33.3%;
}
#sidebar_blocks a, .fc_services_listing a {
width: 100%;
min-height: 250px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
margin-bottom: 20px;
text-decoration: none;
position: relative;
background-position: center;
background-size: cover;
}
#sidebar_blocks a span, .fc_services_listing a span {
width: 100%;
display: flex;
padding: 24px 24px;
background-color: #000;
color: #fff;
font-size: 24px;
font-family: 'Circular Std Medium', 'Segoe UI', 'SegoeUI' ,"Helvetica Neue", Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 500;
position: absolute;
bottom: 0px;
box-sizing: border-box;
}
#sidebar_blocks a:after, .fc_lastest_news .news_item a:after, #blog-listing article a:after, .fc_services_listing a:after, #flex-sidebar .current_page_item a:after {
content:" ";
height: 49px;
width: 53px;
background-color: #DADADA;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0px;
right: 0px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
#sidebar_blocks a:hover:after,  .fc_services_listing a:hover:after , #blog-listing article a:hover:after, .fc_lastest_news .news_item a:hover:after, #flex-sidebar .current_page_item a:hover:after  {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
background-color: #E7EE14;
}
@media (min-width: 768px) {
.wp-block-image img {
position: relative;
left: -20%;
width: 120%;
max-width: 120%;
}
}
.page_spacer {
margin-bottom: 140px;
}
@media (max-width: 768px) {
.page_spacer {
margin-bottom: 40px;
}
.single aside {
margin-left: 0px;
}
}
#blog-listing {
margin-top: 100px;
}
#blog-listing section {
display: inline-block;
}
#blog-listing article {
width: calc(33.3% - 20px);
margin: 15px;
display: inline-block;
position: relative;
}
#blog-listing article:nth-child(3n-4) {
margin-left: 0px;
}
#blog-listing article:nth-child(3n+1) {
margin-right: 0px;
}
#blog-listing article a {
color: #000;
text-decoration: none;
display: block;
}
#blog-listing .image {
height: 286px;
width: 100%;
display: block;
background-position: center;
background-size: cover;
}
#blog-listing article h2 {
margin-bottom: 12px;
font-weight: 300;
}
#blog-listing article p {
margin-top: 10px;
font-weight: 200;
}
#blog-listing article:hover time {
color: #000;
}
#blog-listing article a:after, .fc_lastest_news .news_item a:after, #flex-sidebar .current_page_item a:after {
top: 250px;
right: -10px;
background-color: #0a3f7f;
fill: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
@media (max-width: 1142px) {
#blog-listing article {
width: calc(33.3% - 20px);
}
}
@media (max-width: 768px) {
#blog-listing article {
width: calc(50% - 20px);
margin: 10px;
}
#blog-listing article:nth-child(3n-4) {
margin-left: 10px;
}
#blog-listing article:nth-child(3n+1) {
margin-right: 10px;
}	
}
@media (max-width: 400px) {
#blog-listing article {
width: calc(100% - 20px);
margin: 10px;
border-bottom: 1px solid #f1f1f1;
}
}
@media (max-width: 768px) {
#blog-listing .image {
height: 200px;
}
#blog-listing article a:after {
top: 160px;
}
}
@media (max-width: 400px) {
#blog-listing article p {
display: none;
}
#blog-listing .image {
height: 150px;
}
#blog-listing .time {
display: none;
}
#blog-listing article a:after {
display: none;
}
}
.ico-env {
display: none;
width: 28px;
height: 23px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='17.9'%3E%3Cpath fill='%23292f3e' fill-rule='evenodd' d='M23 16a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v14zM21 1.5H2a.4.4 0 0 0-.4.4 4.6 4.6 0 0 0 2 3.6l5 4.1c.8.5 2 1.7 2.9 1.7 1 0 2.1-1.2 2.8-1.7l5.2-4a5 5 0 0 0 1.9-3.2c0-.3 0-.9-.5-.9zm.4 4.5a6.4 6.4 0 0 1-1 .8L15 11.3c-1 .8-2.1 1.7-3.5 1.7-1.3 0-2.5-1-3.5-1.7L2.5 6.9a6.4 6.4 0 0 1-.9-.8V16a.4.4 0 0 0 .5.4h18.8a.4.4 0 0 0 .5-.4V6.1z'/%3E%3C/svg%3E");
}
.ico-tel {
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22.9'%3E%3Cpath fill='%23292f3e' fill-rule='evenodd' d='M22.5 20.4a4.3 4.3 0 0 1-2 1.7 6.3 6.3 0 0 1-3 .8 12.5 12.5 0 0 1-4.3-1 15.7 15.7 0 0 1-2.9-1.4 27.6 27.6 0 0 1-7.8-7.9A15.5 15.5 0 0 1 1 9.8a12.7 12.7 0 0 1-1-4.3 6.2 6.2 0 0 1 .7-3 4.3 4.3 0 0 1 1.8-2A7.2 7.2 0 0 1 4.8 0a.8.8 0 0 1 .4 0A3 3 0 0 1 6 1.3L7.6 4a3.3 3.3 0 0 1 .8 1.4c0 1-3 2.5-3 3.3a3.6 3.6 0 0 0 .7 1.4 16.2 16.2 0 0 0 6.6 6.7 3.5 3.5 0 0 0 1.5.6c.8 0 2.3-2.9 3.3-2.9a3.4 3.4 0 0 1 1.4.7c1 .6 2 1 2.8 1.6a2.9 2.9 0 0 1 1.3.9.8.8 0 0 1 0 .3 7.1 7.1 0 0 1-.5 2.3z'/%3E%3C/svg%3E");
}
@media (max-width: 590px) {
.h-detail a span:nth-child(2) {
display: none;
}
.h-detail a span:nth-child(1) {
display: block;
}
}
@media (min-width: 1021px) {
.fix-nav-active {
padding-top: 46px;
}
.fix-nav-active #header {
position: fixed;
z-index: 4;
background-color: #fff;
top: 0px;
}
.fix-nav-active #header .h-detail {
display: none;
}
.fix-nav-active #header #logo {
width: 140px;
margin-top: 0px;
}
.fix-nav-active #header {
height: auto;
padding-top: 10px;
}
}
#pre-footer  {
background-color: #0A4080;
display: flex;
flex-wrap: wrap;
}
#pre-footer ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
#pre-footer ul li {
display: inline-block;
margin-right: 30px;
}
#pre-footer ul li:after {
content: " ";
height: 24px;
width: 2px;
position: relative;
top: 3px;
background-color: #fff;
margin-left: 30px;
display: inline-block;
}
#pre-footer ul li:last-child:after {
display: none;
}
#pre-footer ul li a {
font-size: 24px;
color: #fff;
text-decoration: none
}
#logo-footer {
background-image: url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/svg/trinity-llp-logo-white.svg);
width: 200px;
height: 100px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
margin: 0 auto;
margin-top: 60px;
}
.footer_free_text {
margin-bottom: 80px;
}
.footer_free_text p:first-child {
font-size: 24px;
}
.footer_free_text p {
padding: 0;
margin: 10px 0;
color: #fff;
}
.footer_free_text p a {
text-decoration: none;
}
.footer_free_text p a:hover {
color: #d7fd26;
}
@media (max-width: 1030px) {
#pre-footer ul li:first-child, #pre-footer ul li:last-child {
display: none;
}
}
@media (max-width: 768px) {
#pre-footer ul  {
display: none;
}
#pre-footer  {
text-align: center;
}
#logo-footer {
display: none;
}
.footer_free_text {
margin: 30px auto;
}
}
@media (min-width: 769px) {
#post-footer ul {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
#post-footer h3 {
padding-top: 40px;
}
#post-footer p {
padding-bottom: 40px;
}
}
@media (max-width: 1024px) and (min-width: 769px) {
#post-footer ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
#post-footer h3 {
font-weight: 200;
margin-bottom: 0px;
}
#post-footer {
}
#post-footer ul {
padding: 0;
margin: 0;
list-style: none;
}
#post-footer li {
display: inline-block;
}
#post-footer a {
text-decoration: none;
color: #000;
}
#post-footer {
font-size: 18px;
line-height: 34px;
}
#post-footer a:hover {
color: #0A4080;
}
@media (max-width: 767px) {
#post-footer {
background-color: #f9f9f9;
}
#post-footer h3, .switch {
margin-top: 0px;
position: relative;
}
#post-footer h3:after, .switch:after {
content: " ";
height: 49px;
width: 53px;
background-color: #DADADA;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
transform: rotate(90deg);
right: 0px;
top: -7px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
#post-footer h3:hover:after, .switch:hover:after {
background-color: #E7EE14;
}
#post-footer h3.on:after, .switch.on:after {
background-color: #0A4080;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M3.2 21L0 18l8.2-7.5L0 3 3.2 0 14 10.5 3.2 21z'/%3E%3C/svg%3E");
}
#post-footer li {
width: 100%;
}
#post-footer li {
border-bottom: 1px solid #f1f1f1;
padding: 10px;
}
#post-footer ul li p {
display: none;
}
#post-footer ul li p.active, #flex-sidebar ul.active {
display: block;
}
}
.end_of_page {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 1px solid #f1f1f1;
}
.end_of_page *:nth-child(2) {
text-align: right;
}
.end_of_page p {
margin-bottom: 0px;
}
#iwltlm {
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
#iwltlm .content {
background-color: #000;
margin-top: 137px;
margin-bottom: 137px;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
color: #fff;
padding: 50px 200px;
}
#iwltlm .content h2 {
font-weight: 600;
}
#iwltlm .content > * {
max-width: 450px;
width: 100%;
}
#iwltlm .content select, select {
width: 100%;
background-color: #fff;
border: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
height: 50px;
text-indent: 20px;
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
max-width: 376px;
}
.select-wrapper {
position: relative;
max-width: 376px !important;
}
.select-wrapper:after {
position: absolute;
height: 10px;
width: 14px;
top: 22px;
right: 20px;
background-repeat: no-repeat;
display: block;
content: " ";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill-rule='evenodd' d='M0 1.6L1.6 0l4 4.1L9.3 0 11 1.6 5.5 7 0 1.6z'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
#iwltlm .content {
margin: 0px;
padding: 20px;
width: 100%;
}
}
.fc_content_heading {
color: #1d1d1d;
margin-bottom: 40px;
}
.fc_content_heading .large {
max-width: 550px;
}
.fc_sectors_listing .ico {
width:90px;
height: 90px;
background-size: 80px 80px;
display: inline-block;
margin-right: 0px;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.fc_sectors_listing .ico-group li a {
padding-top: 0;
height: auto;
position: static;
display: flex;
width: 100%;
}
.fc_sectors_listing .ico-group li a:hover {
fill: #fff !important;
color: #fff;
}
.fc_sectors_listing .ico-group li a svg {
top: 20px;
}
.fc_sectors_listing ul {
display: flex;
flex-wrap: wrap;
}
.fc_sectors_listing a {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
color: #1d1d1d;
text-decoration: none;
font-size: 20px;
}
.fc_sectors_listing a .name {
margin-top: 40px;
font-family: 'poppins', 'Segoe UI', 'SegoeUI' ,"Helvetica Neue", Helvetica,Arial,sans-serif;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 540px) {
.fc_sectors_listing a .name {
font-size: 15px;
line-height: 20px;
}
.fc_sectors_listing ul {
}
}
.fc_sectors_listing ul li {
width: 16.6666666667%;
display: flex;
justify-content: center;
}
.fc_sectors_listing ul li {
width: 16.6666666667%;
min-width: 140px;
max-width: 50%;
display: flex;
justify-content: center;
}
@media (max-width: 877px) {
.fc_sectors_listing ul li {
width: 20%;
}
.home .fc_sectors_listing ul li:nth-child(1n+9) {
display: none;
}
}
@media (max-width: 768px) {
.fc_sectors_listing ul li {
width: 25%;
}
.home .fc_sectors_listing ul li:nth-child(1n+9) {
display: none;
}
}
@media (max-width: 600px) {
.fc_sectors_listing ul li {
width: 33.333%;
}
.home .fc_sectors_listing ul li:nth-child(1n+7) {
display: none;
}
}
@media (max-width: 456px) {
.fc_sectors_listing ul li {
width: 50%;
}
.home .fc_sectors_listing ul li:nth-child(1n+5) {
display: none;
}
}
@media (max-width: 440px) {
.fc_sectors_listing ul li {
width: 50%;
}
.home .fc_sectors_listing ul li:nth-child(1n+5) {
display: none;
}
}
.fc_sectors_listing ul li:hover {
background-color: #0A4080;
}
.fc_sectors_listing .ico.ico-airports {
background-size: calc(80px + 10%) calc(80px + 10%);
background-position: -100% -100%;
}
.define_background_colour {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 540px) {
.define_background_colour {
padding-top: 20px;
padding-bottom: 20px;
}
}
.fc_services_listing li {
width: 20%;
box-sizing: border-box;
display: flex;
padding: 15px;
}
.fc_services_listing li a {
height: 550px;
display: flex;
position: relative;
overflow: hidden;
background-position: center;
background-size: cover;
}
.fc_services_listing {
display: flex;
flex-wrap: wrap;
}
.fc_services_listing a {
margin-bottom: 0px;
}
.fc_services_listing a span {
display: flex;
flex-direction: column;
position: absolute;
box-sizing: border-box;
top: calc(100% - 70px);
min-height: 220px;
transition: linear 300ms all;
}
.fc_services_listing a:hover span {
top: auto;
bottom: 0px;
}
.fc_services_listing h2 {
font-size: 24px;
margin-bottom: 0px;
margin-top: 0px;
}
.fc_services_listing p {
font-size: 18px;
}
@media (max-width: 1930px) {
.fc_services_listing h2 {
font-size: 22px;
}
}
@media (max-width: 1840px) {
.fc_services_listing h2 {
font-size: 20px;
}
}
@media (max-width: 1710px) {
.fc_services_listing h2 {
font-size: 18px;
}
.fc_services_listing p {
font-size: 14px;
}
.fc_services_listing a:after {
height: 32px;
width: 32px;
background-size: 10px 16px;
}
.fc_services_listing li {
padding: 5px;
}
.fc_services_listing a span {
padding: 15px;
top: calc(100% - 50px);
}
}
@media (max-width: 1300px) {
.fc_services_listing li {
width: 33.33%;
padding: 5px;
}
.fc_services_listing li a {
height: 250px;
}
}
@media (max-width: 810px) {
.fc_services_listing li a {
height: 250px;
}
.fc_services_listing li {
width: 50%;
padding: 5px;
}
.fc_services_listing p { 
display: none;
}
.fc_services_listing a:hover span {
top: calc(100% - 56px);
}
}
@media (max-width: 560px) {
.fc_services_listing li a {
height: 140px;
min-height: 0px;
}
.fc_services_listing li {
width: 100%;
}
.fc_services_listing li {
padding: 0px;
}
}
.fc_lastest_news {
display: flex;
flex-wrap: wrap;
}
.fc_lastest_news .news_item {
width: 33.3%;
box-sizing: border-box;
padding: 0px;
margin-bottom: 30px;
}
.fc_lastest_news .news_item a {
display: block;
position: relative;
text-decoration: none;
color: #000000;
height: 100%;
position: relative;
}
@media (min-width: 769px) {
.fc_lastest_news .news_item a {
padding: 20px 30px;
}
.fc_lastest_news .news_item:nth-child(1) a {
left: -20px;
}
.fc_lastest_news .news_item:nth-child(3) a {
right: -20px;
}
}
.fc_lastest_news .news_item h3 {
font-weight: 300;
}
@media (min-width: 769px) {
.fc_lastest_news .news_item a:after {
top: auto;
bottom: -20px;
left: 40px;
}
.fc_lastest_news .news_item a:hover {
background-color: #e9e9e9;
}
}
@media (max-width: 768px) {
.fc_lastest_news .news_item {
width: 100%;
}
.fc_lastest_news .news_item a {
padding-right: 50px;
}
.fc_lastest_news .news_item a:after {
right: 0px;
top: 0px;
}
}
@media (max-width: 540px) {
.fc_lastest_news .news_item {
margin-bottom: 0px;
}
.fc_lastest_news .news_item p {
display: none;
}
.fc_lastest_news .news_item h3 {
font-size: 18px;
}
}
.featured_banner {
display: flex;
justify-content: center;
align-items: center;
}
.featured_banner_content {
margin-top: 150px;
margin-bottom: 150px;
display: block;
position: relative;
bottom: auto;
}
.featured_banner h2 {
margin-top: 0px;
}
.featured_banner .title {
margin: 0;
padding: 0;	
padding-bottom: 20px;
}
.featured_banner p {
margin: 0px;
}
.featured_banner_content a.button {
position: absolute;
bottom: -20px;
}
.spacing-1 {
padding-top: 0px;
padding-bottom: 0px;
}
.fc_column_content, .fc_columns_3 {
display: flex;
flex-wrap: wrap;
}
.fc_columns_4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.left_content, .right_content {
width: 50%;
display: inline-block;
box-sizing: border-box;
}
.left_content a, .right_content a, .center_content a {
color: #000000;
text-decoration: none;
}
.left_content a:hover, .right_content a:hover, .center_content a:hover {
color: #0a3f7f;
}
.fc_columns_3 .left_content, .fc_columns_3 .right_content, .center_content {
width: 33.3%;
}
@media (min-width: 768px) {
.left_content {
padding-right: 30px;
}
.right_content {
padding-left: 30px;
}
.fc_column_content img.aligncenter {
margin-top: 200px;
}
}
@media (max-width: 1024px) {
.fc_columns_4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 540px) {
.home .featured_banner {
display: none;
}
}
@media (max-width: 767px) {
.left_content, .right_content {
width: 100%;
}
.fc_column_content .title {
font-size: 30px;
line-height: 30px;
}
.fc_columns_3 .left_content, .fc_columns_3 .right_content, .center_content {
width: 100%;
padding: 0;
}
}
p:empty {
display: none;
}
.fc_split_content {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
}
.fc_split_content .content, .fc_split_content .image {
width: 50%;
}
@media (min-width: 768px) {
.fc_split_content .content {
padding: 60px 40px 40px 0px;
box-sizing: border-box;
}
.fc_split_content.right .content {
padding: 60px 20px 40px 40px;
order: 1;
}
}
.fc_split_content .image {
background-size: cover;
background-position: center;
}
.fc_split_content.right .image {
order: 0;
}
@media (max-width: 767px) {
.fc_split_content.right .content {
order: 0;
margin-top: 50px;
}
.fc_split_content.right .image {
order: 1;
}
.fc_split_content .content, .fc_split_content .image {
width: 100%;
}
.fc_split_content .image {
min-height: 400px;
}
}
@media (max-width: 640px) {
.fc_columns_4 {
grid-template-columns: 1fr;
}
}
#enabled-flex-sidebar .site_width {
padding: 0;
margin: 0;
width: 100%;
}
#enabled-flex-sidebar {
display: flex;
margin-top: 100px;
}
#flex-sidebar {
width: 23%;
margin-right: 2%;
margin-top: 10px;
}
#flex-content {
width: 75%;
}
#flex-sidebar ul {
list-style: none;
margin-bottom: 40px;
padding: 0;
margin: 0 0 40px 0;
}
#flex-sidebar ul li a {
text-decoration: none;
font-size: 24px;
color: #1d1d1d;
margin-bottom: 10px;
display: block;
}
#flex-sidebar ul li a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
#flex-sidebar .switch {
display: none;
}
}
#flex-sidebar .switch {
font-size: 24px;
}
@media (max-width: 767px) {
#flex-sidebar ul li a {
font-size: 18px;
}
#enabled-flex-sidebar {
flex-wrap: wrap;	
}
#flex-sidebar {
width: 100%;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
#flex-content {
width: 100%;
}
#flex-sidebar ul {
display: none;
}
}
@media (max-width: 600px) {
#enabled-flex-sidebar {
margin-top: 0px;
}
}
.gform_fields {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.gform_fields > li {
width: calc(50% - 50px);	
}
.gform_body > ul li:nth-child(2n) {
padding-left: 50px;
}
.gform_body > ul li:nth-child(2n+1) {
padding-right: 50px;
}
.gform_body > ul li:nth-child(1n+5) {
padding: 0px;
width: 100%;
}
}
.gform_fields li input, .gform_body textarea {
font-family: "Circular Std Book", 'Segoe UI', 'SegoeUI' ,"Helvetica Neue", Helvetica,Arial,sans-serif;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
white-space:normal;
background:none;
line-height:1;
border: none;
outline:0;
font-size: 16px;
border-bottom: 4px solid #000;
}
@media (max-width: 767px) {
.gform_fields > li {
width: 100%;
}
}
.gform_body textarea {
height: 30px;
}
body .gform_fields input[type="checkbox"] {
height: 20px;
width: 20px;
display: block;
border: 2px solid #000;
float: left;
margin-right: 10px;
}
body .gform_fields input[type="checkbox"]:checked {
background-color: #000;
}
body .gform_fields .gfield_checkbox label {
float: left;
margin-top: 1px;
}
@media (min-width: 1326px) {
.gform_wrapper {
margin-top: 100px;
}
}
.gform_wrapper form {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
}
@media (max-width: 540px) {
.title {
font-size: 24px;
line-height: 24px;
}
.fc_column_content h2, .fc_content_heading h2, .fc_content_heading h1, .featured_banner_content h2 {
font-size: 18px;
}
}
@media (max-width: 540px) {
.fc_content_heading .title, .fc_column_content .title {
font-size: 24px;
line-height: 27px;
}
}
@media(max-width: 560px) {
.post-type-archive-meettheteam .fc_services_listing li a{
height: 300px;
margin-bottom: 5px;
}
}
.single-meettheteam #flex-content ol {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 30px;
}
.single-meettheteam #flex-content li {
padding: 5px 20px;
margin: 0;
background-color: #f9f9f9;
margin-bottom: 5px;
}
.mtt_banner_desc a {
text-decoration: none;
color: #fff;
}
.mtt_page_banner {
background-color: #f9f9f9;
}
@media (min-width: 1146px) {
.mtt_page_banner {
height: 626px;
}
.mtt_page_banner .banner_content {
margin-left: 280px;
max-width: 80%;
}
}
@media (max-width: 1146px) {
.mtt_page_banner .banner_content {
margin-left: 0%;
}
}
.mtt_page_banner > .site_width:first-child {
height: 100%;
}
.mtt_page_banner .image {
width: 55%;
height: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.mtt_page_banner > .site_width:first-child {
padding: 0px;
}
.mtt_page_banner {
height: 500px;
margin-bottom: 100px;
}
.mtt_page_banner .image {
width: 100%;
}
.mtt_page_banner .banner_content {
bottom: -180px;
}
}
@media (max-width: 600px) {
.mtt_page_banner .banner_content {
bottom: 0px;
}
}
@media (max-width: 380px) {
.mtt_page_banner {
height: 380px;
margin-bottom: 0px;
}
}
#flex-sidebar .current_page_item a {
position: relative;
}
#flex-sidebar .current_page_item a:after {
top: -10px;
left: -70px;
}
.mtt_filter {
height: 70px;
padding-top: 130px;
background-color: #f9f9f9;
margin-bottom: 20px;
}
.mtt_filter label:nth-child(2) span:nth-child(2) {
position: relative;
}
.mtt_filter label:nth-child(2) span:nth-child(2):after {
position: absolute;
height: 10px;
width: 14px;
top: 6px;
right: 20px;
background-repeat: no-repeat;
display: block;
content: " ";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill-rule='evenodd' d='M0 1.6L1.6 0l4 4.1L9.3 0 11 1.6 5.5 7 0 1.6z'/%3E%3C/svg%3E");
}
.mtt_filter {
display: flex;
justify-content: space-between;
}
.mtt_filter label {
width: 48%;
font-size: 18px;
display: block;
font-weight: 600;
}
.mtt_filter input, .mtt_filter select {
margin-left: 15px;
border: none;
box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
height: 47px;
width: 350px;
font-weight: 600;
text-indent: 20px;
font-size: 18px;
}
.mtt_filter input::placeholder, .mtt_filter select::placeholder {
font-weight: 600;
text-indent: 20px;
font-size: 18px;
}
@media (max-width: 1148px) {
.mtt_filter {
height: auto;
}
.mtt_filter input, .mtt_filter select {
margin-left: 0px;
}
}
@media (max-width: 1149px) and (min-width: 769px) { 
.mtt_filter {
padding-bottom: 20px;
}
}
@media (max-width: 768px) {
.mtt_filter {
flex-wrap: wrap;
padding-top: 60px;
}
.mtt_filter label {
width: 100%;
}
.mtt_filter input, .mtt_filter select {
float: right;
width: 250px;
margin-bottom: 20px;
}
.mtt_filter input::placeholder, .mtt_filter select::placeholder, .mtt_filter select  {
font-size: 16px;
}
.mtt_filter label:nth-child(2) span:nth-child(2) {
float: right;
width: 250px;
margin-bottom: 20px;
}
.mtt_filter label:nth-child(2) span:nth-child(2):after {
top: 20px;
right: 4px;
}
}
@media (max-width: 600px) {
.mtt_filter {
padding-top: 20px;
}
}
@media (max-width: 500px) {
.mtt_filter label:nth-child(2) span:nth-child(2) {
width: 100%;
}
.mtt_filter {
flex-wrap: wrap;
}
.mtt_filter input, .mtt_filter select {
width: 100%;
max-width: 100%;
}
}
form > div {
position: relative;
}
form > div > label {
position: absolute;
opacity: 0;
font-size: 18px;
}
.ginput_container {
position: relative;
}
.gform_wrapper input:placeholder-shown + .gfield_label, .gform_wrapper textarea:placeholder-shown + .gfield_label {
cursor: text;
font-size: 11px;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 2.125rem) scale(1.5);
top: -20px;
left: 0px;
position: absolute;
}
.gform_wrapper input + .gfield_label, .gform_wrapper textarea + .gfield_label {
cursor: text;
font-size: 11px;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 2.125rem) scale(1.5);
top: -20px;
left: 0px;
position: absolute;
transition: 120ms linear all;
}
.gform_wrapper .gfield_checkbox .gfield_label {
display: none;
}
::-webkit-input-placeholder {
opacity: 0 !important;
transition: inherit;
color: #fff;
}
.gform_wrapper input:focus::-webkit-input-placeholder, 
.gform_wrapper input:focus::-moz-placeholder, 
.gform_wrapper input:focus:-ms-placeholder  {
opacity: 1;
}
@supports (-ms-ime-align: auto) {
input:focus + .gfield_label {
transform: translate(0, 0) scale(1);
cursor: pointer;
}
input:-ms-input-placeholder:not(:focus) + .gfield_label {
transform: translate(0, 0) scale(1);
cursor: pointer;
}
}
.gform_wrapper input:not(:placeholder-shown) + .gfield_label,   
.gform_wrapper textarea:not(:placeholder-shown) + .gfield_label,
.gform_wrapper input:focus + .gfield_label, 
.gform_wrapper textarea:focus + .gfield_label {
transform: translate(0, 0) scale(1);
cursor: pointer;
}
#titlebar {
background-color: #0A4080;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
#titlebar p {
margin-bottom: 0px;
}
@media (min-width: 768px) {
#canvas {
width: 937px;
height: 1123px;
position: relative;
margin: 0 auto;
margin-bottom: 40px;
}
.page-template-global-reach-africa  .main_container {
position: relative;
min-height: 1400px;
}
#canvas {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 1110px) {
#canvas {
transform:  translateX(-50%) translateY(-10%) scale(0.8);
}
.page-template-global-reach-africa .main_container {
min-height: 900px;
}
}
@media (max-width: 900px) {
#canvas {
transform:  translateX(-50%) translateY(-20%) scale(0.6);
}
.page-template-global-reach-africa .main_container {
min-height: 700px;
}
}
@media (max-width: 767px) {
#canvas {
transform: none;
}
#canvas .hideSmallSvg {
display: none;
}
.page-template-global-reach-africa .main_container {
min-height: none;
}
}
@media (min-width: 768px) {
#titlebar {
}
#canvas svg path {
fill: #f1f1f1;
position: relative;
top: 0px;
left: 0px;
}
#canvas svg #africa_continent path:hover, #canvas svg path.pinhover { 
fill: #fce57e;
top: 0px;
left: 0px;
transform: translateY(-20px);
}
.pin {
height: 43px;
width: 34px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='43'%3E%3Cpath fill-rule='evenodd' d='M16.994 43c-.087-.061-.142-.164-.227-.227a58.486 58.486 0 0 1-5.935-5.025 49.2 49.2 0 0 1-5.425-6.178c-1.428-1.939-2.659-4.006-3.605-6.232-.849-1.996-1.45-4.057-1.689-6.222-.353-3.198.102-6.262 1.451-9.187a17.093 17.093 0 0 1 4.363-5.798A16.552 16.552 0 0 1 9.962 1.54C11.218.972 12.519.523 13.885.299c.648-.105 1.301-.2 1.949-.299h2.321c.087.021.172.053.261.062 1.499.148 2.957.455 4.378.979a16.881 16.881 0 0 1 7.439 5.346 16.855 16.855 0 0 1 3.323 6.831c.77 3.296.503 6.534-.567 9.721-1.29 3.841-3.446 7.186-5.984 10.291-1.121 1.374-2.337 2.674-3.561 3.962a48.238 48.238 0 0 1-5.045 4.627c-.481.38-.936.787-1.405 1.181zm.005-34.053c-4.461-.009-8.13 3.672-8.126 8.148.002 4.477 3.635 8.128 8.098 8.147 4.463.018 8.147-3.629 8.137-8.133-.009-4.52-3.587-8.138-8.109-8.162z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.country {
position: absolute;
transform: translateX(-45%) translateY(-100%);
width: 253px;
height: auto;
background-color:rgba(0,0,0,0.90);
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
border-radius: 10px;
padding-top: 10px;
display: none;
}
.country.popup-active {
display: flex;
}
.country a.link {
background-color: #0a3f7f;
opacity: 0.9;
color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px 15px;
text-decoration: none;
text-align: left;
position: relative;
display: flex;
align-items: center;
}
.country a.link:after, 	.country.bottomarrow:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(10, 63, 127, 0);
border-top-color: #0a3f7f;
border-width: 15px;
margin-left: -15px;
}
.country.bottomarrow {
}
.country.bottomarrow:after {
border-top-color: #000;
}
.country .ico-group li a {
fill: #fff !important;
}
}
@media (max-width: 767px) {
.country .ico-group li a {
fill: #000 !important;
}
.pinDataList {
list-style: none;
padding: 0;
margin: 0;
}
.pinDataList > li {
border-bottom: 1px solid #e1e1e1;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.country .ico {
margin-left: 5px;
margin-right: 5px;
}
.pinDataList > li span {
font-size: 18px;
}
.pinDataList > li a {
text-decoration: none;
}
.pinDataList .link {
margin-right: 0px;
}
}
.pinDataList .ico-group li a {
padding-top: 100%;
}
.country .ico {
width:50px;
background-size: 60px 60px;
display: inline-block;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
}
.ico-example-transactions.stand-alone {
display: inline-flex;
width: 45px;
height: 45px;
vertical-align: middle;
}
.ico-example-transactions.stand-alone svg {
width: 45px;
height: 45px;
}
.country span, .country a {
text-transform: capitalize;
}
.country .ico-group {
margin-bottom: 5px;
}
.ico-group li {
padding: 0;
margin: 0;
display: inline-block;
}
.ico-group li a  {
fill: #000 !important;
display: block;
position:relative;
height: 0;
}
.ico-group li a svg {
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 768px) {
.country a.link:after {
background: none;
}
.country a.link:hover:after {
background: none;
}
}
.global_reach_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 40px;
}
.global_reach_menu li {
}
.global_reach_menu li a {
color: #000;
text-decoration: none;
padding: 0 20px;
}
.global_reach_menu li a:hover {
color: #0A4080;
}
.global_map {
position: relative;
width: 1010px;
height: 556px;
background-image: url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/svg/world-map.svg);
background-repeat: no-repeat;
margin: 0 auto;
}
.global_map a {
position: absolute;
border: 3px solid #e1e1e1;
transition: 180ms linear all;
}
.global_map a:hover {
border: 3px solid #0A4080;
background-color: rgba(0,0,0,0.5);
}
@media (max-width: 1050px) {
.global_map_c {
position: relative;
}
.global_map {
transform:  translateX(-50%) translateY(-50%) scale(0.7);
position: absolute;
left: 50%;
top: 50%;
}
.global_map_c {
height: 500px;
}
}
@media (max-width: 850px) {
.global_map {
transform: translateX(-50%) translateY(-50%) scale(0.5);
}
.global_map_c {
height: 350px;
}
}
@media (max-width: 500px) {
.global_map_c {
height: 180px;
}
.global_map {
transform: translateX(-50%) translateY(-50%) scale(0.3);
}
}
.svg_map_inner {
width: 700px;
margin: 0 auto;
max-width: 100%; 	
padding-bottom: 80px;
}
.svg_map_inner img {
width: 100%;
min-width: 100%;
}
@media (max-width: 767px) {
.svg_map_inner img {
display: none;
}
}
#svg_map .svg_map_inner {
position: relative;
}
#wrap {
overflow: hidden;
position: relative;
width: auto;
min-width: 280px;
}
.featured_banner {
height: auto;
min-height: 586px;
}
@media all and (-ms-high-contrast:none) {
.gform_wrapper input + .gfield_label, .gform_wrapper textarea + .gfield_label {
display: none;
}
}
@supports (-ms-accelerator:true) {
.gform_wrapper input + .gfield_label, .gform_wrapper textarea + .gfield_label {
display: none;
}
}
.blogplaceholderimg {
background-image: url(//www.trinityllp.com/wp-content/themes/wordpress-theme-trinity-llp/includes/img/blog-placeholder2.jpg);
background-position: center;
background-size: cover;
}
blockquote {
font-size: 18px;
background-color: #f1f1f1;
padding: 20px 20px;
margin: 0;
font-style: italic;
}
blockquote p {
margin: 0;
padding: 0
}
blockquote small {
display: block;
width: 100%;
text-align: right;
}
.accordionWrapper {
max-width: 650px;
margin: 0 auto;
}
.accordionWrapper h2 {
padding-left: 20px;
}
.acc-team-member-thumbnail {
width: 50px;
height: 50px;
border-radius: 50px;
background-size: contain;
background-position: center;
display: inline-block;
margin-right: 20px;
max-height: 50px;
min-width: 50px;
}
.accordionItem {
display:block;
width:100%;
box-sizing: border-box;
}
.accordionItem:hover, .accordionItem.open {
box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
}
.accordionItemHeading {
cursor:pointer;
margin:0px 0px 10px 0px;
padding:10px;
border: 1px solid #f1f1f1;
color:#000;
width:100%;
border-radius: 10px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.close .accordionItemContent{
height:0px;
transition:height 1s ease-out;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
float:left;
display:block;
}
.open .accordionItemContent{
padding: 20px;
background-color: #fff;
width: 100%;
margin: 0px 0px 10px 0px;
display:block;
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.4s ease-out;
-o-transition: -o-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
box-sizing: border-box;
}
.open .accordionItemHeading{
margin:0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
color: #7f8c8d;
}
.acc-are-you-interested {
padding: 20px;
background-color: #0a3f7f;
display: block;
width: 100%;
color: #fff;
box-sizing: border-box;
border-radius: 8px;
}
.acc-are-you-interested a, .acc-are-you-interested a:hover {
color: #fff;
}
.global-message {
padding-top: 20px;
padding-bottom: 20px;
background-color: #f9f9f9;
margin-bottom: 60px;
text-align: center;
}