@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

#main-page-content {opacity:1!important}
#hero-bg-image {opacity:1!important}
#hero-footer {opacity:1!important}
#page-nav  {opacity:1!important}
#hero {background:#fff}
.moving-gallery li { width: auto;height:120px;line-height:60px;padding:30px 50px;border: 1px solid rgba(0, 0, 0, 0.06);margin:15px;background:#fff;border-radius:25px;transition:all .3s ease-in-out;}
.moving-gallery li:hover {box-shadow:0 0 15px rgba(0,0,0,.15)}
.moving-gallery li img {max-height:60px;max-width:150px;transition:all .3s ease-in-out;border:none}
.moving-gallery li:hover img {filter: brightness(0) saturate(100%) invert(91%) sepia(99%) saturate(28%) hue-rotate(248deg) brightness(108%) contrast(100%);}
.moving-gallery li:hover {background:#000}

.mt60{margin-top:60px;}

h1 {
    font-size: calc(1rem + 3.5vw);
    line-height: calc(1rem + 3.5vw);
}

h1 > span.has-scale-image {
    position: relative;
    display: inline-block;
    background-color: #ffce0a;
	border-radius:50px 50px 0 0!important;height:40px!important;

}
.light-section-wrapper, .dark-section-wrapper {overflow:hidden}
.pinned-lists li {transition:all .3s ease-in-out;color:#fff}
.pinned-lists li:hover {-webkit-text-stroke: 2px #fff;color:transparent;letter-spacing:1px;}
.pinned-lists-wrapper p {color:#fff;font-size:24px;font-weight:300}

.rounded-borders .moving-gallery li img {border-radius: 0;}
.button-icon-link {box-shadow:none!important}
.projects-list-captions > li {font-family: "Poppins", sans-serif;font-size: 100px;line-height: 100px;font-weight: 700;letter-spacing:2px;text-shadow:0 0 15px rgba(0,0,0,.50); }


.mcolor {color:#ffce0a;}
.marquee-text-wrapper {position:absolute;top:0;right:0;left:0;}
.marquee-text span {display: inline-table;margin:0 30px;font-size:100px;line-height:100px;height:100px;font-weight:700;text-transform:none;color:#fff;}
.marquee-text a.stroke {color:#ebebeb;text-shadow:none}
	
.section-image img {opacity:.66;}
.ama-header.white-header .header-gradient {background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)!important}

.hero-title span {opacity: 1;}

#team-panels .panel-content-wrapper {height: 600px;padding:0}
#team-panels .panel-content {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
    bottom:0;

}
.team-name-panel {float: none;margin:0;font-size: 24px;color:#000}
.team-cat-panel {float: none;margin:0 0 15px;}
.map iframe {width:100%;height:640px;}
.text-align-center .box-icon {margin:0 auto 15px;}
#values-panels {margin-top:60px;}
#values-panels .panel-content-wrapper {
    height: 240px;
    padding:50px;
	width:400px;
	background:#ffce0a;border-radius:30px;
}
#values-panels .panel-content-wrapper h5 {line-height:1.2}
.clients-table {justify-content: left;}
.clients-table li {transition:all .3s ease-in-out;position:relative;background:#ebebeb}
.clients-table li img {max-height:80px;max-width:160px;filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(26%) hue-rotate(224deg) brightness(97%) contrast(107%);transition:all .3s ease-in-out;opacity:1;
object-fit:unset;width:100%;height:unset;display:block;position:absolute;top:50%;transform: translateY(-50%);left:0;right:0;}
.clients-table li:hover img {top:40%}
.clients-table li:hover {background:#000}
.clients-table li:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(0%) hue-rotate(66deg) brightness(103%) contrast(102%);opacity:1}

.clients-table li .city {position:absolute;left:0;right:0;bottom:20px;text-align: center;transition:all .3s ease-in-out;}
.clients-table li:hover  .city {bottom:50px;}
.clients-table li .city h5 {font-size:16px; text-transform:uppercase;margin:0 0 5px;line-height:1;color:#000;font-weight:500;transition:all .3s ease-in-out;letter-spacing:3px;}
.clients-table li:hover  h5 {color:#fff;letter-spacing:2px;}
.clients-table li .city span {font-size:13px;text-transform:uppercase;color:#ffce0a;letter-spacing:0;opacity:0;transition:all .3s ease-in-out;}

.clients-table li .city a {

padding: 5px;
    font-weight: 600;
    letter-spacing: 3px;
    transition: all .3s ease-in-out;
    
}

.clients-table li:hover .city span {opacity:1;letter-spacing:6px;}

.clients-table li:hover .city a {
    color: #fff;
}

.clients-table li:hover .city a:hover {
    color: #fff;
    text-decoration: underline;
}



.rounded-borders .panels-container .panel img {border-radius: 0;}

.plink{position:absolute;top:0;left:0;width:100%;height:100%}	

.hero-video-mob {display:none}


.values {margin:0 0 30px;height: auto;padding:25px;background:#ffce0a;border-radius:30px;display:block;}
.values img {max-height:32px;margin-bottom:15px;}
.values h5 {line-height:1.2}


#values-panels-mob {
    display: none;
}





.agent-list {list-style:none;margin:0;width:100%; text-align: left;}



.agent-list li {width:25%;margin:0 -2px;display:inline-block;vertical-align:top;}





.agent {background:#ebebeb;height:320px;padding:40px;text-align:center;transition:all .3s ease-in-out;position:relative;margin:15px}

.agent:hover {background:#000}

.agent img {height:auto;width: auto;max-height:80px;max-width:200px;left:0;right:0;position: absolute;display: block;object-fit: unset;margin:0 auto;top:50%;transform: translateY(-50%);filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(26%) hue-rotate(224deg) brightness(97%) contrast(107%);transition:all .3s ease-in-out;}

.agent:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(0%) hue-rotate(66deg) brightness(103%) contrast(102%);top:25%}

.agent .city {position:absolute;bottom:0;left:40px;right:40px;opacity:1;list-style:none;opacity:0;transition:all .3s ease-in-out;}

.agent .city li{padding:0;line-height:24px;margin:0;display:block;text-align:center;width:100%}

.agent:hover .city {opacity:1;bottom:25px;}

.agent .city li a {color:#fff;font-weight:600;letter-spacing:3px;transition:all .3s ease-in-out;display:block;padding:0}

.agent .city li:hover a {letter-spacing:0;}

.agent .city li:hover a:hover {color:#ffce0a;letter-spacing:6px;padding:5px 0}

.agent span {position:absolute;bottom:0;left:40px;right:40px;opacity:1;opacity:0;transition:all .3s ease-in-out;color:#ffce0a;text-transform:uppercase;font-weight:600;letter-spacing:3px;}

.agent:hover span {opacity:1;bottom:60px;}



.agent:before {

    position: absolute;

    bottom:10%;

    left:calc(50% - 70px);

    display: block;

    z-index:0;

    opacity: 0;

    content:"";

    width:128px;height:128px;

    background:url(images/bullseye-pointer.svg) no-repeat;filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(0%) hue-rotate(66deg) brightness(103%) contrast(102%);transition:all .3s ease-in-out;

}



.agent:hover:before {opacity:.20; bottom:-0px;}





@media (max-width: 1366px) {



.agent-list li {width:33.33333333333%}

.agent-box .city {left:280px;top:30px}





}



@media (max-width: 990px) {



.agent-list li {width:50%}

.agent-box {padding:40px;min-height:auto}

.agent-box img {position:relative;top:0;left:0;display:block;margin-bottom:25px;transform: translateY(0%);}

.agent-box .city {position:relative;top:0;left:0;right:0}

.agent-box span {position:relative;top:0;left:0;right:0;display:inline-block;font-size:15px;padding:5px 15px;}

.agent-box .city li {line-height:20px}

.agent-box .city li a {padding:5px 15px;margin:0 5px 5px 0;font-size:15px;}



}



@media (max-width: 768px) {
#hero-image-wrapper.mob-vid {display:none}
.hero-video-mob {display:block;position:relative;height: 100%;aspect-ratio: 16 / 9;width:100%;left:0;right:0;top:0;margin:80px 0 0 }
.hero-video-mob	video { height: 100%;aspect-ratio: 16 / 9;display:block;width:100%}

.clients-table li .city {    
    padding: 20px;
}

.hidden-image {
  position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    opacity: 0;
    background-position: 50% 65%;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}


#values-panels .panel-content-wrapper {width:240px; padding: 25px; height: 320px;}
#values-panels {display:none}

#values-panels-mob {
    display: block;
}


.agent-list li {width:100%}


.tabs {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.tab {
    margin-bottom: 25px;

}


}





.post {background:#000;height:200px;overflow:hidden;position:relative;background:#fff;transition:all .3s ease-in-out;border-bottom:1px solid #ebebeb}

.post:last-child {border-bottom:none}

.post img {height:460px;width:100%;object-fit:cover;opacity:0;transition:all .3s ease-in-out;}

.post .post-info {position:absolute;top:50%;transform: translateY(-50%);left:16.6666666666%;right:16.6666666666%;transition:all .3s ease-in-out;z-index:1}

.post .post-info h3 {font-size:34px;line-height:1.1;transition:all .3s ease-in-out;}

.post .date {position:absolute;top:calc(50% - 45px);background:#ffce0a;height:60px;left:8.333333333%;padding:15px 5px;min-width:64px;text-align:center;display:block;transition:all .3s ease-in-out;}

.post .date span {display:block;color:#000;transition:all .3s ease-in-out;}

.post .date .day {font-size:46px;font-weight:700;line-height:46px}

.post .date .month {font-size:14px;line-height:14px;}



.post a {position:absolute;right:0;bottom:calc(50% - 75px);background:#ffce0a;border-radius:50%;color:#fff;display:block;line-height:150px;width:150px;height:150px;font-size:24px;transition:all .3s ease-in-out;opacity:0;text-align:center}

.post:hover a {right:5%;line-height:80px;width:80px;height:80px;bottom:calc(50% - 40px);opacity:1}

.post:hover {height:300px;background:#000}

.post:hover img {opacity:.50}

.post:hover  .post-info h3 {color:#fff;} 

.post:hover .date span {color:#ffce0a;}

.post:hover .date  {background:#000}



.post.active {height:300px;background:#000}

.post.active img {opacity:.50}

.post.active  .post-info h3 {color:#fff;} 

.post.active .date span {color:#ffce0a;}

.post.active .date  {background:#000}

.post.active a {right:50px;line-height:80px;width:80px;height:80px;bottom:calc(50% - 40px);opacity:1}



.hero-title-wrapper h3 {line-height:1}



.half {float: left;position: relative;width:50% }


.box-text-wrapper {padding:80px;position:relative;text-align:center;height:280px;border-radius:30px;transition:all .4s ease-in-out;background:#ebebeb;margin:15px;}

.box-text-wrapper:before {

    position: absolute;

    top: 13%;

    opacity:.66;

    left: calc(50% - 70px);

    display: block;

    z-index: 0;

    content: "";

    width: 128px;

    height: 128px;

    background: url(images/bullseye-arrow.svg) no-repeat;

    filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(0%) hue-rotate(66deg) brightness(103%) contrast(102%);

    transition: all .3s ease-in-out;

}

.box-text-wrapper.last:before  { background: url(images/vision-target.svg) no-repeat;}

.box-text-wrapper h2 {text-transform:uppercase;font-weight:700}

.box-text-wrapper h5 {position:absolute;bottom:80px;left:80px;right:80px;margin:0;line-height:1.1;width:calc(100% - 160px)}

.box-text:hover .box-text-wrapper:hover {background:#ffce0a;opacity:1}

.box-text:hover .box-text-wrapper {opacity:.3}



/*TABS*/


/* Tabs styling */
.tabs {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.tab {

    cursor: pointer;
    margin-right: 5px;
    width: calc(100% - 30px);
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0px;
    color: #000;
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 36px;
}

.tab.active {
   color: #ffce0a;
}

.tab:hover {
   color: #ffce0a;
}

/* Tab content */
.tab-content {
    display: none;
    padding: 10px;
    background-color: #fff;
}

/* Accordion */
.accordion {
    width: 100%;
}

.accordion-item {

}

.accordion-header {
    background-color: #fff;
    border: none;
    text-align: left;
    cursor: pointer;
    font-weight: 600;
    list-style-image: none;
    transition: all .4s ease-in-out;
    color: #000;
    font-size: 24px;
    list-style: none;
    line-height: 24px;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 25px 25px 25px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.accordion-header:hover {
    color: #ffce0a;
}

.accordion-header span {
    display: none;
}

.accordion-header:before {
    content: "";
    position: absolute;
    left: 0;
    font-size: 16px;
    transition: all .4s ease-in-out;
    width: 10px;
    height: 10px;
    display: block;
    top: 17px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ccc;
    transform: rotate(0deg);
}

.accordion-content[open] .accordion-header::before {
    transform: rotate(90deg);
    border-color: transparent transparent transparent #ffce0a;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 10px;
}

.accordion-content  p {
    font-size: 18px;
    line-height: 22px;
}

.accordion-content  ul {
    list-style: none;
    margin: 0;
}

.accordion-content  ul li {
    padding: 0 5px 10px 25px;
    position: relative;
    margin: 0;
    line-height: 20px;
    color: #000;
}

.accordion-content  ul li:before {
    left: 0;
    top: 8px;
    position: absolute;
    width: 0px;
    content: "";
    height: 0px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #ffce0a transparent;
    transform: rotate(0deg);
}

.accordion-content h6 {
    margin: 0;
     font-size: 18px;
    line-height: 36px;
}

.tab-content .accordion .accordion-content {
    margin-bottom: 0;
    font-size: 16px;
    color: #777;
    line-height: 28px;
    padding-left: 25px;
    padding-right: 80px;
    padding-top: 10px;
    padding-bottom: 0px;
    z-index: 0;
    position: relative;
}






@media (max-width: 1200px) {

    .post,.post.active {height:250px}

    .post .post-info {left:30px;right:80px;bottom:30px;top:auto;transform: unset;}

    .post .date {left:30px;height:auto;padding:10px 0;top:30px;}

    .post .date .day {font-size:32px;font-weight:700;line-height:32px;min-width:auto;}

    .post .date .month {font-size:12px;line-height:12px;}

    .post .post-info h3 {font-size:24px;}

    .post img {height:250px;}

}

@media (max-width: 990px) {

    .post a,.post:hover a,.post.active a  {right:15px;line-height:50px;width:50px;height:50px;bottom:30px;font-size:20px;}

    .post .post-info h3 {font-size:20px;}

    .half {float: left;position: relative;width:100%}

    .box-text-wrapper {padding:40px;height:auto;}

    .box-text-wrapper h5 {position:relative;bottom:0;left:0;right:0;width:100%}

    .box-text-wrapper:before  { top: calc(50% - 64px);}

}

.news-text a{
	color: red;
	text-decoration:underline;
}
.news-text a b{
	color: red;
}