.y2-60-works-1{overflow-x:clip}
.y2-60-works-1{color:color-mix(in srgb, var(--y2-p), black 30%);font-family:var(--y2-font);font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.y2-60-works-1{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.y2-60-works-1 *,.y2-60-works-1 ::after,.y2-60-works-1 ::before{box-sizing: border-box;}
.y2-60-works-1 h2,.y2-60-works-1 h1{margin-top: 0px; margin-bottom: 7.5px; font-weight: 500; line-height: 1.2;}
.y2-60-works-1 h2,.y2-60-works-1 h1{font-size: calc(19.88px + 0.9vw);}
@media (min-width: 1200px){
.y2-60-works-1 h2,.y2-60-works-1 h1{font-size: 30px;}
}
.y2-60-works-1 ol{padding-left: 30px;}
.y2-60-works-1 ol{margin-top: 0px; margin-bottom: 15px;}
.y2-60-works-1 a{color: color-mix(in srgb, var(--y2-p), white 8%); text-decoration: underline;}
.y2-60-works-1 a:hover{color: color-mix(in srgb, var(--y2-p), black 13%);}
.y2-60-works-1 ::-webkit-datetime-edit-day-field,.y2-60-works-1 ::-webkit-datetime-edit-fields-wrapper,.y2-60-works-1 ::-webkit-datetime-edit-hour-field,.y2-60-works-1 ::-webkit-datetime-edit-minute,.y2-60-works-1 ::-webkit-datetime-edit-month-field,.y2-60-works-1 ::-webkit-datetime-edit-text,.y2-60-works-1 ::-webkit-datetime-edit-year-field{padding: 0px;}
.y2-60-works-1 ::-webkit-inner-spin-button{height: auto;}
.y2-60-works-1 ::-webkit-search-decoration{appearance: none;}
.y2-60-works-1 ::-webkit-color-swatch-wrapper{padding: 0px;}
.y2-60-works-1 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.y2-60-works-1 .container{width: 100%; padding-right: var(--bs-gutter-x,11.25px); padding-left: var(--bs-gutter-x,11.25px); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.y2-60-works-1 .container{max-width: 540px;}
}
@media (min-width: 768px){
.y2-60-works-1 .container{max-width: 720px;}
}
@media (min-width: 992px){
.y2-60-works-1 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.y2-60-works-1 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.y2-60-works-1 .container{max-width: 1320px;}
}
.y2-60-works-1 .row{--bs-gutter-x: 22.5px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2);}
.y2-60-works-1 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y);}
.y2-60-works-1 .col{flex: 1 0 0%;}
.y2-60-works-1 h2,.y2-60-works-1 h1{color: color-mix(in srgb, var(--y2-dk), white 11%); font-family:var(--y2-font);}
.y2-60-works-1 a{text-decoration: none; transition: 0.2s;}
.y2-60-works-1 a:hover{text-decoration: none;}
.y2-60-works-1 .wpo-page-title{background: url("") center top / cover no-repeat; min-height: 400px; position: relative; display: flex; justify-content: center; flex-direction: column; z-index: 1;}
@media (max-width: 767px){
.y2-60-works-1 .wpo-page-title{min-height: 250px;}
}
.y2-60-works-1 .wpo-page-title::before{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: color-mix(in srgb, var(--y2-p), black 30%); content: ""; z-index: -1; opacity: 0.6;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap{text-align: center;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap h2,.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap h1{font-size: 60px; color: rgb(255, 255, 255); line-height: 60px; margin-top: -10px; margin-bottom: 20px; font-weight: 900;}
@media (max-width: 767px){
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap h2,.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap h1{font-size: 30px; line-height: 35px; margin-bottom: 10px;}
}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol{padding-left: 0px; margin-bottom: 0px;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li{display: inline-block; padding: 0px 5px; color: rgb(255, 255, 255); position: relative; font-size: 20px; font-family:var(--y2-font);}
@media (max-width: 767px){
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li{font-size: 18px;}
}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li::after{content: "/"; position: relative; left: 7px;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li:last-child::after{display: none;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li a{color: rgb(255, 255, 255); font-size: 20px; transition: 0.3s;}
.y2-60-works-1 .wpo-page-title .wpo-breadcumb-wrap ol li a:hover{color: color-mix(in srgb, var(--y2-p), black 30%);}
.y2-34-works-2{overflow-x:clip}
@font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src: url("34/assets/font/fontawesome-webfont.woff2") format("woff2"); font-display: swap; }
.y2-34-works-2{color:rgb(0, 0, 0);font-family:var(--y2-font);font-size:16px;font-weight:300;line-height:24px;letter-spacing:0.32px;text-align:center;word-spacing:0px;background-color:rgb(255, 255, 255)}
.y2-34-works-2 figcaption,.y2-34-works-2 figure,.y2-34-works-2 main,.y2-34-works-2 section{display: block;}
.y2-34-works-2 a{background-color: transparent;}
.y2-34-works-2 a:active,.y2-34-works-2 a:hover{outline: 0px;}
.y2-34-works-2 img{border: 0px;}
.y2-34-works-2 figure{margin: 1em 40px;}
@media print{
.y2-34-works-2 *,.y2-34-works-2 ::before,.y2-34-works-2 ::after{background: transparent !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important;}
.y2-34-works-2 a,.y2-34-works-2 a:visited{text-decoration: underline;}
.y2-34-works-2 a[href]::after{content: " (" attr(href) ")";}
.y2-34-works-2 img{break-inside: avoid;}
.y2-34-works-2 img{max-width: 100% !important;}
}
.y2-34-works-2 *{box-sizing: border-box;}
.y2-34-works-2 ::before,.y2-34-works-2 ::after{box-sizing: border-box;}
.y2-34-works-2 a{color: inherit; text-decoration: none;}
.y2-34-works-2 a:hover,.y2-34-works-2 a:focus{color: inherit; text-decoration: underline;}
.y2-34-works-2 a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
.y2-34-works-2 figure{margin: 0px;}
.y2-34-works-2 img{vertical-align: middle;}
.y2-34-works-2 h6{font-family:var(--y2-font); font-weight: 700; line-height: 1.1; color: inherit;}
.y2-34-works-2 h6{margin-top: 12px; margin-bottom: 12px;}
.y2-34-works-2 h6{font-size: 16px;}
.y2-34-works-2 .text-left{text-align: left;}
.y2-34-works-2 .text-center{text-align: center;}
.y2-34-works-2 .text-uppercase{text-transform: uppercase;}
.y2-34-works-2 :first-child{margin-top: 0px;}
.y2-34-works-2 :last-child{margin-bottom: 0px;}
.y2-34-works-2 a:hover,.y2-34-works-2 a:focus{text-decoration: none; outline: none;}
.y2-34-works-2 .shell{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.y2-34-works-2 .shell{min-width: 300px; max-width: 480px;}
@media (min-width: 768px){
.y2-34-works-2 .shell{max-width: 750px;}
}
@media (min-width: 992px){
.y2-34-works-2 .shell{max-width: 970px;}
}
@media (min-width: 1200px){
.y2-34-works-2 .shell{max-width: 1200px;}
}
.y2-34-works-2 .range{margin-left: -15px; margin-right: -15px;}
.y2-34-works-2 [class*="cell-"]{padding-left: 15px; padding-right: 15px;}
@media (min-width: 480px){
.y2-34-works-2 .range{display: flex; flex: 0 1 auto; flex-flow: wrap;}
.y2-34-works-2 .range > [class*="cell"]{flex: 0 0 100%; max-width: 100%;}
.y2-34-works-2 .range-xs-center{justify-content: center;}
.y2-34-works-2 .range > .cell-xs-8{flex-basis: 66.6667%; max-width: 66.6667%;}
}
@media (min-width: 768px){
.y2-34-works-2 .range > .cell-sm-6{flex-basis: 50%; max-width: 50%;}
}
@media (min-width: 992px){
.y2-34-works-2 .range > .cell-md-4{flex-basis: 33.3333%; max-width: 33.3333%;}
}
.y2-34-works-2 h6{margin-top: 12px; margin-bottom: 12px; font-size: 17px; font-weight: 700; line-height: 1.5;}
@media (min-width: 768px){
.y2-34-works-2 h6{line-height: 1.25; font-size: 16px;}
}
.y2-34-works-2 .bg-lighter{background: rgb(245, 245, 245); fill: rgb(245, 245, 245);}
.y2-34-works-2 .section-100{padding-top: 100px; padding-bottom: 100px;}
.y2-34-works-2 .fa-arrow-right::before{content: "";}
.y2-34-works-2 [class*="fa-"]::before{font-weight: 400; font-family: FontAwesome;}
.y2-34-works-2 .thumbnail-classic,.y2-34-works-2 .thumbnail-classic > figure{position: relative; display: block;}
.y2-34-works-2 .thumbnail-classic img,.y2-34-works-2 .thumbnail-classic figure img{width: 100%; height: auto; transition: 0.35s; will-change: transform;}
.y2-34-works-2 .thumbnail-classic figure figcaption,.y2-34-works-2 .thumbnail-classic figcaption{position: absolute;}
.y2-34-works-2 .thumbnail-classic{position: relative; overflow: hidden;}
.y2-34-works-2 .thumbnail-classic::after{position: absolute; content: ""; inset: 0px; background: color-mix(in srgb, color-mix(in srgb, var(--y2-p), white 87%) 15%, transparent); transition: 0.3s; opacity: 1;}
.y2-34-works-2 .thumbnail-classic > figure > img{box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 0px;}
.y2-34-works-2 .thumbnail-classic > figure figcaption{bottom: 20px; left: 0px; padding: 5px 15px; transition: 0.3s; z-index: 1;}
.y2-34-works-2 .thumbnail-classic > figure figcaption::after{z-index: -1; position: absolute; content: ""; top: 0px; left: -10%; width: 110%; bottom: 0px; background: color-mix(in srgb, var(--y2-p), white 46%); transform: skew(-32deg);}
@media (min-width: 992px){
.y2-34-works-2 .thumbnail-classic > figure figcaption{padding: 5px 30px;}
}
.y2-34-works-2 .thumbnail-classic .icon{color: rgb(255, 255, 255); opacity: 0; width: 0px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); transition: 0.3s;}
.y2-34-works-2 .thumbnail-classic-title{display: inline-block; font-family:var(--y2-font); font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-transform: capitalize; vertical-align: middle;}
.y2-34-works-2 .thumbnail-classic:hover::after{opacity: 0;}
.y2-34-works-2 .thumbnail-classic:hover > figure figcaption{padding-left: 30px;}
.y2-34-works-2 .thumbnail-classic:hover .icon{opacity: 1; left: 10px;}
@media (min-width: 1200px){
.y2-34-works-2 .thumbnail-classic:hover > figure figcaption{padding-left: 60px;}
.y2-34-works-2 .thumbnail-classic:hover .icon{opacity: 1; left: 30px;}
}
.y2-34-works-2 .text-left{text-align: left;}
.y2-34-works-2 .text-center{text-align: center;}
.y2-34-works-2 .text-light{font-weight: 300;}
.y2-34-works-2 .icon{position: relative; display: inline-block; font-weight: 400; font-size: 36px; line-height: 42px; font-style: normal;}
.y2-34-works-2 .icon::before{display: inline-block; position: relative;}
.y2-34-works-2 .icon-xxs{font-size: 18px; line-height: 18px;}
.y2-34-works-2 .offset-top-0{margin-top: 0px;}
.y2-34-works-2 .offset-top-50{margin-top: 50px;}