/*! Metropolitan Group > 20191014 ---------------- */

:root {

 --contain: 1220; --sx: 40px; --sy: 28px; --st: 150px; --stc: 50px; --s1: 40px; --s2: 60px; --s3: 80px; --s4: 100px; --s5: 120px; --sm1: 10px;
 --nx: calc(var(--sx) * -1); --ny: calc(var(--sy) * -1);
 --vws: 1px; --vwx: calc(var(--vw, 1vw) * 100); --vhx: calc(var(--vh, 1vh) * 100);

 --ff_1: Nunito Sans, Helvetica Neue, Arial, sans-serif;
 --ff_2: Oswald, Helvetica Neue, Arial, sans-serif;
 --ff_3: Veneer, Impact, sans-serif;
 --ff_4: Bombes, sans-serif;

 --c_d1: #141211; --c_d1t: var(--c_d1); /* default: gray, text */
 --c_i1: #ffffff; --c_i1t: var(--c_i1); /* inverted: white, text */
 --c_a1: #AF272F; --c_a1t: var(--c_a1); /* accent: red, links */
 --c_a2: #326295; --c_a2t: var(--c_a2); /* accent: blue, special */
 --c_a3: #A1D6CA; --c_a3t: var(--c_a3); /* accent: teal, buttons */
 --c_a4: #ECD898; --c_a4t: var(--c_a4); /* accent: mustard, special */
 --c_b1: #B6ADA5; --c_b1t: var(--c_b1); /* background: brown, dividers */
 --c_b2: #E5E1DE; --c_b2t: var(--c_b2); /* background: creme, dividers */
 --c_b3: #f8f8f8; --c_b3t: var(--c_b3); /* background: gray, field focus */
 --c_b4: #3B3B3C; --c_b4t: var(--c_b4); /* background: dark gray, key takeaway */
 --c_o1: #dddddd; --c_o1t: var(--c_o1); /* borders: gray, fields */
 --c_o2: #aaaaaa; --c_o2t: var(--c_o2); /* borders: dark gray, fields */
 --c_e1: #ef4242; --c_e1t: var(--c_e1); /* error: red, fields */

 --xw_1: 1220px;
 --xw_2: 980px;
 --xw_3: 905px;
 --xw_4: 800px;
 --xw_5: 700px;

 --t8n_d1: 0.3s;
 --t8n_p1: border-color, background, background-size, box-shadow, transform, opacity, filter, clip-path, -webkit-clip-path;
 --t8n_p2: var(--t8n_p1), visibility;
 --t8n_e1: cubic-bezier(.5,0,0,1);
 --t8n_e2: cubic-bezier(.35,.6,.45,1);

}

@media screen and (max-width: 1279px) { :root { --vws: calc((100vw - 320px) / (1280 - 320)); --sx: 30px; } }
@media screen and (max-width: 1023px) { :root { --st: 80px; --stc: 0px; } }
@media screen and (max-width:  719px) { :root { --sx: 20px; --s1: 25px; --s2: 40px; --s3: 50px; --s4: 60px; --s5: 80px; } }
@media screen and (max-width:  319px) { :root { --vws: 0px; } }

@font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../ttf/icomoonf6be.ttf') format('truetype'), url('../woff/icomoonf6be.woff') format('woff'), url('../svg/icomoonf6be.svg#icomoon') format('svg'); }
@font-face { font-family: 'Icons-Youtube'; font-weight: normal; font-style: normal; src: url('../ttf/icomoonf6be-2.ttf') format('truetype'), url('../woff/icomoonf6be-2.woff') format('woff'), url('../svg/icomoonf6be-2.svg#icomoon') format('svg'); }
@font-face { font-family: 'Bombes'; font-weight: 400; font-style: normal; src:url('../woff2/bombes-400.woff2') format('woff2'), url('../woff/bombes-400.woff') format('woff'); }
@font-face { font-family: 'Veneer'; font-weight: 400; font-style: normal; src:url('../woff2/veneer-400.woff2') format('woff2'), url('../woff/veneer-400.woff') format('woff'); }

/*   ______  _______ _______ _______
 *   |_____] |_____| |______ |______
 *   |_____] |     | ______| |______
*/

.root1 { position: relative; width: 100%; min-width: 320px; margin: 0; padding: 0; }
 .root1, .root1 *, .root1 *:before, .root1 *:after { box-sizing: border-box; }
 .root1-wrap { margin: 0; }

@media screen {
 .-contain { max-width: 1210px; max-width: calc(var(--contain) * 1px + 2 * var(--sx)); margin-left: auto; margin-right: auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-width: var(--sx); border-right-width: var(--sx); }
 .-decontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); }
 .-recontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); padding-left: calc(var(--vw, 1vw) * 50 - 50%); padding-right: calc(var(--vw, 1vw) * 50 - 50%); }
}
@media print {
.-contain { margin-left: auto; margin-right: auto; }
}

/* grid */

[grid] { --gx: var(--sx); display: flex; flex-wrap: wrap; margin-top: -40px; margin-left: -20px; margin-right: -20px; margin-top: calc(var(--gy,var(--gx)) * -1); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; pointer-events: none; }
[grid~="inline"] { display: inline-flex; }
 [grid] > * { width: var(--column, auto); min-width: 0; margin-bottom: 0; border: 1px solid transparent; border-width: 40px 20px 0; border-width: var(--gy,var(--gx)) calc(var(--gx) / 2) 0; background-clip: padding-box; pointer-events: auto; }
  [grid] > li:before { display: none; }

[width="-"]{width:100%;height:0;margin:0;border-width:0}[width^="16/"]{width:16.666%}[width^="20/"]{width:19.999%}[width^="25/"]{width:24.999%}[width^="33/"]{width:33.333%}[width^="40/"]{width:39.999%}[width^="50/"]{width:49.999%}[width^="60/"]{width:59.999%}[width^="66/"],[width^="67/"]{width:66.666%}[width^="75/"]{width:74.999%}[width^="80/"]{width:74.999%}[width^="99/"],[width^="100/"]{width:100%}
@media screen and (max-width: 1279px){[width*="/a/"]{width:auto}[width*="/16/"]{width:16.666%}[width*="/20/"]{width:19.999%}[width*="/25/"]{width:24.999%}[width*="/33/"]{width:33.333%}[width*="/40/"]{width:39.999%}[width*="/50/"]{width:49.999%}[width*="/60/"]{width:59.999%}[width*="/66/"],[width*="/67/"]{width:66.666%}[width*="/75/"]{width:74.999%}[width*="/80/"]{width:79.999%}[width*="/100/"]{width:100%}}
@media screen and (max-width:  719px) {[width$="/a"]{width:auto}[width$="/16"]{width:16.666%}[width$="/20"]{width:19.999%}[width$="/25"]{width:24.999%}[width$="/33"]{width:33.333%}[width$="/40"]{width:39.999%}[width$="/50"]{width:49.999%}[width$="/60"]{width:59.999%}[width$="/66"],[width$="/67"]{width:66.666%}[width$="/75"]{width:74.999%}[width$="/80"]{width:79.999%}[width$="/100"]{width:100%}}
@media screen and (min-width: 1280px){[width^="0/"]{display:none !important}} @media screen and (min-width: 720px) and (max-width: 1279px){[width*="/0/"]{display:none !important}} @media screen and (max-width: 719px){[width$="/0"]{display:none !important}}

/* reveal */

@media screen {
[reveal^="1"] { transition-duration: 0.5s; transition-timing-function: ease; }
[reveal^="2"] { transition-duration: 1s; }
[r5s]:not([ready]) [reveal^="1+/"], [r5s] [reveal^="1/"]:not([revealed]) { opacity: 0; transform: translateY(30px); }
[r5s]:not([ready]) [reveal^="2+/"], [r5s] [reveal^="2/"]:not([revealed]) { opacity: 0; }
[reveal]{--rd:0;transition-delay:calc(var(--rd,0) * var(--rs, 0.1s))}[reveal$="/0"]{--rd:0}[reveal$="/1"]{--rd:1}[reveal$="/2"]{--rd:2}[reveal$="/3"]{--rd:3}[reveal$="/4"]{--rd:4}[reveal$="/5"]{--rd:5}[reveal$="/6"]{--rd:6}[reveal$="/7"]{--rd:7}[reveal$="/8"]{--rd:8}[reveal$="/9"]{--rd:9}[reveal$="/10"]{--rd:10}
[aligned]{transition-delay:calc(var(--rd,0) * var(--rs, 0.1s) + var(--rq) * 0.1s)}
}

/*   _______  _____  ______  _     _ _      _______ _______
 *   |  |  | |     | |     \ |     | |      |______ |______
 *   |  |  | |_____| |_____/ |_____| |_____ |______ ______|
*/

/**
 * @name .anchor1
 * @description Localscroll helper
 * @example { }
 */

.anchor1 { --offset: calc(var(--stc) * -1 - var(--s1)); overflow: hidden; height: 1px; margin: 0; }
 .anchor1-target { overflow: hidden; height: 1px; margin: var(--offset) 0 0; }

/**
 * @name .backdrop1
 * @description Colored backgrounds
 * @example { }
 */

.backdrop1 { position: relative; margin-bottom: 0; padding-top: var(--s3); padding-bottom: var(--s3); color: var(--c, #f3f3f3); }
 .backdrop1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: currentColor; }
 .backdrop1.-ctr:before { -webkit-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); }
 .backdrop1-wrap { position: relative; color: var(--c_d1t); }

@media screen and (max-width: 1023px) {
.backdrop1.-ctr:before { -webkit-clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 100%); }
}

@media print {
.backdrop1 { border: 1px solid var(--c_b2t); border-width: 7px 0; }
.backdrop1 + .backdrop1 { padding-top: 0; border-top-width: 0; }
 .backdrop1:before { display: none; }
}

/**
 * @name .bio1
 * @description Bio card
 * @example { }
 */

.bio1 { text-align: center; }
 .bio1-image { max-width: 240px; margin: 0 auto 15px; }
 .bio1-name { margin-bottom: 0; font: inherit; text-transform: none; letter-spacing: 0; }

.bio1.-small { min-width: 120px; font-size: 13px; }
 .bio1.-small .bio1-image { max-width: 120px; }
 .bio1.-small .bio1-name { font-size: 13px; }

@media screen and (max-width: 1023px) {
.bio1.-small { width: 120px; font-size: 11px; }
 .bio1.-small .bio1-image { max-width: 70px; }
 .bio1.-small .bio1-name { margin-bottom: 2px; font-size: 12px; }
}

/**
 * @name .bio1
 * @description Horizontal bio card
 * @example { }
 */

.bio2 { display: flex; align-items: center; margin-bottom: var(--s1); }
 .bio2-image { flex: none; width: 120px; margin: 0 30px 0 0; }
 .bio2-main { --sy: 4px; flex-grow: 1; }
  .bio2-name { font: 900 24px/1.2 var(--ff_1); letter-spacing: 0; text-transform: none; }
  .bio2-email { font-size: 16px; }

@media screen and (max-width: 719px) {
.bio2-image { width: 80px; margin-right: 15px; }
.bio2-email { word-break: break-word; }
}

/**
 * @name .bio3
 * @description Horizontal large bio card
 * @example { }
 */

.bio3 { display: flex; align-items: center; margin-bottom: var(--s1); }
 .bio3-image { flex: none; width: 160px; margin: 0 30px 0 0; }
 .bio3-main { --sy: 12px; flex-grow: 1; }
  .bio3-name { font: 900 24px/1.2 var(--ff_1); letter-spacing: 0; text-transform: none; }
  .bio3-title { margin-top: calc(var(--sy) * -1); font-size: 24px; }

@media screen and (max-width: 719px) {
.bio3 { display: block; text-align: center; }
 .bio3-image { margin: 0 auto var(--sy); }
  .bio3-name { font-size: 21px; }
  .bio3-title { font-size: 21px; }
}

/**
 * @name .bios1
 * @description Bios wrapper
 * @example { }
 */

.bios1 {  }
 [js] .bios1 .bio3 { margin-bottom: 0; }
 [js] .bios1 .bio3:not(.is-active) { display: none; }

/**
 * @name .block1
 * @description ISMG Promo block
 * @example { }
 */

.block1 { position: relative; margin-top: var(--s1); margin-bottom: var(--s5); padding-top: 200px; padding-bottom: 100px; }
 .block1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: var(--c_b2); -webkit-clip-path: polygon(0 200px, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 200px, 100% 0, 100% 100%, 0 100%); }
 .block1-main { --sy: 12px; position: relative; z-index: 2; margin-bottom: 0; text-align: center; }
 .block1-images { display: flex; justify-content: space-between; align-items: flex-end; position: absolute; left: 0; right: 0; bottom: -60px; pointer-events: none; }
  .block1-images figure { flex: none; width: 100%; max-width: 360px; margin: 0; }

@media (max-width: 1279px) {
.block1-images figure { max-width: 220px; }
}
@media screen and (max-width: 1023px) {
.block1 { padding: 80px 0 140px; }
 .block1:before { -webkit-clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); }
 .block1-images { bottom: -40px; }
  .block1-images figure { width: 45%; }
}
@media screen and (max-width: 719px) {
.block1 { padding-bottom: 0; }
 .block1:before { bottom: 40px; }
 .block1-images { position: relative; left: auto; right: auto; bottom: auto; margin-top: var(--s1); }
}


/**
 * @name .blocks1
 * @description Service tabs grid
 * @example { }
 */

.blocks1 { overflow: hidden; }
 .blocks1-wrap { --gx: var(--s3); --gy: var(--s2); display: flex; flex-wrap: wrap; margin: calc(var(--gy) * -1) calc(var(--gx) * -1) 0; }
  .blocks1-block { --sy: 14px; flex: none; width: 50%; min-width: 0; margin: 0; padding: var(--gy) var(--gx); box-shadow: inset 1px 1px #B6ADA5; }
   .blocks1-title { margin-bottom: 20px; }
   .blocks1 .-t\:17:not(:first-child) { margin-top: 24px; }

@media screen and (max-width: 1023px) {
.blocks1-wrap { --gx: var(--s1); --gy: var(--s1); }
}
@media screen and (max-width: 719px) {
.blocks1-wrap { display: block; }
 .blocks1-block { width: 100%; box-shadow: inset 0 1px #B6ADA5; }
}

/**
 * @name .card1
 * @description Location card
 * @example { }
 */

.card1 { display: flex; background: var(--c_b2t); }
 .card1-image { flex: none; position: relative; width: 100%; margin: 0 -100% 0 0; padding-top: 100%; }
  .card1-image .img1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; }
 .card1-main { flex-grow: 1; position: relative; margin: 0; padding: var(--s2); }
  .card1-title { font: 900 26px/1.23 var(--ff_1); letter-spacing: 0; }
  .card1-subtitle { margin-top: calc(var(--sy) * -1); }

@media print, screen and (min-width: 1024px) {
.card1.-wide .card1-image { width: calc(50% - var(--gx, 0px) - var(--s1)); margin-right: 0; padding-top: 0; }
 .card1.-wide .card1-image .img1 { position: relative; }
  .grid1-full .card1-image .img1:before { padding-bottom: calc(100% + var(--s1) + var(--gx, 0px)); }
  .card1.-wide .card1-image .img1 img { object-position: 0 0; }
}
@media screen and (max-width: 1279px) {
.card1-main { padding: var(--s1); }
}
@media screen and (max-width: 1023px) {
 .card1.-recontain .card1-image .img1 { width: auto; margin-left: var(--nx); margin-right: var(--nx); }
.card1.-recontain .card1-main { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 719px) {
.card1-main { padding: var(--sx); }
}

@media print {
.card1 { box-shadow: inset 0 0 0 7px var(--c_b2t); background: none; }
}

/**
 * @name .card2
 * @description Case study card
 * @example { }
 */

.card2 { --c2s: var(--s1); }
 .card2-wrap { display: flex; align-items: flex-end; font: inherit; text-decoration: none; }
  .card2-image { flex: none; position: relative; width: 100%; margin: 0 -100% 0 0; }
   .card2-image:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 50%; margin: 0; background: linear-gradient(rgba(20,18,17,0), rgba(20,18,17,0.4)); pointer-events: none; }
  .card2-main { --sy: 10px; flex: none; position: relative; width: 100%; padding: var(--c2s); color: var(--c_i1); }
   .card2-brow { font: 500 18px/1.11 var(--ff_2); text-transform: uppercase; }
   .card2-title { font: 900 26px/1.23 var(--ff_1); letter-spacing: 0; }

@media (max-width: 1279px) {
.card2 { --c2s: var(--sx); }
}
@media screen and (max-width: 599px) {
.card2-brow { font-size: 16px; }
.card2-title { font-size: 20px; }
}

/**
 * @name .carousel1
 * @description Bio carousel
 * @example { }
 */

.carousel1 { --w: 25%; margin-bottom: var(--s3); }
 .carousel1-entries { display: flex; overflow: auto; padding: 0 100px; }
 :root:not([js]) .carousel1-entries { scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 :root:not([js]) .carousel1-entries::-webkit-scrollbar { display: none; }
  .carousel1-entries .slick-dots { display: none !important; }
  .carousel1-entry { flex: none; width: var(--w); scroll-snap-align: start; }
   .carousel1-entry .bio1 { margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1023px) {
.carousel1 { --w: 33.33%; }
 .carousel1-entries { padding: 0 50px; }
}
@media screen and (max-width: 719px) {
.carousel1 { --w: 50%; }
 .carousel1-entries { margin-left: var(--nx); margin-right: var(--nx); padding: 0 20px; }
 [js] .carousel1-entries { overflow: hidden; }
  .carousel1-entries .slick-arrow[class] { margin-left: -10px; margin-right: -10px; }
  .carousel1-entry { padding: 0 10px; }
}
@media screen and (max-width: 599px) {
.carousel1-entries { padding: 0 0 30px; }
 .carousel1-entries .slick-arrow { display: none !important; }
 .carousel1-entries .slick-dots { display: block !important; top: auto; bottom: 0; }
}

@media print {
.carousel1-entries { padding: 0; }
 .carousel1-entries .slick-track { display: flex; flex-wrap: wrap; }
  .carousel1-entries .slick-slide { float: none; width: 20% !important; padding: 0 10px; }
}


/**
 * @name .carousel2
 * @description Logos carousel
 * @example { }
 */

.carousel2 { --w: 20%; margin-bottom: var(--s3); }
 .carousel2-entries { display: flex; overflow: auto; padding: 0 50px; }
 :root:not([js]) .carousel2-entries { scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 :root:not([js]) .carousel2-entries::-webkit-scrollbar { display: none; }
 .carousel2-entries .slick-track { display: flex; align-items: center; }
  .carousel2-entries .slick-dots { display: none !important; }
  .carousel2-entry { flex: none; width: var(--w); scroll-snap-align: start; text-align: center; }

@media screen and (max-width: 1023px) {
.carousel2 { --w: 33.33%; }
}
@media screen and (max-width: 719px) {
.carousel2 { --w: 50%; }
}
@media screen and (max-width: 599px) {
.carousel2-entries { padding: 0 0 30px; }
 .carousel2-entries .slick-arrow { display: none !important; }
 .carousel2-entries .slick-dots { display: block !important; top: auto; bottom: 0; }
  .carousel2-entry { padding: 0 10px; }
}

@media print {
.carousel2-entries { padding: 0; }
 .carousel2-entries .slick-track { display: flex; flex-wrap: wrap; }
  .carousel2-entries .slick-slide { float: none; width: 20% !important; padding: 0 10px; }
}


/**
 * @name .content1
 * @description Global content
 */

.content1 { margin-bottom: 0; }
 .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
@supports(--css: variables) { .content1:before { display: none; } }

@media screen and (max-width: 599px) {
 .content1:before { padding: 15px 20px; font-size: 14px; }
}

/**
 * @name .corner1
 * @description Header actions
 * @example { }
 */

@media print, screen and (min-width: 1024px) {
.corner1 { display: flex; justify-content: flex-end; align-items: flex-end; }
 .corner1 .searchbox1 { margin-bottom: 0; }
 .corner1-actions { display: flex; margin-left: 10px; padding: 0; }
  .corner1-actions li { flex: none; min-width: 0; margin-bottom: 0; }
   .corner1-actions li:before { display: none; }
}
@media screen and (max-width: 1023px) {
.corner1 { }
  .corner1 .searchbox1-wrap label[for][for] { display: none; }
  .corner1 .searchbox1-wrap input[type][type] { width: 100%; padding-left: 35px; background: transparent; color: var(--c_i1); opacity: 1; pointer-events: auto; }
  .corner1 .searchbox1-wrap button { right: auto; left: 0; width: 30px; background: transparent; box-shadow: none; color: var(--c_i1); opacity: 1; }
 .corner1-actions { display: none; }
}

/**
 * @name .embed1
 * @description Responsive embeds
 */

.embed1 { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; }
 .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/**
 * @name .error1
 * @description Error page overlay
 */

.error1 { display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: var(--vhx); margin: 0; background: #f2f2f2; text-align: center; }
 .error1-wrap { margin-left: auto; margin-right: auto; }
  .error1-code { margin: 0; font-size: 82px; line-height: 1; opacity: 0.2; }
  .error1-title { margin-bottom: 4px; font-size: 50px; }
  .error1-info { margin-bottom: calc(var(--sy) / 2); }

/**
 * @name .xtratabs1
 * @description Tabs for services page
 * @example { }
 */

.xtratabs1 { --t: 140px; position: relative; overflow: hidden; margin-top: var(--s1); margin-bottom: 0; padding-top: var(--s3); }
 .xtratabs1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: 0; content: ''; pointer-events: none; }
 .xtratabs1.-active:before { background: var(--c_b2); transition-delay: 0.2s; }
 .xtratabs1-close { position: absolute; right: var(--sx); top: 20px; z-index: 21; font-size: 24px; transition-property: var(--t8n_p2); cursor: pointer; }
 .xtratabs1:not(.-active) .xtratabs1-close { visibility: hidden; opacity: 0; pointer-events: none; }
 .xtratabs1-wrap { }
  .xtratabs1-intro { display: flex; margin: 0 var(--nx); padding-bottom: var(--s3); }
   .xtratabs1-item { --sy: 16px; flex: 1 0 0; min-width: 0; padding: 0 var(--sx); }
    .xtratabs1-itemclose[class] { display: none; position: absolute; right: var(--sx); top: 20px; z-index: 21; font-size: 24px; transition-property: var(--t8n_p2); cursor: pointer; }
    .xtratabs1-header { display: block; position: relative; color: inherit; text-decoration: none; text-align: center; }
     .xtratabs1-header:before { position: absolute; left: 50%; top: var(--t); z-index: -1; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border-radius: 50%; background: var(--c_b2); font-size: 4000px; transform: scale(0) translateZ(0); }
     .xtratabs1-header:hover:before { transform: scale(0.1) translateZ(0); }
     .xtratabs1-item.-active .xtratabs1-header:before { transform: scale(1); transition-duration: 1s; }
     .xtratabs1-header:after { position: absolute; left: 50%; top: var(--t); z-index: -1; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border-radius: 50%; background: var(--c_i1); font-size: 400px; transform: scale(0) translateZ(0); }
     .xtratabs1-item.-active .xtratabs1-header:after { transform: scale(1) translateZ(0); }
     .xtratabs1-image { max-width: 175px; margin-left: auto; margin-right: auto; }
     .xtratabs1-title { max-width: 300px; margin-left: auto; margin-right: auto; color: var(--c_a2t); line-height: 1; text-decoration: underline; }
     .xtratabs1-more { color: var(--c_a1t); text-decoration: underline; }
    .xtratabs1-lead { margin-top: var(--s1); margin-bottom: 0; }
    .xtratabs1.-active .xtratabs1-lead { display: none; }
    .xtratabs1-item .xtratabs1-tab { display: none; }
  .xtratabs1-tabs { position: relative; }
   [js] .xtratabs1-tab { display: none; margin: 0; opacity: 0; }
   [js] .xtratabs1-tab.-active { display: block; opacity: 1; }
    .xtratabs1-tabtitle { padding: var(--s1) 0; border-top: 1px solid var(--c_b1t); }
    [js] .xtratabs1-tabtitle { display: none; }

@media screen and (max-width: 719px) {
.xtratabs1 { padding: 0; }
 .xtratabs1:before { display: none; }
 .xtratabs1-close[class] { display: none; }
 .xtratabs1-intro { display: block; padding-bottom: 0; }
  .xtratabs1-item { position: relative; margin-bottom: 0; padding-top: var(--s2); padding-bottom: var(--s2); }
  .xtratabs1-item:not(.-active) + .xtratabs1-item:not(.-active) { margin-top: calc(var(--s2) * -1); }
  .xtratabs1-item.-active { background: var(--c_b2); }
   .xtratabs1-item .xtratabs1-itemclose { display: none; }
   .xtratabs1-item.-active .xtratabs1-itemclose { display: block; }
   .xtratabs1.-active .xtratabs1-lead { display: block; }
   .xtratabs1-item.-active .xtratabs1-lead { display: none; }
   .xtratabs1-item.-active .xtratabs1-tab { display: block; margin-top: var(--s1); opacity: 1; }
    .xtratabs1-item .blocks1-block:last-child { padding-bottom: 0; }
   .xtratabs1-header:before { display: none; }
   .xtratabs1-header:after {display: none; }
 [js] .xtratabs1-tabs { display: none; }
}

/**
 * @name .filters1
 * @description Filter tabs
 * @example { }
 */

.filters1 { border-bottom: 1px solid var(--c_b2t); }
 .filters1-title { margin-bottom: 20px; font: 500 19px/1 var(--ff_2); }
 .filters1-nav { margin: 0; padding: 20px 0; border-top: 1px solid var(--c_b2t); font: 500 16px/1 var(--ff_2); letter-spacing: 0.37px; text-transform: uppercase; }
 :root:not([js]) .filters1-nav { display: none; }
  .filters1-nav ul { display: flex; padding: 0; }
   .filters1-nav li { margin-bottom: 0; }
   .filters1-nav li ~ li { margin-left: var(--sx); }
    .filters1-nav li:before { display: none; }
    .filters1-nav a { color: inherit; font: inherit; text-decoration: none; }
     .filters1-nav a:after { display: inline-block; content: '\e908'; margin: 0 0 0 0.5em; font: 20px/1 Icons; vertical-align: top; }
     .filters1-nav .is-active a:after { content: '\e90b'; }
 .filters1-tabs {  }
 :root:not([js]) .filters1-tabs { padding-bottom: var(--sy); }
  :root:not([js]) .filters1-tab { padding-top: var(--sy); border-top: 1px solid var(--c_b2t); }
  [js] .filters1-tab { overflow: hidden; height: var(--height, auto); margin-bottom: 0; transition-property: height; }
   [js] .filters1-tab > :last-child { padding-bottom: var(--sy); }
  [js] .filters1-tab:not(.is-active) { display: none; }
   [js] .filters1-intitle { display: none; height: 0; margin-bottom: 0; }

/**
 * @name .footer1
 * @description Global footer
 */

.footer1 { margin-bottom: 0; padding: var(--s2) 0; background: var(--c_d1t); color: var(--c_i1t); }
 .footer1 a { --atcn: var(--c_b1); --atch: var(--c_i1); }
 .footer1-wrap { }
  .footer1-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0; }
   .footer1-wrap .-t\:13 { color: var(--c_a4t); }
   .footer1-logo { margin-bottom: 0; font-size: 130px; line-height: 1; }
    .footer1-logo a { width: 130px; height: 130px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-decoration: none; }
   .footer1-logos { display: flex; align-items: center; flex-grow: 1; margin-bottom: 0; padding: 0 40px; }
    .footer1-logos a { display: block; width: 100%; }
    .footer1-row .join1 { flex: none; width: 100%; max-width: 420px; min-width: 0; padding-bottom: 33px; }
  .footer1-sub { max-width: 420px; margin-left: auto; }
   .footer1-contact { display: flex; justify-content: space-between; margin-bottom: 16px; }
    .footer1-email { margin: 0; }
     .footer1-email a { margin-left: 10px; }
    .footer1-contact .socials1 { margin-left: 20px; }
   .footer1-links { --s: 16px; display: flex; margin-left: calc(var(--s) * -1); padding: 0; font-size: 14px; line-height: 1; }
    .footer1-links li { margin-left: var(--s); margin-bottom: 0; }
     .footer1-links li:before { display: none; }

@media (max-width: 1279px) {
.footer1-badges { margin-top: -20px; flex-wrap: wrap; }
 .footer1-badges li { margin: 20px 20px 0; }
}
@media screen and (max-width: 1132px) {
.footer1 { padding: var(--s1) 0; }
 .footer1-row { display: block; }
  .footer1-logo { margin-bottom: var(--s1); font-size: 100px; text-align: center; display: flex; justify-content: center; }
  .footer1-logo a {width: 100px; height: 100px;}
  .footer1-logos { max-width: 590px; margin: 0 auto var(--s1); padding: 0; }
  .footer1-row .join1 { margin-left: auto; margin-right: auto; }
 .footer1-sub { margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 719px) {
.footer1-badges { padding-left: 0; padding-right: 0; flex-wrap: nowrap; }
.footer1-contact { display: block; }
 .footer1-contact .socials1 { margin-top: 15px; margin-left: 16px; }
 .footer1-contact .socials1-items { justify-content: center; }
  .footer1-contact .socials1-items li { margin-left: 0; margin-right: 15px; }
}

@media print {
.footer1 { background: none; color: inherit; }
 .footer1 a { color: #333; }
 .footer1-wrap .-t\:13 { color: var(--c_d1t); }
}

/**
 * @name .gallery1
 * @description Sliding gallery
 * @example { }
 */

.gallery1 {  }
 .gallery1-entries { background: var(--c_b2); }
 :root:not([js]) .gallery1-entries { display: flex; overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 :root:not([js]) .gallery1-entries::-webkit-scrollbar { display: none; }
  .gallery1-entries .slick-dots { display: none !important; }
  .gallery1-entries .slick-arrow[class] { left: 40%; margin: -1.5em calc(var(--contain) * 1px / -2) 0; }
  .gallery1-entries .slick-next[class] { left: auto; right: 40%; }
  .gallery1-entries .slick-next[class]::before,
  .gallery1-entries .slick-prev[class]::before { font-family: 'Icons';
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    bottom: unset;
    right: unset; }
  .gallery1-entries .slick-prev[class]::before {
      right: 51%;
      transform: translate(50%, -50%);
      bottom: unset;
      left: unset;
    }
  .gallery1-entry { margin: 0; }
  :root:not([js]) .gallery1-entry { flex: none; width: 100%; scroll-snap-align: start; }
   .gallery1-figure { display: flex; align-items: flex-end; }
    .gallery1-figure .img1 { flex: none; width: 100%; margin: 0 -100% 0 0; }
     /*.gallery1-figure .img1:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: linear-gradient(rgba(20,18,17,0), rgba(20,18,17,0.75)); }*/
    .gallery1-caption { flex: none; position: relative; width: 100%; margin: 0; padding-top: var(--s2); padding-bottom: var(--s2); }
     .gallery1-caption > div > * { max-width: 530px; }

@media screen and (max-width: 1279px) {
.gallery1-entries .slick-arrow[class] { left: 0; margin: -1.5em var(--sx) 0; }
.gallery1-entries .slick-next[class] { left: auto; right: 0; }
}
@media screen and (max-width: 1023px) {
.gallery1-caption { padding: var(--sy) 0; }
}
@media screen and (max-width: 719px) {
.gallery1-entries .slick-arrow[class] { display: none !important; }
.gallery1-entries .slick-dots { display: block !important; }
}

@media print {
.gallery1-entries { background: none; }
 .gallery1 .slick-track > * { width: 100% !important; }
  .gallery1-figure { display: block; }
   .gallery1-figure .img1:after { display: none; }
   .gallery1-caption {padding: var(--sy) 0; }
    .gallery1-caption > div > * { max-width: 100%; }
}

/**
 * @name .grid1
 * @description General grid
 */

.grid1 { display: grid; grid-template-columns: repeat(var(--columns,1), 1fr); grid-row-gap: var(--gy, var(--s2)); grid-column-gap: var(--gx, var(--s2)); margin-bottom: var(--s3); }
.grid1.-middle { align-items: center; }
 .grid1 > * { margin-bottom: 0; }
 .grid1-full { grid-column: 1 / -1; }

.grid1.-g1 { --gx: var(--s1); --gy: var(--s1); }

@media print, (min-width: 600px) {
.grid1.-c3\>s { --columns: 3; }
.grid1.-c2\>s { --columns: 2; }
}
@media print, (min-width: 1024px) {
.grid1.-c5\>m { --columns: 5; }
.grid1.-c4\>m { --columns: 4; }
.grid1.-c3\>m { --columns: 3; }
.grid1.-c2\>m { --columns: 2; }
}
@media screen and (max-width: 599px) {
.grid1.-c2\<m { --columns: 2; }
}

/**
 * @name .hero1
 * @description Wedge overlay hero
 * @example { }
 */

.hero1 { display: flex; margin-bottom: var(--s1); }
 .hero1-image { flex: none; overflow: hidden; width: 100%; margin: 0 -100% 0 0; -webkit-clip-path: polygon(0 0,100% 0, 100% calc(100% - 200px), 0 100%); clip-path: polygon(0 0,100% 0, 100% calc(100% - 200px), 0 100%); }
  .hero1-image .img1 { min-height: 580px; height: 100%; background: var(--c_b2); }
   .hero1-image .img1[style]:before { display: none; }
   .hero1-image .img1 img { }
 .hero1-outer { position: relative; width: 100%; margin: 0; }
  .hero1-wrap { height: 100%; }
   .hero1-wrap .insert1 { height: 100%; padding: var(--s2) 0 var(--s4); }

@media screen and (max-width: 1023px) {
.hero1-image { -webkit-clip-path: polygon(0 0,100% 0, 100% calc(100% - 60px), 0 100%); clip-path: polygon(0 0,100% 0, 100% calc(100% - 60px), 0 100%); }
}
@media screen and (max-width: 719px) {
.hero1-image .img1 { min-height: 400px; }
}

@media print {
.hero1-image { display: none; }
.hero1-wrap .insert1 { padding: var(--s1) 0 0; }
}

/**
 * @name .hero2
 * @description Wedge overlay hero
 * @example { }
 */

.hero2 { display: flex; align-items: flex-end; min-height: 750px; margin-bottom: var(--s3); }
 .hero2-image { flex: none; align-self: stretch; width: 100%; height: 100%; margin: 0 -100% 0 0; }
  .hero2-image .img1 { height: 100%; min-height: calc(var(--vhx) - var(--st)); }
   .hero2-image .img1[class]:before { display: none; }
 .hero2-outer { position: relative; width: 100%; margin: 0; padding: var(--s3) 0; }
  .hero2-outer:before { position: absolute; left: 0; right: 0; top: 200px; bottom: 0; content: ''; margin: 0; background: var(--bc, #AF272F); -webkit-clip-path: polygon(0 0,100% 200px, 100% 100%, 0 100%); clip-path: polygon(0 0,100% 200px, 100% 100%, 0 100%); }
  .hero2-wrap { position: relative; height: 100%; }
   .hero2-scroll { position: absolute; right: 0; bottom: -40px; color: inherit; text-decoration: none; }
   .hero2-title { }
    .hero2-title span { display: block; }
    .hero2-title span + span { text-indent: 0.55em; }

@media screen and (max-width: 1279px) and (min-width: 1024px) {
.hero2-outer { margin-top: 150px; }
}
@media screen and (max-width: 1023px) {
.hero2 { display: block; min-height: 0; }
 .hero2-image { margin: 0; }
  .hero2-image .img1 { min-height: 0; }
   .hero2-image .img1[class]:before { display: block; }
 .hero2-outer { margin-top: -160px; }
  .hero2-outer:before { top: 40px; -webkit-clip-path: polygon(0 0,100% 120px, 100% 100%, 0 100%); clip-path: polygon(0 0,100% 120px, 100% 100%, 0 100%); }
}

@media print {
.hero2 { border-bottom: 1px solid var(--c_b1); }
.hero2-image { display: none; }
 .hero2-outer:before { display: none; }
 .hero2-scroll[class] { display: none; }
}

/**
 * @name .hero3
 * @description Homepage hero
 * @example { }
 */

.hero3 { --c: #000; position: relative; padding: 100px 0 200px; }
 .hero3:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: var(--c); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 200px)); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 200px)); }
 .hero3-image { position: absolute; left: 0; top: 0; width: 100%; margin: 0; }
  .hero3-image:after { position: absolute; left: 0; right: 0; bottom: -1px; content: ''; height: 200px; margin: 0; background: var(--c); -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100%, 0 100%); }
  .hero3-image .img1 { height: 600px; }
   .hero3-image .img1:before { display: none; }
 .hero3-main { position: relative; padding-top: 80px; text-align: center; }
 .hero3-main.theme2 a { --atcn: 'inherit'; }
 .hero3-image.-hide { display: none; }

@media screen and (max-width: 1023px) {
.hero3 { padding: 80px 0 100px; }
.hero3:before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 80px)); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 80px)); }
  .hero3-image .img1 { height: auto; }
   .hero3-image:after { height: 80px; }
   .hero3-main { padding-top: 0; }
}

@media print {
.hero3 { --c: 'transparent'; margin-bottom: var(--s3); padding: var(--s3) 0; border-bottom: 1px solid var(--c_b1); }
.hero3-image { display: none; }
}

/**
 * @name .highlight1
 * @description Photo highlight
 * @example { }
 */

.highlight1 {  }
 .highlight1-image { margin-bottom: 15px; background: var(--c_b4); }
  .highlight1-image .img1 { opacity: 0.5; }
 .highlight1-main { position: relative; font: 900 26px/1.23 var(--ff_1); }
 .highlight1-image + .highlight1-main { margin-left: 100px; }
  .highlight1-main big { display: block; font: 70px/1.1 var(--ff_3); } /* change here */
  .highlight1-image + .highlight1-main big { margin: -100px 0 30px -70px; }

@media (max-width: 1279px) {
.highlight1-image + .highlight1-main { margin-left: 70px; }
 .highlight1-image + .highlight1-main big { margin-left: -40px; }
}
@media screen and (max-width: 719px) {
.highlight1-image + .highlight1-main { margin-left: 50px; }
 .highlight1-image + .highlight1-main big { margin-left: -30px; }
}

@media print {
.highlight1-image + .highlight1-main { margin-left: 0; }
 .highlight1-image + .highlight1-main big { margin: 0; }
}

/**
 * @name .img1
 * @description Image wrapper
 */

.img1 { display: block; position: relative; overflow: hidden; width: 100%; }
.img1.-zoom { transform: translateZ(0); }
 .img1[style*="--r:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r) * 100%); }
 .img1 img, .img1 video { display: block; width: 100%; }
 a:hover .img1.-zoom img { transform: scale(1.1); }
 .img1.-round, .img1.-round img, .img1.-round video { border-radius: 50%; }
 .img1[style*="--r:"] img { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: var(--x, 50%) var(--y, 50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .img1.-fit img, .img1.-fit video { object-fit: contain; }
 .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; }

 [js] .img1.-swipein img.lazyload,
 [js] .img1.-swipein img.lazyloading { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0,0 0, 0 100%, 0 100%); }
 [js] .img1.-swipein img.lazyloaded { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition-duration: 1s; }

@media screen and (max-width: 599px) {
.img1[style*="--r2:"]:before { padding-bottom: calc(var(--r2, var(--r)) * 100%); }
}

/**
 * @name .insert1
 * @description Hero content
 * @example { }
 */

.insert1 { display: flex; flex-direction: column; }
 .insert1-brow {  }
  .insert1-tags { --s: 20px; display: flex; padding: 0; font: 500 18px/1.4 var(--ff_2); text-transform: uppercase; }
   .insert1-tags li { flex: none; margin-bottom: 0; }
   .insert1-tags li:not(:last-child) { padding-right: var(--s); margin-right: var(--s); border-right: 1px solid; }
    .insert1-tags li:before { display: none; }
    .insert1-tags a { color: inherit; font: inherit; text-decoration: none; }
 .insert1-main { max-width: var(--xw_5); margin-top: auto; }
  .insert1-title { }
  .insert1-byline { font-size: 16px; font-weight: 900; }
   .insert1-byline > * { display: inline-block; margin-right: 15px; vertical-align: top; }
   .insert1-byline em { font-weight: normal; }
   .insert1-byline > small { transform: scaleY(1.5); opacity: 0.5; }

/**
 * @name .invalid1
 * @description Validation message
 * @example { }
 */

.invalid1 { display: none; margin-top: 5px; color: var(--c_e1t); }
.-validated:invalid ~ .invalid1, .-validated:invalid + label .invalid1, .invalid1.-visible { display: block; }

/**
 * @name .join1
 * @description Newsletter signup
 * @example { }
 */

.join1 {  }
 .join1-label { display: block; margin-bottom: 10px; }
 .join1-main { display: flex; align-items: flex-start; }
  .join1-main > span { flex-grow: 1; }
   .join1 input[type] { --h: 60px; }
  .join1 button { --h: 60px; flex: none; margin-left: -1px; }

/**
 * @name .list1
 * @description Iconed list
 * @example { }
 */

.list1 { padding-left: 35px; }
 .list1 li { margin-bottom: 15px; }
  .list1 li:before { display: none; }
  .list1 li i:first-child { float: left; width: 24px; margin: -2px 6px 0 -35px; color: var(--c_a2t); font-size: 1.1em; text-align: center; }

/**
 * @name .loader1
 * @description Loading spinner
 */

.loader1 { display: block; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; color: rgba(0,0,0,0.25); font-size: 30px; animation: loader1 1s 1 linear; pointer-events: none; transition-property: var(--t8n_p2); }
.img1.-dark .loader1, .loader1.-light { color: rgba(255,255,255,0.65); }
.lazyloading ~ .loader1 { animation-iteration-count: infinite; }
.lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; animation-iteration-count: 1; }
 .loader1:before { display: block; content: ''; width: 1em; height: 1em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; }

@media screen and (max-width: 599px) {
.loader1 { font-size: 20px; }
}

@keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/**
 * @name .loader2
 * @description Full screen loader
 */

.loader2 { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; margin: 0; background: rgba(0,0,0,0.35); font-size: 60px;  transition-property: opacity, visibility; opacity: 0; }
.loader2.is-active { visibility: visible; opacity: 1; }
 .loader2:after { position: absolute; left: 50%; top: 50%; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; color: #fff;animation: loader1 1s infinite paused linear; }
 .loader2.is-active:after { animation-play-state: running; }
.loader2.-small { font-size: 32px; }
.loader2.-static { display: none; position: relative; margin-bottom: var(--sy); background: none; }
.loader2.-static.is-active { display: block; }
 .loader2.-static:after { display: block; position: relative; left: 0; top: 0; margin: 0; color: var(--c_d1); opacity: 0.5; }

/**
 * @name .message1
 * @description Message above footer
 * @example { }
 */

.message1 { margin: 0; padding: var(--s1) 0; border: 1px solid var(--c_b1t); border-width: 1px 0; text-align: center; }
.message1.-nosep { border-top-width: 0; }
 .message1-wrap { max-width: 800px; }

/**
 * @name .nav1
 * @description Primary navigation
 */

@media print, screen and (min-width: 1024px) {
.nav1 { --s: 15px; }
 .nav1-main { display: flex; padding: 0; }
  .nav1-main > li { position: relative; margin-bottom: 0; }
  .nav1-main > li ~ li { margin-left: var(--s1); }
   .nav1-main > li:before { display: none; }
   .nav1-main > li > a { --atcn: var(--c_d1t); display: block; position: relative; font: 500 18px/1 var(--ff_2); letter-spacing: 0.6px; text-transform: uppercase; text-decoration: none; }
    .nav1-main > li > a:before { position: absolute; left: 0; top: 100%; content: ''; width: 100%; height: 3px; margin: 3px 0 0; background: currentColor; transform: scaleX(0); transform-origin: 50% 0; }
    .nav1-main > li > a:hover:before,
    .nav1-main > li.-active > a:before { transform: scale(1); }
   .nav1-toggle { display: none; }
   .nav1-main > li > em { position: absolute; left: -10001px; top: -10001px; font-style: normal; }
   .nav1-sub { visibility: hidden; position: absolute; left: -20px; top: 100%; width: 300px; width: max-content; max-width: 400px; margin: var(--s) 0 0; padding: 20px; box-shadow: 0 0 0 1px var(--c_b2t); background: var(--c_i1t); font-size: 16px; line-height: 1.25; opacity: 0; pointer-events: none; transform: translateY(-5px); transition-property: var(--t8n_p2); }
   li:hover > .nav1-sub { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
   li:focus-within > .nav1-sub { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
   li:nth-child(2) ~ li .nav1-sub { left: auto; right: -20px; }
    .nav1-sub:before { position: absolute; left: 0; right: 0; bottom: 100%; content: ''; height: var(--s); }
    .nav1-sub > li { margin-bottom: 10px; }
     .nav1-sub > li:before { display: none; }
     .nav1-sub > li > a { --atcn: var(--c_d1t); display: block; font: inherit; text-decoration: none; }
     .nav1-sub > li > a:hover { text-decoration: underline; }
}
@media screen and (max-width: 1023px) {
.nav1 { }
 .nav1-main { padding: 0; color: var(--c_a4); font: 16px/1.375 var(--ff_2); letter-spacing: 0.53px; }
  .nav1-main > li { margin-bottom: 10px; }
   .nav1-main > li:before { display: none; }
   .nav1-main > li > a { color: var(--c_i1); font: 500 21px/1.4 var(--ff_2); letter-spacing: 0.7px; text-transform: uppercase; text-decoration: none; }
   .nav1-main > li > em { display: none; }
   .nav1-toggle { margin-left: 5px; color: var(--c_i1); font: 500 21px/1.4 var(--ff_2); text-transform: uppercase; }
   :root:not([js]) .nav1-toggle { display: none; }
    .nav1-toggle:before { content: '+'; }
    .is-open > .nav1-toggle:before { content: '-'; }
   .nav1-sub { padding: 10px 0 5px; }
   [js] li:not(.is-open) > .nav1-sub { display: none; }
    .nav1-sub > li { }
     .nav1-sub > li:before { display: none; }
     .nav1-sub > li > a { color: inherit; font: inherit; text-decoration: none; }
}

@media print {
.nav1-sub { display: none; }
}

/**
 * @name .quote1
 * @description Photo quote
 * @example { }
 */

@media screen and (min-width: 1024px) {
.quote1 { display: flex; align-items: center; }
 .quote1-side { flex: none; width: 57.35%; margin: 0; }
 .quote1-main { flex-grow: 1; margin-left: var(--s3); }
}

/**
 * @name .quote2
 * @description Quote with author photo
 * @example { }
 */

.quote2 { display: flex; }
 .quote2-author { order: -1; flex: none; width: 260px; margin: 0 var(--s2) 0 0; }
  .quote2-image { max-width: 190px; margin-left: auto; margin-right: auto; }
  .quote2-name { text-align: center; font-size: 17px; }
 .quote2-main { margin-bottom: 0; }

@media screen and (max-width: 719px) {
.quote2 { display: block; }
 .quote2-author { width: 100%; max-width: 220px; margin: 0 auto; }
 .quote2-main { margin-bottom: var(--sy); }
}

/**
 * @name .searchbox1
 * @description Main searchbox
 * @example { }
 */

.searchbox1 {  }
 .searchbox1-wrap { position: relative; min-width: 30px; height: 50px; }
  .searchbox1-wrap label[for][for] { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; z-index: 1; width: 30px; height: 50px; margin: 0; font-size: 24px; }
   .searchbox1-wrap label[for] span { display: none; }
  .searchbox1-wrap input[type] { --h: 50px; --px: 0; display: block; position: absolute; right: 0; top: 0; width: 680px; margin-left: auto; box-shadow: inset 0 -1px var(--oc); background: #fff; transition-property: width, opacity; }
  .searchbox1-wrap input[type]:not(:focus) { width: 0; opacity: 0; pointer-events: none; }
  .searchbox1-wrap button { position: absolute; right: 0; z-index: 2; width: 0; min-height: 50px; height: 40px; padding: 0; opacity: 0; transition-property: width; transition-delay: 0.25s; }
  .searchbox1-wrap input:focus ~ button { width: 30px; transition-delay: 0s; }

@media screen and (max-width: 1279px) {
.searchbox1-wrap input[type] { width: 530px; }
}

/**
 * @name .skips1
 * @description Skip links
 */

.skips1 { position: absolute; top: 100%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
 .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; margin: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips1 li:before { display: none;  }
  .skips1 li a { display: inline-block; position: absolute; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px; background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; }

@media (max-width: 1279px) {
.skips1 { display: none; }
}

/**
 * @name .slick
 * @description Slick slider defaults
 */

@media screen {
.slick-track { transition: none; }
 .slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; }
  .slick-slide * { outline: none; }
.slick-arrow[class] { display: block; overflow: hidden; position: absolute; left: 0; top: 50%; z-index: 10; width: 3em; min-width: 0; height: 3em; margin: -1.5em 0 0; min-height: 0; padding: 0; border: none; border-radius: 50%; background: rgba(255,255,255,0.4); box-shadow: none; color: var(--c_a1t); font: 20px/3 Icons; text-indent: 10001px; text-align: left; }
.slick-arrow[class]:hover { background: rgba(255,255,255,0.75); color: var(--c_d1); opacity: 1; }
.slick-next[class] { left: auto; right: 0; }
 .slick-arrow:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e905'; text-indent: 0; text-align: center; }
 .slick-next:before { content: '\e906'; }
.slick-arrow.slick-disabled[class] { opacity: 0.2; pointer-events: none; }
.slick-dots { position: absolute; left: 0; top: 100%; right: 0; margin: 15px 0 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; }
  .slick-dots li:before { display: none; }
  .slick-dots button { overflow: hidden; width: 8px; min-width: 0; min-height: 0; height: 8px; padding: 0; border-radius: 50%; background: currentColor; box-shadow: none; color: var(--c_d1); font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; opacity: 0.3; }
  .slick-dots button:hover { background: currentColor; opacity: 0.6; }
  .slick-dots .slick-active button { opacity: 0.6; }
}
@media screen and (max-width: 719px) {
.slick-arrow[class] { background: none; }
.slick-arrow[class]:hover { background: none; }
}
@media print {
 .slick-track { width: auto !important; max-width: 100%; transform: none !important; }
  .slick-track > * { width: auto !important; }
  .slick-cloned { display: none; }
 .slick-arrow, .slick-dots { display: none !important; }
}

/**
 * @name .socials1
 * @description Social icons
 * @example { }
 */

.socials1 {  }
 .socials1-label { margin-bottom: 15px; font: 32px/1 var(--ff_3);}
 .socials1-items { --s: 16px; display: flex; margin-left: calc(var(--s) * -1); padding: 0; font-size: 32px; line-height: 1; }
 .socials1.-small .socials1-items { font-size: 24px; }
  .socials1-items li { margin-left: var(--s); margin-bottom: 0; }
   .socials1-items li:before { display: none; }
   .socials1-items a { display: block; text-decoration: none; }
    .socials1-items a:before { display: block; }

/**
 * @name .split1
 * @description Content with sidebar
 * @example { }
 */

.split1 { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--s3); }
 .split1-side { flex: none; width: calc(380px + var(--s1)); margin-left: var(--s1); padding-left: var(--s1); box-shadow: -1px 0 var(--c_b2t); }
 .split1.-borderless .split1-side { box-shadow: none; }
 .split1.-ps1 .split1-side { margin-top: calc(var(--s1) * -1); }
 .split1-main { order: -1; min-width: 0; max-width: var(--xw_5); }

@media (max-width: 1279px) {
.split1-side { width: calc(340px + var(--s1)) }
}
@media screen and (max-width: 1023px) {
.split1 { display: block; }
 .split1-side { width: auto; margin: 0 0 var(--s1); padding: 0 0 var(--s1); box-shadow: 0 1px var(--c_b2t); }
 .split1.-borderless .split1-side { box-shadow: 0 1px var(--c_b2t); }
 .split1.-ps1 .split1-side { margin-top: 0; }
 .split1-main { max-width: 100%; }
}

@media print {
.split1.-ps1 .split1-side { margin-top: 0; }
}

/**
 * @name .split2
 * @description Half-split
 * @example { }
 */

@media print, screen and (min-width: 1024px) {
.split2 { --s: var(--s3); display: flex; justify-content: space-between; }
 .split2-side { order: 2; flex: none; width: 100%; max-width: calc(50% - var(--s) / 2); margin: 0; }
 .split2-main { flex: none; width: 100%; max-width: calc(50% - var(--s) / 2); margin: 0; }
}

/**
 * @name .stream2
 * @description Case studies grid
 * @example { }
 */

.stream2 { --gx: var(--s1); --gy: var(--s1); --s: 180px; margin-bottom: var(--s3); }
 .stream2-entries { display: grid; grid-template-columns: repeat(var(--columns,2), 1fr); grid-row-gap: var(--gy); grid-column-gap: var(--gx); align-items: start; position: relative; }
  .stream2-entries > * { margin-bottom: 0; }
  .stream2-header { }
   .stream2-header .subtitle1-wrap > strong:first-child:last-child { padding-top: var(--s1); }
  .stream2-entries > :nth-child(odd):not(:first-child) { margin-top: calc(var(--s) * -1); }
  .stream2-action:nth-child(odd) { text-align: right; }

@media (max-width: 1279px) {
.stream2 { --gx: var(--sx); --gy: var(--sx); --s: 130px; }
}
@media screen and (max-width: 1023px) {
.stream2 { --s: 0px; }
 .stream2-entries { display: block; margin-left: var(--nx); margin-right: var(--nx); }
  .stream2-header { margin-bottom: var(--s1); text-align: center; }
   .stream2-header .subtitle1-wrap > strong:first-child:last-child { padding-top: 0; }
  .stream2-action[class][class] { margin-top: var(--s1); text-align: center; }
}

/**
 * @name .subtitle1
 * @description Two-part subtitle
 * @example { }
 */

.subtitle1 { margin-bottom: var(--s1); color: inherit; font: inherit; }
 .subtitle1-wrap { display: inline-block; vertical-align: top; text-align: left; }
  .subtitle1-wrap > span { display: block; margin-bottom: 15px; font: 32px/1.1 var(--ff_3);  }
  .subtitle1-wrap > strong { display: block; margin: 0 0 10px 20px; font: 96px/1 var(--ff_4); text-transform: none; }
  .subtitle1-wrap > strong + span { margin-left: 70px; }

@media (max-width: 1279px) {
.subtitle1-wrap > strong { font-size: 80px; }
}
@media screen and (max-width: 599px) {
.subtitle1-wrap { text-align: center; }
.subtitle1-wrap > span { font-size: 24px; }
.subtitle1-wrap > strong { margin-left: 0; font-size: 57px; }
.subtitle1-wrap > strong + span { margin-left: 0; }
}

/**
 * @name .table1
 * @description Responsive tables
 */

@media screen and (max-width: 1023px) {
.table1 { position: relative; margin-right: var(--nx); margin-left: var(--nx); }
 .table1:after { position: absolute; right: var(--sx); bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../png/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; pointer-events: none; animation: table1swipe 2s infinite; }
 .table1-wrap { overflow: auto; overflow-y: hidden; padding: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
 .table1-wrap::-webkit-scrollbar { display: none; }
  .table1-wrap table { min-width: 984px; }
   .table1-wrap tr > :first-child { padding-left: var(--sx); }
   .table1-wrap tr > :last-child { padding-right: var(--sx); }

@keyframes table1swipe { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } }
}

/**
 * @name .tags1
 * @description Filter tag grid
 * @example { }
 */

.tags1 {  }
 .tags1 ul { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: var(--gy, var(--s2)); grid-column-gap: var(--gx, var(--s2)); padding: 0; }
  .tags1 li { margin: 0; font: 20px/1.3 var(--ff_3); text-align: center; } /*  change here */
   .tags1 li:before { display: none; }
   .tags1 li a { color: var(--c_a2t); font: inherit; }
    /*.tags1 li a strong { font-weight: normal; }*/       /*  change here */
    .tags1 li a:hover strong { opacity: 0.6; }
   .tags1 li .img1 { max-width: 180px; margin: 0 auto 10px; }

@media screen and (max-width: 1023px) {
.tags1 ul { --gy: var(--sx); --gx: var(--sx); }
}
@media screen and (max-width: 719px) {
.tags1 ul { grid-template-columns: repeat(2, 1fr); }
}

/**
 * @name .tags2
 * @description Tag list
 * @example { }
 */

.tags2 {  }
 .tags2-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -40px; }
 .tags2-entry { --sy: 12px; flex: none; width: 33.33%; max-width: 33.33%; margin: 0; padding: 40px 20px 0; text-align: center; }
  .tags2-link { color: inherit; font-weight: inherit; text-decoration: none; }
   .tags2-title { color: var(--c_a2t); text-decoration: underline; }
   a:hover .tags2-title { opacity: 0.6; }

@media screen and (max-width: 599px) {
.tags2-wrap { display: block; margin-top: 0; }
 .tags2-entry { width: auto; max-width: 100%; margin: 0 0 var(--s1); padding: 0; text-align: left; }
  .tags2-link { display: flex; align-items: flex-start; }
   .tags2-image { flex: none; width: 120px; margin: 0 var(--sx) 0 0; }
}

/**
 * @name .tags3
 * @description Home tag list
 * @example { }
 */

.tags3 {  }
 .tags3-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -40px; padding: 0; }
 .tags3-wrap li { --sy: 16px; flex: none; width: 33.33%; margin: 0; padding: 40px 20px 0; text-align: center; }
  .tags3-wrap li:before { display: none; }
  .tags3-wrap .img1 { max-width: 280px; margin: 0 auto var(--sy); }

@media screen and (max-width: 719px) {
.tags3-wrap { display: block; margin: 0; }
 .tags3-wrap li { --sy: inherit; display: flex; align-items: flex-start; width: auto; margin-bottom: var(--sy); padding: 0; text-align: left; }
  .tags3-wrap li .img1 { flex: none; width: 120px; margin: 0 var(--sx) 0 0; }
  .tags3-wrap li strong { align-self: center; }
}

/**
 * @name .teaser1
 * @description Article teaser with image on the right and authors
 * @example { }
 */

.teaser1 {  }
 .teaser1:after { display: table; clear: both; content: ''; }
 .teaser1-image { float: right; width: 275px; margin: 0 0 0 var(--sx); }
 .teaser1-main { }
  .teaser1-title { }
  .teaser1-authors { margin-top: -30px; }
   .teaser1-authors .bio1 { display: inline-block; width: 100%; max-width: 160px; margin: 30px 30px 0 0; vertical-align: top; }

@media (max-width: 1279px) {
.teaser1-title[class] { font-size: 42px; }
.teaser1-image { width: 280px; }
}
@media screen and (max-width: 1023px) {
.teaser1-title[class] { font-size: 37px; }
}
@media screen and (max-width: 1023px) {
.teaser1-authors { margin-top: -20px; }
 .teaser1-authors .bio1 { max-width: 110px; margin: 20px 10px 0 0; }
}
@media screen and (max-width: 719px) {
.teaser1-image { float: none; width: 100%; margin: 0 0 var(--sy); }
.teaser1-title[class] { font-size: 32px; }
}

/**
 * @name .theme1
 * @description Inverted theme
 */

@media screen {
.theme1 { --c_d1t: var(--c_b1); --c_i1t: var(--c_d1); --c_b3t: #222; color: var(--c_d1t); }
 .theme1 .loader1 { color: rgba(255,255,255,0.75); }
}

/**
 * @name .theme2
 * @description Inverted, white theme
 */

@media screen {
.theme2 { --c_d1t: var(--c_i1); --c_i1t: var(--c_d1); --c_b2t: rgba(255,255,255,0.1); color: var(--c_d1t); }
 .theme2 .loader1 { color: rgba(255,255,255,0.75); }
}

/**
 * @name .title1
 * @description Hero3 title
 * @example { }
 */

.title1 { --s: 190px; width: calc(var(--s) * 5.16); margin: 0 auto var(--s3); text-align: left; }
 .title1-brow { margin-bottom: 10px; }
 .title1-main { color: inherit; margin: 0; font-size: 188px; } /* change here */
  .title1-main span { margin-left: 0.368em; }
 .title1-side { --sy: 20px; margin: calc(var(--s) * -0.75) 0 0 calc(var(--s) * 3); }

@media screen and (max-width: 1023px) {
.title1 { --s: 18vw; }
 .title1-main { font-size: 17.5vw; }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.title1 .-t\:11 { font-size: 21px; }
}
@media screen and (max-width: 719px) {
.title1-side { margin: 15px 0 0 6.44vw; }
}

@media print {
.title1-main { color: var(--c_a2); }
}

/**
 * @name .top1
 * @description Global header
 */

.top1 { position: relative; z-index: 102; margin: 0; box-shadow: 0 1px var(--c_b1t); background: var(--c_i1t); }
 .top1-wrap { display: flex; justify-content: space-between; align-items: flex-end; padding: 25px 0; }
  .top1-logo { margin-bottom: 0; font-size: 48px; line-height: 1; }
   .top1-logo a { display: flex; flex-direction: column; align-items: center; font-weight: normal; text-decoration: none; vertical-align: top; }
    .top1-logo [class*="icon-"] { display: block; line-height: 1; text-align: center; }
    .top1-logo .icon-logo { margin-bottom: 0.183em; font-size: 1em; width: 48px; height: 48px; border-radius: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; }
    .top1-logo .icon-name { margin-bottom: 0.282em; color: var(--c_d1t); font-size: 0.46em; font-family: inherit !important; }
    .top1-logo .icon-tagline { color: var(--c_a1t); font-size: 0.32em; font-family: inherit !important; }
   .top1-logo span { display: none; }
  .top1-toggler { display: none; }
  .top1-nav { margin-bottom: 0; }
   .top1 .corner1 { position: absolute; top: 0; right: 0; margin: 0; }
   .top1 .nav1 { margin-bottom: 0; }
   .top1-actions { display: none; }

.top1.-mini { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; box-shadow: 0 1px rgba(0,0,0,0.1); }
 .admin-bar .top1.-mini { top: 32px; }
 .top1.-mini .top1-wrap { align-items: center; max-width: 100%; border-right-width: 0; padding: 0; }
  .top1.-mini .skips1 { display: none; }
  .top1.-mini .top1-logo { font-size: 30px; }
   .top1.-mini .top1-logo .icon-logo { margin-bottom: 0; width: 30px; height: 30px; }
   .top1.-mini .top1-logo .icon-name { display: none; }
   .top1.-mini .top1-logo .icon-tagline { display: none; }
  .top1.-mini .top1-nav { display: flex; align-items: center; margin-bottom: 0; }
   .top1.-mini .nav1-main > li { padding-bottom: 0; }
    .top1.-mini .nav1-main > li > a { font-size: 16px; }
   .top1.-mini .corner1 { order: 2; position: relative; margin-left: 30px; }
    .top1.-mini .searchbox1 { position: relative; z-index: 2; }
     .top1.-mini .searchbox1 input { box-shadow: none; }

@media screen and (max-width: 1023px) {
.top1 { position: static; }
.top1.-mini { display: none; }
 .top1-wrap { align-items: center; padding: 10px 0; }
  .top1-logo { font-size: 60px; }
   .top1-logo .icon-logo { margin-bottom: 0; }
   .top1-logo .icon-name { display: none; }
   .top1-logo .icon-tagline { display: none; }
  .top1-toggler { display: block; font-size: 20px; margin: 0; }
   .top1-toggler a { display: block; width: 1em; text-decoration: none; text-align: center; }
   .is-nav-active .top1-toggler a:before { content: '\e90d'; }
  .top1-nav { position: absolute; left: 0; top: var(--st); right: 0; bottom: 0; z-index: 101; padding: var(--s1) var(--sx); background: rgba(0,0,0,0.9); transition-property: var(--t8n_p2); }
  body:not(.is-nav-active) .top1-nav { visibility: hidden; opacity: 0; pointer-events: none; }
  body:not(.is-nav-active) .top1-nav:target { visibility: visible; opacity: 1; pointer-events: auto; }
   .top1 .corner1 { position: relative; top: auto; right: auto; padding-bottom: var(--sy); }
    .top1 .corner1 .searchbox1 { margin-bottom: 0; }
   .top1-actions { display: block; padding: var(--sy) 0 0; }
}
@media print {
.top1.-mini { display: none; }
}

/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, [type="submit"], [type="button"], [type="reset"] { --bcn: var(--c_a1t); --bch: var(--bcn); --own: 1px; --orn: 0; --oph: 0.8; --ocn: var(--bc); --tcn: var(--c_i1); --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); --op: var(--opn, 1); }
.button1, [type="submit"], [type="button"], [type="reset"] { display: inline-flex; justify-content: center; align-items: center; height: auto; min-height: var(--h, 64px); padding: var(--py, 10px) var(--px, 30px); border: none; border-radius: var(--or); box-shadow: inset 0 0 0 var(--ow) var(--oc); background: var(--bc); color: var(--tc); font: 500 18px/20px var(--ff_2); letter-spacing: 0.3px; text-transform: uppercase; text-align: center; text-decoration: none !important; opacity: var(--op); transition-property: var(--t8n_p1), color; }
input[type="submit"] { --bcf: var(--bcn); }
.button1:hover, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); --op: var(--oph, var(--opn, 1)); color: var(--tc); }
 .button1 > span:not(:first-child) { margin-left: 10px; }
 .button1 > span:not(:last-child) { margin-right: 10px; }

.button1.-small { --h: 50px; font-size: 13px; }
.button1.-teal { --bcn: var(--c_a3t); --tcn: var(--c_d1t); }

.button1[data-more] { position: relative; }
 .button1[data-more] > span { transition-property: color; }
 .button1[data-more][disabled] > span { color: transparent; }
 .button1[data-more] .loader1 { color: inherit; animation-iteration-count: infinite; animation-play-state: paused; opacity: 0; transition-property: opacity, animation; }
 .button1[data-more][disabled] .loader1 { animation-play-state: running; opacity: 1; }


/*
 *  GRAVITY FORMS
 */

.gform_wrapper { --gf-font-size-secondary: 16px !important; --gf-ctrl-choice-check-color: #af272f !important; --gf-color-primary: #af272f !important; --gf-color-primary-rgb: 175, 39, 47 !important; --gf-color-primary-darker: #68171c !important; --gf-color-primary-lighter: #d64d4d !important; }
.gform_wrapper br { display: none; }
.gform_wrapper .button {
    --bcn: var(--c_a1t); --bch: var(--bcn); --own: 1px; --orn: 0; --oph: 0.8; --ocn: var(--bc); --tcn: var(--c_i1); --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); --op: var(--opn, 1);
    display: inline-flex !important; justify-content: center !important; align-items: center !important; height: auto !important; min-height: var(--h, 64px) !important; min-width: 160px !important; padding: var(--py, 10px) var(--px, 30px) !important; border: none !important; border-radius: var(--or) !important; box-shadow: inset 0 0 0 var(--ow) var(--oc) !important; background: var(--bc) !important; color: var(--tc) !important; font: 500 18px/20px var(--ff_2) !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; opacity: var(--op) !important; transition-property: var(--t8n_p1), color !important;
    --bcf: var(--bcn);
}
.gform_wrapper .button:hover, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { --oc: var(--och, var(--ocn)) !important; --bc: var(--bch, var(--bcn)) !important; --tc: var(--tch, var(--tcn)) !important; --op: var(--oph, var(--opn, 1)) !important; color: var(--tc) !important; }
.gform_wrapper .button > span:not(:first-child) { margin-left: 10px !important; }
.gform_wrapper .button > span:not(:last-child) { margin-right: 10px !important; }
.gform_wrapper .ginput_complex.ginput_container.ginput_container--name.no_prefix.has_first_name.no_middle_name.has_last_name.no_suffix.gf_name_has_2.ginput_container_name.gform-grid-row { flex-wrap: nowrap; }
.gform_wrapper .ginput_complex.ginput_container.ginput_container--name.no_prefix.has_first_name.no_middle_name.has_last_name.no_suffix.gf_name_has_2.ginput_container_name.gform-grid-row > p { width: 100%; }
.gform_wrapper .ginput_complex.ginput_container.ginput_container--name.no_prefix.has_first_name.no_middle_name.has_last_name.no_suffix.gf_name_has_2.ginput_container_name.gform-grid-row > p > span { display: block; }


/*   _____ ______  ______  __   _ _______
 *     |   |       |     | | \  | |______
 *   __|__ |_____  |_____| |  \_| ______|
*/

[class^="icon-"],[class*=" icon-"] { display: inline-block; font-family: 'Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
 [class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after { transition-property: var(--t8n_p1); }
 [class^="icon-"] i, [class*=" icon-"] i { font: inherit; }
 [class^="icon-"] span, [class*=" icon-"] span { display: none; }

/*.icon-logo:before { content: "\e912"; color: rgb(198, 230, 222); }*/
/*.icon-logo:after { content: "\e914"; margin-left: -1em; color: rgb(255, 255, 255); }*/
/*.icon-logo>i:before { content: "\e913"; margin-left: -1em; color: rgb(176, 28, 18); }*/

.icon-checkmark:before { content: "\e91b"; }
.icon-dot:before { content: "\e900"; }
.icon-linkedin:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-twitter:before { content: "\e903"; }
.icon-medium:before { content: "\e91d"; }
.icon-instagram:before { content: "\e91c"; }
.icon-angle-down:before { content: "\e904"; }
.icon-angle-left:before { content: "\e905"; }
.icon-angle-right:before { content: "\e906"; }
.icon-angle-up:before { content: "\e907"; }
.icon-caret-down:before { content: "\e908"; }
.icon-caret-left:before { content: "\e909"; }
.icon-caret-right:before { content: "\e90a"; }
.icon-caret-up:before { content: "\e90b"; }
.icon-circle-close:before { content: "\e90c"; }
.icon-close:before { content: "\e90d"; }
.icon-download:before { content: "\e90e"; }
.icon-email:before { content: "\e90f"; }
.icon-external:before { content: "\e910"; }
.icon-location:before { content: "\e911"; }
.icon-menu:before { content: "\e915"; }
/*.icon-name:before { content: ""; }*/
.icon-phone:before { content: "\e917"; }
.icon-play:before { content: "\e918"; }
.icon-search:before { content: "\e919"; }
/*.icon-tagline:before { content: "\e91a"; }*/
/* .icon-youtube:before { content: "\ea9d"; } */
.icon-youtube { 
  width: 33.58px;
  height: 29px;
  margin-top: -2px;
  background: url(../svg/youtube.svg) center no-repeat;
  background-size: contain;
  filter: invert(76%) sepia(20%) saturate(133%) hue-rotate(347deg) brightness(92%) contrast(81%);
}

.icon-youtube:hover {
  filter: invert(99%) sepia(0%) saturate(784%) hue-rotate(134deg) brightness(111%) contrast(100%);
}



/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

*, *:before, *:after { margin: 0; padding: 0; color: inherit; transition: none var(--t8n_d1) ease; transition-property: var(--t8n_p1); }
:root:not([ready]) *, :root:not([ready]) *:before, :root:not([ready]) *:after { transition: none !important; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

div, form, fieldset, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, address, ul, ol, dl, dd, dt, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin-bottom: 1rem; margin-bottom: var(--sy); }
body > :not(.root1), body > :not(.root1) div, body > :not(.root1) form { margin-bottom: 0; }

@page { margin: 40px; }
@media print { body { width: 1024px; margin: 0 auto; background: #fff; } }

/* forms */

fieldset { min-width: 0; padding: 0; border: none; }
label { cursor: pointer; vertical-align: middle; }
label:first-child:not([class]) { display: block; margin: 0 0 10px; }
 label em { color: #f00; font-style: inherit; }
input, textarea, select { --h: 64px; --lh: 20px; --py: calc((var(--h) - var(--lh)) / 2); --px: 19px; --bcn: transparent; --bcf: var(--c_b3t); --ocn: var(--c_o1t); --ocf: var(--c_o2t); --tcn: var(--c_d1t); --pcn: #aaa; --oc: var(--ocn); --or: var(--orn); --ow: var(--own); --bc: var(--bcn); --tc: var(--tcn); --pc: var(--pcn); }
input:hover, textarea:hover, select:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); }
input:focus, textarea:focus, select:focus { --oc: var(--ocf, var(--ocn)); --bc: var(--bcf, var(--bcn)); --tc: var(--tcf, var(--tcn)); }
input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], input[type="checkbox"], input[type="radio"], textarea, select { width: 100%; height: var(--h); padding: var(--py) var(--px); border: none; border-radius: var(--or, 0); box-shadow: inset 0 0 0 var(--ow, 1px) var(--oc); background: var(--bc); color: var(--tc); font: 16px/var(--lh) var(--ff_1); vertical-align: top; -webkit-appearance: none; -moz-appearance: none; }
input::-ms-clear { display: none; }
textarea { overflow: auto; height: auto; resize: vertical; }
textarea[data-autoresize] { min-height: 50px; max-height: 150px; }
select { padding: calc(var(--py) - 1px) calc(var(--px) - 1px); padding-right: 60px; background: url(../svg/select1.svg) right 20px center no-repeat; background-color: var(--bc); background-size: 14px 8px; line-height: normal; text-indent: 1px; text-overflow: ''; }
select::-ms-expand { display: none; }
.firefox select { padding-left: calc(var(--px) - 6px); }
button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { --s: 20px; --tc: var(--c_i1t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: -2px 5px 0 0; padding: 0; text-align: center; vertical-align: middle; } input[type="radio"] { border-radius: 50%; }
input[type="checkbox"]:checked, input[type="radio"]:checked { --bc: var(--c_d1t); --oc: var(--bc); } input[type="radio"]:checked { background: radial-gradient(circle, var(--tc) 3px, var(--bc) 3px), var(--bc); } input[type="checkbox"]:checked:before { position: absolute; left: 0; content: '\e91b'; width: 100%; color: inherit; font: calc(var(--s, 20px)* 0.7)/var(--s, 20px) Icons; transition-duration: 0s; }
input::-ms-check { border: none; background: transparent; color: var(--tc); }

::-webkit-input-placeholder { color: var(--pc); font-style: normal; line-height: normal; opacity: 1; }
:-ms-input-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
::-moz-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
select:invalid, select.is-placeholder { color: var(--pc); }

.-validated:invalid, .-validated:invalid + label, .-validated:invalid + label:before { --oc: var(--c_e1t); color: var(--c_e1t); }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 th, td { padding: 9px 19px; border: 1px solid var(--c_o1t); text-align: left; vertical-align: top; }
 thead th { font-size: 0.86rem; text-transform: uppercase; }

/* lists */

ul, ol, dd, blockquote { padding-left: 30px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { margin-bottom: 0.35em; counter-increment: ordered; }
  ol > li:before { position: absolute; content: counter(ordered) '.'; width: 18px; margin: 0 0 0 -30px; text-align: right; }
  ul > li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; }

dt { margin-bottom: 5px; font-weight: bold; }
dd { padding-left: 0; }

/* links */

a { --atcn: var(--c_a1t); --atch: var(--c_d1t); --aown: 0; --aocn: currentColor; --aoch: currentColor; }
a { --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); --aop: var(--aopn, 1); box-shadow: 0 var(--aow, 0) 0 0 var(--aoc, currentColor); background: var(--abc, transparent); color: var(--atc, #09f); /*font-weight: bolder;*/ text-decoration: underline; opacity: var(--aop); transition-property: var(--t8n_p1), color; }
a:hover { --aow: var(--aowh, var(--aown)); --aoc: var(--aoch, var(--aocn)); --abc: var(--abch, var(--abcn)); --atc: var(--atch, var(--atcn)); --aop: var(--aoph, var(--aopn, 1)); }
 a * { cursor: pointer; }

/* images */

figure { }
 img { max-width: 100%; border-width: 0; box-sizing: content-box; }
 figure img { display: inline-block; vertical-align: top; }
 figcaption { margin-top: 10px; }

.alignright { float: right; margin-left: 1.5rem; }
.alignleft { float: left; margin-right: 1.5rem; }
 .alignright img, .alignleft img { display: block; max-width: none; }

 .alignright, .alignleft, .alignnone, .alignright img , .alignleft img , .alignnone img { max-width: 100%; height: auto; }

/* other */

blockquote { padding: 0 }
 blockquote q { display: block; }
 cite { display: block; margin-top: 10px; font: inherit; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: auto; height: 1px; margin: var(--sy) 0; border: none; border-top: 1px solid; background: none; color: var(--c_b1t); font-size: 0; }
hr.-thick { height: 7px; border-top-width: 7px; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }
b, strong { font-weight: bolder; }
mark { padding: 0 2px; background-color: #f3f3f3; }

/* first/last margins */

body :last-child { margin-bottom: 0; }


/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

/* text styling */

html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 19px/1.47 var(--ff_1); letter-spacing: 0; text-transform: none; }
.-t\:1, h1 { font: 190px/0.82 var(--ff_3); word-break: break-word; } /* here change  */

.-t\:2, h2 { font: 900 50px/1.14 var(--ff_1); }
.-t\:3, h3 { font: 44px/1.1 var(--ff_4); }
.-t\:4, h4 { font: 20px/1.3 var(--ff_1); letter-spacing: 0.9px; font-weight: 700; text-transform: uppercase; line-height: 1.3 !important; } /* here change  */
.-t\:5, h5 { font: 700 20px/1.50 var(--ff_2); }
.-t\:6, h6 { font: 500 17px/1.30 var(--ff_2); text-transform: uppercase; }
.-t\:7, blockquote { font: 900 26px/1.54 var(--ff_1); }
.-t\:8, cite { font: 17px/1.53 var(--ff_1); }
.-t\:9, figcaption { font: 16px/1.5 var(--ff_1); } /* paragraph small, figcaption+italic */
.-t\:10 { font: 21px/1.48 var(--ff_1); } /* intro standard */
.-t\:11 { font: 500 26px/1.54 var(--ff_2); } /* intro large */
.-t\:12 { font: 900 50px/1.14 var(--ff_1); } /* idea title */
.-t\:13 { font: 900 18px/1.33 var(--ff_1) } /* footer labels */
.-t\:14 { font: 500 50px/1.08 var(--ff_2); text-transform: uppercase; } /* h1 brow */
.-t\:15 { font: 500 37px/1.35 var(--ff_2); } /* intro largest */
.-t\:16 { font: 400 50px/1.1 var(--ff_3); } /* idmg block header */
.-t\:17 { font: 700 18px/1.2 var(--ff_2) } /* micro header */

@media (max-width: 1279px) {
.-t\:1, h1 { font-size: 172px; }
.-t\:1.-smaller, h1.-smaller  { font-size: 160px; }
}

@media screen and (max-width: 1023px) {
.-t\:1.-smaller, h1.-smaller  { font-size: 100px; }
}

@media screen and (max-width: 719px) {
.-t\:0, html { font-size: 16px; line-height: 1.5; }
.-t\:1, h1 { font-size: 88px; line-height: 0.83; }
.-t\:1.-smaller, h1.-smaller  { font-size: 60px; }
.-t\:2, h2 { font-size: 37px; }
.-t\:3, h3 { font: 32px/1.1 var(--ff_4); }
.-t\:4, h4 { font: 24px/1.21 var(--ff_3); letter-spacing: -0.75px; }
.-t\:5, h5 { font: 700 16px/1.50 var(--ff_2); }
.-t\:7, blockquote { font: 900 21px/1.54 var(--ff_1); }
.-t\:9, figcaption { font: 13px/1.62 var(--ff_1); }
.-t\:10 { font-size: 19px; }
.-t\:11 { font: 500 21px/1.48 var(--ff_2); }
.-t\:12 { font: 900 26px/1.23 var(--ff_1); }
.-t\:14 { font: 500 37px/1.08 var(--ff_2); }
.-t\:15 { font: 500 24px/1.35 var(--ff_2); }
.-t\:16 { font: 400 37px/1.1 var(--ff_3); }
}

/* link styling */

a.-as\:1, .-as\:1 a { font-weight: inherit; }
a.-as\:2, .-as\:2 a { font-weight: inherit; text-decoration: none; }
a.-as\:3, .-as\:3 a { color: inherit; }
a.-as\:4, .-as\:4 a { --aoph: 0.6; }

/* list styling */

ul.-ls\:1, ol.-ls\:1, .-ls\:1 ul, .-ls\:1 ol { padding: 0; }
 .-ls\:1 li { margin-bottom: 0; }
  .-ls\:1 li:before { display: none; }

/* spacing */

.-mb\:a,.-my\:a{margin-bottom:auto}.-mt\:a,.-my\:a {margin-top:auto}.-ml\:a,.-mx\:a{margin-left:auto}.-mr\:a,.-mx\:a{margin-right:auto}
.-mb\:0,.-my\:0,.-ma\:0{margin-bottom:0}.-mt\:0,.-my\:0,.-ma\:0{margin-top:0}.-ml\:0,.-mx\:0,.-ma\:0{margin-left:0}.-mr\:0,.-mx\:0,.-ma\:0{margin-right:0}.-pb\:0,.-py\:0,.-pa\:0{padding-bottom:0}.-pt\:0,.-py\:0,.-pa\:0{padding-top:0}.-pl\:0,.-px\:0,.-pa\:0{padding-left:0}.-pr\:0,.-px\:0,.-pa\:0{padding-right:0}
.-mb\:x,.-my\:x,.-ma\:x{margin-bottom:var(--sx)}.-mt\:x,.-my\:x,.-ma\:x{margin-top:var(--sx)}.-ml\:x,.-mx\:x,.-ma\:x{margin-left:var(--sx)}.-mr\:x,.-mx\:x,.-ma\:x{margin-right:var(--sx)}.-mb\:-x,.-my\:-x,.-ma\:-x{margin-bottom: var(--nx)}.-mt\:-x,.-my\:-x,.-ma\:-x{margin-top: var(--nx)}.-ml\:-x,.-mx\:-x,.-ma\:-x{margin-left: var(--nx)}.-mr\:-x,.-mx\:-x,.-ma\:-x{margin-right: var(--nx)}.-pb\:x,.-py\:x,.-pa\:x{padding-bottom:var(--sx)}.-pt\:x,.-py\:x,.-pa\:x{padding-top:var(--sx)}.-pl\:x,.-px\:x,.-pa\:x{padding-left:var(--sx)}.-pr\:x,.-px\:x,.-pa\:x{padding-right:var(--sx)}
.-mb\:y,.-my\:y,.-ma\:y{margin-bottom:var(--sy)}.-mt\:y,.-my\:y,.-ma\:y{margin-top:var(--sy)}.-ml\:y,.-mx\:y,.-ma\:y{margin-left:var(--sy)}.-mr\:y,.-mx\:y,.-ma\:y{margin-right:var(--sy)}.-mb\:-y,.-my\:-y,.-ma\:-y{margin-bottom: var(--nx)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--nx)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--nx)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--nx)}.-pb\:y,.-py\:y,.-pa\:y{padding-bottom:var(--sy)}.-pt\:y,.-py\:y,.-pa\:y{padding-top:var(--sy)}.-pl\:y,.-px\:y,.-pa\:y{padding-left:var(--sy)}.-pr\:y,.-px\:y,.-pa\:y{padding-right:var(--sy)}
.-mb\:1,.-my\:1{margin-bottom:var(--s1)}.-mt\:1,.-my\:1{margin-top:var(--s1)}.-mb\:-1,.-my\:-1,.-ma\:-1{margin-bottom: calc(var(--s1) * -1)}.-mt\:-1,.-my\:-1,.-ma\:-1{margin-top: calc(var(--s1) * -1)}.-ml\:-1,.-mx\:-1,.-ma\:-1{margin-left: calc(var(--s1) * -1)}.-mr\:-1,.-mx\:-1,.-ma\:-1{margin-right: calc(var(--s1) * -1)}.-pb\:1,.-py\:1,.-pa\:1{padding-bottom:var(--s1)}.-pt\:1,.-py\:1,.-pa\:1{padding-top:var(--s1)}.-pl\:1,.-px\:1,.-pa\:1{padding-left:var(--s1)}.-pr\:1,.-px\:1,.-pa\:1{padding-right:var(--s1)}
.-mb\:2,.-my\:2{margin-bottom:var(--s2)}.-mt\:2,.-my\:2{margin-top:var(--s2)}.-mb\:-2,.-my\:-2,.-ma\:-2{margin-bottom: calc(var(--s2) * -1)}.-mt\:-2,.-my\:-2,.-ma\:-2{margin-top: calc(var(--s2) * -1)}.-ml\:-2,.-mx\:-2,.-ma\:-2{margin-left: calc(var(--s2) * -1)}.-mr\:-2,.-mx\:-2,.-ma\:-2{margin-right: calc(var(--s2) * -1)}.-pb\:2,.-py\:2,.-pa\:2{padding-bottom:var(--s2)}.-pt\:2,.-py\:2,.-pa\:2{padding-top:var(--s2)}.-pl\:2,.-px\:2,.-pa\:2{padding-left:var(--s2)}.-pr\:2,.-px\:2,.-pa\:2{padding-right:var(--s2)}
.-mb\:3,.-my\:3{margin-bottom:var(--s3)}.-mt\:3,.-my\:3{margin-top:var(--s3)}.-mb\:-3,.-my\:-3,.-ma\:-3{margin-bottom: calc(var(--s3) * -1)}.-mt\:-3,.-my\:-3,.-ma\:-3{margin-top: calc(var(--s3) * -1)}.-ml\:-3,.-mx\:-3,.-ma\:-3{margin-left: calc(var(--s3) * -1)}.-mr\:-3,.-mx\:-3,.-ma\:-3{margin-right: calc(var(--s3) * -1)}.-pb\:3,.-py\:3,.-pa\:3{padding-bottom:var(--s3)}.-pt\:3,.-py\:3,.-pa\:3{padding-top:var(--s3)}.-pl\:3,.-px\:3,.-pa\:3{padding-left:var(--s3)}.-pr\:3,.-px\:3,.-pa\:3{padding-right:var(--s3)}
.-mb\:4,.-my\:4{margin-bottom:var(--s4)}.-mt\:4,.-my\:4{margin-top:var(--s4)}.-mb\:-4,.-my\:-4,.-ma\:-4{margin-bottom: calc(var(--s4) * -1)}.-mt\:-4,.-my\:-4,.-ma\:-4{margin-top: calc(var(--s4) * -1)}.-ml\:-4,.-mx\:-4,.-ma\:-4{margin-left: calc(var(--s4) * -1)}.-mr\:-4,.-mx\:-4,.-ma\:-4{margin-right: calc(var(--s4) * -1)}.-pb\:4,.-py\:4,.-pa\:4{padding-bottom:var(--s4)}.-pt\:4,.-py\:4,.-pa\:4{padding-top:var(--s4)}.-pl\:4,.-px\:4,.-pa\:4{padding-left:var(--s4)}.-pr\:4,.-px\:4,.-pa\:4{padding-right:var(--s4)}
.-mb\:5,.-my\:5{margin-bottom:var(--s5)}.-mt\:5,.-my\:5{margin-top:var(--s5)}.-mb\:-5,.-my\:-5,.-ma\:-5{margin-bottom: calc(var(--s5) * -1)}.-mt\:-5,.-my\:-5,.-ma\:-5{margin-top: calc(var(--s5) * -1)}.-ml\:-5,.-mx\:-5,.-ma\:-5{margin-left: calc(var(--s5) * -1)}.-mr\:-5,.-mx\:-5,.-ma\:-5{margin-right: calc(var(--s5) * -1)}.-pb\:5,.-py\:5,.-pa\:5{padding-bottom:var(--s5)}.-pt\:5,.-py\:5,.-pa\:5{padding-top:var(--s5)}.-pl\:5,.-px\:5,.-pa\:5{padding-left:var(--s5)}.-pr\:5,.-px\:5,.-pa\:5{padding-right:var(--s5)}

.-mb\:m1,.-my\:m1{margin-bottom:var(--sm1)}.-mt\:m1,.-my\:m1{margin-top:var(--sm1)}.-mb\:-5,.-my\:-5,.-ma\:-5{margin-bottom: calc(var(--sm1) * -1)}.-mt\:-5,.-my\:-5,.-ma\:-5{margin-top: calc(var(--sm1) * -1)}.-ml\:-5,.-mx\:-5,.-ma\:-5{margin-left: calc(var(--sm1) * -1)}.-mr\:-5,.-mx\:-5,.-ma\:-5{margin-right: calc(var(--sm1) * -1)}.-pb\:m1,.-py\:m1,.-pa\:m1{padding-bottom:var(--sm1)}.-pt\:m1,.-py\:m1,.-pa\:m1{padding-top:var(--sm1)}.-pl\:m1,.-px\:m1,.-pa\:m1{padding-left:var(--sm1)}.-pr\:m1,.-px\:m1,.-pa\:m1{padding-right:var(--sm1)}

@media screen and (max-width: 1279px) {
.-mb\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-bottom:0}.-mt\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-top:0}.-ml\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-left:0}.-mr\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-right:0}.-pb\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-bottom:0}.-pt\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-top:0}.-pl\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-left:0}.-pr\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-right:0}
.-mb\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-bottom:var(--sx)}.-mt\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-top:var(--sx)}.-ml\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-left:var(--sx)}.-mr\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-right:var(--sx)}.-mb\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-bottom: var(--nx)}.-mt\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-top: var(--nx)}.-ml\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-left: var(--nx)}.-mr\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-right: var(--nx)}.-pb\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-bottom:var(--sx)}.-pt\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-top:var(--sx)}.-pl\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-left:var(--sx)}.-pr\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-right:var(--sx)}
.-mb\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-bottom:var(--sy)}.-mt\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-top:var(--sy)}.-ml\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-left:var(--sy)}.-mr\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-right:var(--sy)}.-mb\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-bottom: var(--ny)}.-mt\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-top: var(--ny)}.-ml\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-left: var(--ny)}.-mr\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-right: var(--ny)}.-pb\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-bottom:var(--sy)}.-pt\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-top:var(--sy)}.-pl\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-left:var(--sy)}.-pr\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-right:var(--sy)}
}
@media screen and (max-width:  719px) {
.-mb\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-bottom:0}.-mt\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-top:0}.-ml\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-left:0}.-mr\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-right:0}.-pb\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-bottom:0}.-pt\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-top:0}.-pl\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-left:0}.-pr\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-right:0}
.-mb\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-bottom:var(--sx)}.-mt\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-top:var(--sx)}.-ml\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-left:var(--sx)}.-mr\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-right:var(--sx)}.-mb\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-bottom: var(--nx)}.-mt\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-top: var(--nx)}.-ml\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-left: var(--nx)}.-mr\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-right: var(--nx)}.-pb\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-bottom:var(--sx)}.-pt\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-top:var(--sx)}.-pl\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-left:var(--sx)}.-pr\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-right:var(--sx)}
.-mb\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-bottom:var(--sy)}.-mt\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-top:var(--sy)}.-ml\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-left:var(--sy)}.-mr\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-right:var(--sy)}.-mb\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-bottom: var(--ny)}.-mt\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-top: var(--ny)}.-ml\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-left: var(--ny)}.-mr\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-right: var(--ny)}.-pb\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-bottom:var(--sy)}.-pt\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-top:var(--sy)}.-pl\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-left:var(--sy)}.-pr\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-right:var(--sy)}
}

/* visibility */

.-d\:b { display: block; }
@media print { .-d\:n\@p { display: none !important; } }
@media screen and (max-width: 1279px){.-d\:n\<l{display:none}.-d\:b\<l{display:block}}
@media screen and (max-width: 1023px){.-d\:n\<m2{display:none}.-d\:b\<m2{display:block}}
@media screen and (max-width:  719px){.-d\:n\<m{display:none}.-d\:b\<m{display:block}}
@media screen and (min-width:  720px){.-d\:n\>s{display:none}.-d\:b\>s{display:block}}
@media screen and (min-width: 1280px){.-d\:n\>m{display:none}.-d\:b\>m{display:block}}

/* max widths */

.-xw\:n { max-width: none; }
.-xw\:1 { max-width: var(--xw_1); } .-xw\:1.-contain { max-width: calc(var(--xw_1) + var(--sx) * 2); }
.-xw\:2 { max-width: var(--xw_2); } .-xw\:2.-contain { max-width: calc(var(--xw_2) + var(--sx) * 2); }
.-xw\:3 { max-width: var(--xw_3); } .-xw\:3.-contain { max-width: calc(var(--xw_3) + var(--sx) * 2); }
.-xw\:4 { max-width: var(--xw_4); } .-xw\:4.-contain { max-width: calc(var(--xw_4) + var(--sx) * 2); }
.-xw\:5 { max-width: var(--xw_5); } .-xw\:5.-contain { max-width: calc(var(--xw_5) + var(--sx) * 2); }

/* colors */

.-c\:d1 { color: var(--c_d1); } .-c\:d1t, html, cite { color: var(--c_d1t); }
.-c\:a1 { color: var(--c_a1); } .-c\:a1t { color: var(--c_a1t); }
.-c\:a2 { color: var(--c_a2); } .-c\:a2t, h1, blockquote { color: var(--c_a2t); }
.-c\:a3 { color: var(--c_a3); } .-c\:a3t { color: var(--c_a3t); }
.-c\:a4 { color: var(--c_a4); } .-c\:a4t { color: var(--c_a4t); }
.-c\:b1 { color: var(--c_b1); } .-c\:b1t { color: var(--c_b1t); }
.-c\:b2 { color: var(--c_b2); } .-c\:b2t { color: var(--c_b2t); }
.-c\:b3 { color: var(--c_b3); } .-c\:b3t { color: var(--c_b3t); }
.-c\:b4 { color: var(--c_b4); } .-c\:b4t { color: var(--c_b4t); }
.-c\:ix { color: inherit; }
.-c\:ux { color: unset; }

/* families */

.-ff\:1, html { font-family: var(--ff_1); }
.-ff\:2 { font-family: var(--ff_2); }
.-ff\:3 { font-family: var(--ff_3); }
.-ff\:4 { font-family: var(--ff_4); }

/* weights */

.-fw\:4, .-fw\:n { font-weight: 400; }
.-fw\:5 { font-weight: 500; }
.-fw\:7, .-fw\:b { font-weight: 700; }
.-fw\:9 { font-weight: 900; }
.-fw\:i, .-fw\:ix { font-weight: inherit; }

/* italic */

.-fs\:i, figcaption { font-style: italic; }

/* letter spacing */

.-ls\:0 { letter-spacing: 0; }

/* basic css */

.-ta\:l { text-align: left; }.-ta\:c { text-align: center; }.-ta\:r { text-align: right; }
.-tt\:n { text-transform: none; }.-tt\:l { text-transform: lowercase; }.-tt\:u { text-transform: uppercase; }
.-us\:n, [toggle], [data-toggle] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* other */

[mouse] *:focus { outline: none; }
[toggle],[data-toggle] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
[hidden] { position: absolute; overflow: hidden; width: 0; height: 0; }

/*   _      _____ ______  _______
 *   |        |   |_____] |______
 *   |_____ __|__ |_____] ______|
/*

/* slick */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* lazysizes */ .lazyload, .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; }



/*
* colab btn
*/
.colab-link{
 background: #981D97;
 box-shadow: none;
 color: #FFFFFF;
}
.colab-link:hover{
 opacity: 0.8;
 color: #FFFFFF;
}
/* Blog and Our Client Logos on Homepage*/
.metgroup-blog {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 grid-gap: 30px;
}
.metgroup-blog-main .single-post {
   padding: 0 10px;
}
.metgroup-blog-main .slick-arrow {
 background-color: rgba(0,0,0,0.1);
 height: 70px;
 width: 70px;
 border-radius: 0;
 cursor: pointer;
 border-radius: 50%;
 opacity: 0.3;
}
.metgroup-blog-main .slick-arrow::before {
 color: #000;
 font-size: 24px;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 bottom: unset;
 right: unset;
}
.metgroup-blog-main .slick-arrow:hover {
 background-color: #333;
 opacity: 1;
}
.metgroup-blog-main .slick-arrow:hover::before {
 color: #FFF;
}
.metgroup-blog-main .metgroup-blog-left-icon {
 left: -100px;
}
.metgroup-blog-main .metgroup-blog-right-icon {
 left: auto;
 right: -100px;
}
.ideas-results {
 padding-bottom:  5.5em;
}
.ideas-results .slick-dots {
    pointer-events: none;
    position: relative;
    left: -56px;
    bottom: 0;
}
.ideas-results .metgroup-blog-left-icon {
 left: calc(50% - 100px);
 top: auto;
 bottom: 15px;
}
.ideas-results .metgroup-blog-right-icon {
 left: auto;
 right: calc(50% - 100px);
 top: auto;
 bottom: 15px;
}


.metgroup-blog-left-icon {
 left: -100px;
 cursor:  pointer;
}
.metgroup-blog-right-icon {
 right: -100px;
 cursor:  pointer;
}
.single-post-thumb {
   margin: 0 0 15px 0;
}
.single-post-thumb a {
   display: block;
}
.desktop-post-img {
   height: 250px;
   overflow: hidden;
}
.home .desktop-post-img{
 height: 550px !important;
}
.desktop-post-img img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   object-position: center;
}
.home .desktop-post-img img{
 height: 550px !important;
}
.wrap-single-header .-contain {
  max-width: 800px;
}
.desktop-post-img:hover img {
   transform: scale(1.1);
}
.single-post-title {
 font-family: var(--ff_3);
   font-size: 1.2rem;
   line-height: 1.3;
   font-weight: 300;
   letter-spacing: .5px;
}
.single-post-title a {
   font-family: var(--ff_3);
   text-decoration: none;
   color: rgb(20, 18, 17);
   transition-duration: 0.3s;
}
.single-post-title a:hover {
   color: #000;
}
.blog-btn-wrap {
   text-align: center;
}
.blog-page {
 padding: 100px 0px 50px 0px;
}
.archive .blog-page-title h2 {
 color: #141211;
 font-weight: 500 !important;
 font-size: 36px;
}
.archive .blog-page-title h2 span {
 font-weight: 600;
}
/*
* Single blog
*/
.wrap-single-tag {
 margin-bottom: 60px !important;
}
.wrap-single-banner {
 height: calc(100vh - 300px);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center top;
 background-attachment: fixed;
}
@supports ( -webkit-touch-callout : none) {
  .wrap-single-banner {
    background-attachment:scroll
  }
}
@supports not ( -webkit-touch-callout : none) {
  .wrap-single-banner {
    background-attachment: fixed;
  }
}
img.wrap-single-banner-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 display: block;
}
.wrap-single-title h1 {
 font-size: 54px;
 line-height: 64px;
 color: rgb(20, 18, 17);
}
.wrap-single-tag-list {
 padding: 0;
}
.wrap-single-tag-list li {
 display: inline-block;
 list-style-type: none !important;
 border: 1px solid rgba(0,0,0,0.20);
 padding: 2px 15px 4px 15px;
 line-height: 1 !important;
 cursor: pointer;
}
.wrap-single-tag-list li::before {
 display: none;
}
.wrap-single-tag-list li a {
 text-decoration: none;
 font-size: 12px;
 line-height: 1;
}
.wrap-single-tag-list li:not(:last-child) {
 margin-right: 5px;
}
.wrap-single-tag-list li:hover {
 background-color: #8F2329;
 border: 1px solid #8F2329;
}
.wrap-single-tag-list li a {
 font-weight: 500;
 color: #141211;
}
.wrap-single-tag-list li:hover a {
 color: #ffffff;
}
.wrap-single-category .post-categories li {
 position: relative;
 padding: 0px 5px;
}
.wrap-single-category .post-categories li::after {
 content: ',';
 position: absolute;
 right: 0;
}
.wrap-single-category .post-categories li:last-child::after {
 display: none;
}
/*.wrap-single-content p {*/
/* font-size: 17px;*/
/* line-height: 36px;*/
/* margin-bottom: 36px;*/
/* color: #141211 !important;*/
/*}*/
.wrap-single-meta {
 display: flex;
 flex-wrap: wrap;
 font-family: var(--ff_1);
 font-weight: 600;
}
.wrap-single-meta > div {
 display: flex;
 align-items: center;
 margin: 0;
 margin-right: 20px !important;
}
.wrap-single-meta > div > span{
 display: flex;
 margin-right: 10px;
}
.wrap-single-meta > div a {
 text-decoration: none;
 color: rgb(20, 18, 17);
}
.wrap-single-meta .wrap-single-author span svg,
.wrap-single-meta .wrap-single-date span svg,
.wrap-single-meta .wrap-single-category span svg{
 width: 20px;
 transform: translateY(-2px);
}
.wrap-single-author {
 margin-bottom: 0;
}
.wrap-single-author  {
 display: flex;
 align-items: center;
}
.wrap-single-author a {
 position: relative;
}
.wrap-single-author a::after{
 content: ',';
 position: absolute;
 right: -6px;
 color: #141211;
}
.wrap-single-author {
 gap: 10px;
}
.wrap-single-author span {
 margin: 0 !important;
}
.wrap-single-author a:last-child::after {
 display: none;
}
.wrap-single-category .post-categories li::before {
 display: none;
}
.wrap-single-category .post-categories li {
 display: inline-block;
}
.wrap-single-category .post-categories li a {
 font-size: 19px;
 line-height: 1;
 text-decoration: none;
 color: #141211;
}
.wrap-single-category .post-categories {
 padding-left: 0 !important;
 margin-left: 0 !important;
}
.wrap-single-category .post-categories li a:hover {
 color: #8F2329;
}
/*
* Metgroup Blog Pagination Styling
*/
.metgroup-blog-pagination {
 padding: 22px 0px 0px 0px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.metgroup-blog-pagination .page-numbers {
 width: 40px;
 height: 40px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 background-color: rgba(0, 0, 0, 0.13);
 color: #333333;
 font-weight: 500;
 margin-right: 10px;
 position: relative;
}
.metgroup-blog-pagination .page-numbers i{
 color: inherit;
 background: transparent;
 width: 100%;
 height: 100%;
 pointer-events: none;
}
.metgroup-blog-pagination .page-numbers:hover {
 background: #333333;
 color: #ffffff;
}
.metgroup-blog-pagination .page-numbers.current {
 background: #333333;
 color: #ffffff;
}
.metgroup-blog-pagination .page-numbers:last-child {
 margin-right: 0;
}
/*
* Colaboratoria
*/
.cobal-main-area {
 height: 580px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 clip-path: polygon(0 0, 100% 0%, 100% 65%, 0% 100%);
}
.cobal-main-area .-contain {
 height: 100%;
}
.cobal-main-area-content {
 display: flex;
 height: 100%;
 align-items: flex-end;
}
.cobal-main-area-title h1 {
 font: 900 50px/1.14 var(--ff_1);
 color: #ffffff;
 max-width: 700px;
 margin-bottom: 145px;
}
.cobal-btn {
 margin-bottom: 50px !important;
}

.metgroup-client-logos .slick-slide {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   grid-gap: 50px;
 padding: 0 15px;
}
.metgroup-client-logos .slick-arrow {
   background-color: rgba(0,0,0,0.1);
   height: 70px;
   width: 70px;
   border-radius: 0;
   cursor: pointer;
   border-radius: 50%;
   opacity: 0.3;
}
.metgroup-client-logos .slick-arrow::before {
   color: #000;
   font-size: 24px;
}
.metgroup-client-logos .slick-arrow:hover {
   background-color: #333;
   opacity: 1;
}
.metgroup-client-logos .slick-arrow:hover::before {
   color: #FFF;
}
.metgroup-client-logos .client-logo-left-icon {
   left: -100px;
}
.metgroup-client-logos .client-logo-right-icon {
   left: auto;
   right: -100px;
}
.metgroup--work-client-logos{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
 grid-column-gap: 100px;
 grid-row-gap: 50px;
 justify-items: center;
}
.metgroup--work-client-logos .single-client-logo{
 height: 106px;
}
.metgroup--work-client-logos .single-client-logo img{
 height: 106px;
}
/*
* Ideas & Resources
*/
.public-building {
 margin: 0;
}
.ir-content-detail-box {
 margin: 0;
}
.ir-main-area {
 /*background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("https://c.pxhere.com/images/5f/b3/32bfc3c2154c73ac0d5945074fef-1582197.jpg!d");*/
 background-repeat: no-repeat;
 background-position: right;
 background-size: cover;
 margin: 0;
 clip-path: polygon(0 0,100% 0, 100% calc(100% - 200px), 0 100%);
}
.ir-main-area-content {
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 580px;
}
.ir-title-text {
 color: #ffffff;
 font-size: 165px;
 line-height: 198px;
 font-weight: 400;
 position: relative;
 font-family: var(--ff_3);
}
.ir-title p {
 color:#fff;
}
.ir-title-text::after {
 content: '';
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: 0;
 width: 50%;
 height: 15px;
 background: #AF272F;
}
.ir-content {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 60px;
 padding: 100px 0px;
}
.ir-content-image-wrap {
 width: 668px;
 height: 375px;
 position: relative;
}
.ir-content-image-wrap::after{
 content: '';
 position: absolute;
 left: -30px;
 bottom: -30px;
 width: 100%;
 height: 100%;
 background: #f9f9f9;
 z-index: -1;
}
.ir-content-image-wrap img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 display: block;
 background: #fff;
 border: 1px solid #F5F5F5;
}
.ir-content-detail-box-title a {
 text-decoration: none;
}
.ir-content-detail-box-title h2 {
 font-size: 52px;
 font-weight: 500;
 line-height: 62px;
 margin-bottom: 38px;
 color: #141211;
 font-family: Oswald;
}
.ir-content-person {
 padding: 0;
 display: grid;
 grid-template-columns: 1fr;
 grid-gap: 15px;
}
.ir-content-person-box::before {
 display: none;
}
.ir-content-person-image {
 width: 55px;
 height: 55px;
 border-radius: 50%;
 transition: all 0.2s;
 margin: 0 10px 0 0;
}
.ir-content-person-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
}
.ir-content-person-image-detail {
 align-items: center;
 justify-content: center;
 flex-direction: column;
 z-index: 1;
}
.ir-content-person-name {
 margin: 0;
}
.ir-content-person-name h4 {
 font-size: 14px;
 line-height: 14px !important; /* change Here */
 color: #141211;
 margin-bottom: 5px;
 font-weight: 700;
}
.ir-content-person-box {
 display: flex;
 align-items: center;
 margin-bottom: 0;
}
.ir-content-person-position p{
 font-size: 14px;
 font-weight: 400;
 line-height: 14px;
 color: #141211;
}
.ir-content-person-image-detail a{
 text-decoration: none;
 }
.ir-content-detail-box-content {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.ir-links {
 padding: 0;
 list-style-type: none;
}
.ir-links li {
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 0;
}
.ir-links li:before {
 display: none;
}
.ir-links li a {
 position: relative;
 display: inline-block;
 text-decoration: none;
 color: #141211;
 font-weight: normal;
 transition-duration: .2s;
}
.ir-links li a svg {
 transform: translateY(5px);
}
.ir-links li a.ir-button-link svg {
 transition-duration: .2s;
}
.ir-links li a::after {
 content: "";
 position: absolute;
 bottom: -2px;
 right: 0;
 width: 98%;
 height: 1px;
 background-color: #141211;
}
.ir-links li a:hover {
 color: #326295;
}
.ir-links li a:hover svg {
 fill: #326295 !important;
}
.ir-links li a:hover:after {
 background-color: #326295;
}
.ir-result .ir-content-grid {
 margin: 0;
 padding: 30px 0px;
 border-top: 1px solid #C3C3C3;
 grid-gap:  70px;
}
.ir-result .ir-content-grid:first-child {
 border: none;
}
.ir-result .ir-content-image-wrap img {
 object-fit: cover;
}
.ir-result .ir-content-image-box {
 height: 300px;
 width: 100%;
 margin-right: 30px;
 margin-bottom: 20px;
}
.ir-result .vertical-img {
 object-fit: contain !important;
}
.ir-content-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 grid-gap: 30px;
}
.ir-result .ir-content-image-wrap::after {
 position: unset;
 display: none;
}
.ir-result  .ir-content-image-wrap img {
 border: none;
}
.ir-result .ir-content-image-wrap{
 width: 100%;
 height: 100%;
}
.ir-result .ir-content-image-wrap a {
 display: block;
 height: 100%;
}
.ir-result .ir-content-detail-box-title {
 margin: 0;
}

.ir-result .ir-content-detail-box-title h2{
 font-size: 26px;
 font-weight: 500;
 line-height: 36px;
 font-family: Oswald;
 margin-bottom: 12px;
}
.ir-result .ir-content-person-image {
 width: 40px;
 height: 40px;
 margin: 0 10px 0 0;
 flex-shrink: 0;
}
.ir-result .ir-content-person {
 display: grid;
 grid-template-columns: repeat(1, 1fr);
 grid-gap: 15px 10px;
 margin: 20px 0 0 0;
}
.ir-sub-text {
 margin-bottom: 10px;
}
.ir-sub-text p {
 font-size: 16px;
}
.ir-result .ir-links{
 margin-top: 15px;
}
.ir-result .ir-content {
 margin: 0;
 padding: 0;
 display: block;
}
.ir-result .ir-content-person-image-detail span svg {
 width: 10px;
 height: 10px;
}
.ir-result .ir-links li a.ir-button-link {
 padding: 3px 10px 7px;
 font-size: 14px;
 font-weight: 400;
 line-height: 22px;
}
.ir-result .ir-links li a.ir-button-link svg {
 width: 20px;
 height: 20px;
}
.ir-result .ir-links li a.ir-text-link:after {
 bottom: 0;
}
.ir-result .ir-text-link svg {
 width: 14px;
 height: 20px
}
.ir-result .ir-content-detail-box {
 margin-bottom: 0;
}
.ir-result .ir-text-link {
 font-size: 14px;
}
.ir-filter {
 margin: 0;
}
.wrap-single-content h1,
.wrap-single-content h2,
.wrap-single-content h3,
.wrap-single-content h4,
.wrap-single-content h5,
.wrap-single-content h6 {
 font-family: Nunito Sans, Helvetica Neue, Arial, sans-serif !important;
}
.wrap-single-content h3 {
 font-size: 26px;
}
@media screen and (max-width: 1199px) {
 .ir-content-image-wrap {
  width: 425px;
 }
 .ir-content-detail-box-title h2 {
  font-size: 42px;
  line-height: 52px;
 }
 .ir-content {
  padding: 50px 0px;
 }
 .ir-links {
  margin-top: 0;
 }
 .ir-title-text {
  font-size: 105px;
  line-height: 160px;
 }
 .ir-main-area-content {
  height: 500px;
 }
 .metgroup-client-logos .client-logo-left-icon {
  left: -25px;
  background-color: #333;
  opacity: 1;
 }
 .metgroup-client-logos .client-logo-right-icon {
  right: -25px;
  background-color: #333;
  opacity: 1;
 }
 .metgroup-client-logos .slick-arrow::before {
  color: #ffffff;
 }
}
@media screen and (max-width: 1280px) {
 .metgroup-blog-main .slick-arrow {
  opacity: 0.7;
  background-color: rgba(0,0,0,1);
  height: 55px;
  width: 55px;
 }
 .metgroup-blog-main .slick-arrow::before {
   color: #FFFFFF;
 }
 .metgroup-blog-main .metgroup-blog-left-icon {
   left: -25px;
 }
 .metgroup-blog-main .metgroup-blog-right-icon {
   right: -25px;
 }
}
@media screen and (max-width: 1024px) {
 .ir-content-person-image-detail {
  margin-top: 0 !important;
  align-items: flex-start;
 }
 .ir-content-person-image {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  margin-bottom: 0;
 }
 .ir-content-image-wrap::after {
  left: -15px;
  bottom: -15px;
 }
 .ir-content-grid {
  grid-gap: 0;
  padding: 0 !important;
  border: none !important;
 }
 .ir-content {
  padding: 30px 0px !important;
 }
 .ir-content-person {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
 }
 .ir-result .ir-content-detail-box-title h2 {
  font-size: 20px;
  line-height: 25px;
  min-height: unset;
 }
 .ir-content-person-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px !important;
 }
 .ir-content-person-image-detail {
  display: flex;
  padding: 0;
  position: unset;
  transform: unset;
  background: transparent;
  margin-top: 10px;
 }
 .ir-result .ir-content-image-wrap {
  width: 100%;
  height: 250px;
 }
 .ir-content-person-image-detail span {
  display: none;
 }
.ir-content-person-position p {
  color: #141211;
 }
 .ir-content-person-name h4 {
  font-size: 15px;
 }
 .ir-content-person-position p {
  font-size: 14px !important;
  font-weight: 400 !important;
 }
 .ir-links {
  margin-top: 15px !important;
 }
 .ir-result .ir-content-image-box {
  height: unset;
 }
}
@media screen and (max-width: 991px) {
 .ir-title-text {
  font-size: 80px;
  line-height: 130px;
 }
 .ir-links {
  margin-bottom: 30px !important;
 }
 .ir-result .ir-content-person {
  grid-template-columns: 1fr;
 }
 .ir-result .ir-content-grid {
  grid-gap: 30px;
  margin-bottom: 0px;
 }
 .ir-result .ir-content {
  padding: 0 !important;
 }
 .ir-filter {
  padding: 30px 0px;
 }
 .ir-filter .filters1 {
  margin-bottom: 20px;
 }
 .ir-content {
  grid-template-columns: 1fr;
  grid-gap: 30px;
 }
 .ir-content .ir-content-detail-box {
  order: 1;
 }
 .ir-content-image-wrap {
  width: 100%;
 }
}
@media screen and (max-width: 767px) {
 .metgroup-blog {
  grid-template-columns: repeat(1, 1fr);
 }
 .metgroup--work-client-logos {
  grid-gap: 30px;
 }
 .cobal-main-area {
  height: 450px;
  clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%);
 }
 .cobal-main-area-title h1{
  font-size: 37px;
  margin-bottom: 90px;
 }
 .ir-main-area-content {
  height: 450px;
 }
 .ir-title-text {
  font-size: 70px;
  line-height: 105px;
 }
 .ir-content {
  flex-direction: column-reverse;
 }
 .ir-content-image-wrap {
  width: 100%;
  margin-left: auto !important;
  height: 100%;
 }
 .ir-content-image-wrap a {
  height: 250px;
  width: 100%;
  display: block;
 }
 .ir-content-image-wrap::after {
  display: none;
 }
 .ir-result .ir-content-image-wrap {
  width: 100%;
  max-height: 200px;
  margin-bottom: 30px !important;
 }
 .ir-content-person-name h4 {
  letter-spacing: 0.5px;
  font-weight: 100;
 }
 .ir-result .ir-content-person-image {
  width: 50px;
  height: 50px;
 }
 .ir-result .ir-content-person {
  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
 }
 .ir-result .ir-content-grid {
  grid-template-columns: 1fr;
 }
 .ir-filter {
  padding-top: 0;
 }
}
@media screen and (max-width: 575px) {
   .metgroup-client-logos .slick-slide {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px 30px;
      padding: 0 15px;
   }
 .cobal-main-area {
     height: 400px;
     clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
    }
  .ir-title-text {
   font-size: 50px;
   line-height: 90px;
  }
 .ir-main-area-content {
  height: 375px;
 }
 .ir-title-text::after {
  height: 7px;
 }
 .ir-content-detail-box-title {
  margin-bottom: 0;
 }
 .ir-content-detail-box-title h2 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 25px;
 }
 .ir-content-person-image {
  width: 55px;
  height: 55px;
 }
 .metgroup-blog .metgroup-blog-left-icon {
  left: -15px;
 }
 .metgroup-blog .metgroup-blog-right-icon {
  right: -15px;
 }

 }
@media screen and (max-width: 479px) {
 .metgroup--work-client-logos {
     grid-template-columns: repeat(2, 1fr);
 }
 .metgroup--work-client-logos img{
     width: 100%;
  height: 100%;
  object-fit: contain;
 }
 .card1-image{
  padding-top: 125%;
 }
 .ir-title-text {
  font-size: 35px;
  line-height: 70px;
 }
}