/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* scroll bar CSS start */
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: rgba(255, 255, 255, 0.5);
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #355AAF;
}

/* Header CSS Updates */
#header-outer {
    background-color: rgba(255, 255, 255, 0.7) !important; /* White with 70% opacity */
    box-shadow: none !important; /* Remove shadow */
    position: fixed !important; /* Fix header at the top */
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999; /* Ensure it stays above other elements */
    height: auto; /* Keep original height */
    padding: 0; /* Remove any extra padding if present */
    margin: 0; /* Remove any extra margin */
}
.your-header-class {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: Adds "..." if text overflows */
}

#header-outer .logo {
    display: none; /* Remove logo */
}

header#top ul.buttons.sf-menu {
    flex-direction: row-reverse;
}

.container.normal-container {
    flex-direction: row-reverse;
    text-align: right;
}

#slide-out-widget-area.fullscreen-split .inner > .container {
    margin-right: auto !important;
    position: absolute !important;
    right: -8%;
    left: unset !important;
}

header#top ul.buttons.sf-menu {
    position: relative;
}

.transparent .left-aligned-ocm .lines-button i:before,
.transparent .left-aligned-ocm .lines-button i:after,
.transparent .left-aligned-ocm .lines-button:after,
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines,
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:before,
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines:after,
body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line,
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle .lines-button:after {
    background-color: #2a55a9 !important;
}

/* Removed background shadow */
header#top ul.buttons.sf-menu:before {
    content: "";
    background: none !important;
}

div#slide-out-widget-area-bg {
    height: 54%;
    width: 35%;
    top: 14%;
    border-radius: 20px;
    opacity: 1 !important;
    background: #062B81 !important;
    right: 0;
    margin-left: auto;
}

ul.menu li a {
    font-size: 33px !important;
    line-height: 41px !important;
    transition: all 0.5s;
}

#top i.lines-button.x2.close {
    display: none !important;
}

ul.menu li a:before {
    position: absolute;
    content: "";
    background: #3860bb;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

ul.menu li a:hover:before {
    opacity: 1;
    transform: rotateX(180deg);
}

ul.menu li {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

ul.menu li a:after {
    display: none !important;
}

/* Ensure content below the header doesn't get hidden */
body {
    margin-top: 0 !important; /* No margin between header and content */
}

#content {
    margin-top: 0 !important; /* Ensure no content is hidden behind the header */
}



/* understand section CSS start */

#understand svg {
    width: 50%;
	animation: wave 1.5s ease-in-out infinite;
}

#understand .wpb_raw_code {
    margin: unset !important;
}

#understand .vc_column-inner {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px 10px;
    border-radius: 30px;
}
    
@keyframes wave {
      0%, 100% {
          transform: translateY(0);
      }
          50% {
          transform: translateY(-10px);
     }
}

span.blue {
    color: #355AAF;
}

span.black {
    color: #1C1C1C !important;
}

h2 {
    color: #1C1C1C;
}

h1 {
    color: #fff;
}

/* understand section CSS end */


/* brand section CSS start */

#brand-inner .vc_column-inner {
    background: #F2F6FE;
    padding: 70px 20px;
    border-radius: 10px;
    transition: all 0.5s;
    min-height: 284px;
}
#brand-inner .vc_column-inner:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 20px;
}
#brand-inner .vc_col-sm-3.call .vc_column-inner {
    position: relative;
    left: 3em;
}
.impress img {
    mix-blend-mode: multiply;
}
#brand-inner .vc_col-sm-3.queen .vc_column-inner img {
    filter: unset !important;
    width: 100%;
    min-height: 142px;
}
.true img {
    mix-blend-mode: multiply;
}

.lma img {
    mix-blend-mode: multiply;
}

#brand-inner img {
    transition: all 0.5s;
    filter: brightness(0);
}

/* Mirror grid-fix (2026-05-20 + 2026-06-01): Salient JS doesn't run on the
 * static mirror, so:
 *   1. PSC + PHILSTIC + any tile lacking the 'custom-size' wrapper class
 *      rendered at the IMG's natural 700x700 size and broke the 4-col flow.
 *      Constrain every tile image to the same 262x262 footprint live JS uses.
 *   2. PSC and PHILSTIC tile wrappers (which lack a brand class like .tma,
 *      .premier, .marca, .zip, .getpark) had `.vc_column-inner { position:
 *      static }`. The Salient column-link inside is `position: absolute;
 *      inset: 0;` and with a static parent it expands to the nearest
 *      positioned ancestor — 1269px wide — covering the Premier, PSC and LMA
 *      tiles. Every click in row 2 landed on philstic.co.nz. Force position:
 *      relative on every Our Brands tile so each column-link stays bounded
 *      to its own tile. */
#brand-inner .img-with-aniamtion-wrap img,
#brand-inner .vc_column-inner img {
    width: 262px !important;
    height: 262px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
#brand-inner .vc_column-inner {
    position: relative !important;
}
@media (max-width: 999px) {
    #brand-inner .img-with-aniamtion-wrap img,
    #brand-inner .vc_column-inner img {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
    }
}
#brand-inner .vc_column-inner:hover img{
     filter: brightness(0) invert(1);
}
#brand-inner .lma img {
    filter: grayscale(1) invert(0) contrast(10);
}

#brand-inner .lma .vc_column-inner:hover img {
    filter: opacity(1);
}
#brand-inner .true .vc_column-inner:hover img{
  
    filter: invert(1) brightness(0);
    
}
div#tmaaus.lmabrand img.brandlogo {
    filter: grayscale(1) invert(0) contrast(10);
}

#brand-inner .true .vc_column-inner img{
  
  
    position: relative;
    z-index: 99;
}
img.brandlogo {filter: brightness(0) invert(1);}
.true .vc_column-inner:after {
    content: "";
    background: #f1f6fd4a;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
   
}

#brand-inner .vc_col-sm-3.true .vc_column-inner img {
    filter: unset !important;
}
#brand-inner .spot .vc_column-inner:hover img {
        filter: brightness(0);
}

.invisible .vc_column-inner {
    background: unset !important;
}

.invisible .vc_column-inner:hover {
    box-shadow: unset !important;
}

.tma .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/tmaaus.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.tma .vc_column-inner:hover:before {
   transform: scale(1);
}

.lma .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/lmaa.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.lma .vc_column-inner:hover:before {
   transform: scale(1);
}

.impress .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/impress-hover.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.impress .vc_column-inner:hover:before {
   transform: scale(1);
}

.pre .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/prefastt.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.pre .vc_column-inner:hover:before {
   transform: scale(1);
}

.spot .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/spot.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.spot .vc_column-inner:hover:before {
   transform: scale(1);
}

.nature .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/nature.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.nature .vc_column-inner:hover:before {
   transform: scale(1);
}

.premier .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/premierr.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.premier .vc_column-inner:hover:before {
   transform: scale(1);
}

.true .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/truenorthh.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.true .vc_column-inner:hover:before {
   transform: scale(1);
}

.queen .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/queenland.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.queen .vc_column-inner:hover:before {
   transform: scale(1);
}

.marca .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/marca.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.marca .vc_column-inner:hover:before {
   transform: scale(1);
}

.tmatech .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/tmatechh.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.tmatech .vc_column-inner:hover:before {
   transform: scale(1);
}

.zip .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/zipbyy.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.zip .vc_column-inner:hover:before {
   transform: scale(1);
}

.getpark .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/park-hover.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.getpark .vc_column-inner:hover:before {
   transform: scale(1);
}

.call .vc_column-inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2024/12/calljourneyy.png);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s;
	transform: scale(0);
}

.call .vc_column-inner:hover:before {
   transform: scale(1);
}

/* brand section CSS end */

/* Tma New Section STart  */


div#tmaa-inr {
    position: absolute;
    left: 0;
    width: 100%;
}

div#tmaaa {
    position: relative;
}

.list-blk ul {
    padding-left: 30px;
    column-count: 2;
}



.list-blk ul ul.sub-list-blk {
    column-count: unset;
}

.list-blk ul ul.sub-list-blk li {
    list-style: disc;
}

.list-blk ul ul.sub-list-blk li:before {
    display: none !important;
}

.list-blk ul li {
    position: relative;
}

.list-blk ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/arrow.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: -4%;
    top: 0;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
	filter: brightness(0) invert(1); 
}

.list-blk ul li.up:before {
    top: -24% !important;
}

.truenorth-inr ul {
    column-count: 1 !important;
}

.truenorth-inr ul li:before {
    left: -25px !important;
}

.list-blk ul li.arw:before {
    top: -34% !important;
}

.list-blk ul li.arw-up:before {
    top: -34% !important;
}
.prefast-hero p, .prefast-hero ul li, .prefast-hero h4 {
    color: #fff !important;
}

.lma-hero p, .lma-hero ul li, .lma-hero h4 {
    color: #fff !important;
}

.spot-hero p, .spot-hero ul li, .spot-hero h4 {
    color: #fff !important;
}

.park-hero p, .park-hero ul li, .park-hero h4, .park-hero h6 {
    color: #fff !important;
}

.marca-hero p, .marca-hero ul li, .marca-hero h4 {
    color: #fff !important;
}

.zip-hero p, .zip-hero ul li, .zip-hero h4 {
    color: #fff !important;
}

.call-hero p, .call-hero ul li, .call-hero h4 {
    color: #fff !important;
}

.tmatech-hero p, .tmatech-hero ul li, .tmatech-hero h4 {
    color: #fff !important;
}

.queens-hero p, .queens-hero ul li, .queens-hero h4, .queens-hero h6 {
    color: #fff !important;
}

.nature-hero p, .nature-hero ul li, .nature-hero h4 {
    color: #fff !important;
}

.tma-hero p, .tma-hero ul li, .tma-hero h4 {
    color: #fff !important;
}

.premier-hero .list-blk ul li:before {
    filter: brightness(0) invert(0) !important;
}

.truenorth-hero .list-blk ul li:before {
    filter: brightness(0) invert(0) !important;
}


div#intro-row img {
    margin-bottom: 40px;
}

div#tmaaa {
        height: 102vh !important;
        padding: 30px 0px !important;
        /* min-height: 720px !important; */
        /* max-height: 820px !important; */
    }
	#tmaaa .vc_col-sm-12 {
		height: 100%;
	}
	#tmaaa .row_col_wrap_12 {
		min-height: auto !important;
        height: 100%;
        display: flex !important;
        justify-content: space-between !important;
	}
	div#tmaa-inr {
    bottom: 0;
}

.marca-hero {
    background: #b7c6b0;
}



/* Tma New Section End  */


/* tma section CSS start */

#tmaaus h4 {
    font-size: 24px !important;
    line-height: 32px;
}

#tmaaus p {
    font-size: 20px !important;
    line-height: 28px !important;
}

h5 {
    color: #1c1c1c;
}

h4 {
    color: #000;
}

h3 {
    color: #000;
}

p {
    color: #000;
}

ul li {
    list-style: none;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

ul {
    margin: unset;
}


#brand-btn {
    background: #355AAF !important;
    padding: 10px 25px;
    font-size: 21px;
    line-height: 29px;
	overflow: hidden;
	transition: all 0.5s;
}

#tmaaus h4 {
    padding: 10px 0px;
}

#tmaaus .vc_col-sm-6.btn-blk {
    display: flex;
    justify-content: end;
    align-items: end;
}

#tmaaus ul {
    animation: zoomInLeft 2s ease-out;
}

#brand-btn:before {
    position: absolute;
    content: '';
    height: 50px;
    width: 50px;
    background: #000;
    top: -3%;
    left: 35%;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.5s;
}

#brand-btn:hover:before {
    transform: scale(10);
}

#brand-btn:hover {
	transform: none !important;
	box-shadow: unset !important;
}

#tmaaus .row-bg {
    border-radius: 20px;
}

#tmaaus .nectar-video-wrap.position-loaded {
    border-radius: 20px;
}

div#tmaaus {
    margin: 0px 0px 50px 0px;
}

.position #brand-btn {
	top: 450px !important;
    left: 170px !important;
}

#tmaaus h4 {
    color: #fff !important;
}

#tmaaus ul li {
    color: #fff !important;
}

#tmaaus p {
    color: #fff !important;
}

#tmaaus h3 {
    color: #fff !important;
}

div#tmaaus {
    min-height: 750px;
}

/* tma section CSS start */


/* footer CSS start */

#footer p {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

div#footer {
    border-top: 1px solid #355AAF;
}

div#footer-outer {
    display: none !important;
}

#footer .vc_col-sm-5 {
    text-align: left;
}

#footer ul li a i {
    height: 40px;
    width: 40px;
    font-size: 25px;
    line-height: 33px;
    border-radius: 8px !important;
    border: 1px solid;
    background: #355aaf;
    color: #ffff;
    padding: 4px 4px;
    transition: all 0.5s;
}

#footer ul li a i:hover {
    background: #fff;
    color: #355aaf;
}

/* footer CSS end */


/* vision section CSS start */

div#vision {
    border-bottom: 1px solid #35549C;
}


#solution ul li {
    position: relative;
	padding-left: 20px;
}

#solution ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/arrow.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0%;
    top: -1px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
}


/* vision section CSS end */

/* waste section CSS start */

#waste ul li {
    position: relative;
	padding-left: 30px;
}

#waste ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/arrow.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 4px;
    top: -1px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
}

/* diversity section CSS start */

div#diversity {
    border-bottom: 1px solid #35549C;
}

#support ul li {
    position: relative;
	padding-left: 30px;
}

#support ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/arrow.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: -4px;
    top: -1px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
}

#counter .row-bg {
    background: #F2F6FE;
    border-radius: 20px;
}

#counter h5 {
    font-size: 21px;
    line-height: 29px;
}

#counter p {
    font-size: 15px;
    line-height: 23px;
}

#counter img {
    background: #fff;
    border-radius: 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 10px;
}

/* diversity section CSS end */


/* workforce section CSS start */

#workforce ul {
    column-count: 4;
}


#workforce ul li {
    position: relative;
	padding-left: 30px;
}

#workforce ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/Ellipse-231.png);
    height: 59%;
    width: 6%;
    position: absolute;
    left: 1px;
    top: 5px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
    border-radius: 50%;
}


/* workforce section CSS end */


/* example section CSS start */

#example-inner .vc_column-inner {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px 16px 0px;
    min-height: 235px;
    border-radius: 20px;
	transition: all 0.5s;
}

#example-inner p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
	position: relative;
}

#example-inner svg {
    position: absolute;
    bottom: 8%;
    right: 7%;
    margin: 0 auto;
	max-height: 40px;
	transition: all 0.5s;
}

#example-inner .vc_column-inner:hover path {
    fill: #fff;
}

#example-inner .vc_column-inner:hover svg {
    transform: rotate(45deg);
}

#example-inner .vc_column-inner:before {
    position: absolute;
    content: '';
    height: 0%;
    width: 100%;
    background: #355AAF;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    transition: all 0.5s;
}

div#example-inner {
    position: relative;
}

#example-inner .vc_column-inner:hover:before {
    height: 100%;
}

#example-inner .vc_column-inner:hover p {
    color: #fff;
}


div#example-inner1 {
    display: none;
}

#view {
	color: #fff;
    background: #355AAF !important;
    padding: 13px 30px;
    font-size: 21px;
    line-height: 29px;
	transition: all 0.5s;
}

#view:hover {
    background: #000 !important;
}

/* example section CSS end */


/* strategy section CSS start */

#strategy-inner .vc_column-inner {
    background: #F2F6FE;
    border-radius: 20px;
    padding: 20px 20px;
}

#strategy-inner h5 {
    font-size: 18px !important;
    line-height: 26px !important;
	position: relative;
}

#strategy-inner p {
    font-size: 15px !important;
    line-height: 23px !important;
	position: relative;
}

#strategy-inner .wpb_text_column.wpb_content_element {
    margin-bottom: 10px;
}

#strategy-inner .vc_column-inner:before {
    position: absolute;
    content: '';
    height: 0%;
    width: 100%;
    background: #355AAF;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    transition: all 0.5s;
}

#strategy-inner .vc_column-inner:hover:before {
    height: 100%
}

#strategy-inner .vc_column-inner:hover h5 {
    color: #fff;
}

#strategy-inner .vc_column-inner:hover span.blue {
    color: #000;
}

#strategy-inner .vc_column-inner:hover p {
   color: #fff; 
}

/* strategy section CSS end */


/* board section CSS start */

#board-inner h4 {
    font-size: 30px !important;
    line-height: 38px !important;
	font-weight: 600 !important;
}

div#board-inner {
    background: #F2F6FE;
    border-radius: 20px;
}

/* board section CSS end */


/* location section CSS start */

#location h2 {
    text-align: center;
}

#location ul li {
    font-weight: 500 !important;
}

#location svg {
    max-height: 20px;
}

#location ul {
    column-count: 2;
}

#location ul li {
    position: relative;
	padding-left: 30px;
}

#location ul li:before {
    content: "";
    background: url(/_ext/demo-clienttesting.com/tma-group/wp-content/uploads/2025/01/location-dot.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 6px;
    top: -1px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
}

/* location section CSS end */


/* contact-form section CSS start */

#contact-form input, #contact-form textarea {
    background: #EEF3F9;
    padding: 20px 20px;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    color: #1C1C1C;
    font-size: 17px;
    line-height: 25px;
}

#contact-form .btn input {
    color: #fff;
    background: #355AAF;
    border-radius: 0px !important;
    font-size: 20px;
    line-height: 28px;
    padding: 10px 30px !important;
	transition: all 0.5s;
	overflow: hidden;
}

#contact-form .btn input:hover {
	background: #000;
    transform: none !important;
    box-shadow: unset !important;
}

#contact-form .btn {
    text-align: left !important;
    padding: unset !important;
}

/* contact-form section CSS end */

 @keyframes zoomInLeft {
    0% {
      transform: scale(0.5);
      opacity: 0;
      transform-origin: left center;
    }
    100% {
      transform: scale(1);
      opacity: 1;
      transform-origin: left center;
    }
  }

#footer p {
    text-align: center !important;
}






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

ul.menu {
    top: -20% !important;
    position: absolute !important;
    right: 15% !important;
}
	ul.menu li a {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	
li#menu-item-22 a {
    padding: 8px 20px !important;
}
	
#top .slide-out-widget-area-toggle a>span {
    position: relative;
    left: 10px;
    width: 25px !important;
}
	
div#slide-out-widget-area-bg {
    height: 70% !important;
    width: 40% !important;
    top: 3% !important;
    border-radius: 20px;
    opacity: 1 !important;
    background: #062B81 !important;
    right: 6px !important;
    margin-left: auto;
}

#top .slide-out-widget-area-toggle:not(.small) a .close-wrap {
    height: 20px !important;
    width: 52px !important;
    left: 32px !important;
}

header#top ul.buttons.sf-menu:before {
    height: 43% !important;
    width: 89% !important;
    left: 12px !important;
}
	
#slide-out-widget-area.fullscreen-split .inner>.container {
    margin-right: auto !important;
    position: absolute !important;
    right: -11%;
    left: unset !important;
}
h4 {
    font-size: 35px !important;
    line-height: 43px !important;
}

h2 {
    font-size: 48px !important;
    line-height: 56px !important;
}

div#understand {
    padding: 80px 0px 0px !important;
}

div#brand {
    padding: 80px 0px 0px !important;
}

div#brand-inner {
    padding: 40px 0px 0px !important;
}

#brand-inner .vc_column-inner {
    padding: 55px 15px !important;
}
	
div#tmaaus {
    padding: 50px 0px !important;
}


h3 {
    font-size: 48px !important;
    line-height: 56px !important;
}

p {
    font-size: 18px !important;
    line-height: 26px !important;
}

#tmaaus p {
    font-size: 18px !important;
    line-height: 26px !important;
}
	
#waste ul {
    animation: zoomInLeft 2s ease-out;
}

#tmaaus h4 {
    font-size: 28px !important;
    line-height: 36px !important;
}

ul li {
    font-size: 17px !important;
    line-height: 25px !important;
}

#brand-btn {
    font-size: 19px !important;
    line-height: 27px !important;
    padding: 9px 22px !important;
}

#footer p {
    font-size: 18px !important;
    line-height: 26px !important;
}
	
div#main-about {
    padding: 200px 0px 150px !important;
}
	
div#main-banner {
    padding: 150px 0px 80px !important;
}

.abt-hero {
    padding: 70px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 17px !important;
}

div#vision {
    padding: 80px 0px 40px !important;
}

div#mission {
    padding: 40px 0px !important;
}
	
div#diversity {
    padding: 80px 0px !important;
}

div#counter-text {
    padding: 20px 0px !important;
}

#counter h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#counter p {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#counter {
    padding: 40px 0px !important;
}

div#workforce {
    padding: 80px 0px 0px !important;
}

div#example {
    padding: 80px 0px 0px !important;
}

#example-inner p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#example-inner .vc_column-inner {
    padding: 18px 14px 0px !important;
    min-height: 225px !important;
}

div#example-btn {
    padding: 15px 0px 40px !important;
}
	
#view {
    padding: 12px 28px !important;
    font-size: 20px !important;
    line-height: 28px !important;
}
	
#strategy-inner h5 {
    font-size: 17px !important;
    line-height: 25px !important;
}

#strategy-inner p {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#waste {
    padding: 40px 0px !important;
}
	
div#board-inner {
    padding: 40px 0px !important;
}

#board-inner h4 {
    font-size: 28px !important;
    line-height: 36px !important;
}
	
div#contact-form {
    padding: 70px 0px 40px !important;
}

#contact-form input, #contact-form textarea {
    padding: 15px 15px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 16px !important;
    line-height: 22px !important;
}
	
#contact-form .btn input {
    font-size: 19px !important;
    line-height: 27px !important;
    padding: 9px 28px !important;
}
	
	.list-blk ul {
    padding-left: 40px;
   
}
.list-blk ul li:before {
    left: -7%;
    top: 0;
}
	
    div#tmaaa {
        height: 101vh !important;
        padding: 30px 0px !important;
        /* min-height: 720px !important; */
        /* max-height: 820px !important; */
    }
	#tmaaa .vc_col-sm-12 {
		height: 100%;
	}
	#tmaaa .row_col_wrap_12 {
		min-height: auto !important;
        height: 100%;
        display: flex !important;
        justify-content: space-between !important;
	}
	div#tmaa-inr {
    bottom: 0;
}
	
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
	
	
header#top ul.buttons.sf-menu:before {
    height: 40% !important;
	width: 92% !important;
    left: 15px !important;
}

#top .slide-out-widget-area-toggle a>span {
    height: 20px !important;
    width: 24px !important;
    left:  10px !important;
}
	
    #top .slide-out-widget-area-toggle:not(.small) a .close-wrap {
        height: 21px !important;
        width: 19px !important;
        left: 12px !important;
    }
	
li#menu-item-14 a {
    padding: 5px 10px 5px 310px !important;
}

li#menu-item-17 a {
    padding: 5px 10px 5px 157px !important;
}

li#menu-item-18 a {
    padding: 5px 10px 5px 34px !important;
}

li#menu-item-19 a {
    padding: 5px 10px 5px 269px !important;
}

li#menu-item-20 a {
    padding: 5px 10px 5px 278px !important;
}

li#menu-item-21 a {
    padding: 5px 10px 5px 300px !important;
}
	
li#menu-item-22 a {
    padding: 8px 23px !important;
    font-size: 18px !important;
    line-height: 26px !important;
}

ul.menu li a {
    font-size: 27px !important;
    line-height: 35px !important;
}

h4 {
    font-size: 30px !important;
    line-height: 38px !important;
}

h2 {
    font-size: 43px !important;
    line-height: 51px !important;
}

div#understand {
    padding: 60px 0px 0px !important;
}

div#brand {
    padding: 60px 0px 0px !important;
}

div#brand-inner {
    padding: 0px 0px 0px !important;
}

#brand-inner .vc_column-inner {
    padding: 45px 12px !important;
	min-height: 231px !important;
}

h3 {
    font-size: 45px !important;
    line-height: 53px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#tmaaus p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#tmaaus h4 {
    font-size: 26px !important;
    line-height: 34px !important;
    padding: unset !important;
}

ul li {
    font-size: 15px !important;
    line-height: 23px !important;
}

#brand-btn {
    font-size: 19px !important;
    line-height: 27px !important;
    padding: 9px 22px !important;
}

#footer p {
    font-size: 15px !important;
    line-height: 23px !important;
}
	
div#main-about {
    padding: 180px 0px 130px !important;
}
	
div#main-banner {
    padding: 140px 0px 50px !important;
}

.abt-hero {
    padding: 60px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 17px !important;
}

div#vision {
    padding: 80px 0px 40px !important;
}

div#mission {
    padding: 40px 0px !important;
}
	
div#diversity {
    padding: 60px 0px !important;
}

div#counter-text {
    padding: 26px 0px !important;
}

#counter h5 {
    font-size: 17px !important;
    line-height: 26px !important;
}

#counter p {
    font-size: 12px !important;
    line-height: 20px !important;
}

div#counter {
    padding: 30px 0px !important;
}

div#workforce {
    padding: 60px 0px 0px !important;
}

div#example {
    padding: 80px 0px 0px !important;
}

#example-inner p {
    font-size: 13px !important;
    line-height: 21px !important;
}

#example-inner .vc_column-inner {
    padding: 16px 13px 0px !important;
    min-height: 200px !important;
}

div#example-btn {
    padding: 13px 0px 30px !important;
}
	
#view {
    padding: 11px 27px !important;
    font-size: 18px !important;
    line-height: 26px !important;
}
	
#strategy-inner h5 {
    font-size: 14px !important;
    line-height: 22px !important;
}

#strategy-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

div#waste {
    padding: 30px 0px !important;
}
	
div#board-inner {
    padding: 30px 0px !important;
}

#board-inner h4 {
    font-size: 26px !important;
    line-height: 34px !important;
}
	
div#contact-form {
    padding: 50px 0px 30px !important;
}

#contact-form input, #contact-form textarea {
    padding: 13px 13px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 14px !important;
    line-height: 22px !important;
}
	
#contact-form .btn input {
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 8px 25px !important;
}

div#tmaaus {
    padding: 50px 0px !important;
}

#tmaaus .wpb_text_column {
    margin-bottom: 15px !important;
}

svg {
    max-height: 12px !important;
}

h1 {
    font-size: 48px !important;
    line-height: 56px !important;
}

#example-inner svg {
    max-height: 30px !important;
    right: 3% !important;
    bottom: 10% !important;
}

#strategy-inner .vc_column-inner {
    padding: 15px 15px !important;
}

#board h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#board-inner .wpb_text_column {
    margin-bottom: 15px !important;
}
	
ul.menu {
        position: absolute !important;
        right: 147px !important;
        top: -32px !important;
    }
	
       div#slide-out-widget-area-bg {
        height: 61% !important;
        top: 60px !important; 
		width: 37% !important;
		right: 10px !important;
    }	
ul.menu li a {
    font-size: 17px !important;
    line-height: 25px !important;
}
	


.list-blk ul li:before {
    left: -5% !important;
}
	
div#tmaaa {
    height: 97vh !important;
    padding: 40px 0px 40px !important;
	min-height: 700px !important;
    max-height: 800px !important;
}
	
#understand svg {
    min-height: 100px !important;
}
	
.truenorth-inr ul li:before {
    left: -25px !important;
}
	
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
	
div#slide-out-widget-area-bg {
     height: 61% !important;
     width: 40% !important;
     right: 13px !important;
     top: 53px !important;
     border-radius: 20px;
     opacity: 1 !important;
     background: #062B81 !important;
}
	
ul.menu {
      position: absolute !important;
      right: 140px !important;
      top: -15px !important;
}

header#top ul.buttons.sf-menu:before {
    width: 85% !important;
    height: 45% !important;
    left: 20px !important;
}
	
#top .slide-out-widget-area-toggle a>span {
    left: 15px !important;
	width: 25px !important;
}

#top .slide-out-widget-area-toggle:not(.small) a .close-wrap {
    height: 18px !important;
    width: 20px !important;
	left: 14px !important;
}
	
li#menu-item-22 a {
    padding: 7px 20px !important;
    font-size: 17px !important;
    line-height: 25px !important;
}
	
li#menu-item-14 a {
    padding: 5px 10px 5px 252px !important;
}

li#menu-item-17 a {
    padding: 5px 10px 5px 117px !important;
}

li#menu-item-18 a {
    padding: 5px 10px 5px 8px !important;
}

li#menu-item-19 a {
    padding: 5px 10px 5px 217px !important;
}

li#menu-item-20 a {
    padding: 5px 10px 5px 225px !important;
}

li#menu-item-21 a {
    padding: 5px 10px 5px 244px !important;
}

ul.menu li a {
    font-size: 17px !important;
    line-height: 25px !important;
}

h4 {
    font-size: 25px !important;
    line-height: 32px !important;
}

h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}

div#understand {
    padding: 40px 0px 0px !important;
    margin-bottom: 13px !important;
}

div#brand {
    padding: 50px 0px 0px !important;
}

div#brand-inner {
    padding: 0px 0px 0px !important;
}

#brand-inner .vc_column-inner {
    padding: 40px 10px !important;
	min-height: 220px !important;
}

h3 {
    font-size: 36px !important;
    line-height: 44px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#tmaaus p {
    font-size: 14px !important;
    line-height: 22px !important;
}

#tmaaus h4 {
    font-size: 23px !important;
    line-height: 31px !important;
    padding: unset !important;
}

ul li {
    font-size: 13px !important;
    line-height: 21px !important;
}

#brand-btn {
    font-size: 17px !important;
    line-height: 25px !important;
    padding: 8px 20px !important;
}

#footer p {
    font-size: 12px !important;
    line-height: 20px !important;
}
	
div#main-about {
    padding: 160px 0px 110px !important;
}
	
div#main-banner {
    padding: 120px 0px 40px !important;
}

.abt-hero {
    padding: 40px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 15px !important;
}

div#vision {
    padding: 40px 0px 50px !important;
}

div#mission {
    padding: 30px 0px !important;
}
	
div#diversity {
    padding: 40px 0px !important;
}

div#counter-text {
    padding: 26px 0px !important;
}

#counter h5 {
    font-size: 13px !important;
    line-height: 20px !important;
}

#counter p {
    font-size: 10px !important;
    line-height: 18px !important;
}

div#counter {
    padding: 20px 0px !important;
}

div#workforce {
    padding: 40px 0px 0px !important;
}

div#example {
    padding: 80px 0px 0px !important;
}

#example-inner p {
    font-size: 11px !important;
    line-height: 19px !important;
}

#example-inner .vc_column-inner {
    padding: 15px 12px 0px !important;
    min-height: 190px !important;
}

div#example-btn {
    padding: 13px 0px 30px !important;
}
	
#view {
    padding: 10px 25px !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
	
#strategy-inner h5 {
    font-size: 11px !important;
    line-height: 21px !important;
}

#strategy-inner p {
    font-size: 9px !important;
    line-height: 17px !important;
}

div#waste {
    padding: 20px 0px !important;
}
	
div#board-inner {
    padding: 25px 0px !important;
}

#board-inner h4 {
    font-size: 24px !important;
    line-height: 32px !important;
}
	
div#contact-form {
    padding: 30px 0px 20px !important;
}

#contact-form input, #contact-form textarea {
    padding: 10px 10px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 12px !important;
    line-height: 20px !important;
}
	
#contact-form .btn input {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 7px 20px !important;
}

div#tmaaus {
    padding: 60px 0px !important;
	margin: 0px 0px 50px 0px !important;
}

#tmaaus .wpb_text_column {
    margin-bottom: 15px !important;
}

svg {
    max-height: 12px !important;
}

h1 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#example-inner svg {
    max-height: 30px !important;
    right: 3% !important;
    bottom: 10% !important;
}

#strategy-inner .vc_column-inner {
    padding: 12px 12px !important;
}

#board h2 {
    font-size: 33px !important;
    line-height: 41px !important;
}

#board-inner .wpb_text_column {
    margin-bottom: 12px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#top a.closed {
    padding: 7px !important;
}


div#footer {
    padding: 20px 0px 0px !important;
}

#vision .wpb_text_column {
    margin-bottom: 10px !important;
}

#mission .wpb_text_column {
    margin-bottom: 10px !important;
}

#support h2 {
    font-size: 38px !important;
    line-height: 46px !important;
}

#support .wpb_text_column {
    margin-bottom: 15px !important;
}

#diversity h2 {
    font-size: 38px !important;
    line-height: 46px !important;
}

#workforce h2 {
    font-size: 34px !important;
    line-height: 42px !important;
}

#footer img {
    height: 50px !important;
    margin-right: 150px;
}
	
ul.menu li a {
    font-size: 16px !important;
    line-height: 24px !important;
}
	
   
	
.position #brand-btn {
	margin-top: -10px !important;
    margin-left: 20px;
}
	
.position {
    min-height: 450px !important;
}

.list-blk ul li:before {
    left: -7% !important;
}
	
div#tmaaa {
    height: 75vh !important;
    padding: 30px 0px 30px !important;
}
	
#understand svg {
    width: 100% !important;
    max-height: 90px !important;
}

}
@media only screen and (min-width: 768px) and (max-width: 999px){
	
li#menu-item-22 a {
    padding: 7px 20px !important;
    font-size: 17px !important;
    line-height: 25px !important;
}

ul.menu li a {
    font-size: 25px !important;
    line-height: 33px !important;
}

h4 {
    font-size: 24px !important;
    line-height: 31px !important;
}

h2 {
    font-size: 38px !important;
    line-height: 46px !important;
}

div#understand {
    padding: 30px 0px 0px !important;
    margin-bottom: 3px !important;
}

div#brand {
    padding: 50px 0px 0px !important;
}

div#brand-inner {
    padding: 0px 0px 0px !important;
}

#brand-inner .vc_column-inner {
    padding: 30px 10px !important;
	min-height: 220px !important;
}

h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}

p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#tmaaus p {
    font-size: 12px !important;
    line-height: 20px !important;
}

#tmaaus h4 {
    font-size: 23px !important;
    line-height: 31px !important;
    padding: unset !important;
}

ul li {
    font-size: 11px !important;
    line-height: 19px !important;
}

#brand-btn {
    font-size: 17px !important;
    line-height: 25px !important;
    padding: 8px 20px !important;
}

#footer p {
    font-size: 14px !important;
    line-height: 22px !important;
}
	
#footer .vc_col-sm-5 {
    text-align: center !important;
}
	
div#main-about {
    padding: 110px 0px 100px !important;
}
	
div#main-banner {
    padding: 90px 0px 30px !important;
}

.abt-hero {
    padding: 30px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 12px !important;
}

div#vision {
    padding: 20px 0px 30px !important;
}

div#mission {
    padding: 20px 0px !important;
}
	
div#diversity {
    padding: 30px 0px !important;
}

div#counter-text {
    padding: 8px 0px !important;
}

#counter h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#counter p {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#counter {
    padding: 20px 0px !important;
}

div#workforce {
    padding: 30px 0px 0px !important;
}

div#example {
    padding: 80px 0px 0px !important;
}

#example-inner p {
    font-size: 11px !important;
    line-height: 19px !important;
}

#example-inner .vc_column-inner {
    padding: 16px 15px 0px !important;
    min-height: 150px !important;
}

div#example-btn {
    padding: 13px 0px 30px !important;
}
	
#view {
    padding: 10px 25px !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
	
#strategy-inner h5 {
    font-size: 11px !important;
    line-height: 21px !important;
}

#strategy-inner p {
    font-size: 9px !important;
    line-height: 17px !important;
}

div#waste {
    padding: 20px 0px !important;
}
	
div#board-inner {
    padding: 20px 0px !important;
}

#board-inner h4 {
    font-size: 22px !important;
    line-height: 30px !important;
}
	
div#contact-form {
    padding: 20px 0px 10px !important;
}

#contact-form input, #contact-form textarea {
    padding: 10px 10px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 12px !important;
    line-height: 20px !important;
}
	
#contact-form .btn input {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 6px 18px !important;
}

div#tmaaus {
    padding: 30px 0px !important;
}

#tmaaus .wpb_text_column {
    margin-bottom: 15px !important;
}

svg {
    max-height: 10px !important;
}

h1 {
    font-size: 38px !important;
    line-height: 46px !important;
}

#example-inner svg {
    max-height: 25px !important;
    right: 2% !important;
    bottom: 9% !important;
}

#strategy-inner .vc_column-inner {
    padding: 12px 12px !important;
}

#board h2 {
    font-size: 24px !important;
    line-height: 32px !important;
}

#board-inner .wpb_text_column {
    margin-bottom: 10px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#top a.closed {
	padding: unset !important;
	border: unset !important;
}


div#footer {
    padding: 20px 0px 0px !important;
    text-align: center;
}

#vision .wpb_text_column {
    margin-bottom: 10px !important;
}

#mission .wpb_text_column {
    margin-bottom: 10px !important;
}

#support h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#support .wpb_text_column {
    margin-bottom: 12px !important;
}

#diversity h2 {
    font-size: 32px !important;
    line-height: 40px !important;
}

#workforce h2 {
    font-size: 25px !important;
    line-height: 33px !important;
}

#footer img {
    height: 50px !important;
    margin: unset !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 50px !important;
}

div#brand-inner {
    margin: unset !important;
}

.call {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}


#vision .vc_col-sm-5 {
    margin-bottom: 5px !important;
}

#vision .vc_col-sm-7 {
    margin-bottom: 0px !important;
}

#vision .vc_col-sm-12 {
    margin-top: unset !important;
}

div#counter-inner {
    margin: unset !important;
}

#board-inner img {
    display: block !important;
}

#contact-form .form .row .col.span_6 {
    margin-bottom: 10px !important;
}

	
div#slide-out-widget-area-bg {
    height: 100% !important;
    width: 100% !important;
    left: 0% !important;
    top: 0% !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    background: #062b81b8 !important;
}
	
ul.menu {
	position: absolute !important;
    right: 23% !important;
    top: 80% !important;
}
	
ul.menu li {
    border: unset !important;
}
	
li#menu-item-14 a {
    padding: 5px 10px 5px 240px !important;
}
	
li#menu-item-17 a {
    padding: 5px 10px 5px 143px !important;
}
	
li#menu-item-19 a {
    padding: 5px 10px 5px 212px !important;
}
	
li#menu-item-20 a {
    padding: 5px 10px 5px 210px !important;
}
	
li#menu-item-21 a {
    padding: 5px 10px 5px 240px !important;
}
	
header#top .slide-out-widget-area-toggle.mobile-icon.fullscreen-split {
    background: #355aaf !important;
    padding: 0px 15px !important;
	border-radius: 10px !important;
}
	
#understand img {
    width: 60% !important;
}
	
#workforce ul {
    column-count: 3 !important;
}
	
div#counter {
    text-align: center !important;
}

.list-blk ul li:before {
    left: -8% !important;
    top: 20% !important;
	height: 60% !important;
	width: 60% !important;
}
	
#tmaaa #brand-btn {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 7px 18px !important;
}

div#tmaaa {
    min-height: 490px !important;
	max-height: 590px !important;
    padding: 30px 0px 30px !important;
}
	
#understand svg {
    max-height: 100px !important;
}
	
#brand-inner .vc_col-sm-3.call .vc_column-inner {
    width: 60% !important;
    left: 20% !important;
}
	
.list-blk ul li.arw:before {
    top: -13% !important;
}
	
}
@media only screen and (min-width: 520px) and (max-width: 767px){
	
li#menu-item-22 a {
    padding: 7px 20px !important;
    font-size: 17px !important;
    line-height: 25px !important;
}

ul.menu li a {
    font-size: 22px !important;
    line-height: 30px !important;
}

h4 {
    font-size: 22px !important;
    line-height: 30px !important;
}

h2 {
    font-size: 32px !important;
    line-height: 40px !important;
}

div#understand {
    padding: 20px 0px 0px !important;
    margin-bottom: 3px !important;
}

div#brand {
    padding: 50px 0px 0px !important;
}

div#brand-inner {
    padding: 0px 0px 30px !important;
}

#brand-inner .vc_column-inner {
    padding: 40px 5px !important;
}

h3 {
    font-size: 27px !important;
    line-height: 35px !important;
}

p {
    font-size: 11px !important;
    line-height: 19px !important;
}

#tmaaus p {
    font-size: 10px !important;
    line-height: 18px !important;
}

#tmaaus h4 {
    font-size: 20px !important;
    line-height: 28px !important;
    padding: unset !important;
}

ul li {
    font-size: 12px !important;
    line-height: 20px !important;
}

#brand-btn {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 6px 16px !important;
}

#footer p {
    font-size: 11px !important;
    line-height: 19px !important;
}
	
#footer .vc_col-sm-5 {
    text-align: center !important;
}
	
div#main-about {
    padding: 100px 0px 90px !important;
}
	
div#main-banner {
    padding: 70px 0px 20px !important;
}

.abt-hero {
    padding: 30px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 10px !important;
}

div#vision {
    padding: 10px 0px 30px !important;
}

div#mission {
    padding: 10px 0px !important;
}
	
div#diversity {
    padding: 20px 0px 30px !important;
}

div#counter-text {
    padding: 8px 0px !important;
    margin: unset !important;
    text-align: center !important;
}

#counter h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#counter {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#counter {
    padding: 15px 0px !important;
}

div#workforce {
    padding: 30px 0px 0px !important;
}

div#example {
    padding: 20px 0px 0px !important;
}

#example-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

#example-inner .vc_column-inner {
    padding: 16px 15px 0px !important;
    min-height: 130px !important;
}

div#example-btn {
    padding: 13px 0px 30px !important;
}
	
#view {
    padding: 8px 20px !important;
    font-size: 15px !important;
    line-height: 23px !important;
}
	
#strategy-inner h5 {
    font-size: 15px !important;
    line-height: 23px !important;
}

#strategy-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

div#waste {
    padding: 10px 0px !important;
}
	
div#board-inner {
    padding: 20px 0px !important;
}

#board-inner h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
	
div#contact-form {
    padding: 10px 0px 10px !important;
}

#contact-form input, #contact-form textarea {
    padding: 8px 8px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 10px !important;
    line-height: 18px !important;
}
	
#contact-form .btn input {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 5px 15px !important;
}

div#tmaaus {
    padding: 30px 0px !important;
}


#tmaaus .wpb_text_column {
    margin-bottom: 15px !important;
}

svg {
    max-height: 8px !important;
}

h1 {
    font-size: 26px !important;
    line-height: 34px !important;
}

#example-inner svg {
    max-height: 25px !important;
    right: 2% !important;
    bottom: 9% !important;
}

#strategy-inner .vc_column-inner {
    padding: 22px 32px !important;
}

#board h2 {
    font-size: 17px !important;
    line-height: 25px !important;
}

#board-inner .wpb_text_column {
    margin-bottom: 8px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#top a.closed {
	padding: unset !important;
	border: unset !important;
}


div#footer {
    padding: 20px 0px 0px !important;
    text-align: center;
}

#vision .wpb_text_column {
    margin-bottom: 10px !important;
}

#mission .wpb_text_column {
    margin-bottom: 10px !important;
}

#support h2 {
    font-size: 19px !important;
    line-height: 27px !important;
}

#support .wpb_text_column {
    margin-bottom: 10px !important;
}

#diversity h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#workforce h2 {
    font-size: 17px !important;
    line-height: 25px !important;
}

#footer img {
    height: 50px !important;
    margin: unset !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 50px !important;
}

div#brand-inner {
    margin: unset !important;
}

.call {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}


#vision .vc_col-sm-5 {
    margin-bottom: 5px !important;
}

#vision .vc_col-sm-7 {
    margin-bottom: 0px !important;
}

#vision .vc_col-sm-12 {
    margin-top: unset !important;
}

div#counter-inner {
    margin: unset !important;
    column-count: 2 !important;
    text-align: center !important;
}

#board-inner img {
    display: block !important;
}

#contact-form .form .row .col.span_6 {
    margin-bottom: 8px !important;
}
	
#contact-form .form .row {
    padding-bottom: 8px !important;
}

#understand img {
    display: block !important;
}

#mission .vc_col-sm-5 {
    margin: unset !important;
}

#mission .vc_col-sm-7 {
    margin: unset !important;
}

#counter p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#counter .row_col_wrap_12_inner.col.span_12.left {
	display: flex;
}

#workforce ul {
    column-count: 2 !important;
}

#workforce svg {
    max-height: 10px !important;
}

#strategy h2 {
    font-size: 25px !important;
    line-height: 33px !important;
}

#waste h2 {
    font-size: 22px !important;
    line-height: 30px !important;
}

#waste .wpb_text_column {
    margin-bottom: 10px !important;
}
	
div#slide-out-widget-area-bg {
    height: 100% !important;
    width: 100% !important;
    left: 0% !important;
    top: 0% !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    background: #062b81b8 !important;
}
	
ul.menu {
	position: absolute !important;
    right: 21% !important;
    top: 80% !important;
}
	
ul.menu li {
    border: unset !important;
}
	
li#menu-item-14 a {
    padding: 5px 10px 5px 240px !important;
}
	
li#menu-item-17 a {
    padding: 5px 10px 5px 110px !important;
}
	
li#menu-item-19 a {
    padding: 5px 10px 5px 212px !important;
}
	
li#menu-item-20 a {
    padding: 5px 10px 5px 210px !important;
}
	
li#menu-item-21 a {
    padding: 5px 10px 5px 240px !important;
}
	
li#menu-item-18 a {
    padding: 5px 10px 5px 23px !important;
}
	
header#top .slide-out-widget-area-toggle.mobile-icon.fullscreen-split {
    background: #355aaf !important;
    padding: 0px 15px !important;
	border-radius: 10px !important;
}
	
#understand img {
    width: 40% !important;
}
	
#location ul {
    column-count: 1 !important;
}

.list-blk ul li:before {
    left: -6% !important;
    top: 30% !important;
    height: 50% !important;
    width: 50% !important;
}

div#tmaaa {
    min-height: 540px !important;
	max-height: 640px !important;
    padding: 20px 0px 20px !important;
}

.list-blk ul {
    padding-left: 30px !important;
    column-count: 1 !important;
}
	
#understand svg {
    max-height: 100px !important;
}
	
#brand-inner .vc_col-sm-3.call .vc_column-inner {
    left: 0 !important;
}

}
@media only screen and (min-width: 300px) and (max-width: 519px){
	
li#menu-item-22 a {
    padding: 7px 20px !important;
    font-size: 17px !important;
    line-height: 25px !important;
}

ul.menu li a {
    font-size: 17px !important;
    line-height: 25px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}

h2 {
    font-size: 30px !important;
    line-height: 38px !important;
}

div#understand {
    padding: 20px 0px 0px !important;
    margin-bottom: 3px !important;
}

div#brand {
    padding: 50px 0px 0px !important;
}

div#brand-inner {
    padding: 0px 0px 30px !important;
}

#brand-inner .vc_column-inner {
    padding: 30px 5px !important;
	min-height: 220px !important;
}

h3 {
    font-size: 18px !important;
    line-height: 26px !important;
}

p {
    font-size: 14px !important;
    line-height: 22px !important;
}

#tmaaus p {
    font-size: 12px !important;
    line-height: 20px !important;
}

#tmaaus h4 {
    font-size: 17px !important;
    line-height: 25px !important;
    padding: unset !important;
}

ul li {
    font-size: 14px !important;
    line-height: 22px !important;
}

#brand-btn {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 6px 16px !important;
}

#footer p {
    font-size: 15px !important;
    line-height: 23px !important;
}
	
div#main-about {
    padding: 80px 0px 70px !important;
}
	
div#main-banner {
    padding: 50px 0px 20px !important;
}

.abt-hero {
    padding: 20px 0px 0px !important;
}

#solution .wpb_text_column {
    margin-bottom: 6px !important;
}

div#vision {
    padding: 0px 0px 20px !important;
}

div#mission {
    padding: 0px 0px !important;
}
	
div#diversity {
    padding: 10px 0px 20px !important;
}

div#counter-text {
    padding: 8px 0px !important;
    margin: unset !important;
    text-align: center !important;
}

#counter h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#counter {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#counter {
    padding: 15px 0px !important;
}

div#workforce {
    padding: 20px 0px 0px !important;
}

div#example {
    padding: 10px 0px 0px !important;
}

#example-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

#example-inner .vc_column-inner {
    padding: 16px 15px 0px !important;
    min-height: 130px !important;
}

div#example-btn {
    padding: 13px 0px 30px !important;
}
	
#view {
    padding: 8px 20px !important;
    font-size: 15px !important;
    line-height: 23px !important;
}
	
#strategy-inner h5 {
    font-size: 15px !important;
    line-height: 23px !important;
}

#strategy-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

div#waste {
    padding: 10px 0px !important;
}
	
div#board-inner {
    padding: 20px 0px !important;
}

#board-inner h4 {
    font-size: 16px !important;
    line-height: 24px !important;
}
	
div#contact-form {
    padding: 10px 0px 10px !important;
}

#contact-form input, #contact-form textarea {
    padding: 6px 6px !important;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
    font-size: 9px !important;
    line-height: 17px !important;
}
	
#contact-form .btn input {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 5px 15px !important;
}

div#tmaaus {
    padding: 30px 0px !important;
}

#tmaaus .wpb_text_column {
    margin-bottom: 15px !important;
}

svg {
    max-height: 7px !important;
}

h1 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#tmaaus .vc_col-sm-6.btn-blk {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
	
#example-inner svg {
    max-height: 25px !important;
    right: 2% !important;
    bottom: 9% !important;
}

#strategy-inner .vc_column-inner {
    padding: 22px 32px !important;
}

#board h2 {
    font-size: 13px !important;
    line-height: 21px !important;
}

#board-inner .wpb_text_column {
    margin-bottom: 7px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#top a.closed {
	padding: unset !important;
	border: unset !important;
}


div#footer {
    padding: 20px 0px 0px !important;
    text-align: center;
}
	
#footer .vc_col-sm-5 {
    text-align: center !important;
}

#vision .wpb_text_column {
    margin-bottom: 10px !important;
}

#mission .wpb_text_column {
    margin-bottom: 10px !important;
}

#support h2 {
    font-size: 15px !important;
    line-height: 23px !important;
}

#support .wpb_text_column {
    margin-bottom: 8px !important;
}

#diversity h2 {
    font-size: 25px !important;
    line-height: 33px !important;
}

#workforce h2 {
    font-size: 13px !important;
    line-height: 21px !important;
}

#footer img {
    height: 50px !important;
    margin: unset !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 45px !important;
}

div#brand-inner {
    margin: unset !important;
}

.call {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}


#vision .vc_col-sm-5 {
    margin-bottom: 5px !important;
}

#vision .vc_col-sm-7 {
    margin-bottom: 0px !important;
}

#vision .vc_col-sm-12 {
    margin-top: unset !important;
}

div#counter-inner {
    margin: unset !important;
    column-count: 2 !important;
    text-align: center !important;
}

#board-inner img {
    display: block !important;
}

#contact-form .form .row .col.span_6 {
    margin-bottom: 8px !important;
}
	
#contact-form .form .row {
    padding-bottom: 8px !important;
}

#understand img {
    display: block !important;
}

#mission .vc_col-sm-5 {
    margin: unset !important;
}

#mission .vc_col-sm-7 {
    margin: unset !important;
}

#counter p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#counter .row_col_wrap_12_inner.col.span_12.left {
	display: flex;
}

ul li {
	column-count: 1 !important;
}

#workforce svg {
    max-height: 10px !important;
}

#strategy h2 {
    font-size: 19px !important;
    line-height: 27px !important;
}

#waste h2 {
    font-size: 17px !important;
    line-height: 25px !important;
}

#waste .wpb_text_column {
    margin-bottom: 10px !important;
}


#contact-form .wpb_text_column {
    margin-bottom: 8px !important;
}

#contact-form p {
    font-size: 7px !important;
    line-height: 15px !important;
}
	
#understand img {
    max-width: 30% !important;
}
	
#tmaaus .row_col_wrap_12 {
    padding: 0px 20px !important;
}
	
div#slide-out-widget-area-bg {
    height: 100% !important;
    width: 100% !important;
    left: 0% !important;
    top: 0% !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    background: #062b81b8 !important;
}
	
ul.menu {
	position: absolute !important;
    right: 80px !important;
    top: 60px !important;
}
	
ul.menu li {
    border: unset !important;
}
	
li#menu-item-14 a {
    padding: 5px 10px 5px 240px !important;
}
	
li#menu-item-17 a {
    padding: 5px 10px 5px 143px !important;
}
	
li#menu-item-19 a {
    padding: 5px 10px 5px 212px !important;
}
	
li#menu-item-20 a {
    padding: 5px 10px 5px 210px !important;
}
	
li#menu-item-21 a {
    padding: 5px 10px 5px 240px !important;
}
	
header#top .slide-out-widget-area-toggle.mobile-icon.fullscreen-split {
    background: #355aaf !important;
    padding: 0px 15px !important;
	border-radius: 5px !important;
}
	
#workforce ul {
    column-count: 1 !important;
}
	
#location ul {
    column-count: 1 !important;
}
	
#brand-inner .vc_col-sm-5.invisible {
    display: none !important;
}	
	
.tma-hero .row-bg {
    background-position: right top !important;
}
	
.prefast-hero .row-bg {
    background-position: right top !important;
}
	
.queens-hero .row-bg {
    background-position: right top !important;
}
	
.marca-hero .row-bg {
    background-position: right top !important;
}
	
.park-hero img {
    filter: brightness(0) invert(1);
}
	
.call-hero .row-bg {
    background-position: right top !important;
}


.list-blk ul li:before {
    left: -6% !important;
    top: 30% !important;
    height: 50% !important;
    width: 50% !important;
}

div#tmaaa {
    min-height: 860px !important;
	max-height: 680px !important;
    padding: 20px 0px 20px !important;
}
	
div#intro-row .hover-wrap {
    position: absolute !important;
    bottom: -750px !important;
    left: 0px !important;
}

div#intro-row img {
    width: 80%;
	margin: unset !important;
}

.list-blk ul {
    padding-left: 30px !important;
    column-count: 1 !important;
}
	
#understand svg {
    max-height: 100px !important;
}
	
#brand-inner .vc_col-sm-3.call .vc_column-inner {
    left: 0 !important;
}
	
#tmaaa p, #tmaaa ul li, #tmaaa h4, #tmaaa h6 {
    display: none !important;
}
	
#tmaaa #brand-btn {
    padding: 10px 18px !important;
}
	
/* div#intro-row .hover-wrap {
    position: absolute !important;
    bottom: -750px !important;
    left: -20px !important;
} */
	
}