body,html {
    margin: 0;
    padding: 0;
    width: 100%
}

/*body {
    color: #fff;
    font-weight: 400
}
*/
body {
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f0f0f0;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-weight: 500;
}
p {
    font-weight: 300;
    color: #636363;
    font-size: 1rem;
}
a img {
    border: 0
}

a {
    -webkit-text-decoration-skip: objects;
    text-decoration: none
}

.f0 {
    font-size: 0
}

.object {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.clr {
    clear: both
}

.ul-reset {
    margin: 0;
    padding: 0
}

.ul-reset li {
    list-style-type: none
}

.h-reset h1,.h-reset h2,.h-reset h3,.h-reset h4,.h-reset p {
    margin: 0
}

.w-reset {
    max-width: 100%;
    width: 100%
}

.h-reset {
    height: auto
}

.block {
    display: block
}

.inline_block {
    display: inline-block
}

.none {
    display: none
}

.ov-hidden {
    overflow: hidden
}

.ov-visible {
    overflow: visible
}

.ov-o-hidden {
    opacity: 0;
    visibility: hidden
}

.ov-o-visible {
    opacity: 1;
    visibility: visible
}

input,select,textarea {
    outline: none
}


input,select,textarea {
    border-radius: 0;
    outline: none
}

button,input,select,textarea {
    font: inherit;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}


[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

blockquote {
    margin: 0;
    padding: 0
}

button {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin-top: 20px;
}

.center {
    text-align: center
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase
}

.case {
    text-transform: normal
}

.nocase {
    text-transform: none
}

.italic {
    font-style: italic
}

.prel {
    position: relative
}

.pabs {
    position: absolute
}

.pfix {
    position: fixed
}

.valign {
    display: table;
    position: relative
}

.valign.fit {
    height: 100%;
    width: 100%
}

.valign .middle {
    display: table-cell
}

.middle,.valign .middle {
    vertical-align: middle
}

.bx {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
/* CSS สำหรับเมนู */
.navbar {
    overflow: hidden;
    background-color: #333; /* สีพื้นหลังของเมนู */
  }
  
  .navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* เพิ่มสีพื้นหลังเมื่อเมาส์ชี้ */
  .navbar a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* ไอคอนที่ใช้เป็นลูกศร */
  .navbar a i {
    margin-right: 5px;
  }

  
@font-face {
    font-display: swap;
    font-family: apercu-bold-pro;
    font-style: normal;
    font-weight: 400;
    src: url(../font/ApercuPro-ExtraLight.woff2) format("woff2"),url(../font/ApercuPro-ExtraLight.woff) format("woff"),url(../font/ApercuPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: apercu-extralight-pro;
    font-style: normal;
    font-weight: 400;
    src: url(../font/ApercuPro-ExtraLight.woff2) format("woff2"),url(../font/ApercuPro-ExtraLight.woff) format("woff"),url(../font/ApercuPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: apercu-light-pro;
    font-style: normal;
    font-weight: 400;
    src: url(../font/ApercuPro-ExtraLight.woff2) format("woff2"),url(../font/ApercuPro-ExtraLight.woff) format("woff"),url(../font/ApercuPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: apercu-medium-pro;
    font-style: normal;
    font-weight: 400;
    src: url(../font/ApercuPro-ExtraLight.woff2) format("woff2"),url(../font/ApercuPro-ExtraLight.woff) format("woff"),url(../font/ApercuPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: apercu-regular-pro;
    font-style: normal;
    font-weight: 400;
    src: url(../font/ApercuPro-ExtraLight.woff2) format("woff2"),url(../font/ApercuPro-ExtraLight.woff) format("woff"),url(../font/ApercuPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: handkick;
    font-style: normal;
    font-weight: 400;
    src: url(../font/Handkick.ttf) format("truetype")
}

.col-d-100 {
    width: 100%
}

.col-d-100.abs-square {
    padding-bottom: 100%;
    position: relative
}

.col-d-100.abs-square.half {
    padding-bottom: 50%
}

.col-d-50 {
    width: 50%
}

.col-d-50.abs-square {
    padding-bottom: 50%;
    position: relative
}

.col-d-50.abs-square.half {
    padding-bottom: 25%
}

.col-d-33 {
    width: 33.333333333333336%
}

.col-d-33.abs-square {
    padding-bottom: 33.333333333333336%;
    position: relative
}

.col-d-33.abs-square.half {
    padding-bottom: 16.666666666666668%
}

.col-d-25 {
    width: 25%
}

.col-d-25.abs-square {
    padding-bottom: 25%;
    position: relative
}

.col-d-25.abs-square.half {
    padding-bottom: 12.5%
}

.col-d-20 {
    width: 20%
}

.col-d-20.abs-square {
    padding-bottom: 20%;
    position: relative
}

.col-d-20.abs-square.half {
    padding-bottom: 10%
}

.col-d-16 {
    width: 16.666666666666668%
}

.col-d-16.abs-square {
    padding-bottom: 16.666666666666668%;
    position: relative
}

.col-d-16.abs-square.half {
    padding-bottom: 8.333333333333334%
}

.col-d-14 {
    width: 14.285714285714286%
}

.col-d-14.abs-square {
    padding-bottom: 14.285714285714286%;
    position: relative
}

.col-d-14.abs-square.half {
    padding-bottom: 7.142857142857143%
}

.col-d-12 {
    width: 12.5%
}

.col-d-12.abs-square {
    padding-bottom: 12.5%;
    position: relative
}

.col-d-12.abs-square.half {
    padding-bottom: 6.25%
}

.col-d-11 {
    width: 11.11111111111111%
}

.col-d-11.abs-square {
    padding-bottom: 11.11111111111111%;
    position: relative
}

.col-d-11.abs-square.half {
    padding-bottom: 5.555555555555555%
}

.col-d-10 {
    width: 10%
}

.col-d-10.abs-square {
    padding-bottom: 10%;
    position: relative
}

.col-d-10.abs-square.half {
    padding-bottom: 5%
}

@media (min-width: 720px) and (max-width:1024px) {
    .col-t-100 {
        width:100%
    }

    .col-t-100.abs-square {
        padding-bottom: 100%;
        position: relative
    }

    .col-t-100.abs-square.half {
        padding-bottom: 50%
    }

    .col-t-50 {
        width: 50%
    }

    .col-t-50.abs-square {
        padding-bottom: 50%;
        position: relative
    }

    .col-t-50.abs-square.half {
        padding-bottom: 25%
    }

    .col-t-33 {
        width: 33.333333333333336%
    }

    .col-t-33.abs-square {
        padding-bottom: 33.333333333333336%;
        position: relative
    }

    .col-t-33.abs-square.half {
        padding-bottom: 16.666666666666668%
    }

    .col-t-25 {
        width: 25%
    }

    .col-t-25.abs-square {
        padding-bottom: 25%;
        position: relative
    }

    .col-t-25.abs-square.half {
        padding-bottom: 12.5%
    }

    .col-t-20 {
        width: 20%
    }

    .col-t-20.abs-square {
        padding-bottom: 20%;
        position: relative
    }

    .col-t-20.abs-square.half {
        padding-bottom: 10%
    }

    .col-t-16 {
        width: 16.666666666666668%
    }

    .col-t-16.abs-square {
        padding-bottom: 16.666666666666668%;
        position: relative
    }

    .col-t-16.abs-square.half {
        padding-bottom: 8.333333333333334%
    }

    .col-t-14 {
        width: 14.285714285714286%
    }

    .col-t-14.abs-square {
        padding-bottom: 14.285714285714286%;
        position: relative
    }

    .col-t-14.abs-square.half {
        padding-bottom: 7.142857142857143%
    }

    .col-t-12 {
        width: 12.5%
    }

    .col-t-12.abs-square {
        padding-bottom: 12.5%;
        position: relative
    }

    .col-t-12.abs-square.half {
        padding-bottom: 6.25%
    }

    .col-t-11 {
        width: 11.11111111111111%
    }

    .col-t-11.abs-square {
        padding-bottom: 11.11111111111111%;
        position: relative
    }

    .col-t-11.abs-square.half {
        padding-bottom: 5.555555555555555%
    }

    .col-t-10 {
        width: 10%
    }

    .col-t-10.abs-square {
        padding-bottom: 10%;
        position: relative
    }

    .col-t-10.abs-square.half {
        padding-bottom: 5%
    }
}

@media (max-width: 719px) {
    .col-m-100 {
        width:100%
    }

    .col-m-100.abs-square {
        padding-bottom: 100%;
        position: relative
    }

    .col-m-100.abs-square.half {
        padding-bottom: 50%
    }

    .col-m-50 {
        width: 50%
    }

    .col-m-50.abs-square {
        padding-bottom: 50%;
        position: relative
    }

    .col-m-50.abs-square.half {
        padding-bottom: 25%
    }

    .col-m-33 {
        width: 33.333333333333336%
    }

    .col-m-33.abs-square {
        padding-bottom: 33.333333333333336%;
        position: relative
    }

    .col-m-33.abs-square.half {
        padding-bottom: 16.666666666666668%
    }

    .col-m-25 {
        width: 25%
    }

    .col-m-25.abs-square {
        padding-bottom: 25%;
        position: relative
    }

    .col-m-25.abs-square.half {
        padding-bottom: 12.5%
    }

    .col-m-20 {
        width: 20%
    }

    .col-m-20.abs-square {
        padding-bottom: 20%;
        position: relative
    }

    .col-m-20.abs-square.half {
        padding-bottom: 10%
    }

    .col-m-16 {
        width: 16.666666666666668%
    }

    .col-m-16.abs-square {
        padding-bottom: 16.666666666666668%;
        position: relative
    }

    .col-m-16.abs-square.half {
        padding-bottom: 8.333333333333334%
    }

    .col-m-14 {
        width: 14.285714285714286%
    }

    .col-m-14.abs-square {
        padding-bottom: 14.285714285714286%;
        position: relative
    }

    .col-m-14.abs-square.half {
        padding-bottom: 7.142857142857143%
    }

    .col-m-12 {
        width: 12.5%
    }

    .col-m-12.abs-square {
        padding-bottom: 12.5%;
        position: relative
    }

    .col-m-12.abs-square.half {
        padding-bottom: 6.25%
    }

    .col-m-11 {
        width: 11.11111111111111%
    }

    .col-m-11.abs-square {
        padding-bottom: 11.11111111111111%;
        position: relative
    }

    .col-m-11.abs-square.half {
        padding-bottom: 5.555555555555555%
    }

    .col-m-10 {
        width: 10%
    }

    .col-m-10.abs-square {
        padding-bottom: 10%;
        position: relative
    }

    .col-m-10.abs-square.half {
        padding-bottom: 5%
    }
}

.offset-d-1 {
    padding: 5rem
}

.offset-d-1,.offset-d-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.offset-d-2 {
    padding: 2.5rem
}

.offset-d-3 {
    padding: 1.6666666666666667rem
}

.offset-d-3,.offset-d-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.offset-d-4 {
    padding: 1.25rem
}

.offset-d-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem
}

.row--left {
    float: left;
    width: 100%
}

.col {
    display: block;
    float: left
}

::-webkit-scrollbar {
    background-color: #106dc3;
    width: 13px
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(13deg,#061c87,#131856 0);
    
    border-radius: 5px
}

::-webkit-scrollbar-track {
    background: #ff4026;
    border-radius: 5px;
    -webkit-box-shadow: inset -30px 10px 12px #dcdcdc;
    box-shadow: inset -30px 10px 12px #dcdcdc
}

.scrollbar-track {
    cursor: pointer;
    z-index: 10!important
}

.abs-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bgc {
    background-position: 50%;
    background-size: cover!important
}

.wrapper-1419 {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 30px;
    position: relative;
    z-index: 2
}

@media (min-width: 1661px) {
    .wrapper-1419 {
        max-width:1480px
    }
}

@media (max-width: 1024px) {
    .wrapper-1419 {
        padding:0 20px
    }
}

@media (min-width: 1921px) {
    .wrapper-1419 {
        max-width:1480px
    }
}

.width-960 {
    border-top: 1px solid #dcdcdc;
    left: 25%;
    margin: 0 auto;
    max-width: 50%;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1024px) {
    .width-960 {
        left:0;
        max-width: 100%
    }
}

.wrapper-960 {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    left: 24.8vw;
    margin: 0 auto;
    max-width: 50vw;
    width: 100%
}

@media (max-width: 1024px) {
    .wrapper-960 {
        left:0;
        max-width: 100%
    }
}

.wrapper-960.lighter {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    border-top: 1px solid hsla(0,0%,100%,.25)
}

.wrapper-40pad {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .wrapper-40pad {
        padding:0 20px
    }
}

@media (min-width: 1921px) {
    .wrapper-40pad {
        margin:0 auto;
        max-width: 1920px
    }
}

.vm {
    vertical-align: middle
}

.txt-holder {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .txt-holder {
        margin-top:25px
    }
}

.txt-holder.no-mar {
    margin-top: 0
}

.txt-holder.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.txt-holder.white {
    color: #fff
}

.txt-holder.white span:after {
    background-color: #fff
}

.txt-holder.black90 {
    color: #73737b
}

.txt-holder.light {
    font-weight: 300
}

.txt-holder.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .txt-holder.fs-16 {
        font-size:14px
    }
}

.txt-holder.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder.fs-18 {
        font-size:15px
    }
}

.txt-holder.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .txt-holder.fs-19 {
        font-size:16px
    }
}

.txt-holder.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .txt-holder.fs-20 {
        font-size:17px
    }
}

.txt-holder.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .txt-holder.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .txt-holder.fs-32 {
        font-size:30px
    }
}

.txt-holder.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .txt-holder.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .txt-holder.fs-40 {
        font-size:40px
    }
}

.txt-holder.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .txt-holder.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .txt-holder.fs-23 {
        font-size:23px
    }
}

.txt-holder a:hover {
    text-decoration: underline
}

.txt-holder b,.txt-holder strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.txt-holder span {
    font-family: apercu-medium-pro;
    position: relative
}

.txt-holder.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .txt-holder {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .txt-holder {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .txt-holder {
        font-size:23px
    }
}

.txt-holder h3 {
    color: #17171b;
    font-family: apercu-light-pro;
    font-family: apercu-extralight-pro;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1
}

.txt-holder h3.white {
    color: #fff
}

.txt-holder h3.light {
    font-family: apercu-extralight-pro
}

.txt-holder h3.no-mar {
    margin: 0
}

.txt-holder h3 span,.txt-holder h3 strong {
    color: #0b5dd0;
    font-weight: 400
}

.txt-holder h3.fs-110 {
    font-family: apercu-extralight-pro;
    font-size: 45px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-110 {
        font-size:5.104vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-110 {
        font-size:5.208vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-110 {
        font-size:100px
    }
}

.txt-holder h3.fs-110.white {
    color: #fff
}

.txt-holder h3.fs-90 {
    font-family: apercu-extralight-pro;
    font-size: 40px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-90 {
        font-size:3.646vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-90 {
        font-size:4.427vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-90 {
        font-size:85px
    }
}

.txt-holder h3.fs-70 {
    font-family: apercu-extralight-pro;
    font-size: 30px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-70 {
        font-size:3.125vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-70 {
        font-size:3.646vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-70 {
        font-size:70px
    }
}

.txt-holder h3.fs-40 {
    font-size: 26px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-40 {
        font-size:1.823vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-40 {
        font-size:2.083vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-40 {
        font-size:40px
    }
}

.txt-holder h3.fs-45 {
    font-size: 27px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-45 {
        font-size:2.083vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-45 {
        font-size:2.344vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-45 {
        font-size:45px
    }
}

.txt-holder h3.fs-30 {
    font-size: 21px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-30 {
        font-size:1.354vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-30 {
        font-size:1.563vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-30 {
        font-size:30px
    }
}

.txt-holder h3.fs-34 {
    font-size: 22px
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-34 {
        font-size:1.458vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-34 {
        font-size:1.771vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-34 {
        font-size:34px
    }
}

.txt-holder h3.fs-160 {
    font-family: apercu-extralight-pro;
    font-size: 60px;
    letter-spacing: -.04em
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-160 {
        font-size:8.33vw
    }
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-160 {
        font-size:6.25vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-160 {
        font-size:6.771vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-160 {
        font-size:160px
    }
}

.txt-holder h3.fs-160 .rockness {
    color: #fff;
    font-family: Rockness W05 Regular,sans-serif;
    font-size: 88px;
    position: relative;
    top: -1.7vw
}

@media (min-width: 1025px) {
    .txt-holder h3.fs-160 .rockness {
        font-size:12.5vw;
        left: 4.2vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3.fs-160 .rockness {
        font-size:13.59vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3.fs-160 .rockness {
        font-size:261px
    }
}

@media (min-width: 1025px) {
    .txt-holder h3 {
        font-size:3.125vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h3 {
        font-size:3.646vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h3 {
        font-size:70px
    }
}

.txt-holder h4 {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 27px;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1
}

.txt-holder h4.white {
    color: #fff
}

.txt-holder h4.light {
    font-family: apercu-extralight-pro
}

.txt-holder h4.no-mar {
    margin: 0
}

.txt-holder h4 span,.txt-holder h4 strong {
    color: #0b5dd0;
    font-weight: 400
}

.txt-holder h4.fs-110 {
    font-family: apercu-extralight-pro;
    font-size: 45px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-110 {
        font-size:5.104vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-110 {
        font-size:5.208vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-110 {
        font-size:100px
    }
}

.txt-holder h4.fs-110.white {
    color: #fff
}

.txt-holder h4.fs-90 {
    font-family: apercu-extralight-pro;
    font-size: 40px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-90 {
        font-size:3.646vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-90 {
        font-size:4.427vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-90 {
        font-size:85px
    }
}

.txt-holder h4.fs-70 {
    font-family: apercu-extralight-pro;
    font-size: 30px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-70 {
        font-size:3.125vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-70 {
        font-size:3.646vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-70 {
        font-size:70px
    }
}

.txt-holder h4.fs-40 {
    font-size: 26px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-40 {
        font-size:1.823vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-40 {
        font-size:2.083vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-40 {
        font-size:40px
    }
}

.txt-holder h4.fs-45 {
    font-size: 27px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-45 {
        font-size:2.083vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-45 {
        font-size:2.344vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-45 {
        font-size:45px
    }
}

.txt-holder h4.fs-30 {
    font-size: 21px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-30 {
        font-size:1.354vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-30 {
        font-size:1.563vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-30 {
        font-size:30px
    }
}

.txt-holder h4.fs-34 {
    font-size: 22px
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-34 {
        font-size:1.458vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-34 {
        font-size:1.771vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-34 {
        font-size:34px
    }
}

.txt-holder h4.fs-160 {
    font-family: apercu-extralight-pro;
    font-size: 60px;
    letter-spacing: -.04em
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-160 {
        font-size:8.33vw
    }
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-160 {
        font-size:6.25vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-160 {
        font-size:6.771vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-160 {
        font-size:160px
    }
}

.txt-holder h4.fs-160 .rockness {
    color: #fff;
    font-family: Rockness W05 Regular,sans-serif;
    font-size: 88px;
    position: relative;
    top: -1.7vw
}

@media (min-width: 1025px) {
    .txt-holder h4.fs-160 .rockness {
        font-size:12.5vw;
        left: 4.2vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4.fs-160 .rockness {
        font-size:13.59vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4.fs-160 .rockness {
        font-size:261px
    }
}

@media (min-width: 1025px) {
    .txt-holder h4 {
        font-size:2.083vw
    }
}

@media (min-width: 1661px) {
    .txt-holder h4 {
        font-size:2.344vw
    }
}

@media (min-width: 1921px) {
    .txt-holder h4 {
        font-size:45px
    }
}

.txt-holder h5 {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 1.56vw;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .txt-holder h5 {
        margin-top:25px
    }
}

.txt-holder h5.no-mar {
    margin-top: 0
}

.txt-holder h5.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.txt-holder h5.white {
    color: #fff
}

.txt-holder h5.white span:after {
    background-color: #fff
}

.txt-holder h5.black90 {
    color: #73737b
}

.txt-holder h5.light {
    font-weight: 300
}

.txt-holder h5.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-16 {
        font-size:14px
    }
}

.txt-holder h5.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-18 {
        font-size:15px
    }
}

.txt-holder h5.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-19 {
        font-size:16px
    }
}

.txt-holder h5.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-20 {
        font-size:17px
    }
}

.txt-holder h5.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .txt-holder h5.fs-32 {
        font-size:30px
    }
}

.txt-holder h5.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .txt-holder h5.fs-40 {
        font-size:40px
    }
}

.txt-holder h5.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder h5.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .txt-holder h5.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .txt-holder h5.fs-23 {
        font-size:23px
    }
}

.txt-holder h5 a {
    color: #0b5dd0
}

.txt-holder h5 a:hover {
    text-decoration: underline
}

.txt-holder h5 b,.txt-holder h5 strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.txt-holder h5 span {
    font-family: apercu-medium-pro;
    position: relative
}

.txt-holder h5.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .txt-holder h5 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .txt-holder h5 {
        font-size:30px
    }
}

.txt-holder p {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .txt-holder p {
        margin-top:25px
    }
}

.txt-holder p.no-mar {
    margin-top: 0
}

.txt-holder p.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.txt-holder p.white {
    color: #fff
}

.txt-holder p.white span:after {
    background-color: #fff
}

.txt-holder p.black90 {
    color: #73737b
}

.txt-holder p.light {
    font-weight: 300
}

.txt-holder p.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .txt-holder p.fs-16 {
        font-size:14px
    }
}

.txt-holder p.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder p.fs-18 {
        font-size:15px
    }
}

.txt-holder p.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .txt-holder p.fs-19 {
        font-size:16px
    }
}

.txt-holder p.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .txt-holder p.fs-20 {
        font-size:17px
    }
}

.txt-holder p.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .txt-holder p.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .txt-holder p.fs-32 {
        font-size:30px
    }
}

.txt-holder p.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .txt-holder p.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .txt-holder p.fs-40 {
        font-size:40px
    }
}

.txt-holder p.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .txt-holder p.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .txt-holder p.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .txt-holder p.fs-23 {
        font-size:23px
    }
}

.txt-holder p a {
    color: #0b5dd0
}

.txt-holder p a:hover {
    text-decoration: underline
}

.txt-holder p b,.txt-holder p strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.txt-holder p span {
    font-family: apercu-medium-pro;
    position: relative
}

.txt-holder p.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .txt-holder p {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .txt-holder p {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .txt-holder p {
        font-size:23px
    }
}

.txt-holder a {
    color: #0b5dd0;
    text-decoration: underline
}

.txt-holder ul {
    padding-left: 22px
}

.txt-holder ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (min-width: 1025px) {
    .txt-holder ul li {
        font-size:18px;
        font-size: 23px
    }
}

@media (max-width: 1024px) {
    .txt-holder ul li {
        font-size:20px
    }
}

.txt-holder ul li::marker {
    color: #ff4026
}

.txt-holder table th {
    color: #17171b;
    font-family: apercu-regular-pro;
    font-family: apercu-light-pro;
    font-size: 23px;
    font-size: 18px
}

.txt-holder table td,.txt-holder table th {
    border: 1px solid #17171b
}

.video-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.video-iframe,.video-iframe iframe {
    height: 100%;
    width: 100%
}

.play-btn {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width: 1024px) {
    .play-btn {
        width:50px
    }
}

.video-holder.playing .play-btn {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    visibility: hidden
}

.video-holder.playing .img-parallax,.video-holder.playing .video-thumb {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0!important;
    visibility: hidden!important
}

.total-wrapper {
    position: relative
}

.total-wrapper:after {
    background-color: rgba(0,0,0,.9);
    content: "";
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 3
}

.total-wrapper.overlay:after,.total-wrapper:after {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.total-wrapper.overlay:after {
    opacity: .3;
    visibility: visible
}

.ta-r {
    text-align: right
}

.ta-r img {
    max-width: 100%
}

.fs-30-ul {
    padding: 0
}

@media (min-width: 1025px) {
    .fs-30-ul.fs-19 {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.fs-30-ul.fs-19 li {
    font-size: 19px
}

.fs-30-ul.fs-19 li:before {
    top: 10px
}

@media (min-width: 1025px) {
    .fs-30-ul.fs-24 {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.fs-30-ul.fs-24 li {
    font-size: 24px
}

@media (min-width: 1025px) {
    .fs-30-ul {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.fs-30-ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 1.56vw;
    list-style: none;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}

@media (max-width: 1024px) {
    .fs-30-ul li {
        font-size:20px
    }
}

@media (min-width: 1921px) {
    .fs-30-ul li {
        font-size:30px
    }
}

.fs-30-ul li:before {
    background-color: #ff4026;
    border-radius: 100%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: .78vw;
    width: 10px
}

@media (max-width: 1024px) {
    .fs-30-ul li:before {
        top:12px
    }
}

@media (min-width: 1441px) {
    .fs-30-ul li:before {
        top:14px
    }
}

@media (min-width: 640px) {
    .flex-btns {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flex-btns .btn-link {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit
}

@media (min-width: 640px) {
    .flex-btns .btn-link:first-child {
        margin-right:30px
    }
}

.to-be-scaled {
    border-radius: 8px;
    display: block;
    overflow: hidden;
    position: relative
}

.to-be-scaled:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.to-be-scaled:hover img,.to-be-scaled img {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out
}

.radius .img-parallax {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

@media (min-width: 1025px) {
    .two-col-ul {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .two-col-ul a {
        margin-bottom: 17px;
        margin-top: 0!important
    }
}

@media (max-width: 1024px) {
    .desktop-only {
        display:none
    }
}

@media (min-width: 640px) {
    .mobile-only {
        display:none
    }
}

.textpage {
    padding-bottom: 5.21vw;
    padding-top: 13.54vw
}

@media (max-width: 1024px) {
    .textpage {
        padding-top:140px
    }
}

.textpage-content {
    padding-top: 30px
}

@media (min-width: 1025px) {
    .textpage-content {
        padding-top:40px
    }
}

.search-results .black90 {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .search-results .proj-list-pagination {
        margin-top:30px
    }
}

.search-results-list {
    margin-top: 30px
}

@media (min-width: 1025px) {
    .search-results-list {
        margin-top:5.21vw
    }
}

.search-results-row {
    padding-top: 30px
}

@media (min-width: 1025px) {
    .search-results-row {
        padding-top:5.21vw
    }
}

@media (min-width: 1921px) {
    .search-results-row {
        padding-top:100px
    }
}

.search-results-row .para {
    margin-top: 25px
}

.error-page-holder {
    text-align: center
}

.error-page-holder .error-title {
    margin-bottom: 25px
}

.error-page-holder .txt-24 {
    margin-bottom: 60px;
    margin-top: 40px
}

@media (min-width: 1025px) {
    .error-page-holder .txt-24 {
        padding-top:4.17vw
    }
}

@media (min-width: 1921px) {
    .error-page-holder .txt-24 {
        padding-top:80px
    }
}

.error-title {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 100px;
    font-weight: 300;
    line-height: 1
}

@media (min-width: 1025px) {
    .error-title {
        font-size:10.417vw
    }
}

@media (min-width: 1661px) {
    .error-title {
        font-size:11.458vw
    }
}

@media (min-width: 1921px) {
    .error-title {
        font-size:220px
    }
}

::-moz-selection {
    background-color: #0b5dd0;
    color: #fff
}

::selection {
    background-color: #0b5dd0;
    color: #fff
}

.abs-cover-el {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.img-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.img-wrapper img,.img-wrapper video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
    position: absolute;
    top: 0;
    width: 100%
}

.img-wrapper.aspect-ratio-1-1 {
    padding-top: 100%
}

.img-wrapper.aspect-ratio-16-9 {
    padding-top: 56.25%
}

.img-wrapper.aspect-ratio-400-240 {
    padding-top: 60%
}

.img-wrapper.aspect-ratio-880-493 {
    padding-top: 56.02272727%
}

.img-wrapper.aspect-ratio-880-688 {
    padding-top: 78.18181818%
}

.pad-top-0 {
    padding-top: 0!important
}

.pad-top-30 {
    padding-top: 30px!important
}

.pad-bottom-0 {
    padding-bottom: 0!important
}

.pad-bottom-30 {
    padding-bottom: 30px!important
}

.link-button {
    color: #fff;
    display: inline-block;
    font-family: apercu-regular-pro;
    font-size: 17px;
    position: relative;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .link-button {
        font-size:15px
    }

    .link-button span {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#ff4026));
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 100% 2px;
        display: inline;
        text-decoration: none
    }

    .link-button:after {
        display: none
    }
}

.link-button.fs-25 {
    font-size: 25px;
    font-weight: 700
}

@media (max-width: 1024px) {
    .link-button.fs-25 {
        font-size:20px
    }
}

.link-button.blue {
    color: #001e6a
}

.link-button:after {
    background-color: #ff4026;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    width: 100%
}

.link-button:hover {
    cursor: pointer
}

.link-button:hover:after {
    -webkit-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    width: 0
}

.link-button span {
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .link-button span {
        display:inline
    }
}

.link-button img {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle
}

span.link-button:hover:after {
    cursor: default;
    width: 100%
}

.toggle-popup-content-btn {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    height: 41px;
    position: absolute;
    right: 25px;
    top: 25px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    width: 41px;
    will-change: transform;
    z-index: 1
}

@media (min-width: 1025px) {
    .toggle-popup-content-btn {
        display:none
    }
}

.toggle-popup-content-btn:focus,.toggle-popup-content-btn:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toggle-popup-content-btn svg {
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    width: 20px
}

.section-label {
    color: #0b5dd0;
    font-family: apercu-bold-pro;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .06em;
    margin-bottom: 15px;
    text-transform: uppercase
}

@media (min-width: 1661px) {
    .section-label {
        font-size:14px
    }
}

.section-label.black {
    color: #17171b
}

.section-label.white {
    color: #fff
}

.section-label.black90 {
    color: #73737b
}

.section-label.light {
    font-family: apercu-light-pro
}

.section-label.fs-16 {
    font-size: 16px
}

.title {
    color: #00265b;
    font-family: apercu-light-pro;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1;
    /*text-align: center;*/
}
.title-head {
    color: #00265b;
    font-family: apercu-light-pro;
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
}
.menubar {
    color: #ffffff;
    font-family: apercu-light-pro;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1;
    font-size: 1.5rem;
     -webkit-transition: color .3s ease-in-out; 
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.menubar:hover {
    color: #0066ff;
    font-family: apercu-light-pro;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1;
    font-size: 1.5rem;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    font-weight: bold;
}

.title.white {
    color: #fff
}

.title.light {
    font-family: apercu-extralight-pro
}

.title.no-mar {
    margin: 0
}

.title span,.title strong {
    color: #00275d;
    font-weight: 400
}

.title.fs-110 {
    font-family: apercu-extralight-pro;
    font-size: 45px
}

@media (min-width: 1025px) {
    .title.fs-110 {
        font-size:5.104vw
    }
}

@media (min-width: 1661px) {
    .title.fs-110 {
        font-size:5.208vw
    }
}

@media (min-width: 1921px) {
    .title.fs-110 {
        font-size:100px
    }
}

.title.fs-110.white {
    color: #fff
}

.title.fs-90 {
    font-family: apercu-extralight-pro;
    font-size: 40px
}

@media (min-width: 1025px) {
    .title.fs-90 {
        font-size:3.646vw
    }
}

@media (min-width: 1661px) {
    .title.fs-90 {
        font-size:4.427vw
    }
}

@media (min-width: 1921px) {
    .title.fs-90 {
        font-size:85px
    }
}

.title.fs-70 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

@media (min-width: 1025px) {
    .title.fs-70 {
        font-size:3.125vw
    }
}

@media (min-width: 1661px) {
    .title.fs-70 {
        font-size:3.646vw
    }
}

@media (min-width: 1921px) {
    .title.fs-70 {
        font-size:70px
    }
}

.title.fs-40 {
    font-size: 26px
}

@media (min-width: 1025px) {
    .title.fs-40 {
        font-size:1.823vw
    }
}

@media (min-width: 1661px) {
    .title.fs-40 {
        font-size:2.083vw
    }
}

@media (min-width: 1921px) {
    .title.fs-40 {
        font-size:40px
    }
}

.title.fs-45 {
    font-size: 27px
}

@media (min-width: 1025px) {
    .title.fs-45 {
        font-size:2.083vw
    }
}

@media (min-width: 1661px) {
    .title.fs-45 {
        font-size:2.344vw
    }
}

@media (min-width: 1921px) {
    .title.fs-45 {
        font-size:45px
    }
}

.title.fs-30 {
    font-size: 21px
}

@media (min-width: 1025px) {
    .title.fs-30 {
        font-size:1.354vw
    }
}

@media (min-width: 1661px) {
    .title.fs-30 {
        font-size:1.563vw
    }
}

@media (min-width: 1921px) {
    .title.fs-30 {
        font-size:30px
    }
}

.title.fs-34 {
    font-size: 22px
}

@media (min-width: 1025px) {
    .title.fs-34 {
        font-size:1.458vw
    }
}

@media (min-width: 1661px) {
    .title.fs-34 {
        font-size:1.771vw
    }
}

@media (min-width: 1921px) {
    .title.fs-34 {
        font-size:34px
    }
}

.title.fs-160 {
    font-family: apercu-extralight-pro;
    font-size: 60px;
    letter-spacing: -.04em
}

@media (min-width: 1661px) {
    .title.fs-160 {
        font-size:8.33vw
    }
}

@media (min-width: 1025px) {
    .title.fs-160 {
        font-size:6.25vw
    }
}

@media (min-width: 1661px) {
    .title.fs-160 {
        font-size:6.771vw
    }
}

@media (min-width: 1921px) {
    .title.fs-160 {
        font-size:160px
    }
}

.title.fs-160 .rockness {
    color: #fff;
    font-family: Rockness W05 Regular,sans-serif;
    font-size: 88px;
    position: relative;
    top: -1.7vw
}

@media (min-width: 1025px) {
    .title.fs-160 .rockness {
        font-size:12.5vw;
        left: 4.2vw
    }
}

@media (min-width: 1661px) {
    .title.fs-160 .rockness {
        font-size:13.59vw
    }
}

@media (min-width: 1921px) {
    .title.fs-160 .rockness {
        font-size:261px
    }
}

.para {
    color: #17171b;
    font-family: apercu-light-pro;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .para {
        margin-top:25px
    }
}

.para.no-mar {
    margin-top: 0
}

.para.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.para.white {
    color: #fff
}

.para.white span:after {
    background-color: #fff
}

.para.black90 {
    color: #73737b
}

.para.light {
    font-weight: 300
}

.para.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .para.fs-16 {
        font-size:14px
    }
}

.para.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .para.fs-18 {
        font-size:15px
    }
}

.para.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .para.fs-19 {
        font-size:16px
    }
}

.para.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .para.fs-20 {
        font-size:17px
    }
}

.para.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .para.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .para.fs-32 {
        font-size:30px
    }
}

.para.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .para.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .para.fs-40 {
        font-size:40px
    }
}

.para.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .para.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .para.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .para.fs-23 {
        font-size:23px
    }
}

.para a {
    color: #0b5dd0
}

.para a:hover {
    text-decoration: underline
}

.para b,.para strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.para span {
    font-family: apercu-medium-pro;
    position: relative
}

.txt-24 {
    color: #fff;
    font-family: apercu-light-pro;
    font-size: 24px;
    line-height: 1.3
}

@media (min-width: 1025px) {
    .txt-24 {
        font-size:22px
    }
}

@media (min-width: 1661px) {
    .txt-24 {
        font-size:24px
    }
}

@media (max-width: 1024px) {
    .txt-24 {
        font-size:22px
    }
}

.txt-24.black {
    color: #17171b
}


/* */
.text_tantawan {
    color: #fff;
    font-family: apercu-light-pro;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    padding-top: 5px;
}

/* */
.text_company {
    color: #fff;
    font-family: apercu-light-pro;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    padding-top: 5px;
}


/* */
.position-label {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px;
    font-weight: 400
}

.underlined-name {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    display: inline;
    line-height: 1.3;
    text-decoration: none;
    -webkit-transition: background-size .3s ease-in-out;
    -o-transition: background-size .3s ease-in-out;
    transition: background-size .3s ease-in-out
}

@media (min-width: 1025px) {
    .underlined-name {
        padding-bottom:5px
    }
}

.underlined-name:hover {
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease-in-out;
    -o-transition: background-size .3s ease-in-out;
    transition: background-size .3s ease-in-out
}


@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}


.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}



.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-button-lock {
    display: none!important
}

@font-face {
    font-family: lg;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lg.eot?n1z373);
    src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg")
}

.lg-icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: lg;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.lg-actions .lg-next,.lg-actions .lg-prev {
    background-color: #fff;
    border: none;
    border-radius: 50px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    outline: none;
    padding: 10px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
    opacity: .5;
    pointer-events: none
}

.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    background: url(../images/reset/svg/arrow.svg) no-repeat 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    background: url(../images/reset/svg/arrow.svg) no-repeat 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 20px
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    background-color: rgba(0,0,0,.45);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1082
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    outline: medium none;
    padding: 10px 0;
    text-align: center;
    text-decoration: none!important;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    width: 50px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    background: url(../images/reset/svg/close-x.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0,0,0,.45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,.lg-prev,.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -webkit-transition: opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    -webkit-transition: opacity .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s!important;
    transition: opacity .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s!important;
    -o-transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s!important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    max-height: 350px;
    position: absolute;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    width: 100%;
    z-index: 1080
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    height: 100%;
    margin-bottom: -5px;
    padding: 10px 0
}

.lg-outer .lg-thumb-item {
    border: 2px solid #fff;
    border-radius: 5px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-bottom: 5px;
    overflow: hidden
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition:border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    max-height: 100%;
    max-width: 1140px;
    padding: 0 5px;
    vertical-align: middle;
    width: 100%
}

.lg-outer .lg-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    height: 100%!important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%!important
}

.lg-outer .lg-video .lg-video-play {
    cursor: pointer;
    height: 85px;
    left: 50%;
    margin-left: -42px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 85px;
    z-index: 1080
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play,.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../images/media-player/play-btn.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../images/media-player/play-btn.png) no-repeat scroll 0 0;
    height: 85px;
    margin-left: -32px;
    margin-top: -32px;
    opacity: .8;
    width: 85px
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play,.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../images/media-player/play-btn.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-video-object {
    height: 100%!important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%!important
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .08s ease 0s;
    -moz-transition: opacity .08s ease 0s;
    -o-transition: opacity .08s ease 0s;
    transition: opacity .08s ease 0s;
    width: 100%;
    z-index: 1083
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -webkit-transition: opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;
    transition: opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;
    -o-transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s;
    transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s,transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s,-webkit-transform .15s ease 0s;
    width: 120px
}

.lg-outer .lg-pager-thumb-cont img {
    height: 100%;
    width: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 8px hsla(0,0%,100%,.7);
    box-shadow: inset 0 0 0 8px hsla(0,0%,100%,.7);
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    -webkit-transition: -webkit-box-shadow .3s ease 0s;
    transition: -webkit-box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s,-webkit-box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
    -webkit-box-shadow: inset 0 0 0 8px #fff;
    box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0,0,0,.25);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    transition: visibility 0s linear .18s,opacity .18s linear 0s;
    visibility: hidden;
    z-index: 1081
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown {
    opacity: 1;
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    -moz-transform: translate3d(0,5px,0);
    -o-transform: translate3d(0,5px,0);
    -ms-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -webkit-transition: visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
    transition: visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
    -o-transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
    visibility: hidden
}

.lg-outer .lg-dropdown:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 16px;
    top: -16px;
    width: 0
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 4px 12px;
    white-space: pre
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0,0,0,.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    clear: both;
    content: "";
    display: table
}

.lg-outer {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    text-align: left;
    top: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    width: 100%;
    z-index: 1050
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit!important;
    -o-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    -o-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    opacity: 1;
    -webkit-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.lg-outer .lg-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) no-repeat scroll 50% transparent;
    display: none!important
}

.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css .lg-current {
    display: inline-block!important
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%
}

.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -1px;
    width: 1px
}

.lg-outer .lg-img-wrap {
    bottom: 0;
    left: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    height: auto!important;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

#lg-download,.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    z-index: 1040
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s!important;
    -moz-transition: none 0s ease 0s!important;
    -o-transition: none 0s ease 0s!important;
    transition: none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    left: 0;
    opacity: 0;
    position: absolute
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

/*! lightgallery - v1.6.11 - 2018-05-22
  * http://sachinchoolur.github.io/lightGallery/
  * Copyright (c) 2018 Sachin N; Licensed GPLv3 */
.lg-css3.lg-zoom-in .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3,1.3,1.3);
    transform: scale3d(1.3,1.3,1.3)
}

.lg-css3.lg-zoom-in .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-in .lg-item.lg-current,.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-zoom-in-big .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2,2,2);
    transform: scale3d(2,2,2)
}

.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-in-big .lg-item.lg-current,.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-zoom-out .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(.7,.7,.7);
    transform: scale3d(.7,.7,.7)
}

.lg-css3.lg-zoom-out .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-out .lg-item.lg-current,.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-zoom-out-big .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0)
}

.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-out-big .lg-item.lg-current,.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-zoom-out-in .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0)
}

.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2,2,2);
    transform: scale3d(2,2,2)
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current,.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-zoom-in-out .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2,2,2);
    transform: scale3d(2,2,2)
}

.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0)
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current,.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-soft-zoom .lg-item {
    opacity: 0
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
}

.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)
}

.lg-css3.lg-soft-zoom .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-css3.lg-soft-zoom .lg-item.lg-current,.lg-css3.lg-soft-zoom .lg-item.lg-next-slide,.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-scale-up .lg-item {
    opacity: 0
}

.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(.8,.8,.8) translate3d(0,10%,0);
    -o-transform: scale3d(.8,.8,.8) translate3d(0,10%,0);
    -ms-transform: scale3d(.8,.8,.8) translate3d(0,10%,0);
    -webkit-transform: scale3d(.8,.8,.8) translate3d(0,10%,0);
    transform: scale3d(.8,.8,.8) translate3d(0,10%,0)
}

.lg-css3.lg-scale-up .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-scale-up .lg-item.lg-current,.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    -o-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    -ms-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(100%,0,0);
    -o-transform: scale3d(0,0,0) translate3d(100%,0,0);
    -ms-transform: scale3d(0,0,0) translate3d(100%,0,0);
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.lg-css3.lg-slide-circular .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular .lg-item.lg-current,.lg-css3.lg-slide-circular .lg-item.lg-next-slide,.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular-up .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -o-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    transform: scale3d(0,0,0) translate3d(-100%,-100%,0)
}

.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -o-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    transform: scale3d(0,0,0) translate3d(100%,-100%,0)
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current,.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular-down .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -o-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    transform: scale3d(0,0,0) translate3d(-100%,100%,0)
}

.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -o-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    transform: scale3d(0,0,0) translate3d(100%,100%,0)
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current,.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular-vertical .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(0,-100%,0);
    -o-transform: scale3d(0,0,0) translate3d(0,-100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(0,-100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(0,-100%,0);
    transform: scale3d(0,0,0) translate3d(0,-100%,0)
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(0,100%,0);
    -o-transform: scale3d(0,0,0) translate3d(0,100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(0,100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(0,100%,0);
    transform: scale3d(0,0,0) translate3d(0,100%,0)
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular-vertical-left .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -o-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,-100%,0);
    transform: scale3d(0,0,0) translate3d(-100%,-100%,0)
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -o-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,100%,0);
    transform: scale3d(0,0,0) translate3d(-100%,100%,0)
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-circular-vertical-down .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -o-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(100%,-100%,0);
    transform: scale3d(0,0,0) translate3d(100%,-100%,0)
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -o-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -ms-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    -webkit-transform: scale3d(0,0,0) translate3d(100%,100%,0);
    transform: scale3d(0,0,0) translate3d(100%,100%,0)
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    -webkit-transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-vertical .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.lg-css3.lg-slide-vertical .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-slide-vertical .lg-item.lg-current,.lg-css3.lg-slide-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-vertical-growth .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(.5,.5,.5) translate3d(0,-150%,0);
    -o-transform: scale3d(.5,.5,.5) translate3d(0,-150%,0);
    -ms-transform: scale3d(.5,.5,.5) translate3d(0,-150%,0);
    -webkit-transform: scale3d(.5,.5,.5) translate3d(0,-150%,0);
    transform: scale3d(.5,.5,.5) translate3d(0,-150%,0)
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(.5,.5,.5) translate3d(0,150%,0);
    -o-transform: scale3d(.5,.5,.5) translate3d(0,150%,0);
    -ms-transform: scale3d(.5,.5,.5) translate3d(0,150%,0);
    -webkit-transform: scale3d(.5,.5,.5) translate3d(0,150%,0);
    transform: scale3d(.5,.5,.5) translate3d(0,150%,0)
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current,.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-only .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg,0deg);
    -o-transform: skew(10deg,0deg);
    -ms-transform: skew(10deg,0deg);
    -webkit-transform: skew(10deg,0deg);
    transform: skew(10deg,0deg)
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg);
    -o-transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -webkit-transform: skew(0deg,0deg);
    transform: skew(0deg,0deg)
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current,.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-only-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg)
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg);
    -o-transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -webkit-transform: skew(0deg,0deg);
    transform: skew(0deg,0deg)
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-only-y .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,10deg);
    -o-transform: skew(0deg,10deg);
    -ms-transform: skew(0deg,10deg);
    -webkit-transform: skew(0deg,10deg);
    transform: skew(0deg,10deg)
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg);
    -o-transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -webkit-transform: skew(0deg,0deg);
    transform: skew(0deg,0deg)
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,-10deg);
    -o-transform: skew(0deg,-10deg);
    -ms-transform: skew(0deg,-10deg);
    -webkit-transform: skew(0deg,-10deg);
    transform: skew(0deg,-10deg)
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg);
    -o-transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -webkit-transform: skew(0deg,0deg);
    transform: skew(0deg,0deg)
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg,0deg) translate3d(-100%,0,0);
    -o-transform: skew(20deg,0deg) translate3d(-100%,0,0);
    -ms-transform: skew(20deg,0deg) translate3d(-100%,0,0);
    -webkit-transform: skew(20deg,0deg) translate3d(-100%,0,0);
    transform: skew(20deg,0deg) translate3d(-100%,0,0)
}

.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg,0deg) translate3d(100%,0,0);
    -o-transform: skew(20deg,0deg) translate3d(100%,0,0);
    -ms-transform: skew(20deg,0deg) translate3d(100%,0,0);
    -webkit-transform: skew(20deg,0deg) translate3d(100%,0,0);
    transform: skew(20deg,0deg) translate3d(100%,0,0)
}

.lg-css3.lg-slide-skew .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew .lg-item.lg-current,.lg-css3.lg-slide-skew .lg-item.lg-next-slide,.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg,0deg) translate3d(-100%,0,0);
    -o-transform: skew(-20deg,0deg) translate3d(-100%,0,0);
    -ms-transform: skew(-20deg,0deg) translate3d(-100%,0,0);
    -webkit-transform: skew(-20deg,0deg) translate3d(-100%,0,0);
    transform: skew(-20deg,0deg) translate3d(-100%,0,0)
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg,0deg) translate3d(100%,0,0);
    -o-transform: skew(-20deg,0deg) translate3d(100%,0,0);
    -ms-transform: skew(-20deg,0deg) translate3d(100%,0,0);
    -webkit-transform: skew(-20deg,0deg) translate3d(100%,0,0);
    transform: skew(-20deg,0deg) translate3d(100%,0,0)
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-cross .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,60deg) translate3d(-100%,0,0);
    -o-transform: skew(0deg,60deg) translate3d(-100%,0,0);
    -ms-transform: skew(0deg,60deg) translate3d(-100%,0,0);
    -webkit-transform: skew(0deg,60deg) translate3d(-100%,0,0);
    transform: skew(0deg,60deg) translate3d(-100%,0,0)
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg,60deg) translate3d(100%,0,0);
    -o-transform: skew(0deg,60deg) translate3d(100%,0,0);
    -ms-transform: skew(0deg,60deg) translate3d(100%,0,0);
    -webkit-transform: skew(0deg,60deg) translate3d(100%,0,0);
    transform: skew(0deg,60deg) translate3d(100%,0,0)
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-cross-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,-60deg) translate3d(-100%,0,0);
    -o-transform: skew(0deg,-60deg) translate3d(-100%,0,0);
    -ms-transform: skew(0deg,-60deg) translate3d(-100%,0,0);
    -webkit-transform: skew(0deg,-60deg) translate3d(-100%,0,0);
    transform: skew(0deg,-60deg) translate3d(-100%,0,0)
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg,-60deg) translate3d(100%,0,0);
    -o-transform: skew(0deg,-60deg) translate3d(100%,0,0);
    -ms-transform: skew(0deg,-60deg) translate3d(100%,0,0);
    -webkit-transform: skew(0deg,-60deg) translate3d(100%,0,0);
    transform: skew(0deg,-60deg) translate3d(100%,0,0)
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-ver .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg,0deg) translate3d(0,-100%,0);
    -o-transform: skew(60deg,0deg) translate3d(0,-100%,0);
    -ms-transform: skew(60deg,0deg) translate3d(0,-100%,0);
    -webkit-transform: skew(60deg,0deg) translate3d(0,-100%,0);
    transform: skew(60deg,0deg) translate3d(0,-100%,0)
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg,0deg) translate3d(0,100%,0);
    -o-transform: skew(60deg,0deg) translate3d(0,100%,0);
    -ms-transform: skew(60deg,0deg) translate3d(0,100%,0);
    -webkit-transform: skew(60deg,0deg) translate3d(0,100%,0);
    transform: skew(60deg,0deg) translate3d(0,100%,0)
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current,.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-ver-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg,0deg) translate3d(0,-100%,0);
    -o-transform: skew(-60deg,0deg) translate3d(0,-100%,0);
    -ms-transform: skew(-60deg,0deg) translate3d(0,-100%,0);
    -webkit-transform: skew(-60deg,0deg) translate3d(0,-100%,0);
    transform: skew(-60deg,0deg) translate3d(0,-100%,0)
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg,0deg) translate3d(0,100%,0);
    -o-transform: skew(-60deg,0deg) translate3d(0,100%,0);
    -ms-transform: skew(-60deg,0deg) translate3d(0,100%,0);
    -webkit-transform: skew(-60deg,0deg) translate3d(0,100%,0);
    transform: skew(-60deg,0deg) translate3d(0,100%,0)
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-ver-cross .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,20deg) translate3d(0,-100%,0);
    -o-transform: skew(0deg,20deg) translate3d(0,-100%,0);
    -ms-transform: skew(0deg,20deg) translate3d(0,-100%,0);
    -webkit-transform: skew(0deg,20deg) translate3d(0,-100%,0);
    transform: skew(0deg,20deg) translate3d(0,-100%,0)
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg,20deg) translate3d(0,100%,0);
    -o-transform: skew(0deg,20deg) translate3d(0,100%,0);
    -ms-transform: skew(0deg,20deg) translate3d(0,100%,0);
    -webkit-transform: skew(0deg,20deg) translate3d(0,100%,0);
    transform: skew(0deg,20deg) translate3d(0,100%,0)
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg,-20deg) translate3d(0,-100%,0);
    -o-transform: skew(0deg,-20deg) translate3d(0,-100%,0);
    -ms-transform: skew(0deg,-20deg) translate3d(0,-100%,0);
    -webkit-transform: skew(0deg,-20deg) translate3d(0,-100%,0);
    transform: skew(0deg,-20deg) translate3d(0,-100%,0)
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg,-20deg) translate3d(0,100%,0);
    -o-transform: skew(0deg,-20deg) translate3d(0,100%,0);
    -ms-transform: skew(0deg,-20deg) translate3d(0,100%,0);
    -webkit-transform: skew(0deg,-20deg) translate3d(0,100%,0);
    transform: skew(0deg,-20deg) translate3d(0,100%,0)
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: skew(0deg,0deg) translateZ(0);
    -o-transform: skew(0deg,0deg) translateZ(0);
    -ms-transform: skew(0deg,0deg) translateZ(0);
    -webkit-transform: skew(0deg,0deg) translateZ(0);
    transform: skew(0deg,0deg) translateZ(0)
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-lollipop .lg-item {
    opacity: 0
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translateZ(0) scale(.5);
    -o-transform: translateZ(0) scale(.5);
    -ms-transform: translateZ(0) scale(.5);
    -webkit-transform: translateZ(0) scale(.5);
    transform: translateZ(0) scale(.5)
}

.lg-css3.lg-lollipop .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-lollipop .lg-item.lg-current,.lg-css3.lg-lollipop .lg-item.lg-next-slide,.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-lollipop-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translateZ(0) scale(.5);
    -o-transform: translateZ(0) scale(.5);
    -ms-transform: translateZ(0) scale(.5);
    -webkit-transform: translateZ(0) scale(.5);
    transform: translateZ(0) scale(.5)
}

.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current,.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-rotate .lg-item {
    opacity: 0
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-1turn);
    -o-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.lg-css3.lg-rotate .lg-item.lg-current {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.lg-css3.lg-rotate .lg-item.lg-current,.lg-css3.lg-rotate .lg-item.lg-next-slide,.lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-rotate-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-1turn);
    -o-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.lg-css3.lg-rotate-rev .lg-item.lg-current {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.lg-css3.lg-rotate-rev .lg-item.lg-current,.lg-css3.lg-rotate-rev .lg-item.lg-next-slide,.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-tube .lg-item {
    opacity: 0
}

.lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scaleY(0) translate3d(-100%,0,0);
    -o-transform: scaleY(0) translate3d(-100%,0,0);
    -ms-transform: scaleY(0) translate3d(-100%,0,0);
    -webkit-transform: scaleY(0) translate3d(-100%,0,0);
    transform: scaleY(0) translate3d(-100%,0,0)
}

.lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scaleY(0) translate3d(100%,0,0);
    -o-transform: scaleY(0) translate3d(100%,0,0);
    -ms-transform: scaleY(0) translate3d(100%,0,0);
    -webkit-transform: scaleY(0) translate3d(100%,0,0);
    transform: scaleY(0) translate3d(100%,0,0)
}

.lg-css3.lg-tube .lg-item.lg-current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.lg-css3.lg-tube .lg-item.lg-current,.lg-css3.lg-tube .lg-item.lg-next-slide,.lg-css3.lg-tube .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg {
    font-family: apercu-regular-pro
}

@media (min-width: 1025px) {
    .anim-block .anim-elem {
        opacity:0;
        visibility: hidden
    }

    .anim-block .anim-elem.anim-visible,.anim-block .anim-elem.done {
        opacity: 1;
        visibility: visible
    }

    .anim-block .anim-elem.done {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity .7s,visibility .7s;
        -o-transition: opacity .7s,visibility .7s;
        transition: opacity .7s,visibility .7s
    }

    .anim-block .anim-elem.top {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .anim-block .anim-elem.top.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .5s ease-in-out,visibility .5s ease-in-out,-webkit-transform .5s ease-in-out;
        transition: opacity .5s ease-in-out,visibility .5s ease-in-out,-webkit-transform .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s ease-in-out;
        transition: opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s ease-in-out;
        transition: opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out
    }

    .anim-block .anim-elem.top-10 {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    .anim-block .anim-elem.top-10.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        -o-transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s
    }

    .anim-block .anim-elem.top-50 {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .anim-block .anim-elem.top-50.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 1s,visibility 1s,-webkit-transform 1s;
        transition: opacity 1s,visibility 1s,-webkit-transform 1s;
        -o-transition: opacity 1s,visibility 1s,transform 1s;
        transition: opacity 1s,visibility 1s,transform 1s;
        transition: opacity 1s,visibility 1s,transform 1s,-webkit-transform 1s
    }

    .anim-block .anim-elem.top-100 {
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px)
    }

    .anim-block .anim-elem.top-100.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 1s,visibility 1s,-webkit-transform 1s;
        transition: opacity 1s,visibility 1s,-webkit-transform 1s;
        -o-transition: opacity 1s,visibility 1s,transform 1s;
        transition: opacity 1s,visibility 1s,transform 1s;
        transition: opacity 1s,visibility 1s,transform 1s,-webkit-transform 1s
    }

    .anim-block .anim-elem.bottom {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .anim-block .anim-elem.bottom.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        -o-transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s
    }

    .anim-block .anim-elem.bottom-50 {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    .anim-block .anim-elem.bottom-50.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .7s,visibility .7s,-webkit-transform .7s;
        transition: opacity .7s,visibility .7s,-webkit-transform .7s;
        -o-transition: opacity .7s,visibility .7s,transform .7s;
        transition: opacity .7s,visibility .7s,transform .7s;
        transition: opacity .7s,visibility .7s,transform .7s,-webkit-transform .7s
    }

    .anim-block .anim-elem.left {
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .anim-block .anim-elem.left.done {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        -o-transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s
    }

    .anim-block .anim-elem.left-50 {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    .anim-block .anim-elem.left-50.done {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        -o-transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s
    }

    .anim-block .anim-elem.left-500 {
        -webkit-transform: translateX(-500px);
        -ms-transform: translateX(-500px);
        transform: translateX(-500px)
    }

    .anim-block .anim-elem.left-500.done {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform 1.5s;
        transition: opacity .5s,visibility .5s,-webkit-transform 1.5s;
        -o-transition: opacity .5s,visibility .5s,transform 1.5s;
        transition: opacity .5s,visibility .5s,transform 1.5s;
        transition: opacity .5s,visibility .5s,transform 1.5s,-webkit-transform 1.5s
    }

    .anim-block .anim-elem.right {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }

    .anim-block .anim-elem.right.done {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        transition: opacity .5s,visibility .5s,-webkit-transform .5s;
        -o-transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s;
        transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s
    }

    .anim-block .anim-elem.right-500 {
        -webkit-transform: translateX(500px);
        -ms-transform: translateX(500px);
        transform: translateX(500px)
    }

    .anim-block .anim-elem.right-500.done {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s,visibility .5s,-webkit-transform 1.5s;
        transition: opacity .5s,visibility .5s,-webkit-transform 1.5s;
        -o-transition: opacity .5s,visibility .5s,transform 1.5s;
        transition: opacity .5s,visibility .5s,transform 1.5s;
        transition: opacity .5s,visibility .5s,transform 1.5s,-webkit-transform 1.5s
    }

    .anim-block .anim-elem.scale {
        -webkit-transform: rotate(.1deg) scale(.5);
        -ms-transform: rotate(.1deg) scale(.5);
        transform: rotate(.1deg) scale(.5);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .anim-block .anim-elem.scale.done {
        -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        -webkit-transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245);
        -moz-transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245);
        -ms-transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245);
        -o-transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245);
        -webkit-transition: opacity .5s,visibility .5s cubic-bezier(.12,1.195,.2,1.245),-webkit-transform .3s;
        transition: opacity .5s,visibility .5s cubic-bezier(.12,1.195,.2,1.245),-webkit-transform .3s;
        transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245);
        transition: opacity .5s,transform .3s,visibility .5s cubic-bezier(.12,1.195,.2,1.245),-webkit-transform .3s
    }

    .anim-block .anim-elem.width-anim {
        opacity: 1;
        visibility: visible;
        width: 100%
    }

    .anim-block .anim-elem.width-anim.done {
        -webkit-transition: width .4s;
        -o-transition: width .4s;
        transition: width .4s;
        width: 0
    }

    .anim-block .anim-elem.image-anim-item {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    .anim-block .anim-elem.image-anim-item.done {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.image-anim-item.done,.anim-block .anim-elem.image-anim-item.done .image-overlay {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s,-webkit-transform .4s
    }

    .anim-block .anim-elem.image-anim-item.done .image-overlay {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }

    .anim-block .anim-elem.image-anim-container {
        -webkit-transition: opacity .7s,visibility .7s,-webkit-box-shadow 2s;
        transition: opacity .7s,visibility .7s,-webkit-box-shadow 2s;
        -o-transition: opacity .7s,visibility .7s,box-shadow 2s;
        transition: opacity .7s,visibility .7s,box-shadow 2s;
        transition: opacity .7s,visibility .7s,box-shadow 2s,-webkit-box-shadow 2s
    }

    .anim-block .anim-elem.image-anim-container.done {
        -webkit-box-shadow: 25px 25px 45px -22px rgba(0,0,0,.2);
        box-shadow: 25px 25px 45px -22px rgba(0,0,0,.2)
    }

    .anim-block .anim-elem.delay-01.done {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s
    }

    .anim-block .anim-elem.delay-015.done {
        -webkit-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s
    }

    .anim-block .anim-elem.delay-02.done {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .anim-block .anim-elem.delay-03.done {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .anim-block .anim-elem.delay-05.done {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    .anim-block .anim-elem.delay-07.done {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s
    }

    .anim-block .anim-elem.delay-09.done {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s
    }

    .anim-block .anim-elem.delay-1.done {
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s
    }

    .anim-block .anim-elem.delay-12.done {
        -webkit-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .anim-block .anim-elem.delay-15.done {
        -webkit-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .anim-block .anim-elem.delay-2.done {
        -webkit-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s
    }

    .anim-block .anim-elem.delay-3.done {
        -webkit-transition-delay: 3s;
        -o-transition-delay: 3s;
        transition-delay: 3s
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes scale-blink {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes scale-blink {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes scale-1 {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scale-1 {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes scale-105 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-105 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale-14 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-14 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale-16 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@keyframes scale-16 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@-webkit-keyframes rotate-5 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate-5 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate-15 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate-15 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate-35 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate-35 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate-3 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate-3 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes top-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes top-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes top-5 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes top-5 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes DASH3 {
    0% {
        stroke-dashoffset: 1500
    }

    30% {
        fill-opacity: 0
    }

    50% {
        fill-opacity: .9
    }

    to {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@keyframes DASH3 {
    0% {
        stroke-dashoffset: 1500
    }

    30% {
        fill-opacity: 0
    }

    50% {
        fill-opacity: .9
    }

    to {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@-webkit-keyframes x-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    75% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    75% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes wave-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    20% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    30% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    40% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes wave-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    20% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    30% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    40% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.header {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .3s ease-in-out,-webkit-transform .5s ease-in-out;
    transition: background-color .3s ease-in-out,-webkit-transform .5s ease-in-out;
    -o-transition: background-color .3s ease-in-out,transform .5s ease-in-out;
    transition: background-color .3s ease-in-out,transform .5s ease-in-out;
    transition: background-color .3s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    width: 100%;
    z-index: 4 ;
    background-color: #2a36b1;
}

.header.slide-away {
    -webkit-transform: translate(-80vw);
    -ms-transform: translate(-80vw);
    transform: translate(-80vw);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    -o-transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1),-webkit-transform .5s cubic-bezier(.25,1,1,1)
}

@media (max-width: 1024px) {
    .header.slide-away {
        -webkit-transform:translate(-100vw);
        -ms-transform: translate(-100vw);
        transform: translate(-100vw)
    }
}

.header.sticky {
    border-bottom: 1px solid #dcdcdc;
    position: fixed
}

.header.sticky .header-holder {
    border-bottom: none
}

.header.sticky .header-holder:before {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.header.sticky .header-link {
    color: #17171b
}

.header.sticky .menu-button-line {
    background-color: #17171b
}

.header.sticky .header-menu-icon {
    border-right: none
}

@media (min-width: 1025px) {
    .header.sticky .header-menu-icon:after,.header.sticky .header-menu-icon:before {
        opacity:1
    }
}

.header.sticky .header-contact-txt p {
    color: #17171b
}

.header.sticky .header-contact-txt p:before {
    background-color: #17171b
}

.header.sticky .header-contact-txt a {
    color: #17171b
}

.header.sticky .header-contact-txt a:before {
    background-color: #17171b
}

@media (min-width: 1025px) {
    .header.sticky .header-logo-col:before {
        opacity:1
    }
}

.header.sticky .header-nav-col {
    border-left: none;
    border-right: none
}

.header.sticky .light-header {
    opacity: 0;
    visibility: hidden
}

.header.sticky .dark-header {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    visibility: visible
}

.header.sticky .header-ul .header-li {
    padding-bottom: 26px;
    padding-top: 29px
}

.header.sticky .submenu .submenu-center,.header.sticky .submenu .submenu-right {
    border-top: 1px solid #dcdcdc
}

.header.down-state {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.header.down-state .header-holder {
    border-bottom: none
}

.header.fixed {
    position: fixed
}

.header.dark.sticky .header-holder {
    border-bottom: none
}

/*.header.dark .header-holder {
    border-bottom: 1px solid #dcdcdc
}
*/
.header.dark .header-link {
    color: #17171b
}

.header.dark .menu-button-line {
    background-color: #17171b
}


@media (max-width: 1024px) {
    .header.dark .header-menu-icon {
        border-right:none
    }
}

.header.dark .header-menu-icon:after {
    opacity: 0
}

.header.dark .header-contact-txt p {
    color: #17171b
}

.header.dark .header-contact-txt p:before {
    background-color: #17171b
}

.header.dark .header-contact-txt a {
    color: #17171b
}

.header.dark .header-contact-txt a:before {
    background-color: #17171b
}

/*.header.dark .header-nav-col {
    border-left: 1px solid #dcdcdc
}*/

@media (max-width: 1024px) {
    .header.dark .header-nav-col {
        border-left:none
    }
}

.header.dark .light-header {
    opacity: 0;
    visibility: hidden
}

/*  */
  /* เพิ่มการเบลอเมื่อไม่ได้เลื่อน */
  #home-innovation {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
  }

  #home-innovation:hover {
    opacity: 1;
  }
  #home-innovation.in-view {
    transform: translateY(0);
    opacity: 1;
  }







/* */
.header.dark .dark-header {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    visibility: visible
}

.dark-header {
    left: 4.06vw;
    opacity: 0;
    position: absolute;
    visibility: hidden
}

@media (max-width: 1024px) {
    .dark-header {
        left:20px
    }
}

@media (min-width: 1025px) {
    .dark-header {
        left:40px
    }
}

@media (min-width: 1661px) {
    .dark-header {
        left:4.06vw
    }
}

.header-holder {
    /*border-bottom: 1px solid hsla(0,0%,100%,.25);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.header-holder:before {
    background-color: #fff;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    width: 100%
}

.header-logo-img {
    max-width: 133px
}

@media (max-width: 719px) {
    .header-logo-img {
        width:40vw
    }
}

@media (max-width: 1024px) {
    .header-logo-col {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%
    }
}
.what_we_do {
    vertical-align: middle;
    border-style: none;
}

.header-logo-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
   padding: 0 0 0 2.06vw;
   /* position: relative;*/
    width: 70vw
}

@media (max-width: 1024px) {
    .header-logo-col {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 50%
    }
}

.header-logo-col:before {
    background-color: #dcdcdc;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.header-nav-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    /*border-left: 1px solid hsla(0,0%,100%,.25);*/
    justify-content: flex-end;
    width: 80vw
}

.header-menu-col,.header-nav-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-menu-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.04vw;
    padding-bottom: 20px;
    
   /* width: 15vw */
}

@media (min-width: 1367px) {
    .header-menu-col {
        padding-left:1.08vw
    }
}

@media (max-width: 1024px) {
    .header-menu-col {
        display:none
    }
}

.header-menu-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 42px 0;
    position: relative;
    width: 12%;
    margin-top: 1px;
}

@media (min-width: 1367px) {
    .header-menu-icon {
        width:11%
    }
}

@media (max-width: 1024px) {
    .header-menu-icon {
        border-left:none;
        border-right: none;
        padding: 30px 0
    }
}

.header-menu-icon:before {
    right: -1px
}

.header-menu-icon:after,.header-menu-icon:before {
    background-color: #dcdcdc;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
}

.header-menu-icon:after {
    left: 0
}

@media (max-width: 1024px) {
    .header-menu-icon {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        border-right: none;
        justify-content: flex-end;
        margin-right: 4.06vw;
        width: 100%
    }
}

.header-menu-icon:hover {
    cursor: pointer
}

.header-menu-icon:hover .menu-button-line:first-child {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.header-menu-contact {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 11px 0;
    position: relative
}

.header-menu-contact:hover {
    cursor: pointer
}

.header-menu-contact:hover .header-contact-bubble:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (max-width: 1024px) {
    .header-menu-contact {
        display:none
    }
}

.header-menu-contact.subcont {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.04vw
}

@media (min-width: 1367px) {
    .header-menu-contact.subcont {
        padding-left:2.08vw
    }
}

.header-contact-txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1661px) {
    .header-contact-txt {
        padding-right:0
    }
}

.header-contact-txt:hover a:before,.header-contact-txt:hover p:before {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    width: 100%
}

.header-contact-txt a,.header-contact-txt p {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    position: relative
}

@media (max-width: 1024px) {
    .header-contact-txt a,.header-contact-txt p {
        font-size:16px
    }
}

@media (min-width: 1025px) {
    .header-contact-txt a,.header-contact-txt p {
        font-size:14px
    }
}

@media (min-width: 1441px) {
    .header-contact-txt a,.header-contact-txt p {
        font-size:17px
    }
}

@media (min-width: 1700px) {
    .header-contact-txt a,.header-contact-txt p {
        font-size:18px
    }
}

.header-contact-txt a:before,.header-contact-txt p:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    width: 0
}

.header-contact-bubble {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66px;
    justify-content: center;
    margin-left: 12px;
    position: relative;
    width: 66px
}

.header-contact-bubble img {
    position: relative;
    z-index: 1
}

.header-contact-bubble:before {
    background-color: #ff4026;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 100%
}

.header-ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 1024px) {
    .header-ul {
        display:none
    }
}

.header-ul .header-li {
    padding-bottom: 38px;
    padding-top: 38px;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.header-ul .header-li.disable-hover {
    pointer-events: none
}

.header-ul .header-li:hover {
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .4s linear;
    -o-transition: background-color .4s linear;
    transition: background-color .4s linear
}

.header-ul .header-li:hover .header-link {
    color: #17171b;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.header-ul .header-li:hover .header-link:before {
    -webkit-transition: width .3 ease-in .5s .1s;
    -o-transition: width .3 ease-in .5s .1s;
    transition: width .3 ease-in .5s .1s;
    width: 100%
}

@media (min-width: 1661px) {
    .header-ul .header-li:hover .header-link:before {
        width:100%
    }
}

.header-ul .header-li:hover .submenu {
    opacity: 1;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
    visibility: visible
}

.header-ul .header-li:hover .submenu .submenu-center,.header-ul .header-li:hover .submenu .submenu-right {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}
.flip-horizontal {
    transform: scaleX(-1);
    padding-left: 5px;
}
.header-ul .header-link {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 38px 1.04vw;
    position: relative;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1441px) {
    .header-ul .header-link {
        font-size:17px
    }
}

@media (min-width: 1661px) {
    .header-ul .header-link {
        padding-left:1.56vw;
        padding-right: 1.56vw
    }
}

@media (min-width: 1800px) {
    .header-ul .header-link {
        font-size:18px
    }
}

.header-ul .header-link:before {
    background-color: #150260;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: -1px;
    -webkit-transition: width .3s ease-in-out .2s;
    -o-transition: width .3s ease-in-out .2s;
    transition: width .3s ease-in-out .2s;
    width: 0
}

@media (max-width: 1024px) {
    .header-ul .header-link {
        font-size:16px
    }
}

.menu-button {
    overflow: hidden
}


.cta {
    border: none;
    background: none;
  }
  
  .cta span {
    padding-bottom: 7px;
    letter-spacing: 4px;
    font-size: 14px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #fff;
  }
  
  .cta svg {
    transform: translateX(-8px);
    transition: all 0.3s ease;
  }
  
  .cta:hover svg {
    transform: translateX(0);
  }
  
  .cta:active svg {
    transform: scale(0.9);
  }
  
  .hover-underline-animation {
    position: relative;
    color: rgb(242, 19, 19);
    padding-bottom: 20px;
  }
  #arrow-horizontal {
    color: #ff0000;
  }
  
  .hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ea1f1f;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .cta:hover .hover-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }






.menu-button-line {
    background-color: #fff;
    display: block;
    height: 4px;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 40px
}

.menu-button-line:first-child {
    margin-bottom: 6px
}

.menu-button-line:nth-child(3n) {
    margin-top: 6px
}

.grid-lines {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .8s ease-out;
    -o-transition: opacity .8s ease-out;
    transition: opacity .8s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

@media (max-width: 1024px) {
    .grid-lines {
        display:none
    }
}

.grid-lines.global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    mix-blend-mode: soft-light
}

@media (max-width: 1024px) {
    .grid-lines.global {
        display:none
    }
}

.grid-lines.gray .line-25,.grid-lines.gray .line-50 {
    border-color: #dcdcdc
}

.line-25 {
    border-right: 1px solid hsla(0,0%,100%,.25);
    width: 25vw
}

@media (max-width: 1024px) {
    .line-25 {
        width:33vw
    }
}

.line-25:last-child {
    border-right: none
}

.line-50 {
    border-right: 1px solid hsla(0,0%,100%,.25);
    width: 50vw
}

@media (max-width: 1024px) {
    .line-50 {
        width:33vw
    }
}
@media (max-width: 1200px) {
    .header-logo-col {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
       padding: 0 0 0 2.06vw;
       /* position: relative;*/
        width: 50vw
    }
}
.megamenu {
   /* background: #fff; */
    height: 100%;
    right: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 50%;
    z-index: 4
}
/* ปุ่มออก */
.exit {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1.6vw 3.2vw 0;
    margin-top: 5px;
  }

  .exit a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
  }
  .fa-solid {
    color: #fffcfc;
}
/* */ 
/* เมนู */
.submenu ul a {
    color: #fdfdfd;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-top: 7px;
    -webkit-transition: color .3s ease-in-out; 
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.submenu ul a:hover {
    color: #5a92fb;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 500;
}
/*  */




@media (max-width: 1024px) {
    .megamenu {
        height:100vh
    }
}

.megamenu .submenu-ul {
    padding: 0
}

.megamenu .submenu-ul a {
    color: #73737b;
    display: block;
    font-family: apercu-light-pro;
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 8px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (max-width: 1024px) {
    .megamenu .submenu-ul a {
        font-size:16px
    }
}

.megamenu .submenu-ul a:hover {
    color: #2a36b1;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.megamenu .submenu-main-a {
    color: #17171b;
    font-family: apercu-regular-pro;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (max-width: 1024px) {
    .megamenu .submenu-main-a {
        font-size:17px
    }
}

.megamenu .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    color: #fff;
}

@media (max-width: 1024px) {
    .megamenu .submenu {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.megamenu .submenu-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.17vw
}

@media (max-width: 1024px) {
    .megamenu .submenu-col {
        display:inline-block;
        width: 50%
    }
}

.megamenu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1024px) {
    .megamenu-header {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        background: #fff;
        border-bottom: 1px solid #dcdcdc;
        justify-content: space-between
    }
}

.megamenu-logo {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    z-index: 2
}

@media (max-width: 1024px) {
    .megamenu-logo {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 22px
    }
}

@media (min-width: 1025px) {
    .megamenu-logo {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 24px 0 24px 4.06vw;
        width: 25%
    }
}

.megamenu-logo img {
    max-width: 133px
}

@media (max-width: 1024px) {
    .mega-desktop-logo {
        display:none
    }
}

@media (min-width: 1025px) {
    .mega-mobile-logo {
        display:none
    }
}

.megamenu-search {
    background-color: #fff;
    border-right: 1px solid #dcdcdc
}

@media (min-width: 1025px) {
    .megamenu-search {
        width:50%
    }
}

@media (max-width: 1024px) {
    .megamenu-search form {
        display:none
    }
}

.megamenu-search form:hover img,.megamenu-search img {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.megamenu-search form:hover img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.megamenu-chat {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding-right: 2.08vw
}

.megamenu-chat img {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.megamenu-chat:hover p {
    color: #0b5dd0;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.megamenu-chat:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

@media (max-width: 1024px) {
    .megamenu-chat {
        display:none
    }
}

@media (min-width: 1025px) {
    .megamenu-chat {
        width:25%
    }
}

.megamenu-chat p {
    color: #17171b;
    font-family: apercu-regular-pro;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}

@media (max-width: 1024px) {
    .megamenu-body {
        height:100%;
        overflow: hidden
    }
}

@media (min-width: 1025px) {
    .megamenu-body {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: 100%
    }
}

.megamenu-left {
    background: #0b5dd0;
    padding-top: 90px
}

@media (max-width: 1024px) {
    .megamenu-left {
        display:none
    }
}

@media (min-width: 1025px) {
    .megamenu-left {
        width:25%
    }
}

.megamenu-left-info {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    opacity: 0;
    padding: 3.13vw 4.17vw;
    visibility: hidden
}

.megamenu-left-info .para {
    margin-top: 30px
}

.megamenu-menu {
    background: #2a36b1;
    /*margin-top: 90px;*/
    max-height: 100%;
    overflow: auto
}

@media (min-width: 1025px) {
    .megamenu-menu {
        margin-bottom:90px;
        width: 100%
    }
}

.megamenu-projects {
    background: #fff;
    border-left: 1px solid #dcdcdc
}

@media (max-width: 1024px) {
    .megamenu-projects {
        display:none;
        padding-bottom: 120px
    }
}

@media (min-width: 1025px) {
    .megamenu-projects {
        padding-top:90px;
        width: 25%
    }
}

.megamenu-proj-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.6vw 2.08vw
}

@media (max-width: 1024px) {
    .megamenu-proj-holder {
        padding:20px 0 20px 20px
    }
}

.megamenu-proj-holder .swiper-slide {
    margin-bottom: 30px
}

.megamenu-proj-holder .swiper-slide .to-be-scaled {
    height: 70%;
    margin-bottom: 24px
}

.megamenu-proj-holder .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1024px) {
    .megamenu-proj-holder .swiper-slide img {
        width:100%
    }
}

@media (min-width: 1025px) {
    .megamenu-slider {
        height:80vh
    }
}

.megamenu-slider .swiper-slide .title {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .megamenu-slider .swiper-slide .title {
        font-size:21px
    }
}

.menu-dropdown {
    border-bottom: 5px solid #3a4cff;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.6vw 6.2vw 0
}

.menu-item-holder:last-child .menu-item {
    border-bottom: 0
}

@media (max-width: 1024px) {
    .menu-item-holder.full-width-cols .submenu-col {
        width:100%
    }

    .menu-item-holder.full-width-cols .submenu-col .submenu-ul {
        margin-bottom: 25px;
        margin-top: 25px
    }

    .menu-item-holder.full-width-cols .submenu-col a {
        margin-bottom: 15px
    }
}

.menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    position: relative
}

.menu-item.opened .title,.menu-item .title {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.menu-item.opened .title {
    color: #0b5dd0
}

.menu-item:hover {
    cursor: pointer
}

.menu-item:hover .title {
    color: #0b5dd0;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (max-width: 1024px) {
    .menu-item {
        padding:20px 0
    }
}

.menu-item .mega-arr {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    position: absolute;
    right: 0;
    text-align: right;
    width: 40px;
    width: 50%;
    z-index: 2
}

.menu-item .mega-arr img,.menu-item.opened .mega-arr img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.menu-item.opened .mega-arr img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 1024px) {
    .menu-item .title.fs-45 {
        font-size:21px
    }
}

.search-holder {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 3.49vw
}

@media (max-width: 1024px) {
    .search-holder {
        border-bottom:0
    }
}

.search-holder form {
    padding: 33px 0;
    width: 100%
}

.search-holder form .form-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-holder form .search-field,.search-holder form .search-input-menu {
    width: 100%
}

.search-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-input-menu {
    border: none;
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px;
    font-weight: 400
}

.megamenu-footer {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width: 1024px) {
    .megamenu-footer {
        background-color:#fff;
        position: fixed;
        z-index: 3
    }
}

.mega-footer-contact {
    position: relative
}

.mega-footer-contact:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 0
}

.mega-footer-contact:before,.mega-footer-contact:hover:before {
    -webkit-transition: width .3s ease-in;
    -o-transition: width .3s ease-in;
    transition: width .3s ease-in
}

.mega-footer-contact:hover:before {
    width: 100%
}

@media (max-width: 1024px) {
    .mega-footer-contact {
        display:none
    }
}

.mobile-chat {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-chat p {
    color: #ff4026;
    font-family: apercu-medium-pro;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.mobile-chat .header-contact-bubble {
    margin-left: 0;
    margin-right: 15px
}

@media (min-width: 1025px) {
    .mobile-chat {
        display:none
    }
}

.mega-footer-left {
    border-top: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 30px 4.06vw
}

@media (max-width: 1024px) {
    .mega-footer-left {
        border-right:1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        padding: 31px 20px;
        width: 50%
    }
}

.mega-footer-left a {
    color: #fff;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 500
}

@media (min-width: 1025px) {
    .mega-footer-left {
        width:25vw
    }
}

.mega-footer-center {
    border-top: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px
}

@media (max-width: 1024px) {
    .mega-footer-center {
        padding:18px 20px;
        width: 50%
    }
}

@media (min-width: 1025px) {
    .mega-footer-center {
        width:50vw
    }
}

.mega-footer-center .small-link {
    margin-right: 24px
}

.mega-footer-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-top: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3
}

@media (max-width: 1024px) {
    .mega-footer-right {
        display:none
    }
}

@media (min-width: 1025px) {
    .mega-footer-right {
        width:25vw
    }
}

.mega-all-projs {
    padding: 32px 0 33px 30px;
    width: 70%
}

.mega-all-projs .small-link {
    line-height: 1
}

.mega-slider-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mega-slider-nav div {
    border-left: 1px solid #dcdcdc
}

.mega-slider-prev {
    padding: 36px 40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mega-slider-next {
    padding: 36px 40px
}

.menu-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.04vw 6.2vw
}

@media (max-width: 1024px) {
    .menu-secondary {
        padding-bottom:160px
    }
}

.secondary-menu-ul {
    margin-right: 2.08vw;
    padding: 0
}

.secondary-menu-ul li {
    margin-bottom: 8px
}

.secondary-menu-ul a {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 19px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (max-width: 1024px) {
    .secondary-menu-ul a {
        color:#17171b;
        font-size: 14px
    }
}

.secondary-menu-ul a:hover {
    color: #0b5dd0;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.mega-close-arm {
    background-color: #17171b;
    display: block;
    height: 62px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    width: 1px
}

.mega-close-arm:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mega-close-arm:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (max-width: 1024px) {
    .mega-close-arm {
        height:36px
    }
}

.megamenu-close-holder {
    display: block;
    height: 62px;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 62px
}

@media (max-width: 1024px) {
    .megamenu-close-holder {
        height:36px
    }
}

.megamenu-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .megamenu-close {
        padding:24px
    }
}

@media (min-width: 1025px) {
    .megamenu-close:hover {
        cursor:pointer
    }

    .megamenu-close:hover .megamenu-close-holder {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}

.mega-search-mobile {
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 20px 20px
}

@media (min-width: 1025px) {
    .mega-search-mobile {
        display:none
    }
}

.header-li .submenu {
    background-color: #fff;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 99px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

@media (min-width: 1661px) {
    .header-li .submenu {
        top:100px
    }
}

@media (max-width: 1024px) {
    .header-li .submenu {
        display:none
    }
}

.submenu-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submenu-left {
    background-color: #2a36b1;
    display: inline-block;
    width: 55%
}

.submenu-left .btn-link {
    font-size: 14px
}

@media (min-width: 1661px) {
    .submenu-left .btn-link {
        font-size:16px
    }
}

.submenu-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media (min-width: 1025px) {
    .submenu-center {
        -webkit-transform:translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out
    }
}

.submenu-center.w-75 {
    width: 75%
}

.submenu-center .inline_block {
    border-right: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.submenu-center .submenu-title-holder {
    padding: 1.56vw 15.08vw .78vw
}

@media (min-width: 1441px) {
    .submenu-center .submenu-title-holder {
        padding:1.56vw 15.15vw .78vw
    }
}

.submenu-center .two-col-ul a {
    margin-bottom: 7px
}

@media (min-width: 1441px) {
    .submenu-center .two-col-ul a {
        margin-bottom:10px
    }
}

.submenu-center ul {
    list-style: none;
    padding-left: 2.08vw;
    padding-right: 2.08vw
}

@media (min-width: 1441px) {
    .submenu-center ul {
        padding-left:3.13vw;
        padding-right: 2.29vw
    }
}

.submenu-center ul a {
    color: #1b1717;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-top: 7px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

@media (min-width: 1661px) {
    .submenu-center ul a {
        font-size:16px;
        margin-top: 10px
    }
}

.fa-solid {
    color: #000;
}

.submenu-center ul a:hover {
    color: #19059d;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 500;
    
}

.submenu-right {
    display: inline-block;
    width: 25%
}

@media (min-width: 1025px) {
    .submenu-right {
        -webkit-transform:translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out
    }
}

.submenu-right .submenu-title-holder {
    padding: 1.56vw 3.13vw .78vw 1.04vw
}

.submenu-right.markets {
    padding-bottom: 20px
}

.submenu-right.markets .submenu-sub-title {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 14px;
    padding: .52vw 2.08vw
}

@media (min-width: 1441px) {
    .submenu-right.markets .submenu-sub-title {
        font-size:16px;
        padding: .52vw 3.13vw
    }
}

.submenu-right.markets .submenu-title-holder {
    padding: 1.56vw 2.08vw .78vw
}

@media (min-width: 1441px) {
    .submenu-right.markets .submenu-title-holder {
        padding:1.56vw 3.13vw .78vw
    }
}

.submenu-right.markets .first-market-ul {
    padding-right: 20px
}

.submenu-right.markets .pl-20 {
    padding-left: 20px
}

.submenu-right ul {
    list-style: none;
    padding-left: 2.08vw;
    padding-right: 2.08vw
}

@media (min-width: 1441px) {
    .submenu-right ul {
        padding-left:3.13vw;
        padding-right: 2.29vw
    }
}

.submenu-right ul a {
    color: #17171b;
    display: block;
    font-family: apercu-regular-pro;
    font-size: 14px;
    margin-top: 7px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1441px) {
    .submenu-right ul a {
        font-size:16px;
        margin-top: 10px
    }
}

.submenu-right ul a:hover {
    color: #f64a00;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.submenu-title {
    color: #39393f;
    font-family: 'Roboto', sans-serif;
    font-size: 22px
}

@media (min-width: 1441px) {
    .submenu-title {
        font-size:22px
    }
}

@media (min-width: 1661px) {
    .submenu-title {
        font-size:22px
    }
}

.submenu-title.white {
    color: #fff
}

.submenu-title-holder {
    padding: 1.56vw 4.58vw .78vw
}

.submenu-left-description {
    padding-bottom: 3.39vw;
    padding-left: 4.58vw;
    padding-right: 5.39vw
}

.submenu-left-description .txt-24 {
    font-size: 18px
}

@media (min-width: 1661px) {
    .submenu-left-description .txt-24 {
        font-size:20px
    }
}

@media (min-width: 1025px) {
    .col-d-67 {
        width:67%
    }
}

.submenu-feat {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 20px 2.6vw
}

@media (min-width: 1441px) {
    .submenu-feat .title.fs-30 {
        font-size:1.3vw
    }
}

@media (min-width: 1921px) {
    .submenu-feat .title.fs-30 {
        font-size:30px
    }
}

.submenu-center .submenu-feat-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submenu-center .submenu-feat-wrapper .submenu-feat {
    padding-left: 3.65vw;
    padding-right: 0;
    width: 44%
}

@media (min-width: 1661px) {
    .submenu-center .submenu-feat-wrapper .submenu-feat.w33 {
        width:33%
    }
}

.submenu-center .submenu-feat-wrapper .submenu-feat.w33 .img-munubar {
    max-width: 100%
}

.img-munubar {
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

@media (min-width: 1661px) {
    .img-munubar {
        max-width:75%
    }
}

@media (min-width: 1921px) {
    .img-munubar {
        max-width:67%
    }
}

.img-munubar .img-wrapper {
    border-radius: 8px
}

.contact-popup {
    background-color: #0b5dd0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    z-index: 4
}

@media (min-width: 1025px) {
    .contact-popup {
        max-width:75vw
    }
}

.contact-popup-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-header-title {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    width: 65%
}

@media (max-width: 1024px) {
    .contact-header-title {
        padding:0 20px
    }
}

.contact-header-close {
    width: 35%
}

@media (max-width: 1024px) {
    .contact-popup-body {
        height:90vh;
        overflow: auto
    }
}

@media (min-width: 1025px) {
    .contact-content-col-hold,.contact-popup-body {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-content-col {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    border-right: 1px solid hsla(0,0%,100%,.25)
}

@media (min-width: 1025px) {
    .contact-content-col {
        height:90vh;
        overflow: auto;
        width: 65%
    }

    .contact-info-col {
        width: 35%
    }
}

.contact-txt-col {
    border-right: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 3.13vw
}

@media (max-width: 719px) {
    .contact-txt-col {
        padding:0 20px
    }
}

.contact-block-row {
    border-top: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 40px 43px
}

@media (max-width: 719px) {
    .contact-block-row {
        padding:40px 20px
    }
}

.contact-block-row:first-child {
    border-top: none
}

.contact-block-row.subcont {
    padding-bottom: 65px;
    position: relative
}

.contact-block-row.subcont:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.contact-block-row .para {
    margin-top: 18px
}

.contact-popup-form {
    border-top: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contact-popup-form .contact-form {
    margin-top: 0;
    padding: 60px 40px
}

@media (max-width: 719px) {
    .contact-popup-form .contact-form {
        padding:40px 20px
    }
}

.contact-popup-form .proj-show-more {
    border-top: 1px solid hsla(0,0%,100%,.25);
    padding: 40px 0
}

.contact-popup-form .proj-show-more:hover {
    cursor: pointer
}

.contact-popup-form .proj-show-more:hover .para {
    color: #ff4026
}

.contact-header-close-hold {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid hsla(0,0%,100%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px
}

@media (max-width: 719px) {
    .contact-header-close-hold {
        padding-left:20px
    }
}

.contact-header-close-hold .specs-title {
    width: 80%
}

.footer {
    background-color: #2a36b1;
    border-top: 23px solid hsl(0deg 0% 94.12%);
    overflow: hidden;
    position: relative
}

@media (min-width: 1025px) {
    .footer .grid-lines {
        display:none
    }
}
.slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.slide-up.active {
    opacity: 1;
    transform: translateY(0);
}

.footer-logo {
    max-width: 150px
}

@media (max-width: 1024px) {
    .footer-logo {
        display: none;
    }
}
@media (max-width: 1024px) {
    .tel {
        display: none;
    }
}

.footer-17 {
    color: #bfd2e4;
    font-family: apercu-regular-pro;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px
}

.footer-circle {
    background-color: #012471;
    border-radius: 100%;
    bottom: -41.67vw;
    height: 62.81vw;
    left: -5.21vw;
    position: absolute;
    width: 62.81vw;
    z-index: 0
}

.footer-first-row {
    border-bottom: 1px solid rgba(233,235,239,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .footer-first-row {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1025px) {
    .first-row-col {
        display:inline-block;
        width: 25vw
    }

    .first-row-col .footer-17 {
        margin-left: 11px
    }

    .first-row-col-2 {
        display: inline-block;
        width: 50vw
    }
}

@media (max-width: 1024px) {
    .first-row-col-2 {
        width:75%
    }

    .first-row-col-3 {
        width: 100%
    }
}

@media (min-width: 1025px) {
    .first-row-col-3 {
        display:inline-block;
        width: 25vw
    }

    .footer-menu {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
}

@media (max-width: 719px) {
    .footer-menu {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.footer-menu .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px
}

@media (min-width: 1441px) {
    .footer-menu .inline_block {
        padding-right:20px
    }
}

@media (max-width: 1024px) {
    .footer-menu .inline_block {
        padding-left:20px;
        padding-right: 0
    }
}

.footer-menu .col-d-33 {
    width: auto
}

.footer-ul {
    margin: 0;
    padding: 0
}

@media (max-width: 1024px) {
    .footer-li-dropdown {
        display:none
    }
}

.footer-li-dropdown .footer-li:first-child {
    border-bottom: none!important
}

.footer-li-dropdown .footer-li:first-child .footer-a {
    color: #bfd2e4;
    font-weight: 300;
    text-transform: none
}

.footer-li-dropdown .footer-li:first-child .footer-a:hover {
    color: #fff
}

.footer-li {
    list-style: none
}

.footer-li:first-child .footer-a {
    color: #fff;
    font-weight: 500
}

@media (max-width: 719px) {
    .footer-li.socials {
        display:block;
        width: 60%
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .footer-li.socials {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60%
    }
}

@media (min-width: 1025px) {
    .footer-li.socials {
        position:relative
    }
}

.footer-li.socials .link-button {
    font-size: 15px;
    margin-bottom: 8px;
    margin-right: 15px
}

@media (min-width: 1661px) {
    .footer-li.socials .link-button {
        font-size:18px
    }
}

@media (max-width: 1024px) {
    .footer-li.socials .link-button span {
        background-image:-webkit-gradient(linear,left top,left bottom,from(#fff))
    }
}

.footer-li.socials .link-button:last-child {
    margin-right: 0
}

@media (max-width: 1024px) {
    .open-footer-li {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 1025px) {
    .open-footer-li img {
        display:none
    }
}

.open-footer-li.opened img,.open-footer-li img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.open-footer-li.opened img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 719px) {
    .socials-ul {
        display:block
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .socials-ul {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .socials-ul {
        border-top:1px solid rgba(233,235,239,.2);
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 25px 15px
    }

    .socials-ul .footer-li {
        margin-bottom: 0
    }

    .socials-ul .footer-li:first-child {
        margin-right: 20px
    }

    .socials-ul .footer-a {
        font-size: 14px
    }
}

@media (max-width: 1024px) and (max-width:719px) {
    .socials-ul .footer-li.socials {
        margin-top:0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .socials-ul {
        padding:40px
    }
}

@media (min-width: 1281px) {
    .socials-ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .socials-ul a {
        margin-right:5px
    }
}

@media (min-width: 1025px) {
    .socials-ul a {
        margin-right:1.04vw
    }
}

.socials-ul .footer-a {
    font-size: 15px;
    font-weight: 700;
    margin-right: 15px;
    text-transform: uppercase
}

@media (min-width: 1441px) {
    .socials-ul .footer-a {
        font-size:17px
    }
}

.link-underline,.socials-ul .link-button:after {
    background-color: #fff
}

.link-underline {
    bottom: -2px;
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    width: 100%
}

.footer-a {
    color: #bfd2e4;
    font-family: apercu-regular-pro;
    font-size: 15px;
    font-weight: 300
}

.footer-a,.footer-a:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.footer-a:hover {
    color: #fff
}

.footer-a:hover .link-underline {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media (min-width: 1441px) {
    .footer-a {
        font-size:17px
    }
}

@media (min-width: 1661px) {
    .footer-a {
        font-size:19px
    }
}

.first-row-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4.17vw 3.39vw 2.34vw
}

@media (min-width: 1025px) {
    .first-row-col {
        padding:2.08vw 3.39vw 2.08vw 4.06vw
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .first-row-col {
        padding:30px 40px 10px
    }
}

@media (max-width: 1024px) {
    .first-row-col {
        width:25%
    }
}

.first-row-col-2 {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 719px) {
    .first-row-col-2 {
        padding:19px 0 19px 30px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .first-row-col-2 {
        padding:20px;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .first-row-col-2 {
        border-left:1px solid rgba(233,235,239,.2);
        border-right: 1px solid rgba(233,235,239,.2);
        padding: 4.17vw 2.34vw
    }
}

@media (min-width: 1367px) {
    .first-row-col-2 {
        padding:2.6vw 3.13vw
    }
}

.first-row-col-2 .footer-li.no-border:first-child {
    border-bottom: none
}

@media (max-width: 1024px) {
    .first-row-col-2 .footer-li:first-child {
        margin-bottom:0;
        padding-bottom: 15px
    }
}

.first-row-col-3 {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0
}

@media (min-width: 1025px) {
    .first-row-col-3 ul {
        padding:2.6vw 2.34vw 3.39vw
    }
}

@media (min-width: 1367px) {
    .first-row-col-3 ul {
        padding:2.6vw 1.56vw 3.39vw 3.13vw
    }
}

.first-row-col-3 ul:first-child {
    padding-bottom: 1.67vw
}

@media (max-width: 1024px) {
    .first-row-col-3 ul:first-child {
        padding-bottom:25px
    }
}

@media (min-width: 1025px) {
    .first-row-col-3 ul:nth-child(2n) {
        padding-top:1.67vw
    }
}

@media (max-width: 1024px) {
    .first-row-col-3 .footer-ul:first-child {
        -webkit-box-align:baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 719px) {
    .footer-second-row {
        padding:20px 15px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .footer-second-row {
        padding:40px
    }
}

@media (min-width: 1025px) {
    .footer-second-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .second-row-col {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding: 1vw 0 0vw 5.91vw;
        width: 25vw
    }
}

@media (max-width: 1024px) {
    .second-row-col-2 {
        margin:25px 0
    }
}

@media (min-width: 1025px) {
    .second-row-col-2 {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding: 2.6vw 2.34vw;
        width: 50vw
    }
}
@media (min-width: 1367px) {
    .second-row-col-2 {
        padding:2.6vw 3.13vw
    }
}

@media (min-width: 1025px) {
    .second-row-col-2 {
        border-left:1px solid rgba(233,235,239,.2);
        border-right: 1px solid rgba(233,235,239,.2)
    }
}

.second-row-col-2 .address {
    margin: 0
}

@media (min-width: 1025px) {
    .second-row-col-3 {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding: 2.6vw 2.34vw;
        width: 25vw
    }
}

@media (min-width: 1367px) {
    .second-row-col-3 {
        padding:2.6vw 3.39vw
    }
}

.tel {
    font-family: apercu-regular-pro;
    color: white;
}
.address {
    color: #bfd2e4;
    font-family: apercu-regular-pro;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}



@media (max-width: 1024px) {
    .address {
        font-size:13px;
        line-height: 20px;
        width: auto
    }
}

@media (min-width: 1661px) {
    .address {
        font-size:16px
    }
}

.address span {
    color: #fff;
    font-family: apercu-medium-pro;
    font-weight: 500
}

.terms-link {
    color: #bfd2e4;
    font-family: apercu-regular-pro;
    font-size: 14px;
    font-weight: 400
}

.terms-link,.terms-link:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.terms-link:hover {
    color: #fff
}

@media (max-width: 1024px) {
    .terms-link {
        font-size:13px
    }
}

@media (min-width: 1661px) {
    .terms-link {
        font-size:16px
    }
}

.terms-link.orange {
    color: #ff4026
}

.terms-link.white {
    color: #fff
}

.terms-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

@media (min-width: 1025px) {
    .terms-flex {
        display:block
    }
}

.terms-flex span {
    color: #bfd2e4;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 400;
    margin: 0 5px
}

.mobile-inquiry {
    border-bottom: 1px solid rgba(233,235,239,.2);
    width: 100%
}

@media (max-width: 719px) {
    .mobile-inquiry {
        padding:30px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .mobile-inquiry {
        padding:50px
    }
}

@media (min-width: 1025px) {
    .mobile-inquiry {
        display:none
    }
}

.mobile-inquiry .footer-ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-inquiry .footer-li {
    margin-bottom: 0
}

.mobile-inquiry .footer-li:first-child {
    padding-right: 20px
}

@media (min-width: 1025px) {
    .contact-section {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-form-col,.contact-topic-col {
    border-right: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contact-form-col .proj-list-pagination {
    margin-top: 0;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.contact-form-col .proj-list-pagination:before {
    background-color: #ff4026;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
    width: 0
}

.contact-form-col .proj-list-pagination.form-sending:before {
    -webkit-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
    width: 65%
}

.contact-form-col .proj-list-pagination.form-sent:before {
    -webkit-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
    width: 100%
}

.contact-form-col .proj-list-pagination:hover {
    background-color: #0b5dd0;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.contact-form-col .proj-list-pagination:hover .para {
    color: #fff
}

.contact-topic-row {
    border-bottom: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 40px;
    text-align: right;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

@media (max-width: 1024px) {
    .contact-topic-row {
        padding:20px 30px
    }
}

.contact-topic-row.active {
    background-color: #0b5dd0;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.contact-topic-row.active p {
    color: #fff;
    opacity: 1;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.contact-topic-row:hover {
    background-color: #0b5dd0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.contact-topic-row:hover p {
    color: #fff;
    opacity: 1
}

.contact-topic-row:hover p,.contact-topic-row p {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.contact-topic-row p {
    color: #73737b;
    margin: 0
}

.contact-form-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 80px
}

@media (max-width: 1024px) {
    .contact-form-holder {
        padding:20px
    }
}

.contact-form {
    font-size: 0;
    margin-top: 40px
}

.form-field {
    margin-top: 30px;
    position: relative;
    width: 100%
}

.form-field.textarea {
    margin-top: 50px
}

.form-field.search-input {
    margin: 0
}

.form-field.search-input img {
    position: absolute
}

.form-field.search-input .input-label {
    font-size: 16px;
    left: 50px
}

.form-field.search-input .input-label,.form-field.search-input .input-label.active {
    top: -7px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.form-field.search-input .input-label.active {
    opacity: 0;
    visibility: hidden
}

.form-field.search-input .search-submit {
    top: -19px
}

.form-field.search-input .input-field {
    border: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding-left: 50px
}

@media (min-width: 640px) {
    .form-field.col-field {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 50%
    }

    .form-field.col-field.right {
        padding-right: 20px
    }

    .form-field.col-field.left {
        padding-left: 20px
    }

    .form-field.col-field.left label {
        left: 20px
    }
}

.form-field .input-label {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 23px;
    left: 0;
    padding: 10px 0;
    pointer-events: none;
    position: absolute;
    top: -20px;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out
}

.form-field .input-label.white {
    color: #fff
}

.form-field .input-label.active {
    font-size: 16px;
    top: -40px;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out
}

.form-field .input-label.textarea {
    left: inherit;
    position: relative
}

.form-field .input-field {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #73737b;
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 23px;
    width: 100%
}

.form-field .input-field.white {
    border-color: #fff;
    color: #fff
}

.form-field .input-field.textarea {
    border: 1px solid #73737b;
    height: 280px;
    resize: none;
    width: 100%
}

.form-field .input-field.textarea.white {
    border-color: #fff
}

.form-field .input-field.textarea.error {
    border: 1px solid #ff4026
}

.form-field .input-field.error {
    border-bottom: 1px solid #ff4026
}

.show-error {
    bottom: -19px;
    color: #ff4026;
    font-size: 15px;
    position: absolute
}

#success,.show-error {
    font-family: apercu-light-pro
}

#success {
    color: #17171b;
    display: none;
    font-size: 19px
}

#success.white {
    color: #fff
}

.contact-faq .faq-element:first-of-type {
    margin-top: 40px
}

.contact-topic-radio {
    display: none
}

.contact-location-row {
    background-color: #f6f6f6;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px
}

@media (max-width: 1024px) {
    .contact-location-row {
        padding-bottom:5px
    }

    .contact-location-row:last-child {
        padding-bottom: 40px
    }
}

.contact-office-address {
    margin: 10px 0;
    width: 100%
}

@media (min-width: 1661px) {
    .contact-office-address {
        width:80%
    }
}

.contact-office-address .para {
    margin-bottom: 0
}

.map-link {
    color: #0b5dd0;
    font-family: apercu-light-pro;
    font-size: 19px;
    text-decoration: underline
}

.para.recaptcha-disclaimer {
    margin-top: 20px
}

#contact-send:hover {
    cursor: pointer
}

.contact-col-option {
    display: none
}

.contact-col-option.active {
    display: block
}

.contact-col-option .text-field {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 80px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field {
        padding:20px
    }
}

.contact-col-option .text-field p {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 19px;
    font-weight: 300;
    margin: 0 0 20px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p {
        margin-top:25px
    }
}

.contact-col-option .text-field p.no-mar {
    margin-top: 0
}

.contact-col-option .text-field p.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.contact-col-option .text-field p.white {
    color: #fff
}
.contact-col-option .text-field p.white span:after {
    background-color: #fff
}

.contact-col-option .text-field p.black90 {
    color: #73737b
}

.contact-col-option .text-field p.light {
    font-weight: 300
}

.contact-col-option .text-field p.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-16 {
        font-size:14px
    }
}

.contact-col-option .text-field p.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-18 {
        font-size:15px
    }
}

.contact-col-option .text-field p.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-19 {
        font-size:16px
    }
}

.contact-col-option .text-field p.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-20 {
        font-size:17px
    }
}

.contact-col-option .text-field p.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .contact-col-option .text-field p.fs-32 {
        font-size:30px
    }
}

.contact-col-option .text-field p.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .contact-col-option .text-field p.fs-40 {
        font-size:40px
    }
}

.contact-col-option .text-field p.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .contact-col-option .text-field p.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .contact-col-option .text-field p.fs-23 {
        font-size:23px
    }
}

.contact-col-option .text-field p a {
    color: #0b5dd0
}

.contact-col-option .text-field p a:hover {
    text-decoration: underline
}

.contact-col-option .text-field p b,.contact-col-option .text-field p strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.contact-col-option .text-field p span {
    font-family: apercu-medium-pro;
    position: relative
}

.contact-col-option .text-field p.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .contact-col-option .text-field p {
        font-size:16px
    }
}

.contact-col-option .text-field .title {
    margin-bottom: 30px
}

/* เนื้อหา */
@media (min-width: 1200px){
.container {
    width: 1170px;
}}
@media (min-width: 992px){
.container {
    width: 970px;
}}
@media (min-width: 768px){
.container {
    width: 750px;
}}

/* รูป   */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 140px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row-img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease-in-out;
}   


.row-img {
    flex: 0 0 45%; /* 2 images per row */
    padding: 10px;
    box-sizing: border-box;
}
.row-img::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px; /* ส่วนนี้เป็นความสูงของแสงใต้ภาพ */
    background-color: rgba(21, 21, 205, 0.7); /* สีแสง */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
/* ขนาด เมนู */
@media (max-width: 1024px) {
    .megamenu {
        height:100vh;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .megamenu-menu {
        height:100vh;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .menu-dropdown {
        height: auto;
        width: 100%;
    }
}

/* ปิด - ขนาด เมนู */
  .row-img:hover {
    transform: translateY(-10px); /* การเคลื่อนไหวเมื่อชี้ */
  }

  .row-img:hover::after {
    opacity: 1; /* แสงจะแสดงเมื่อชี้ */
  }

@media (max-width: 1024px) {
    .row-img {
        flex: 0 0 100%; /* 2 images per row */
        padding-right: 30px;
    }
}
/*  */
.h1 {
    margin-top: 100px;
}
.breadcrumb {
    background-color: transparent;
    padding: 20px 0;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 0.875rem;
}
@media (max-width: 1024px) {
    .breadcrumb {
        background-color: transparent;
        padding: 50px 0;
        margin-bottom: 0;
        font-size: 14px;
        font-size: 0.775rem;
    }
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.subpage-title {
    color: #006ca2;
}
/*  */
.home-hero-img:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

@media (max-width: 1024px) {
    .home-hero-img {
        height:103vh;
        min-height: 765px;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .home-hero-img {
        min-height:800px
    }
}

@media (min-width: 1661px) {
    .home-hero-img {
        min-height:1080px
    }
}

@media (min-width: 1921px) {
    .home-hero-img {
        height:100vh
    }
}

.home-hero-img video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-content {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 3
}

@media (max-width: 1024px) {
    .hero-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        height: 100%;
        justify-content: space-evenly;
        top: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}

.hero-content .btn-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hero-title {
    left: 13.44vw;
    max-width: 30vw;
    position: relative
}

@media (max-width: 1024px) {
    .hero-title {
        padding-top:50px
    }
}

@media (max-width: 719px) {
    .hero-title {
        left:20px;
        max-width: 90%;
        padding-bottom: 40px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .hero-title {
        left:20px;
        max-width: 55%
    }
}

@media (min-width: 1921px) {
    .hero-title {
        font-size:258px
    }
}

@media (max-width: 719px) {
    .hero-title.title.fs-90 {
        font-size:45px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .hero-title.title.fs-90 {
        font-size:55px
    }
}

@media (max-width: 719px) {
    .hero-title.title.fs-90 span {
        font-size:60px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .hero-title.title.fs-90 span {
        font-size:70px
    }
}

.hero-title strong {
    color: #fff;
    display: inline-block;
    font-family: handkick,sans-serif;
    font-size: 3.30vw;
    font-weight: 400;
    position: relative
}

@media (max-width: 1024px) {
    .hero-title strong {
        font-size:55px
    }
}

@media (min-width: 1661px) {
    .hero-title strong {
        font-size:6.56vw
    }
}

@media (min-width: 1921px) {
    .hero-title strong {
        font-size:126px
    }
}

.hero-title strong:before {
    background-image: url(../images/reset/svg/underlined2.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 138px;
    max-width: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.hero-title span {
    color: #fff;
    font-family: Rockness W05 Regular,sans-serif;
    /*font-size: 4.69vw*/
}

@media (max-width: 1024px) {
    .hero-title span {
        font-size:46px
    }
}

@media (min-width: 1661px) {
    .hero-title span {
        font-size:6.56vw
    }
}

@media (min-width: 1921px) {
    .hero-title span {
        font-size:126px
    }
}

.hero-title .you-underline {
    bottom: 2.2vw;
    max-width: 100%;
    position: absolute;
    right: -1.5vw
}

@media (min-width: 1921px) {
    .hero-title .you-underline {
        bottom:35px
    }
}

.scroll-down {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    bottom: 15vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    left: 3vw;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width: 1024px) {
    .scroll-down {
        display:none
    }
}

.scroll-down-txt {
    color: #fff;
    font-family: apercu-bold-pro;
    font-size: 16px;
    font-weight: 700
}

.scroll-down-img {
    right: 30px;
    top: 1px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.scroll-down-line {
    -webkit-animation: scrollDown 2s infinite;
    animation: scrollDown 2s infinite;
    background: #fff;
    display: block;
    height: 7px;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 2px
}

@-webkit-keyframes scrollDown {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    60% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes scrollDown {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    60% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.home-hero-holder {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out
}

.home-hero-holder.slide-away {
    -webkit-transform: translate(-78vw);
    -ms-transform: translate(-78vw);
    transform: translate(-78vw);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    -o-transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1),-webkit-transform .5s cubic-bezier(.25,1,1,1)
}

@media (max-width: 1024px) {
    .home-hero-holder.slide-away {
        -webkit-transform:translate(-100vw);
        -ms-transform: translate(-100vw);
        transform: translate(-100vw)
    }
}

.hero-cta-banner {
    background-color: #fff;
    border-radius: 8px;
    height: 282px;
    left: 8.33vw;
    max-width: 67.6vw;
    position: absolute;
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: 73px;
    z-index: 3
}

@media (max-width: 1024px) {
    .hero-cta-banner {
        height:auto;
        height: 230px;
        left: 20px;
        max-width: 89vw;
        position: relative
    }
}

@media (min-width: 1921px) {
    .hero-cta-banner {
        max-width:1298px
    }
}

.hero-cta-banner.active {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: 100%
}

@media (max-width: 1024px) {
    .hero-cta-banner.active {
        height:auto
    }
}

.hero-cta-banner.active .close-cta-banner {
    opacity: 1;
    top: -25px;
    -webkit-transition: top .5s ease-in-out .3s,opacity .5s ease-in-out .3s;
    -o-transition: top .5s ease-in-out .3s,opacity .5s ease-in-out .3s;
    transition: top .5s ease-in-out .3s,opacity .5s ease-in-out .3s
}

.hero-cta-banner.active .home-cta-slider,.hero-cta-banner.active .home-cta-txt {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out .55s;
    -o-transition: opacity .5s ease-in-out .55s;
    transition: opacity .5s ease-in-out .55s
}

.hero-cta-banner .para {
    margin-bottom: 2.08vw;
    margin-top: 0
}

@media (max-width: 1024px) {
    .hero-cta-banner .para {
        margin-bottom:25px
    }
}

.hero-cta-holder {
    padding: 30px 17px
}

@media (max-width: 719px) {
    .hero-cta-holder {
        max-height:350px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .hero-cta-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: 280px
    }
}

@media (min-width: 1025px) {
    .hero-cta-holder {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.cta-open {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    left: 0;
    padding: 30px 23px 23px 41px;
    position: relative;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-88%) translateY(-83%) rotate(-90deg);
    -ms-transform: translateX(-88%) translateY(-83%) rotate(-90deg);
    transform: translateX(-88%) translateY(-83%) rotate(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: opacity .5s ease-in-out .4s;
    -o-transition: opacity .5s ease-in-out .4s;
    transition: opacity .5s ease-in-out .4s;
    width: 306px;
    z-index: 1
}

.cta-open:hover {
    cursor: pointer
}

@media (max-width: 1024px) {
    .cta-open {
        width:300px
    }
}

.cta-open.hide {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out .4s;
    -o-transition: opacity .5s ease-in-out .4s;
    transition: opacity .5s ease-in-out .4s;
    visibility: hidden
}

.cta-open .hero-cta-btn {
    font-size: 14px;
    position: relative;
    right: 13px;
    top: -2px
}

.cta-open .cta-dot {
    -webkit-animation: dot-keyframes 1.5s ease-in-out infinite;
    animation: dot-keyframes 1.5s ease-in-out infinite
}

.cta-open .cta-dot:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.cta-open .cta-dot:nth-child(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.cta-dots {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 8px;
    top: 54%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cta-dot {
    background: #ff4026;
    border-radius: 100%;
    height: 3px;
    margin-right: 2px;
    width: 3px
}

@-webkit-keyframes dot-keyframes {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dot-keyframes {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.close-cta-banner {
    background: #fff;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #17171b;
    font-family: apercu-medium-pro;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    padding: 8px 17px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out,opacity .3s ease-in-out;
    -o-transition: top .3s ease-in-out,opacity .3s ease-in-out;
    transition: top .3s ease-in-out,opacity .3s ease-in-out
}

.close-cta-banner.active {
    opacity: 1;
    top: -23px;
    -webkit-transition: top .5s ease-in-out,opacity .5s ease-in-out;
    -o-transition: top .5s ease-in-out,opacity .5s ease-in-out;
    transition: top .5s ease-in-out,opacity .5s ease-in-out
}

.close-cta-banner:before {
    background: transparent;
    border-radius: 8px;
    bottom: 11px;
    -webkit-box-shadow: 8px 8px #fff;
    box-shadow: 8px 8px #fff;
    content: "";
    height: 20px;
    left: -100px;
    position: absolute;
    width: 100px
}

@media (min-width: 1025px) {
    .close-cta-banner:hover {
        color:#0b5dd0;
        cursor: pointer;
        -webkit-transition: color .3s ease-in-out;
        -o-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out
    }
}

.close-cta-block {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4.95vw
}

@media (max-width: 1024px) {
    .close-cta-block {
        display:none
    }
}

.close-cta-block:hover {
    cursor: pointer
}

@media (max-height: 740px) and (max-width:1024px) {
    .hero-cta-banner {
        bottom:50px;
        height: auto;
        max-width: 280px;
        position: absolute;
        width: 100%
    }

    .cta-open {
        display: none
    }

    .home-hero-img {
        min-height: 100vh
    }

    .hero-cta-holder {
        padding: 25px 17px
    }

    .home-cta-slider {
        display: none
    }

    .home-cta-txt {
        opacity: 1!important;
        padding-bottom: 0!important;
        text-align: center
    }

    .close-cta-banner,.home-cta-txt .para {
        display: none
    }
}

.home-cta-slider {
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 35%
}

@media (max-width: 719px) {
    .home-cta-slider {
        display:none;
        width: 100%
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .home-cta-slider {
        width:50%
    }
}

.cta-slider .swiper-slide .title {
    bottom: 28px;
    left: 24px;
    position: absolute
}

@media (max-width: 1024px) {
    .cta-slider .swiper-slide .title {
        font-size:23px
    }
}

.home-cta-txt {
    opacity: 0;
    padding-left: 5.21vw;
    padding-right: 9.84vw;
    -webkit-transition: opacity .5s ease-in-out -.1s;
    -o-transition: opacity .5s ease-in-out -.1s;
    transition: opacity .5s ease-in-out -.1s
}

@media (min-width: 1921px) {
    .home-cta-txt {
        padding-left:100px;
        padding-right: 100px
    }
}

@media (max-width: 1024px) {
    .home-cta-txt {
        padding:0 0 25px
    }
}

@media (max-width: 719px) {
    .home-cta-txt {
        padding-bottom:0
    }
}

.hero-cta-btn {
    color: #ff4026;
    font-family: apercu-medium-pro;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase
}

.hero-cta-btn,.hero-cta-btn:hover {
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in
}

.hero-cta-btn:hover {
    color: #17171b
}

.cta-slider-circle {
    bottom: 14px;
    height: 70px;
    position: absolute;
    right: 14px;
    width: 70px;
    z-index: 2
}

circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 1px;
    stroke-dasharray: 471;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

circle.clock-thick {
    stroke-width: 2px;
    stroke-dashoffset: 471;
    -webkit-animation: clock-animation 4s linear 3s infinite;
    animation: clock-animation 4s linear 3s infinite
}

@-webkit-keyframes clock-animation {
    0% {
        stroke-dashoffset: 471
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes clock-animation {
    0% {
        stroke-dashoffset: 471
    }

    to {
        stroke-dashoffset: 0
    }
}

.full-circle {
    background-color: #fff;
    border-radius: 100%;
    bottom: 21px;
    height: 55px;
    position: absolute;
    right: 21px;
    width: 55px;
    z-index: 2
}

.full-circle,.full-circle:hover {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.full-circle:hover {
    cursor: pointer;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.full-circle .cta-dots {
    right: 34%;
    top: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.cta-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 80vw;
    z-index: -1
}

@media (max-width: 1024px) {
    .cta-popup {
        background-color:#0b5dd0;
        height: 100vh;
        overflow: auto;
        width: 100%
    }
}

.cta-popup .cta-popup-wrap {
    background-color: #0b5dd0
}

@media (max-width: 1024px) {
    .cta-popup .cta-popup-wrap {
        height:100%;
        overflow: hidden
    }
}

.cta-popup.opened {
    z-index: 2
}

.cta-popup.opened .cta-popup-wrap {
    overflow: auto
}

.cta-popup-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4.95vw
}

@media (max-width: 1024px) {
    .cta-popup-holder {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-pack: distribute;
        -ms-flex-flow: column;
        flex-flow: column;
        justify-content: space-around;
        min-height: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px
    }
}

.cta-close {
    color: #fff;
    font-family: apercu-medium-pro;
    font-size: 14px;
    font-weight: 500;
    left: 39px;
    letter-spacing: .04em;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: rotate(-90deg) translate(-50%,-50%);
    -ms-transform: rotate(-90deg) translate(-50%,-50%);
    transform: rotate(-90deg) translate(-50%,-50%)
}

@media (max-width: 1024px) {
    .cta-close {
        display:none;
        left: 0
    }
}

.close-flyout {
    position: absolute;
    right: 20px;
    top: 20px
}

@media (min-width: 1025px) {
    .close-flyout {
        display:none
    }
}

.cta-cols {
    border-left: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5.21vw 2.08vw;
    vertical-align: top
}

.cta-cols:last-child {
    border-bottom: none
}

@media (max-width: 1024px) {
    .cta-cols {
        border-bottom:1px solid hsla(0,0%,100%,.25);
        border-left: none;
        padding: 40px 0
    }
}

@media (min-width: 1025px) {
    .cta-cols {
        min-height:100vh
    }
}

@media (min-width: 1921px) {
    .cta-cols {
        padding-bottom:100px;
        padding-top: 100px
    }
}

.cta-cols .para {
    margin-bottom: 2.08vw;
    margin-top: 2.08vw;
    max-width: 85%
}

@media (max-width: 719px) {
    .cta-col-img {
        display:none
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .cta-col-img {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        padding-right: 30px;
        width: 40%
    }
}

@media (max-width: 1024px) {
    .cta-col-img img {
        -o-object-fit:cover;
        object-fit: cover;
        width: 100%
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .cta-col-txt {
        width:60%
    }
}

@media (max-width: 1024px) {
    .cta-col-content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cta-col-content .title {
    padding-top: 2.6vw
}

@media (max-width: 1024px) {
    .cta-col-content .title {
        display:block;
        padding-top: 0
    }
}

.cta-col-open {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-right: 20px
}

@media (min-width: 1025px) {
    .cta-col-open {
        display:none
    }
}

.cta-col-open.opened img,.cta-col-open img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.cta-col-open.opened img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.home-wrapper {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    position: relative;
    z-index: 3
}

@media (max-width: 1024px) {
    .home-wrapper {
        padding:0 20px
    }
}

.home-wrapper.w2100 {
    margin: 0 auto;
    max-width: 95vw
}

@media (min-width: 1921px) {
    .home-wrapper.w2100 {
        max-width:1920px
    }
}

.home-office {
    padding-top: 7.29vw
}

@media (max-width: 1024px) {
    .home-office {
        padding-bottom:15px;
        padding-top: 30px
    }
}

@media (min-width: 1921px) {
    .home-office {
        padding-top:140px
    }
}

@media (min-width: 1025px) {
    .home-office .office-cols {
        padding-bottom:3.75vw
    }
}

@media (min-width: 1921px) {
    .home-office .office-cols {
        padding-bottom:72px
    }
}

.home-office.inner {
    padding-bottom: 7.29vw
}

@media (max-width: 1024px) {
    .home-office.inner {
        padding-bottom:30px
    }
}

@media (min-width: 1921px) {
    .home-office.inner {
        padding-bottom:140px
    }

    .home-office.inner .home-wrapper.w2100 {
        max-width: 1920px
    }
}

@media (min-width: 1025px) {
    .home-office.inner .office-txt-col .para {
        left:0;
        padding-left: 2.08vw;
        width: 75%
    }
}

@media (min-width: 1921px) {
    .home-office.inner .office-txt-col .para {
        left:0;
        padding-left: 40px
    }
}

@media (max-width: 1024px) {
    .home-office .img-parallax {
        -webkit-transform:inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}

@media (min-width: 1025px) {
    .flex-pos {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 2.08vw
    }
}

@media (min-width: 1921px) {
    .flex-pos {
        margin:0 auto;
        max-width: 1920px;
        padding-bottom: 40px
    }
}

@media (max-width: 719px) {
    .flex-pos .office-cols {
        padding-bottom:30px;
        padding-top: 20px
    }
}

.office-cols {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .office-cols {
        padding-bottom:40px
    }
}

@media (max-width: 719px) {
    .office-cols {
        padding-bottom:20px
    }
}

.office-cols .para32 {
    padding-left: 10vw
}

.office-txt-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4.43vw
}
@media (max-width: 1024px) {
    .office-txt-col {
        margin-top:40px;
        padding-left: 0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .office-txt-col {
        padding-left:25px
    }
}

.office-txt-col .title {
    max-width: 80%
}

@media (min-width: 1025px) {
    .office-txt-col .para {
        left:6vw;
        position: relative;
        width: 68%
    }
}

.offices-cta {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 50vw
}

@media (max-width: 719px) {
    .offices-cta {
        background-color:#fff;
        border-bottom: none;
        border-top: none;
        display: block;
        max-width: 100%
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .offices-cta {
        max-width:100%
    }
}

.offices-cta .btn-link {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    border-right: 1px solid #dcdcdc;
    justify-content: left;
    margin-top: 0;
    padding: 40px 20px;
    text-align: left
}

@media (min-width: 1025px) {
    .offices-cta .btn-link {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

@media (min-width: 1661px) {
    .offices-cta .btn-link {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 1024px) {
    .offices-cta .btn-link {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        border-bottom: 1px solid #dcdcdc;
        border-right: none;
        justify-content: flex-start;
        padding: 25px 0;
        text-align: left
    }
}

@media (max-width: 719px) {
    .offices-cta .btn-link {
        border-bottom:none;
        padding: 10px 0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .offices-cta .btn-link {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.offices-cta .small-link {
    padding: 40px 0
}

@media (max-width: 1024px) {
    .offices-cta .small-link {
        padding:25px 0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .offices-cta .small-link {
        text-align:center
    }
}

.small-link {
    -webkit-box-flex: 1;
    color: #73737b;
    -ms-flex: 1;
    flex: 1;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.small-link,.small-link:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.small-link:hover {
    color: #17171b
}

@media (max-width: 1024px) {
    .small-link {
        display:block;
        text-align: left
    }
}

.btn-link {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #73737b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-family: apercu-medium-pro;
    font-size: 14px;
    letter-spacing: .06em;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase
}

.btn-link,.btn-link:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.btn-link:hover {
    color: #17171b
}

.btn-link:hover img {
    -webkit-animation: bounce 2s linear -.4s;
    animation: bounce 2s linear -.4s;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out
}

.btn-link.btn-type {
    background-color: #fff;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 35px
}

.btn-link.reversed:hover img {
    -webkit-animation: bounceReverse 2s linear -.4s;
    animation: bounceReverse 2s linear -.4s
}

.btn-link.reversed img {
    margin-left: 0;
    margin-right: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-link.centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-link.no-mar {
    margin-top: 0
}

.btn-link.white {
    color: #fff
}

.btn-link.white:hover {
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.read {
    color: #fff
}

.btn-link.blue {
    color: #0b5dd0
}

.btn-link.blue:hover {
    color: #17171b;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.btn-link img {
    margin-left: 20px;
    position: relative;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    60% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    60% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@-webkit-keyframes bounceReverse {
    0%,20%,50%,80%,to {
        -webkit-transform: translateX(0) rotate(180deg);
        transform: translateX(0) rotate(180deg)
    }

    40% {
        -webkit-transform: translateX(-10px) rotate(180deg);
        transform: translateX(-10px) rotate(180deg)
    }

    60% {
        -webkit-transform: translateX(-5px) rotate(180deg);
        transform: translateX(-5px) rotate(180deg)
    }
}

@keyframes bounceReverse {
    0%,20%,50%,80%,to {
        -webkit-transform: translateX(0) rotate(180deg);
        transform: translateX(0) rotate(180deg)
    }

    40% {
        -webkit-transform: translateX(-10px) rotate(180deg);
        transform: translateX(-10px) rotate(180deg)
    }

    60% {
        -webkit-transform: translateX(-5px) rotate(180deg);
        transform: translateX(-5px) rotate(180deg)
    }
}

@-webkit-keyframes btnArrowMove {
    0% {
        left: 0
    }

    to {
        left: 20px
    }
}

@keyframes btnArrowMove {
    0% {
        left: 0
    }

    to {
        left: 20px
    }
}

.radius,.w-100 {
    border-radius: 8px
}

.w-100 {
    height: auto;
    max-width: 100%;
    width: 100%
}

.home-innovation {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 6.51vw;
    padding-top: 7.81vw
}

@media (min-width: 1921px) {
    .home-innovation {
        min-height:98vh;
        padding-bottom: 0;
        padding-top: 150px
    }
}

.home-innovation .home-wrapper {
    margin: 0 auto;
    max-width: 95vw
}

@media (min-width: 1921px) {
    .home-innovation .home-wrapper {
        max-width:1920px
    }
}

@media (max-width: 1024px) {
    .home-innovation .home-wrapper {
        padding:0
    }
}

@media (min-width: 1921px) {
    .home-innovation .home-wrapper {
        height:100%
    }
}

@media (max-width: 1024px) {
    .home-innovation .innovation-big-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1025px) {
    .innovation-big-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.08vw
    }
}

@media (max-width: 1024px) {
    .innovation-big-col {
        margin-bottom:60px
    }
}

.innovation-big-col .title {
    margin-bottom: 1.3vw
}

@media (min-width: 1025px) {
    .innovation-big-col .title {
        width:100%
    }
}

.innovation-big-col .to-be-scaled {
    margin-bottom: 25px
}

@media (min-width: 1025px) {
    .innovation-big-col .to-be-scaled img {
        height:35.83vw;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 1921px) {
    .innovation-big-col .to-be-scaled img {
        height:688px
    }
}

.innovation-big-col .to-be-scaled.swiper-slide {
    margin-bottom: 0
}

@media (min-width: 1025px) {
    .innovation-small-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 1.56vw;
        padding-right: 1.04vw;
        position: absolute
    }
}

@media (max-width: 1024px) {
    .innovation-small-col.swiper {
        padding-left:20px
    }
}

@media (min-width: 1025px) {
    .innovation-small-col .title {
        width:100%
    }
}

.innovation-small-col .para {
    margin-bottom: 2.29vw;
    position: relative
}

@media (min-width: 1025px) {
    .innovation-small-col .para {
        left:2.5vw;
        max-width: 80%
    }
}

.innovation-small-col .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 6.25vw;
    position: relative
}

@media (min-width: 1025px) {
    .innovation-small-col .inline_block:nth-child(odd) {
        padding-right:2.08vw;
        top: 4vw
    }

    .innovation-small-col .inline_block:nth-child(2n) {
        padding-left: 2.08vw;
        padding-right: 20px
    }
}

@media (min-width: 1921px) {
    .innovation-small-col .inline_block {
        margin-bottom:120px
    }
}

.innovation-small-col .inline_block .to-be-scaled {
    margin-bottom: 25px
}

.innovation-small-col .inline_block .to-be-scaled.swiper-slide,.innovation-small-col .inline_block:last-child,.innovation-small-col .inline_block:nth-last-child(2) {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .accents-slider-item .w-100 {
        height:300px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 1025px) {
    .accents-slider-item .w-100 {
        height:29.43vw;
        -o-object-fit: cover;
        object-fit: cover;
        width: 20.83vw
    }
}

@media (min-width: 1921px) {
    .accents-slider-item .w-100 {
        height:565px;
        width: 400px
    }
}

.together-banner {
    background-color: #0b5dd0;
    padding-bottom: 7.29vw;
    padding-top: 11.46vw
}

@media (max-width: 1024px) {
    .together-banner {
        padding-bottom:60px;
        padding-top: 60px
    }
}

@media (min-width: 1921px) {
    .together-banner {
        padding-bottom:140px;
        padding-top: 220px
    }
}

.together-banner-wrapper {
    margin: 0 auto;
    max-width: 1032px
}

@media (min-width: 1661px) {
    .together-banner-wrapper {
        max-width:1332px
    }
}

@media (max-width: 719px) {
    .together-banner-wrapper {
        padding:0 20px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .together-banner-wrapper {
        padding:0 40px
    }
}

.together-banner-wrapper .fs-160 {
    position: relative
}

@media (min-width: 1025px) {
    .together-banner-wrapper .fs-160 {
        left:-2.5vw
    }
}

.together-underline {
    bottom: 4vw;
    max-width: 100%;
    position: absolute;
    right: 0
}

.underlined-word {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 1025px) {
    .banner-btn-group,.title-btn-group {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .banner-btn-group {
        margin-left: 6vw;
        margin-top: -3vw;
        width: 420px
    }
}

.home-slider-txt-before {
    padding-bottom: 20px
}

@media (min-width: 1025px) {
    .home-slider-txt-before {
        padding-bottom:4.17vw
    }
}

@media (min-width: 1921px) {
    .home-slider-txt-before {
        padding-bottom:80px
    }
}

.txt-faq-cols.home-commitments {
    max-width: none
}

@media (max-width: 1024px) {
    .txt-faq-cols.home-commitments {
        padding-bottom:40px;
        padding-top: 40px
    }
}

@media (min-width: 1921px) {
    .txt-faq-cols .blue-slider-controls-row {
        margin-bottom:36px
    }
}

@media (min-width: 1025px) {
    .home-commitments {
        padding-bottom:5.21vw
    }
}

@media (min-width: 1921px) {
    .home-commitments {
        padding-bottom:100px
    }
}

@media (max-width: 719px) {
    .home-commitments .home-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .home-commitments .home-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .home-commitments .commitments-img {
        display:none
    }
}

@media (min-width: 1921px) {
    .home-commitments .blue-slider-controls-row {
        margin-bottom:36px
    }
}

@media (max-width: 719px) {
    .home-commitments .commitments-big-col {
        width:100%
    }
}

.home-commitments .office-cols {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .home-commitments .office-cols {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media (max-width: 719px) {
    .home-commitments .office-cols .inline_block:first-child {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        margin-top: 25px;
        order: 2
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .home-commitments .office-cols .inline_block:first-child {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        margin-bottom: 25px;
        order: 2
    }
}

@media (max-width: 1024px) {
    .home-commitments .office-cols .inline_block:last-child {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.home-commitments .commitments-big-col,.home-commitments .commitments-small-col {
    padding-top: 0
}

@media (min-width: 720px) and (max-width:1024px) {
    .home-commitments .commitments-small-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 40px
    }
}

.commitments-small-col {
    padding-top: 0
}

@media (min-width: 1025px) {
    .commitments-small-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 3.13vw
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .commitments-small-col.market-segments {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 40px
    }
}

.commitments-big-col {
    padding-top: 7.29vw
}

@media (min-width: 1921px) {
    .commitments-big-col {
        padding-top:140px
    }
}

.commitments-big-col.pad-40 {
    padding-top: 0
}

@media (min-width: 1025px) {
    .commitments-big-col .office-cols {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .commitments-big-col .col-d-64 {
        height: 100%;
        width: 59%
    }
}

@media (min-width: 1921px) {
    .commitments-big-col .col-d-64 {
        width:50%
    }
}

@media (min-width: 1025px) {
    .commitments-big-col .col-d-64 .img-credit {
        height:100%
    }
}

.commitments-big-col .col-d-64 .img-credit img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1025px) {
    .commitments-inner-txt .title {
        font-size:2.34vw
    }
}

@media (min-width: 1921px) {
    .commitments-inner-txt .title {
        font-size:45px
    }
}

.commitments-inner-txt .para {
    margin-bottom: 2.29vw;
    position: relative
}

@media (min-width: 1025px) {
    .commitments-inner-txt .para {
        left:2.5vw;
        max-width: 80%
    }
}

.commitments-small-col .commitments-img {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.block-slider-container {
    padding-bottom: 60px;
    padding-top: 20px
}

.block-slider-container.no-space {
    border-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 1025px) {
    .block-slider-container {
        border-top:1px solid #dcdcdc;
        height: 100%;
        margin-top: 2.08vw;
        padding-top: 2.08vw
    }
}

.block-slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0b5dd0;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block-slider .block-slider-controls {
    background-color: #0b5dd0;
    border-right: 1px solid hsla(0,0%,100%,.25);
    height: 100%;
    position: relative;
    width: 20%;
    z-index: 2
}

.block-slider .block-slider-controls .block-left:hover {
    cursor: pointer
}

.block-slider .block-slider-controls .block-left:hover img {
    -webkit-transform: scale(1.1) rotate(-180deg);
    -ms-transform: scale(1.1) rotate(-180deg);
    transform: scale(1.1) rotate(-180deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.block-slider .block-slider-controls .block-right:hover {
    cursor: pointer
}

.block-slider .block-slider-controls .block-right:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.block-slider .swiper-left {
    border-bottom: 1px solid hsla(0,0%,100%,.25)
}

.block-slider .swiper-left img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.block-slider .swiper-left,.block-slider .swiper-right {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.86vw 2.08vw
}

@media (max-width: 1024px) {
    .block-slider .swiper-left,.block-slider .swiper-right {
        padding:30px
    }
}

.block-slider .swiper-left img,.block-slider .swiper-right img {
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.block-slider .swiper-wrapper {
    height: auto
}

.block-slider .swiper-slide {
    text-align: center
}

.block-slider-text {
    color: #fff;
    display: inline-block;
    font-family: apercu-light-pro;
    font-size: 2.08vw;
    font-weight: 300;
    letter-spacing: -.02em;
    position: relative
}

@media (max-width: 1024px) {
    .block-slider-text {
        font-size:24px
    }
}

@media (min-width: 1921px) {
    .block-slider-text {
        font-size:40px
    }
}

.block-slider-text:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.home-careers {
    padding-bottom: 15.63vw;
    padding-top: 7.29vw
}

@media (min-width: 1921px) {
    .home-careers {
        padding-bottom:300px;
        padding-top: 140px
    }
}

.home-careers .innovation-small-col .inline_block {
    margin-bottom: 0
}

.home-careers .innovation-small-col .inline_block:nth-child(2n) {
    padding-left: 0;
    padding-right: 2.08vw
}

@media (max-width: 1024px) {
    .home-careers .innovation-small-col .inline_block:nth-child(2n) {
        display:none
    }
}

@media (min-width: 1025px) {
    .col-d-25 {
        width:25%
    }

    .col-d-75 {
        width: 75%
    }

    .col-d-36 {
        width: 36%
    }

    .col-d-64 {
        width: 64%
    }
}

.img-credit {
    position: relative;
    width: 100%
}

.img-credit.has-credit:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(33%,rgba(28,28,28,.71)),to(rgba(0,212,255,0)));
    background: -o-linear-gradient(bottom,rgba(28,28,28,.71) 33%,rgba(0,212,255,0) 100%);
    background: linear-gradient(0deg,rgba(28,28,28,.71) 33%,rgba(0,212,255,0));
    border-radius: 0 0 8px 8px;
    bottom: 0;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.img-credit img {
    border-radius: 8px
}

.credit-txt {
    bottom: 19px;
    color: #fff;
    font-family: apercu-regular-pro;
    font-size: 15px;
    position: absolute;
    right: 18px;
    z-index: 1
}

.credit-txt.left {
    left: 18px;
    right: inherit
}

.v-top {
    vertical-align: top
}

.img-slider-controls {
    margin-bottom: 3.13vw;
    padding-top: 4px
}

.img-control-next,.img-slider-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.img-control-next {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f6f6f6;
    border-radius: 100%;
    height: 65px;
    justify-content: center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 65px
}

@media (min-width: 1661px) {
    .img-control-next {
        height:75px;
        width: 75px
    }
}

.img-control-next:hover {
    cursor: pointer
}

@media (min-width: 1025px) {
    .img-control-next:hover {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}

.img-control-next.swiper-button-disabled {
    opacity: .4
}

.img-control-next.swiper-button-disabled:hover {
    cursor: default
}

.img-control-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: center;
    margin-right: 12px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 75px
}

.img-control-prev:hover {
    cursor: pointer
}

@media (min-width: 1025px) {
    .img-control-prev:hover {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}

.img-control-prev.swiper-button-disabled {
    opacity: .4
}

.img-control-prev.swiper-button-disabled:hover {
    cursor: default
}

.img-control-prev img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.swiper-fade .swiper-slide {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.slider-img-holder {
    margin-bottom: 4.17vw;
    overflow: hidden;
    position: relative
}

@media (max-width: 1024px) {
    .slider-img-holder.swiper {
        margin-top:35px
    }
}

.slider-img-holder.mar-bottom {
    margin-bottom: 3.13vw
}

@media (max-width: 1024px) {
    .slider-img-holder.mar-bottom {
        display:none
    }
}


.proj-hero {
    height: 119vh
}

.proj-hero.blur-overlay:before {
    background: -o-linear-gradient(275deg,rgba(5,5,5,.53) -15.8%,hsla(0,0%,8%,.1) 98.69%);
    background: linear-gradient(175deg,rgba(5,5,5,.53) -15.8%,hsla(0,0%,8%,.1) 98.69%)
}

.project-landscape-img {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    width: 98vw
}

@media (max-width: 1024px) {
    .project-landscape-img {
        height:70vh
    }
}

.project-portrait-img {
    background-size: cover;
    height: 100%;
    width: 98vw
}

@media (max-width: 1024px) {
    .project-portrait-img {
        height:70vh
    }
}

.portrait-proj-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 98vw
}

@media (max-width: 1024px) {
    .portrait-proj-img {
        height:100%
    }
}

.close-hero-widget {
    opacity: 0;
    visibility: hidden
}

.proj-widget-open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100px
}

.proj-widget-open:hover {
    cursor: pointer
}

.proj-widget-open:hover img {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.proj-widget-open:hover img,.proj-widget-open img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-widget-open img {
    opacity: 1
}

.proj-hero-widget {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border-radius: 8px;
    bottom: 13.02vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 8.07vw;
    max-width: 50.89vw;
    position: absolute;
    width: 100px;
    z-index: 2
}

@media (max-width: 1024px) {
    .proj-hero-widget {
        display:block;
        max-width: 82%;
        width: 82%
    }
}

.close-cta-banner {
    display: block
}

.proj-widget-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    border-left: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: center;
    opacity: 0;
    position: relative;
    visibility: hidden
}

@media (max-width: 1024px) {
    .proj-widget-controls {
        border-left:none
    }
}

.proj-hero-img-slider {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1024px) {
    .proj-hero-img-slider .abs-bg {
        height:100%;
        width: 100%
    }
}

.proj-hero-img-slider .abs-bg:before {
    background: -o-linear-gradient(93.06deg,rgba(11,93,208,.35) -15.8%,rgba(11,93,208,0) 98.69%),rgba(23,23,27,.95);
    background: linear-gradient(356.94deg,rgba(11,93,208,.35) -15.8%,rgba(11,93,208,0) 98.69%),rgba(23,23,27,.95);
    content: "";
    -webkit-filter: blur(156px);
    filter: blur(156px);
    height: 57.86vw;
    left: 0;
    opacity: .62;
    position: absolute;
    top: 0;
    width: 57.29vw
}

.blur-overlay {
    overflow: hidden;
    position: relative
}

.blur-overlay:before {
    background: -o-linear-gradient(93.06deg,rgba(11,93,208,.35) -15.8%,rgba(11,93,208,0) 98.69%),rgba(23,23,27,.95);
    background: linear-gradient(356.94deg,rgba(11,93,208,.35) -15.8%,rgba(11,93,208,0) 98.69%),rgba(23,23,27,.95);
    content: "";
    -webkit-filter: blur(156px);
    filter: blur(156px);
    height: 57.86vw;
    left: -26.04vw;
    opacity: .62;
    position: absolute;
    top: 0;
    width: 72.92vw;
    z-index: 1
}

@media (max-width: 1024px) {
    .blur-overlay,.blur-overlay:before {
        height:100%;
        width: 100%
    }

    .blur-overlay:before {
        background: -o-linear-gradient(239deg,#000 23.39%,transparent 84.79%);
        background: linear-gradient(211deg,#000 23.39%,transparent 84.79%);
        -webkit-filter: blur(0);
        filter: blur(0);
        left: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.blur-overlay.full-overlay:before {
    height: 100%;
    left: 0;
    width: 100%
}

.blur-overlay.careers-hero:before {
    background: -o-linear-gradient(275deg,rgba(5,5,5,.53) -15.8%,hsla(0,0%,8%,.1) 98.69%);
    background: linear-gradient(175deg,rgba(5,5,5,.53) -15.8%,hsla(0,0%,8%,.1) 98.69%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.proj-hero-controls {
    position: relative;
    z-index: 2
}

.proj-hero-slider {
    margin-left: 5.21vw
}

@media (min-width: 640px) {
    .proj-hero-slider {
        width:50%
    }
}

@media (min-width: 1025px) {
    .proj-hero-slider {
        max-width:24.74vw
    }
}

.proj-hero-slider .swiper-slide {
    padding-bottom: 10px
}

.proj-hero-slider .underlined-name {
    background-position: 0 90%
}

.proj-hero-slider-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.proj-hero-next,.proj-hero-prev {
    padding: 40px 20px
}

.proj-hero-next {
    border-bottom: 1px solid hsla(0,0%,100%,.25)
}

.proj-hero-next img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-hero-next:hover {
    cursor: pointer
}

.proj-hero-next:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-hero-prev {
    cursor: pointer
}

.proj-hero-prev:hover img {
    -webkit-transform: scale(1.2) rotate(-180deg);
    -ms-transform: scale(1.2) rotate(-180deg);
    transform: scale(1.2) rotate(-180deg)
}

.proj-hero-prev:hover img,.proj-hero-prev img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-hero-prev img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.proj-widget-txt {
    height: 0;
    opacity: 0;
    padding: 2.6vw 4.17vw;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

@media (min-width: 1025px) {
    .proj-widget-txt {
        padding:2.6vw 3.13vw;
        width: 54%
    }
}

@media (min-width: 1661px) {
    .proj-widget-txt {
        padding:2.6vw 4.17vw;
        width: 57%
    }
}

.proj-widget-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 30px 38px
}

@media (max-width: 1024px) {
    .proj-widget-btn {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        padding: 15px 20px;
        width: 100%
    }
}

.proj-widget-btn:nth-child(2n) {
    border-bottom: 0
}

.proj-widget-btn .btn-link {
    margin-top: 0
}

.proj-hero .cta-popup {
    background-color: #0b5dd0;
    height: 94%
}

.specs-open:hover {
    cursor: pointer
}

.specs-popup {
    background-color: #0b5dd0;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    z-index: 4
}

@media (max-width: 1024px) {
    .specs-popup {
        width:100%
    }
}

@media (min-width: 1025px) {
    .specs-popup {
        max-width:50vw;
        min-width: 25vw
    }
}

@media (min-width: 1921px) {
    .specs-popup {
        min-width:21.2vw
    }
}

.specs-popup.active {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: inherit
}

.specs-popup.specs-services {
    width: 100%
}

@media (min-width: 1025px) {
    .specs-popup.specs-services {
        max-width:75vw
    }

    .specs-popup.proj-detail-specs {
        width: 40vw
    }
}

.specs-close {
    border-left: 1px solid hsla(0,0%,100%,.25);
    padding: 20px 25px
}

.specs-close .megamenu-close-holder {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.specs-close:hover {
    cursor: pointer
}

.specs-close:hover .megamenu-close-holder {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.specs-close .mega-close-arm {
    background-color: #fff
}

.specs-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 2.14vw
}

@media (max-width: 1024px) {
    .specs-header {
        padding-left:20px
    }
}

.specs-header .specs-title {
    padding-right: 30px
}

.specs-body .para {
    margin-top: 5px
}

.specs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.specs-row .para .btn-link {
    font-family: apercu-light-pro;
    font-size: 19px;
    margin-top: 5px;
    text-align: left;
    text-decoration: underline;
    text-transform: none
}

.specs-row .para .btn-link:hover {
    text-decoration: none
}

.specs-col {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    border-left: 1px solid hsla(0,0%,100%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 2.6vw 2.14vw 2.08vw
}

.specs-title {
    color: #fff;
    font-family: apercu-bold-pro;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

.basic-proj-hero {
    padding-bottom: 100px;
    position: relative
}

.basic-proj-bg {
    background-color: #f6f6f6;
    padding-top: 100px
}

.basic-proj-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1480px;
    padding: 0 30px;
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .basic-proj-holder {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.basic-proj-holder.landscape {
    max-width: 100%
}

.basic-proj-holder.landscape .basic-proj-txt {
    padding-left: 11.46vw
}

.basic-proj-img {
    position: relative
}

@media (max-width: 1024px) {
    .basic-proj-img {
        margin-top:30px
    }
}

@media (min-width: 1025px) {
    .basic-proj-img {
        padding-left:2.6vw;
        top: 100px
    }
}

.detail-two-col-txt {
    padding-bottom: 2.08vw;
    padding-top: 7.29vw;
    position: relative;
    z-index: 3
}

@media (min-width: 1921px) {
    .detail-two-col-txt {
        padding-bottom:40px;
        padding-top: 140px
    }
}

@media (max-width: 1024px) {
    .detail-two-col-txt {
        padding-bottom:25px;
        padding-top: 35px
    }

    .two-col-txt {
        margin: 25px 0
    }
}

@media (min-width: 1025px) {
    .two-col-txt {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.two-col-txt.two-p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.two-col-txt.two-p p {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

@media (min-width: 1025px) {
    .two-col-txt p {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.two-col-txt.flex-cols p {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

@media (min-width: 1025px) {
    .two-col-txt.flex-cols p {
        margin:0
    }
}

.two-col-txt.flex-cols .cols-txt {
    width: 100%
}

@media (min-width: 1025px) {
    .two-col-txt.flex-cols .cols-txt:nth-child(odd) {
        padding-right:20px
    }

    .two-col-txt.flex-cols .cols-txt:nth-child(2n) {
        padding-left: 20px
    }
}

.proj-article-hold {
    padding-bottom: 70px
}

.share-block {
    margin-top: 25px
}

@media (min-width: 1025px) {
    .share-block {
        margin-top:2.6vw
    }
}

@media (min-width: 1921px) {
    .share-block {
        margin-top:50px
    }
}

.fixed-share-block {
    background-color: #fff;
    left: 0!important;
    max-width: 100%!important;
    width: 100%!important;
    z-index: 10
}

.fixed-share-block.fixed {
    background: #fff;
    bottom: 0;
    position: fixed
}

.fixed-share-block.fixed .share-wrapper {
    padding-bottom: 10px;
    padding-top: 10px
}

.share-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 26px 25px;
    position: relative;
    z-index: 2
}

.share-wrapper .section-label {
    margin-bottom: 0
}

.share-wrapper .share-label {
    padding-right: 3.75vw
}

@media (max-width: 1024px) {
    .share-wrapper .share-label {
        padding-right:20px
    }
}

.share-icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-icons img {
    padding-right: 1.56vw;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (max-width: 1024px) {
    .share-icons img {
        padding-right:10px
    }
}

.share-icons img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.share-icons.bu-flyout-social {
    margin: 30px 30px 0
}

.share-icons.bu-flyout-social img {
    padding-right: 10px
}

.common-gallery-section {
    padding-bottom: 7.29vw
}

@media (max-width: 1024px) {
    .common-gallery-section {
        padding-bottom:25px
    }
}

@media (min-width: 1921px) {
    .common-gallery-section {
        padding-bottom:140px
    }
}

.common-gallery-section .section-label {
    padding-left: 2.08vw
}

@media (max-width: 1024px) {
    .common-gallery-section .section-label {
        padding-left:20px
    }
}

.zoom-icon-gallery {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 100%;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: center;
    position: absolute;
    right: 3.5vw;
    -webkit-transition: width .3s ease-in-out,height .3s ease-in-out;
    -o-transition: width .3s ease-in-out,height .3s ease-in-out;
    transition: width .3s ease-in-out,height .3s ease-in-out;
    width: 75px
}

.zoom-icon-gallery img {
    position: relative;
    z-index: 1
}

.zoom-icon-gallery:before {
    background-color: #f6f6f6;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 100%
}

.zoom-icon-gallery:hover {
    cursor: pointer
}

.zoom-icon-gallery:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (max-width: 1024px) {
    .zoom-icon-gallery {
        bottom:24px;
        height: 50px;
        right: 30px;
        width: 50px
    }

    .zoom-icon-gallery img {
        width: 25px
    }
}

.gallery-wrapper {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

@media (min-width: 1921px) {
    .gallery-wrapper {
        margin:0 auto;
        max-width: 1920px
    }
}

.gallery-wrapper .swiper-slide {
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding-left: 2.08vw;
    padding-right: 2.08vw;
    width: auto
}

@media (max-width: 1024px) {
    .gallery-wrapper .swiper-slide {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (min-width: 1025px) {
    .gallery-wrapper .swiper-slide {
        max-height:50vh;
        max-width: 50vw
    }
}

.gallery-wrapper .swiper-slide .gallery-img-wrap {
    height: 100%
}

@media (max-width: 1024px) {
    .gallery-wrapper .swiper-slide .common-gallery-img {
        height:100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 0;
        object-position: 50% 0;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .gallery-wrapper .swiper-slide .common-gallery-img {
        height:100%;
        max-width: unset;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.gallery-wrapper .img-slider-controls {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 35px;
    padding-right: 13vw;
    padding-top: 5px
}

@media (max-width: 1024px) {
    .gallery-wrapper .img-slider-controls {
        margin-bottom:20px;
        padding-right: 20px
    }
}

@media (min-width: 1921px) {
    .gallery-wrapper .img-slider-controls {
        padding-right:0
    }
}

@media (max-width: 1024px) {
    .gallery-wrapper .img-control-next,.gallery-wrapper .img-control-prev {
        height:50px;
        width: 50px
    }
}

.basic-text-section {
    padding-bottom: 6.25vw;
    padding-top: 6.77vw
}

@media (min-width: 1921px) {
    .basic-text-section {
        padding-bottom:120px;
        padding-top: 130px
    }
}

@media (max-width: 1024px) {
    .basic-text-section {
        padding-bottom:35px;
        padding-top: 35px
    }
}

.basic-text-section .txt-holder {
    margin-top: 0
}

@media (min-width: 1025px) {
    #meet-the-team .media-big-col {
        padding-right:7.81vw
    }
}

@media (min-width: 1921px) {
    #meet-the-team .media-big-col {
        padding-right:150px
    }
}

@media (min-width: 1025px) {
    #meet-the-team .txt-holder {
        padding-right:2.6vw
    }
}

@media (min-width: 1921px) {
    #meet-the-team .txt-holder {
        padding-right:50px
    }
}

.txt-media-section {
    padding-bottom: 4.17vw;
    padding-top: 5.21vw
}

@media (max-width: 1024px) {
    .txt-media-section {
        padding-bottom:25px
    }
}

@media (min-width: 1921px) {
    .txt-media-section {
        padding-bottom:80px;
        padding-top: 100px
    }
}

.txt-media-section.markets .media-big-col {
    padding-right: 5.21vw
}

.media-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (min-width: 1921px) {
    .media-wrapper {
        max-width:1960px
    }
}

.media-big-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 10.42vw
}

@media (max-width: 1024px) {
    .media-big-col {
        padding:30px 20px
    }
}

@media (min-width: 1921px) {
    .media-big-col {
        padding-left:40px;
        padding-right: 220px
    }
}

.media-small-col .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.08vw;
    padding-right: 2.08vw
}

@media (max-width: 1024px) {
    .media-small-col .inline_block {
        padding-bottom:25px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1921px) {
    .media-small-col .inline_block {
        padding-left:30px;
        padding-right: 30px
    }
}

.media-small-col .inline_block.col-d-33 {
    padding-left: 1.04vw;
    padding-right: 1.04vw
}

@media (min-width: 1025px) {
    .media-small-col .inline_block.col-d-33 .embed-feat-img .title {
        font-size:1.56vw
    }
}

@media (min-width: 1921px) {
    .media-small-col .inline_block.col-d-33 .embed-feat-img .title {
        font-size:30px
    }
}

@media (min-width: 1900px) {
    .media-small-col {
        width:65%
    }
}

@media (min-width: 1921px) {
    .media-small-col {
        width:50%
    }
}

.embed-feat-img {
    margin-top: 16px
}

.embed-feat-img .to-be-scaled {
    margin-bottom: 24px
}

.embed-feat-img .feat-img-bu {
    display: block;
    margin-bottom: 24px;
    overflow: hidden
}

.embed-feat-img .feat-media-img {
    max-width: 100%;
    width: 100%
}

.embed-feat-img .title,.embed-feat-img .title:hover {
    -webkit-transition: color .3s ease-in-out,background-size .3s ease-in-out;
    -o-transition: color .3s ease-in-out,background-size .3s ease-in-out;
    transition: color .3s ease-in-out,background-size .3s ease-in-out
}

.img-txt-block-section {
    padding-bottom: 3.65vw;
    padding-top: 4.17vw
}

@media (max-width: 1024px) {
    .img-txt-block-section {
        padding-bottom:25px;
        padding-top: 25px
    }
}

@media (min-width: 1441px) {
    .img-txt-block-section {
        margin:0 auto;
        max-width: 95vw
    }
}

@media (min-width: 1921px) {
    .img-txt-block-section {
        padding-bottom:70px;
        padding-top: 80px
    }
}

@media (min-width: 1441px) {
    .img-txt-block-section .width-960 {
        left:22.5vw;
        max-width: calc(50% + 2.4vw)
    }
}

.img-txt-block-section .quote-mark {
    right: 0
}

.img-txt-block-section .quote-holder {
    padding-bottom: 6.09vw;
    padding-top: 6.09vw
}

.img-txt-block-section ul {
    padding-left: 22px
}

.img-txt-block-section ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (min-width: 1025px) {
    .img-txt-block-section ul li {
        font-size:18px;
        font-size: 23px
    }
}

@media (max-width: 1024px) {
    .img-txt-block-section ul li {
        font-size:18px
    }
}

.img-txt-block-section ul li::marker {
    color: #ff4026
}

.img-txt-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7.81vw;
    padding-right: 3.13vw
}

@media (min-width: 1441px) {
    .img-txt-txt {
        padding-right:5.21vw
    }
}

@media (min-width: 1921px) {
    .img-txt-txt {
        padding-left:150px;
        padding-right: 100px
    }
}

@media (max-width: 1024px) {
    .img-txt-txt {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 25px 0 0
    }
}

.img-txt-txt .position-label {
    margin-top: 20px
}

.img-txt-txt span {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .img-txt-txt span {
        margin-top:25px
    }
}

.img-txt-txt span.no-mar {
    margin-top: 0
}

.img-txt-txt span.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.img-txt-txt span.white {
    color: #fff
}

.img-txt-txt span.white span:after {
    background-color: #fff
}

.img-txt-txt span.black90 {
    color: #73737b
}

.img-txt-txt span.light {
    font-weight: 300
}

.img-txt-txt span.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-16 {
        font-size:14px
    }
}

.img-txt-txt span.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-18 {
        font-size:15px
    }
}

.img-txt-txt span.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-19 {
        font-size:16px
    }
}

.img-txt-txt span.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-20 {
        font-size:17px
    }
}

.img-txt-txt span.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .img-txt-txt span.fs-32 {
        font-size:30px
    }
}

.img-txt-txt span.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .img-txt-txt span.fs-40 {
        font-size:40px
    }
}

.img-txt-txt span.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .img-txt-txt span.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .img-txt-txt span.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .img-txt-txt span.fs-23 {
        font-size:23px
    }
}

.img-txt-txt span a {
    color: #0b5dd0
}

.img-txt-txt span a:hover {
    text-decoration: underline
}

.img-txt-txt span b,.img-txt-txt span strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.img-txt-txt span span {
    font-family: apercu-medium-pro;
    position: relative
}

.img-txt-txt span.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .img-txt-txt span {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .img-txt-txt span {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .img-txt-txt span {
        font-size:23px
    }
}

.img-txt-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 3.65vw
}

@media (min-width: 1025px) {
    .img-txt-order:nth-child(odd) .inline_block:first-child {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .img-txt-order:nth-child(odd) .inline_block:nth-child(2n) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.img-txt-order a {
    color: #0b5dd0
}

.img-txt-order ul {
    padding-left: 22px
}

.img-txt-order ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (min-width: 1025px) {
    .img-txt-order ul li {
        font-size:18px;
        font-size: 23px
    }
}

@media (max-width: 1024px) {
    .img-txt-order ul li {
        font-size:18px
    }
}

.img-txt-order ul li::marker {
    color: #ff4026
}

.video-holder.aspect-ratio {
    aspect-ratio: 1.77777778
}

@media (min-width: 1025px) {
    .img-txt-img-left,.img-txt-img-right {
        padding-right:30px
    }

    .img-txt-img-left,.img-txt-img-right,.img-txt-order .img-txt-img-left {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .img-txt-order .img-txt-img-left {
        padding-left: 30px;
        padding-right: 0
    }
}

.quote-section {
    padding-bottom: 3.65vw;
    padding-top: 3.65vw
}

.quote-holder {
    background-color: #f6f6f6;
    border-radius: 8px;
    padding: 6.46vw 6.72vw
}

@media (min-width: 1921px) {
    .quote-holder {
        padding:124px 129px
    }
}

.quote-holder.blue {
    background-color: #0b5dd0
}

.quote-holder.blue .quote-title {
    color: #fff;
    text-indent: 0
}

@media (min-width: 1025px) {
    .quote-holder.in-article {
        padding-bottom:80px;
        padding-top: 80px
    }
}

.quote-title {
    color: #0b5dd0;
    font-family: apercu-light-pro;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -.02em;
    text-indent: 8.33vw
}

@media (min-width: 1661px) {
    .quote-title {
        font-size:40px
    }
}

@media (max-width: 1024px) {
    .quote-title {
        font-size:23px;
        font-weight: 400
    }
}

@media (min-width: 1025px) {
    .quote-title.w-880 {
        margin:0 auto;
        width: 45.83vw
    }
}

.quote-author {
    margin-top: 30px;
    padding-left: 8.33vw
}

.quote-author .para {
    margin: 0
}

.quote-mark {
    opacity: .7!important;
    position: absolute;
    right: 30px;
    top: 0
}

@media (max-width: 1024px) {
    .quote-mark {
        width:50%
    }
}

.video-section {
    padding-bottom: 6.25vw;
    padding-top: 3.65vw
}

@media (max-width: 1024px) {
    .video-section {
        padding-bottom:30px;
        padding-top: 30px
    }
}

@media (min-width: 1025px) {
    .video-section .wrapper-40pad {
        margin:0 auto;
        max-width: 77vw
    }
}

@media (min-width: 1921px) {
    .video-section .wrapper-40pad {
        max-width:1398px
    }
}

@media (min-width: 1025px) {
    .big-video-thumb {
        aspect-ratio:1.77777778;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.play-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 7.29vw;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: width .3s ease-in-out,height .3s ease-in-out;
    -o-transition: width .3s ease-in-out,height .3s ease-in-out;
    transition: width .3s ease-in-out,height .3s ease-in-out;
    width: 7.29vw
}

@media (max-width: 1024px) {
    .play-btn {
        height:70px;
        width: 70px
    }
}

@media (min-width: 1921px) {
    .play-btn {
        height:140px;
        width: 140px
    }
}

@media (min-width: 1025px) {
    .play-btn:hover {
        cursor:pointer;
        height: 7.81vw;
        -webkit-transition: width .3s ease-in-out,height .3s ease-in-out;
        -o-transition: width .3s ease-in-out,height .3s ease-in-out;
        transition: width .3s ease-in-out,height .3s ease-in-out;
        width: 7.81vw
    }
}

.featured-team-section {
    padding-bottom: 6.25vw;
    padding-top: 6.25vw
}

@media (min-width: 1441px) {
    .featured-team-section {
        margin:0 auto;
        max-width: 95vw
    }
}

@media (min-width: 1921px) {
    .featured-team-section {
        padding-bottom:120px;
        padding-top: 120px
    }
}

@media (min-width: 1441px) {
    .featured-team-section .width-960 {
        left:22.5vw;
        max-width: calc(50% + 2.4vw)
    }
}

@media (min-width: 640px) {
    .feat-team-holder {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.feat-team-holder .feat-team-img {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6.93vw
}

@media (max-width: 719px) {
    .feat-team-holder .feat-team-img {
        padding-bottom:25px;
        padding-right: 0
    }

    .feat-team-holder .feat-team-img img {
        max-width: 100%
    }
}

.feat-team-holder .para {
    margin-top: 28px
}

@media (min-width: 1025px) {
    .feat-team-holder.article-author .feat-team-img {
        padding-right:0
    }

    .feat-team-holder.article-author .feat-team-txt {
        padding: 0 10.42vw
    }
}

@media (min-width: 1921px) {
    .feat-team-holder.article-author .feat-team-txt {
        padding:0 200px
    }
}

.related-wrapper {
    padding-top: 3.13vw;
    position: relative;
    z-index: 2
}

@media (min-width: 1921px) {
    .related-wrapper {
        margin:0 auto;
        max-width: 1920px;
        padding-top: 60px
    }
}

.related-wrapper .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    vertical-align: top
}

@media (max-width: 1024px) {
    .related-wrapper .inline_block {
        padding:0 20px
    }
}

.related-insights-section {
    padding-bottom: 6.25vw;
    padding-top: 2.34vw
}

@media (max-width: 1024px) {
    .related-insights-section {
        padding:30px 0
    }
}

@media (min-width: 1921px) {
    .related-insights-section {
        padding-top:100px
    }
}

.hold-related-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    position: relative;
    z-index: 3
}

@media (max-width: 1024px) {
    .hold-related-controls {
        padding-top:0
    }
}

.hold-related-controls .img-slider-controls {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .hold-related-controls .img-control-next,.hold-related-controls .img-control-prev {
        height:50px;
        width: 50px
    }
}

.local-office-section {
    padding-bottom: 6.25vw;
    padding-top: 6.25vw
}

@media (max-width: 1024px) {
    .local-office-section {
        padding:30px 0
    }
}

@media (min-width: 1921px) {
    .local-office-section {
        padding-bottom:120px;
        padding-top: 120px
    }
}

@media (min-width: 1025px) {
    .local-office-section .hold-related-controls {
        padding-bottom:5.21vw;
        padding-top: 0
    }
}

.local-office-section.no-pad-top {
    padding-top: 0
}

.local-office-section.no-pad-bottom {
    padding-bottom: 0
}

.local-office-txt-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background-color: #0b5dd0;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 8.49vw 7.14vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder {
        padding-bottom:45px;
        padding-top: 45px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder {
        padding:163px 137px
    }
}

.local-office-txt-holder.with-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: space-between;
    padding: 0;
    position: relative
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns {
        margin-bottom:20px
    }
}

@media (min-width: 1025px) {
    .local-office-txt-holder.with-btns:after {
        background-color:hsla(0,0%,100%,.25);
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        width: 1px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner {
    padding: 7.81vw 7.29vw 4.69vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner {
        padding-top:30px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner {
        padding:150px 140px 90px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner.team-cta-cols {
    padding-bottom: 7.81vw;
    padding-right: 5.21vw;
    padding-top: 4.95vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner.team-cta-cols {
        padding-top:30px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner.team-cta-cols {
        padding-bottom:150px;
        padding-right: 100px;
        padding-top: 95px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner.local-office-txt-inner {
    padding-bottom: 5.21vw;
    padding-top: 4.17vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner.local-office-txt-inner {
        padding-top:30px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner.local-office-txt-inner {
        padding-bottom:100px;
        padding-top: 80px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner.local-office-txt-inner .para {
    margin-bottom: 0;
    margin-top: 20px
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul {
    color: #17171b;
    color: #fff;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul {
        margin-top:25px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.no-mar {
    margin-top: 0
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.white {
    color: #fff
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.white span:after {
    background-color: #fff
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.black90 {
    color: #73737b
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.light {
    font-weight: 300
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-16 {
        font-size:14px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-18 {
        font-size:15px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-19 {
        font-size:16px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-20 {
        font-size:17px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-32 {
        font-size:30px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-40 {
        font-size:40px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul.fs-23 {
        font-size:23px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul a {
    color: #0b5dd0
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul a:hover {
    text-decoration: underline
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul b,.local-office-txt-holder.with-btns .local-office-txt-inner ul strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul span {
    font-family: apercu-medium-pro;
    position: relative
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner ul {
        font-size:23px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner ul span:after {
    background-color: #fff
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong {
    color: #17171b;
    color: #fff;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3.13vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong {
        margin-top:25px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.no-mar {
    margin-top: 0
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.white {
    color: #fff
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.white span:after {
    background-color: #fff
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.black90 {
    color: #73737b
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.light {
    font-weight: 300
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-16 {
        font-size:14px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-18 {
        font-size:15px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-19 {
        font-size:16px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-20 {
        font-size:17px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-32 {
        font-size:30px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-40 {
        font-size:40px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong.fs-23 {
        font-size:23px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong a {
    color: #0b5dd0
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong a:hover {
    text-decoration: underline
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong b,.local-office-txt-holder.with-btns .local-office-txt-inner strong strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong span {
    font-family: apercu-medium-pro;
    position: relative
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder.with-btns .local-office-txt-inner strong {
        font-size:23px
    }
}

.local-office-txt-holder.with-btns .local-office-txt-inner strong span:after {
    background-color: #fff
}

@media (max-width: 1024px) {
    .local-office-txt-holder .blue-block-btns {
        padding-top:40px;
        width: 100%
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .local-office-txt-holder .blue-block-btns {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .local-office-txt-holder .blue-block-btns {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.local-office-txt-holder .blue-block-btns .btn-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 0;
    padding: 15px 20px
}

@media (min-width: 720px) and (max-width:1024px) {
    .local-office-txt-holder .blue-block-btns .btn-link {
        display:inline-block;
        width: 50%
    }
}

@media (min-width: 1025px) {
    .local-office-txt-holder .blue-block-btns .btn-link {
        padding:3.13vw 0
    }

    .local-office-txt-holder .blue-block-btns .btn-link:nth-child(2n) {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1921px) {
    .local-office-txt-holder .blue-block-btns .btn-link {
        padding:60px 60px 60px 0
    }

    .local-office-txt-holder .blue-block-btns .btn-link:nth-child(2n) {
        padding-left: 60px;
        padding-right: 0
    }
}

.local-office-txt-holder .blue-block-btns .btn-link.less-pad {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1921px) {
    .local-office-txt-holder .blue-block-btns .btn-link.less-pad,.local-office-txt-holder .blue-block-btns .btn-link.less-pad:nth-child(2n) {
        padding-left:0;
        padding-right: 0
    }
}

@media (max-width: 1024px) {
    .local-office-txt-holder .blue-block-btns .btn-link.less-pad {
        padding:30px 20px
    }
}

.local-office-txt-holder .blue-block-btns .btn-link.less-pad:nth-child(2n) {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1024px) {
    .local-office-txt-holder .blue-block-btns .btn-link.less-pad:nth-child(2n) {
        padding-left:20px;
        padding-right: 20px
    }
}

.local-office-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 20px
}

@media (min-width: 1025px) {
    .local-office-txt {
        padding:0 2.08vw;
        width: 50%
    }
}

.local-office-img {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative
}

@media (min-width: 1025px) {
    .local-office-img {
        padding:0 2.08vw;
        width: 50%
    }
}

.local-office-img .eq-img-height {
    background-position: 50%;
    background-size: cover;
    height: 100%
}

@media (max-width: 719px) {
    .local-office-img .eq-img-height {
        background-position:50%;
        height: 160px;
        margin-bottom: 20px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .local-office-img .eq-img-height {
        background-position:50%;
        height: 410px;
        margin-bottom: 20px
    }
}

@media (min-width: 1025px) {
    .local-office-img.borders:after {
        height:100%;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        width: 1px
    }

    .local-office-img.borders:after,.local-office-img.borders:before {
        background-color: hsla(0,0%,100%,.25);
        content: "";
        position: absolute
    }

    .local-office-img.borders:before {
        bottom: 140px;
        height: 1px;
        left: 40px;
        width: calc(100% - 40px)
    }
}

.local-office-holder {
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .local-office-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1921px) {
    .local-office-holder {
        margin:0 auto;
        max-width: 1920px
    }
}

@media (min-width: 1025px) {
    .local-office-holder .swiper-slide {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .local-office-holder .local-office-txt {
        margin-bottom:20px
    }
}

.projects-hero {
    background-color: #0b5dd0;
    background-size: cover;
    padding-bottom: 6.77vw;
    padding-top: 14.58vw
}

@media (max-width: 1024px) {
    .projects-hero {
        padding-top:130px
    }
}

.projects-hero .hero-title {
    left: inherit;
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .projects-hero .hero-title {
        font-size:40px;
        max-width: 100%
    }

    .projects-hero .hero-title span {
        font-size: 50px
    }
}

.projects-hero-txt .underlined-word {
    background-position: 0 80%
}

.projects-filter {
    background-color: #fff
}

.proj-filter-groups {
    border-bottom: 1px solid #dcdcdc
}

@media (min-width: 640px) {
    .proj-filter-groups {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.proj-filter-groups.insights-project-filter-groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .proj-filter-groups.insights-project-filter-groups {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media (min-width: 1025px) {
    .proj-filter-groups.insights-project-filter-groups {
        -webkit-box-align:stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.proj-filter-groups.insights-project-filter-groups .proj-refine,.proj-filter-groups.insights-project-filter-groups .proj-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .proj-filter-groups.insights-project-filter-groups .proj-search {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.proj-filter-groups.insights-project-filter-groups .proj-search .proj-filter-search {
    width: 100%
}

@media (max-width: 719px) {
    .proj-filter-groups.insights-project-filter-groups .proj-refine {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .proj-filter-groups.insights-project-filter-groups .proj-refine {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

.proj-filter-groups.insights-project-filter-groups .proj-tags {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 34px
}

@media (min-width: 1025px) {
    .proj-filter-groups.insights-project-filter-groups .proj-tags {
        border-right:1px solid #dcdcdc
    }
}

@media (max-width: 719px) {
    .proj-filter-groups.insights-project-filter-groups .proj-tags {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        border-bottom: 1px solid #dcdcdc;
        order: 2
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .proj-filter-groups.insights-project-filter-groups .proj-tags {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        border-top: 1px solid #dcdcdc;
        order: 3
    }
}

.proj-filter-groups.insights-project-filter-groups .proj-tags .filter-blocks-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -5px -10px
}

.proj-filter-groups.insights-project-filter-groups .proj-tags .filter-block {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 500;
    letter-spacing: .01em;
    margin: 5px 10px;
    padding: 10px 30px;
    text-align: center;
    -webkit-transition: color .5s ease-out,background-color .5s ease-out;
    -o-transition: color .5s ease-out,background-color .5s ease-out;
    transition: color .5s ease-out,background-color .5s ease-out
}

.proj-filter-groups.insights-project-filter-groups .proj-tags .filter-block.active {
    background-color: #0b5dd0;
    border: 1px solid #0b5dd0;
    color: #fff
}

.proj-filter-groups.insights-project-filter-groups .search-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.proj-filter-groups.insights-project-filter-groups .search-input .filter-search-icon {
    position: relative
}

.proj-filter-groups.insights-project-filter-groups .search-input .input-label,.proj-filter-groups.insights-project-filter-groups .search-input .search-submit {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.proj-filter-groups.insights-project-filter-groups .search-input .input-field {
    padding-left: 0;
    padding-right: 80px
}

.proj-filter-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.proj-filter-search img {
    padding-right: 20px
}

.search-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden;
    width: 64px
}

.search-submit,.search-submit.active {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.search-submit.active {
    opacity: 1;
    visibility: visible
}

.search-submit img {
    padding-right: 0
}

.proj-search {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px 40px
}

@media (max-width: 719px) {
    .proj-search {
        border-bottom:1px solid #dcdcdc
    }
}

@media (min-width: 640px) {
    .proj-search {
        border-right:1px solid #dcdcdc
    }
}

.proj-search .filter-search-icon,.proj-search:hover .filter-search-icon {
    -webkit-transform-origin: 33%;
    -ms-transform-origin: 33%;
    transform-origin: 33%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-search:hover .filter-search-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.proj-refine {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px
}

.proj-search-input {
    border: none;
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px;
    width: 100%
}

.proj-search-input::-webkit-input-placeholder {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.proj-search-input::-moz-placeholder {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.proj-search-input:-ms-input-placeholder {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.proj-search-input::-ms-input-placeholder {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.proj-search-input::placeholder {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.refine-search-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .refine-search-col {
        padding:13px 0
    }
}

.refine-search-col:hover {
    cursor: pointer
}

.refine-search-col:hover .circle1 {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.refine-search-col:hover .circle2 {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .3s ease-in-out .1s;
    transition: -webkit-transform .3s ease-in-out .1s;
    -o-transition: transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s,-webkit-transform .3s ease-in-out .1s
}

.refine-search-col:hover .circle3 {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .3s ease-in-out .05s;
    transition: -webkit-transform .3s ease-in-out .05s;
    -o-transition: transform .3s ease-in-out .05s;
    transition: transform .3s ease-in-out .05s;
    transition: transform .3s ease-in-out .05s,-webkit-transform .3s ease-in-out .05s
}

.refine-search-col svg {
    padding-right: 20px
}

.refine-search-col .refine-txt {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

.circle1,.circle2,.circle3 {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.proj-list-city {
    color: #73737b;
    font-family: apercu-extralight-pro;
    font-size: 19px;
    margin-bottom: 7px
}

.proj-list-img {
    display: block;
    margin: 30px 0;
    overflow: hidden;
    position: relative
}

.proj-list-img:hover .proj-list-hover {
    opacity: 1;
    visibility: visible
}

.proj-list-hover,.proj-list-img:hover .proj-list-hover {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.proj-list-hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: rgba(11,93,208,.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
}

.proj-list-hover .para {
    margin: 0 0 8px
}

.proj-list-hover .proj-hover-row {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px
}

@media (min-width: 1441px) {
    .proj-list-hover .proj-hover-row {
        padding:10px 40px
    }
}

.proj-list-txt {
    max-width: 90%
}

.proj-list-txt .title,.proj-list-txt .title:hover {
    -webkit-transition: color background-size .3s ease-in-out ease-out .3s;
    -o-transition: color background-size .3s ease-in-out ease-out .3s;
    transition: color background-size .3s ease-in-out ease-out .3s
}

.proj-list-txt .title:hover {
    color: #0b5dd0
}

.projects-list {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 25px
}

@media (min-width: 1025px) {
    .projects-list {
        padding-bottom:7.29vw;
        padding-top: 2.08vw
    }
}

.projects-list.team-directory {
    padding-bottom: 0
}

.projects-list.team-directory.leadership-page .project-list-holder {
    padding-bottom: 30px
}

@media (min-width: 1025px) {
    .projects-list.team-directory.leadership-page .project-list-holder {
        padding-bottom:3.13vw
    }
}

.projects-list.team-directory .proj-list-pagination {
    margin-top: 0
}

.projects-list .article-date-txt {
    margin: 25px 0 0;
    padding: 0
}

.project-list-holder {
    position: relative;
    z-index: 2
}

@media (min-width: 1921px) {
    .project-list-holder {
        margin:0 auto;
        max-width: 1920px
    }
}

.project-list-holder .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    vertical-align: top
}

@media (max-width: 1024px) {
    .project-list-holder .inline_block {
        padding:20px
    }
}

@media (min-width: 1025px) {
    .project-list-holder .lh-16 {
        line-height:1.6
    }
}

.project-list-holder .mar-top-10 {
    margin-top: 10px
}

@media (min-width: 1025px) {
    .project-list-holder.team {
        padding:0 10px
    }
}

.project-list-holder.team .inline_block {
    padding: 30px
}

.project-list-holder.team .proj-list-img {
    margin-top: 0
}

.proj-list-pagination {
    left: inherit;
    position: relative;
    z-index: 2
}

@media (max-width: 719px) {
    .proj-list-pagination {
        margin-top:30px
    }
}

@media (min-width: 640px) {
    .proj-list-pagination {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 3.65vw
    }
}

.proj-list-pagination .inline_block {
    padding: 30px 0
}

.proj-list-pagination .inline_block:nth-child(2n) {
    border-left: 1px solid #dcdcdc
}

@media (max-width: 719px) {
    .proj-list-pagination .inline_block:nth-child(2n) {
        border-left:none;
        border-top: 1px solid #dcdcdc
    }
}

.proj-paging {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.proj-paging a {
    color: #73737b;
    font-family: apercu-regular-pro;
    font-size: 15px;
    padding: 0 10px
}

.proj-paging a,.proj-paging a:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.proj-paging a:hover {
    color: #17171b
}

.proj-paging a.active {
    color: #17171b;
    font-family: apercu-medium-pro
}

.proj-show-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.proj-show-more .para {
    margin: 0;
    padding-right: 20px
}

.proj-show-more .para,.proj-show-more .para:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.proj-show-more .para:hover {
    color: #0b5dd0
}

.proj-show-more a {
    color: #17171b
}

.proj-page-submit img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sticky-refine-cta {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.refine-cta-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0b5dd0;
    border-radius: 8px 0 0 8px;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 40px
}

.refine-cta-holder,.refine-cta-holder:hover {
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

.refine-cta-holder:hover {
    background-color: #0d66e3;
    cursor: pointer
}

.refine-cta-holder:hover:hover .circle1 {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.refine-cta-holder:hover:hover .circle2 {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .3s ease-in-out .1s;
    transition: -webkit-transform .3s ease-in-out .1s;
    -o-transition: transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s,-webkit-transform .3s ease-in-out .1s
}

.refine-cta-holder:hover:hover .circle3 {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .3s ease-in-out .05s;
    transition: -webkit-transform .3s ease-in-out .05s;
    -o-transition: transform .3s ease-in-out .05s;
    transition: transform .3s ease-in-out .05s;
    transition: transform .3s ease-in-out .05s,-webkit-transform .3s ease-in-out .05s
}

.refine-cta-holder .para {
    margin: 0 0 0 20px
}

.specs-popup.specs-filter {
    width: 25vw
}

@media (max-width: 1024px) {
    .specs-popup.specs-filter {
        width:100%
    }
}

.specs-popup.specs-filter .specs-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: calc(100% - 103px);
    justify-content: space-between
}

.specs-body-refine {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px
}

.specs-search-row {
    border-bottom: 1px solid #dcdcdc
}

.specs-search-row .proj-filter-search {
    padding-bottom: 20px
}

.specs-search-row .search-submit {
    position: absolute;
    right: 0
}

.refine-filter-groups .faq-element {
    width: 100%
}

.refine-filter-groups .faq-row {
    padding: 30px 0
}

.filter-block {
    border: 1px solid #dcdcdc;
    border-radius: 100px;
    color: #73737b;
    display: inline-block;
    font-family: apercu-regular-pro;
    font-size: 16px;
    margin-bottom: 16px;
    margin-right: 12px;
    padding: 5px 16px 7px;
    -webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.filter-block:hover {
    color: #17171b;
    cursor: pointer;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.filter-block.active {
    background-color: #e5e5e5;
    color: #17171b;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.filter-block input {
    display: none
}

.refine-submit-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 33px 0
}

.refine-submit-btn,.refine-submit-btn .btn-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.refine-submit-btn .btn-link {
    margin-top: 0
}

.projects-flyout {
    height: 100vh;
    max-width: 100%;
    overflow: auto;
    position: fixed;
    width: 100%
}

@media (min-width: 1025px) {
    .projects-flyout {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed
    }

    .projects-flyout.absolute {
        position: absolute
    }

    .proj-flyout-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flyout-list {
    padding-top: 3.65vw
}

@media (min-width: 1025px) {
    .flyout-list {
        height:55vh;
        overflow: auto
    }
}

.flyout-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .4;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (min-width: 1025px) {
    .flyout-row {
        padding-bottom:20px;
        padding-left: 60px;
        padding-top: 20px
    }
}

.flyout-row:hover {
    cursor: pointer
}

.flyout-row:before {
    background-color: #fff;
    content: "";
    height: 0%;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out,height .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out,height .3s ease-in-out;
    transition: opacity .3s ease-in-out,height .3s ease-in-out;
    width: 8px
}

.flyout-row span {
    padding-right: 8.07vw
}

.flyout-row .title {
    -webkit-transition: font-size .3s ease-in-out;
    -o-transition: font-size .3s ease-in-out;
    transition: font-size .3s ease-in-out
}

.flyout-row.active {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.flyout-row.active .title {
    font-size: 3.65vw;
    -webkit-transition: font-size .3s ease-in-out;
    -o-transition: font-size .3s ease-in-out;
    transition: font-size .3s ease-in-out
}

.flyout-row.active:before {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out,height .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out,height .3s ease-in-out;
    transition: opacity .3s ease-in-out,height .3s ease-in-out
}

.proj-flyout-txt-block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 25px
}

@media (min-width: 1025px) {
    .proj-flyout-txt-block {
        padding-left:60px
    }
}

.flyout-left-side {
    border-right: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1025px) {
    .flyout-left-side {
        height:100vh;
        width: 50%
    }
}

@media (max-width: 1024px) {
    .flyout-right-side {
        padding-top:20px
    }
}

@media (min-width: 1025px) {
    .flyout-right-side {
        width:50%
    }
}

.flyout-slider-img {
    border-right: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.02vw 2.08vw
}

@media (min-width: 1025px) {
    .flyout-slider-img {
        width:50%
    }
}

.flyout-slider-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.65vw
}

@media (min-width: 1025px) {
    .flyout-slider-txt {
        width:50%
    }

    .flyout-slider {
        height: 100vh
    }

    .flyout-slider .swiper-slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid hsla(0,0%,100%,.25);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flyout-slider .swiper-slide .flyout-slider-img img,.flyout-slider .swiper-slide .flyout-slider-txt {
    opacity: .4;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.flyout-slider .swiper-slide.swiper-slide-active .flyout-slider-img img,.flyout-slider .swiper-slide.swiper-slide-active .flyout-slider-txt {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.market-hero {
    padding-bottom: 14.06vw;
    padding-top: 14.06vw
}

@media (max-width: 1024px) {
    .market-hero {
        padding:150px 0
    }
}

@media (min-width: 1921px) {
    .market-hero {
        padding-bottom:270px;
        padding-top: 270px
    }
}

.market-hero-txt .para {
    margin-top: 15px
}

.market-intro-section {
    padding-bottom: 6.25vw;
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .market-intro-section {
        padding-bottom:140px;
        padding-top: 150px
    }
}

.market-intro-section .intro-title {
    padding-bottom: 1.3vw
}

.market-intro-section .two-col-txt {
    padding-top: 1.3vw
}

.market-intro-section .wrapper-1419 {
    padding-bottom: 2.29vw
}

.market-intro-section .wrapper-1419.no-pad-bottom {
    padding-bottom: 0
}

.market-intro-section .para:first-child {
    margin-top: 0
}

.market-intro-section.intro-section-title-txt {
    padding-bottom: 2.6vw;
    padding-top: 5.21vw
}

@media (max-width: 1024px) {
    .market-intro-section.intro-section-title-txt {
        padding-bottom:35px;
        padding-top: 35px
    }
}

@media (min-width: 1921px) {
    .market-intro-section.intro-section-title-txt {
        padding-bottom:50px;
        padding-top: 100px
    }
}

.market-intro-section.intro-section-title-txt .wrapper-1419 {
    padding-bottom: 0
}

.market-intro-section.intro-section-title-txt h2.para {
    margin: 0 0 25px;
    padding: 0
}

@media (min-width: 1025px) {
    .market-intro-section.intro-section-title-txt h2.para {
        margin-bottom:2.6vw
    }
}

@media (min-width: 1921px) {
    .market-intro-section.intro-section-title-txt h2.para {
        margin-bottom:50px
    }
}

.market-intro-section.intro-section-title-txt .two-col-txt,.market-intro-section.intro-section-title-txt .two-col-txt p {
    margin: 0;
    padding: 0
}

.blue-block-inner {
    background-color: #0b5dd0;
    border-radius: 8px;
    height: 100%
}

.blue-block-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.65vw 4.69vw;
    text-align: center
}

@media (max-width: 1024px) {
    .blue-block-txt {
        padding:30px 20px
    }
}

.blue-block-txt .txt-24 {
    border-top: 1px solid hsla(0,0%,100%,.25);
    padding-top: 24px
}

.blue-blocks-wrapper {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1460px;
    padding-top: 20px;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .blue-blocks-wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.blue-blocks-wrapper .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

@media (max-width: 1024px) {
    .blue-blocks-wrapper .inline_block {
        padding:10px 20px
    }
}

@media (min-width: 1025px) {
    .media-hold {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        padding-left: calc(50vw - 600px)
    }
}

@media (min-width: 1661px) {
    .media-hold {
        padding-left:calc(50vw - 740px)
    }
}

.market-services {
    padding-bottom: 3.13vw;
    padding-top: 7.29vw
}

@media (max-width: 1024px) {
    .market-services {
        padding-bottom:30px
    }
}

@media (min-width: 1921px) {
    .market-services {
        padding-bottom:60px;
        padding-top: 140px
    }
}

.market-services .two-col-txt {
    padding-bottom: 3.13vw
}

@media (min-width: 1921px) {
    .market-services .two-col-txt {
        padding-bottom:60px
    }
}

.market-services .swiper-slide.open-left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.market-services .swiper-slide.open-left .services-col-hold .service-col-block-wrap,.market-services .swiper-slide.open-left .services-col-hold .service-img,.market-services .swiper-slide.open-left .services-col-hold .service-img-wrap,.market-services .swiper-slide.open-left .services-col-hold .sidecontent-wrap {
    right: 0
}

.market-services .swiper-slide:not(.open-left) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.market-services .swiper-slide:not(.open-left) .services-col-hold .service-col-block-wrap,.market-services .swiper-slide:not(.open-left) .services-col-hold .service-img,.market-services .swiper-slide:not(.open-left) .services-col-hold .service-img-wrap,.market-services .swiper-slide:not(.open-left) .services-col-hold .sidecontent-wrap {
    left: 0
}

.market-services.affiliates-page-section .swiper-slide.open-left .services-col-hold .service-img-wrap {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.market-services.affiliates-page-section .swiper-slide:not(.open-left) .services-col-hold .service-img-wrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.market-services.affiliates-page-section .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -20px 0
}

@media (min-width: 1025px) {
    .market-services.affiliates-page-section .swiper-wrapper {
        margin:-15px 0;
        padding: 0 15px
    }
}

.market-services.affiliates-page-section .swiper-wrapper .services-col-hold {
    -webkit-box-flex: 0;
    background-color: #f6f6f6;
    border-radius: 8px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.market-services.affiliates-page-section .swiper-wrapper .service-img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.market-services.affiliates-page-section .swiper-wrapper .toggle-popup-content-btn {
    border: 2px solid #73737b
}

.market-services.affiliates-page-section .swiper-wrapper .toggle-popup-content-btn path {
    fill: #73737b
}

.market-services.affiliates-page-section .swiper-wrapper .service-img-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    max-width: 250px;
    top: 10px;
    width: calc(100% - 20px)
}

@media (min-width: 1025px) {
    .market-services.affiliates-page-section .swiper-wrapper .service-img-wrap {
        max-width:15.63vw;
        top: 2.08vw;
        width: calc(100% - 4.167vw)
    }
}

@media (min-width: 1921px) {
    .market-services.affiliates-page-section .swiper-wrapper .service-img-wrap {
        max-width:300px;
        top: 40px;
        width: calc(100% - 80px)
    }
}

.market-services.affiliates-page-section .swiper-wrapper .service-img-wrap:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 0;
    padding-top: 78%;
    width: 100%
}

.market-services.affiliates-page-section .swiper-slide {
    padding: 20px
}

@media (min-width: 1025px) {
    .market-services.affiliates-page-section .swiper-slide {
        padding:15px;
        width: 33.33%
    }
}

@media (min-width: 1281px) {
    .market-services.affiliates-page-section .swiper-slide {
        width:25%
    }
}

.market-services.affiliates-page-section .img-slider-controls {
    display: none
}

.service-col-block-wrap {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

@media (min-width: 1025px) {
    .service-col-block-wrap {
        padding:2.08vw
    }
}

@media (min-width: 1921px) {
    .service-col-block-wrap {
        padding:40px
    }
}

.service-col-block {
    background-color: #0b5dd0;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    z-index: 1
}

@media (min-width: 1025px) {
    .service-col-block {
        padding:2.08vw
    }
}

@media (min-width: 1921px) {
    .service-col-block {
        padding:40px
    }
}

.services-cols-holder {
    position: relative;
    z-index: 2
}

.services-cols-holder .img-slider-controls {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 30px;
    padding-right: 20px
}

@media (min-width: 1025px) {
    .services-cols-holder .img-slider-controls {
        margin-bottom:0;
        padding-right: 40px
    }
}

@media (min-width: 1921px) {
    .services-cols-width {
        margin:0 auto;
        max-width: 1900px
    }
}

html.show-mobile-gallery-popup-wrap {
    overflow: hidden
}

html.show-mobile-gallery-popup-wrap .mobile-gallery-popup-wrap {
    opacity: 1;
    visibility: visible
}

.mobile-gallery-popup-wrap {
    background-color: rgba(0,0,0,.5);
    font-size: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
    transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 5
}

.mobile-gallery-popup-wrap .popup-txt-content {
    padding: 107px 22px 22px
}

@media (max-width: 1024px) {
    .mobile-gallery-popup-wrap .popup-txt-content {
        max-height:300px;
        overflow: auto
    }
}

.mobile-gallery-popup-wrap .services-info {
    display: block
}

.mobile-gallery-popup-wrap .gallery-popup-content-wrap {
    background-color: #fff;
    height: auto;
    left: 50%;
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px);
    min-height: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.services-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3.13vw;
    padding-top: 3.13vw;
    position: relative;
    z-index: 2
}

.services-cols .services-col-hold {
    height: 100%;
    width: 100%
}

.services-cols .inline_block,.services-cols .services-col-hold {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.services-cols .inline_block {
    background-clip: content-box;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 29.58vw;
    padding: 0 35px
}

@media (max-width: 1024px) {
    .services-cols .inline_block {
        height:400px;
        padding: 0 20px
    }
}

@media (min-width: 1921px) {
    .services-cols .inline_block {
        height:568px
    }
}

.services-cols .inline_block .services-col-hold {
    height: 100%;
    position: relative;
    width: 100%
}

.services-cols .inline_block .services-col-hold .service-col-block-wrap {
    border-radius: 8px;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.services-cols .inline_block.swiper-transition {
    pointer-events: none
}

.services-cols .inline_block .service-img-wrap {
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.services-cols .inline_block .service-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
    position: absolute;
    top: 0;
    width: 100%
}

.services-cols .inline_block .services-info>* {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    visibility: hidden
}

.services-cols .inline_block .service-col-block {
    height: 110%;
    overflow: hidden
}

.services-cols .inline_block .service-col-block.opened {
    min-height: 400px;
    overflow-x: hidden
}

.services-cols .inline_block .service-col-block.ov-y-auto {
    overflow-y: auto
}

.services-cols .inline_block .service-col-block h2.title {
    max-width: 275px
}

.services-cols .inline_block .service-col-block-wrap {
    position: relative;
    -webkit-transition: opacity .3s ease-out,visibility .3s ease-out;
    -o-transition: opacity .3s ease-out,visibility .3s ease-out;
    transition: opacity .3s ease-out,visibility .3s ease-out;
    z-index: 1
}

.services-info {
    display: none
}

.services-info.opened {
    display: block
}

.services-info .para {
    margin-top: 30px
}

@media (min-width: 1025px) {
    .services-info .para {
        margin-bottom:40px
    }
}

.service-col-bg {
    bottom: 0;
    position: absolute
}

.txt-media-section.markets {
    padding-top: 7.29vw
}

@media (min-width: 1921px) {
    .txt-media-section.markets {
        padding-top:140px
    }
}

.txt-faq-cols {
    padding-bottom: 30px;
    padding-top: 7.29vw
}

@media (min-width: 1025px) {
    .txt-faq-cols {
        padding-bottom:3.13vw
    }
}

@media (min-width: 1441px) {
    .txt-faq-cols {
        margin:0 auto;
        max-width: 95vw
    }
}

@media (min-width: 1921px) {
    .txt-faq-cols {
        padding-top:140px
    }
}

@media (min-width: 1025px) {
    .txt-faq-cols.inner {
        padding-top:50px
    }
}

@media (min-width: 1441px) {
    .txt-faq-cols .width-960 {
        left:22.5vw;
        max-width: calc(50% + 2.4vw)
    }
}

.txt-faq-cols-holder {
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .txt-faq-cols-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 10.94vw
    }
}

.txt-faq-cols-holder .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .txt-faq-cols-holder .inline_block {
        padding:0 20px
    }
}

.txt-faq-cols-holder ul {
    padding-left: 22px
}

.txt-faq-cols-holder ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (min-width: 1025px) {
    .txt-faq-cols-holder ul li {
        font-size:18px;
        font-size: 23px
    }
}

@media (max-width: 1024px) {
    .txt-faq-cols-holder ul li {
        font-size:20px
    }
}

.txt-faq-cols-holder ul li::marker {
    color: #ff4026
}

.faq-col-holder {
    background-color: #f6f6f6;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.6vw 4.17vw
}

.faq-col-holder.white {
    background-color: #fff
}

@media (max-width: 1024px) {
    .faq-col-holder {
        padding:20px
    }

    .faq-col {
        margin-top: 30px
    }
}

.faq-element {
    border-bottom: 1px solid #dcdcdc
}

.faq-element.opened .faq-arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.faq-element.opened .title {
    color: #0b5dd0;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.faq-arrow {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.faq-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 15px 0
}

.faq-row:hover {
    cursor: pointer
}

.faq-row:hover .para,.faq-row:hover .title {
    color: #0b5dd0
}

.faq-row .para,.faq-row:hover .para,.faq-row:hover .title {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.faq-row .para {
    margin: 0
}

.faq-row .title {
    margin: 17px 0;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1025px) {
    .faq-row .title {
        font-size:25px
    }
}

@media (min-width: 1661px) {
    .faq-row .title {
        font-size:30px
    }
}

.faq-answer {
    display: none;
    margin-bottom: 15px
}

.faq-answer .para {
    margin: 0
}

.faq-answer ul {
    padding-left: 22px
}

.faq-answer ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (min-width: 1025px) {
    .faq-answer ul li {
        font-size:18px;
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    .faq-answer ul li {
        font-size:20px
    }
}

.faq-answer ul li::marker {
    color: #ff4026
}

.market-map {
    border-radius: 8px;
    height: 46.88vw
}

@media (min-width: 1921px) {
    .market-map {
        height:900px
    }
}

.markets-map-section {
    padding-bottom: 6.25vw;
    padding-top: 4.17vw
}

@media (min-width: 1921px) {
    .markets-map-section {
        padding-bottom:120px;
        padding-top: 80px
    }
}

.map-widget {
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 834px;
    z-index: 2
}

@media (max-width: 1024px) {
    .map-widget {
        border:1px solid #dcdcdc;
        margin-top: 20px
    }
}

@media (min-width: 1025px) {
    .map-widget {
        bottom:40px;
        left: 80px;
        position: absolute
    }
}

.map-widget-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.map-control,.map-widget-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.map-control {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #dcdcdc;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px
}

.map-control:hover {
    cursor: pointer
}

.map-control:nth-child(odd) {
    border-bottom: 1px solid #dcdcdc
}

.map-control:nth-child(2n) .arrow-svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map-control.disabled .arrow-path {
    fill: #8b8b8d
}

.map-control .arrow-svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (min-width: 1025px) {
    .arrow-svg {
        -webkit-transform:scale(2);
        -ms-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width: 1921px) {
    .arrow-svg {
        -webkit-transform:scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.map-widget-content {
    width: 89%
}

@media (max-width: 719px) {
    .map-widget-content {
        width:73%
    }
}

.map-info-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

@media (min-width: 1025px) {
    .map-info-holder {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px
    }
}

@media (min-width: 640px) {
    .map-info-holder .swiper-slide {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .map-img-side {
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .map-txt-side {
        padding-right:40px
    }
}

.map-txt-side .section-label {
    margin-bottom: 0
}

.map-slider-circle {
    margin-left: 40px
}

@media (max-width: 1024px) {
    .map-slider-circle {
        display:none
    }
}

.map-slider-circle .cta-slider-circle {
    height: 72px;
    left: 0;
    position: absolute;
    top: 0;
    width: 72px
}

.map-slider-circle .clock-thick {
    stroke: #ff4026
}

.price-tag {
    background-color: #4285f4;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    position: relative
}

.price-tag:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4285f4;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 0
}

.activeMapsPin {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.media-small-col .img-slider-controls {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 12vw
}

@media (min-width: 1661px) {
    .media-small-col .img-slider-controls {
        padding-right:14vw
    }
}

@media (max-width: 1024px) {
    .media-small-col .img-slider-controls {
        padding-right:20px
    }
}

@media (min-width: 1921px) {
    .media-small-col .img-slider-controls {
        padding-right:40px
    }
}

.controls-paging {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px
}

.controls-active-index {
    color: #17171b;
    margin-right: 5px
}

.controls-active-index,.controls-sum-of {
    font-family: apercu-regular-pro;
    font-size: 16px
}

.controls-sum-of {
    color: #73737b;
    margin-left: 5px
}

.controls-devider {
    color: #dcdcdc;
    font-family: apercu-regular-pro;
    font-size: 16px
}

.bu-detail-hero {
    background-size: cover;
    padding-bottom: 6.77vw;
    padding-top: 11.82vw
}

@media (max-width: 1024px) {
    .bu-detail-hero {
        padding-bottom:45px;
        padding-top: 40vh
    }
}

@media (min-width: 1921px) {
    .bu-detail-hero {
        padding-bottom:130px;
        padding-top: 227px
    }
}

.bu-detail-hero .bgc {
    background-position: bottom
}

.bu-contacts {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    border-top: 1px solid hsla(0,0%,100%,.25);
    margin-top: 35px;
    padding: 25px 0
}

.bu-contacts .para {
    margin: 0
}

.bu-contacts a {
    color: #fff;
    display: block
}

@media (min-width: 1025px) {
    .bu-hero-title-holder {
        max-width:44.79vw
    }

    .bu-hero-txt {
        max-width: 80%
    }
}

@media (min-width: 1441px) {
    .bu-hero-txt {
        max-width:35.16vw
    }
}

@media (min-width: 1025px) {
    .bu-hero-cta {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.bu-hero-cta .btn-link {
    width: 100%
}

@media (min-width: 1025px) {
    .bu-hero-cta .btn-link:first-child {
        margin-right:20px
    }
}

@media (max-width: 1024px) {
    .txt-media-section.bu-detail {
        padding-top:1.56vw
    }
}

.specs-popup.white {
    background-color: #fff
}

.specs-popup.white .specs-title {
    color: #17171b
}

.specs-popup.white .mega-close-arm {
    background-color: #ff4026
}

.specs-popup.white .specs-header {
    border-bottom: 1px solid #dcdcdc
}

.specs-popup.white .specs-close {
    border-left: 1px solid #dcdcdc
}

.specs-popup.specs-awards {
    max-width: 40vw
}

@media (max-width: 1024px) {
    .specs-popup.specs-awards {
        max-width:100%
    }
}

.key-contacts-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.key-contacts-info .para:first-child {
    border-right: 1px solid #dcdcdc;
    padding-right: 8px
}

.key-contacts-info .para:nth-child(2n) {
    padding-left: 8px
}

.key-contacts-row {
    border-bottom: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px;
    padding-bottom: 40px
}

.key-contacts-row a:hover {
    text-decoration: underline
}

.key-contacts-row .para {
    margin: 8px 0
}

.key-contacts-row .para.white a {
    color: #fff
}

.key-contacts-row .para a {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #17171b;
    font-weight: 700
}

.specs-awards-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 20px 0
}

.specs-awards-row:last-child img {
    border-bottom: none
}

.specs-awards-row img {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 40px
}

@media (max-width: 1024px) {
    .small-col-slider .img-control-next,.small-col-slider .img-control-prev {
        height:50px;
        width: 50px
    }
}

@media (min-width: 1025px) {
    .local-offices-swiper .local-office-txt-holder {
        padding:5.21vw 7.14vw
    }

    .local-office-txt {
        min-height: 28.65vw
    }
}

@media (min-width: 1921px) {
    .local-office-txt {
        min-height:550px
    }
}

.projects-hero.locations {
    padding-bottom: 40px
}

@media (max-width: 1024px) {
    .projects-hero.locations {
        padding-top:180px
    }
}

@media (min-width: 1025px) {
    .projects-hero.locations .hero-title {
        max-width:40vw
    }
}

@media (min-width: 1921px) {
    .projects-hero.locations .hero-title {
        max-width:30vw
    }
}

@media (max-width: 719px) {
    .projects-hero.locations .hero-title {
        font-size:60px;
        max-width: 100%
    }

    .projects-hero.locations .hero-title span {
        font-size: 60px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .projects-hero.locations .hero-title,.projects-hero.locations .hero-title span {
        font-size:60px
    }
}

.proj-hero-widget.locations {
    bottom: inherit;
    left: inherit;
    margin-top: 50px;
    max-width: 100%;
    position: inherit;
    position: relative;
    z-index: 3
}

@media (min-width: 1025px) {
    .proj-hero-widget.locations {
        margin-top:4.69vw;
        max-width: 50.89vw
    }

    .proj-hero-widget.locations .proj-widget-txt {
        width: 40%
    }
}

.locations-filter-info {
    padding: 0 40px 60px;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .locations-filter-info {
        padding:0 40px
    }
}

@media (min-width: 1025px) {
    .locations-filter-info {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1921px) {
    .locations-filter-info {
        margin:0 auto;
        max-width: 1840px
    }
}

.locations-filter-info .inline_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.locations-filter-info .inline_block .fs-20 {
    margin-right: 5px
}

.locations-filter-info .inline_block:nth-child(2n) {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1025px) {
    .locations-filter-info .inline_block:nth-child(2n) {
        padding-left:40px
    }
}

.locations-filter-info .para {
    margin: 0
}

.wrapper-widget {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1650px;
    padding: 0 40px;
    position: relative
}

@media (max-width: 1024px) {
    .wrapper-widget {
        padding:0 20px
    }
}

@media (min-width: 1921px) {
    .wrapper-widget {
        max-width:1930px
    }
}

.wrapper-widget.proj-hero-slider-wrapper {
    max-width: 1795px
}

@media (min-width: 1025px) {
    .wrapper-widget.proj-hero-slider-wrapper {
        margin-top:4.69vw
    }
}

.location-tel {
    display: block;
    margin-top: 10px
}

.select-filter {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/reset/svg/orange-arrow.svg) no-repeat 96% 50% #fff;
    border: none;
    color: #17171b;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 600;
    padding: 30px 0;
    text-transform: uppercase;
    width: 100%
}

.usa-state {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out .3s;
    -o-transition: opacity .3s ease-in-out .3s;
    transition: opacity .3s ease-in-out .3s;
    visibility: hidden
}

.usa-state.active {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    visibility: visible
}

.sortby-btns {
    color: #17171b;
    font-size: 19px;
    font-weight: 400;
    margin-right: 10px;
    position: relative
}

.sortby-btns.active {
    font-size: 20px;
    font-weight: 700
}

.sortby-btns.active:before {
    display: none
}

.sortby-btns:before {
    background-color: #17171b;
    bottom: 2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.sortby-btns:before,.sortby-btns:hover:before {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.sortby-btns:hover:before {
    width: 0
}

.bio-hero-section {
    padding-top: 140px
}

@media (max-width: 1024px) {
    .bio-hero-section {
        padding-top:100px
    }
}

.bio-hero-holder {
    background-color: #f6f6f6;
    border-radius: 8px;
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .bio-hero-holder {
        margin-left:20px;
        margin-right: 20px;
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media (max-width: 719px) {
    .bio-hero-holder .wrapper-1419 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.bio-position {
    margin-bottom: 40px;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .bio-position {
        margin-bottom:0
    }
}

.bio-position .para {
    margin: 0
}

.bio-article-section {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .bio-article-section {
        padding-bottom:3.13vw;
        padding-top: 3.13vw
    }
}

@media (max-width: 1024px) {
    .bio-hero-btns {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        justify-content: center
    }
}

@media (min-width: 640px) {
    .bio-hero-btns {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.bio-hero-btns .btn-link {
    text-align: left
}

@media (min-width: 640px) {
    .bio-hero-btns .btn-link {
        -webkit-box-flex:inherit;
        -ms-flex: inherit;
        flex: inherit
    }

    .bio-hero-btns .btn-link:first-child {
        margin-right: 30px
    }
}

@media (max-width: 719px) {
    .bio-hero-txt-col {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 1025px) {
    .bio-hero-txt-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 50px
    }
}

@media (min-width: 1661px) {
    .bio-hero-txt-col {
        padding-right:11.46vw
    }
}

@media (min-width: 1921px) {
    .bio-hero-txt-col {
        padding-right:220px
    }
}

.bio-hero-img {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.bio-hero-img img {
    max-width: 100%;
    width: auto
}

.bio-hero-img-col {
    margin-bottom: 40px;
    margin-top: 40px
}

@media (max-width: 719px) {
    .bio-hero-img-col {
        margin-bottom:40px;
        margin-top: 0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .bio-hero-img-col {
        margin-bottom:0
    }
}

.bio-hero-img-col .linkedin-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: center;
    position: absolute;
    right: 24px;
    -webkit-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
    width: 75px;
    z-index: 2
}

@media (max-width: 479px) {
    .bio-hero-img-col .linkedin-link {
        bottom:15px;
        height: 60px;
        right: 15px;
        width: 60px
    }

    .bio-hero-img-col .linkedin-link svg {
        height: 25px;
        width: 25px
    }
}

.bio-hero-img-col .linkedin-link svg {
    height: 32px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    width: 32px
}

.bio-hero-img-col .linkedin-link path {
    -webkit-transition: stroke .5s ease-in-out,fill .5s ease-in-out;
    -o-transition: stroke .5s ease-in-out,fill .5s ease-in-out;
    transition: stroke .5s ease-in-out,fill .5s ease-in-out
}

.bio-hero-img-col .linkedin-link:focus,.bio-hero-img-col .linkedin-link:hover {
    background-color: #ff4026
}

.bio-hero-img-col .linkedin-link:focus svg,.bio-hero-img-col .linkedin-link:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bio-hero-img-col .linkedin-link:focus path[stroke],.bio-hero-img-col .linkedin-link:hover path[stroke] {
    stroke: #fff
}

.bio-hero-img-col .linkedin-link:focus path[fill],.bio-hero-img-col .linkedin-link:hover path[fill] {
    fill: #fff
}

.specs-popup.bio-contact,.specs-popup.bio-info {
    max-width: 480px;
    width: 100%
}

.specs-popup.bio-contact .key-contacts-row,.specs-popup.bio-info .key-contacts-row {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    margin: 0;
    padding-left: 40px;
    padding-top: 40px
}

.specs-popup.bio-contact .key-contacts-row:first-child,.specs-popup.bio-info .key-contacts-row:first-child {
    margin-top: 2.08vw
}

.specs-popup.bio-contact .key-contacts-row .para:first-child,.specs-popup.bio-info .key-contacts-row .para:first-child {
    border-right: 0
}

.specs-popup.bio-contact .key-contacts-row .para a,.specs-popup.bio-info .key-contacts-row .para a {
    font-family: apercu-light-pro;
    font-weight: 400
}

.hero-title.commitments {
    left: inherit;
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .hero-title.commitments {
        font-size:40px;
        max-width: 100%;
        padding-top: 0
    }
}

@media (min-width: 1441px) {
    .hero-title.commitments {
        line-height:.8
    }
}

.hero-title.commitments span {
    display: inline-block
}

@media (max-width: 1024px) {
    .hero-title.commitments span {
        font-size:50px
    }
}

.hero-title.commitments .you-underline {
    bottom: 0
}

.commitments-hero {
    background-size: cover
}

@media (min-width: 1025px) {
    .commitments-hero {
        height:80vh
    }
}

.commitment-hero-txt {
    padding-bottom: 60px;
    padding-top: 150px
}

@media (min-width: 1025px) {
    .commitment-hero-txt {
        padding-bottom:8.65vw;
        padding-top: 13.28vw;
        position: absolute
    }
}

@media (min-width: 1921px) {
    .commitment-hero-txt {
        padding-bottom:166px;
        padding-top: 255px
    }
}

@media (min-width: 1025px) {
    .commitment-hero-txt .hero-title,.commitment-hero-txt .para {
        max-width:50%
    }
}

.commitments-intro-section {
    padding-bottom: 30px;
    padding-top: 30px
}

@media (min-width: 1025px) {
    .commitments-intro-section {
        padding-bottom:3.65vw;
        padding-top: 7.29vw
    }
}

@media (min-width: 1921px) {
    .commitments-intro-section {
        padding-bottom:70px;
        padding-top: 140px
    }
}

.representation-section {
    padding-bottom: 6.25vw;
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .representation-section {
        padding-bottom:120px;
        padding-top: 120px
    }
}

.representation-section .blue-block-inner {
    height: 100%
}

.representation-section .blue-blocks-wrapper {
    max-width: 1500px;
    padding-top: 7.29vw
}

@media (min-width: 1921px) {
    .representation-section .blue-blocks-wrapper {
        padding-top:140px
    }
}

.representation-section .blue-blocks-wrapper .inline_block {
    padding: 0 2.86vw
}

@media (min-width: 1921px) {
    .representation-section .blue-blocks-wrapper .inline_block {
        padding:0 40px
    }
}

@media (max-width: 1024px) {
    .representation-section .blue-blocks-wrapper .inline_block {
        margin-bottom:30px
    }

    .representation-section .blue-blocks-wrapper .inline_block:last-child {
        margin-bottom: 0
    }
}

.rep-blue-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.13vw 4.17vw
}

@media (min-width: 1921px) {
    .rep-blue-txt {
        padding:60px 80px
    }
}

.rep-stats-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0,0%,100%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rep-percent {
    border-right: 1px solid hsla(0,0%,100%,.25);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 20px;
    width: 60%
}

@media (max-width: 1024px) {
    .rep-percent {
        border-right:none;
        width: 50%
    }
}

.rep-label {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-top: 20px;
    width: 40%
}

@media (max-width: 1024px) {
    .rep-label {
        border-left:1px solid hsla(0,0%,100%,.25);
        width: 50%
    }
}

.txt-btn-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.txt-btn-group p {
    margin: 0;
    width: 60%
}

.circle-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: center;
    width: 75px
}

.circle-arrow:hover img {
    -webkit-animation: bounce 2s linear -.4s;
    animation: bounce 2s linear -.4s
}

.local-office-txt-holder.less-pad {
    padding-bottom: 5.21vw;
    padding-top: 5.21vw
}

@media (min-width: 1921px) {
    .local-office-txt-holder.less-pad {
        padding-bottom:100px;
        padding-top: 100px
    }
}

.abs-21 {
    position: absolute;
    width: 100%;
    z-index: 0
}

.quotes-slider-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3.13vw 0 0
}

@media (max-width: 1024px) {
    .quotes-slider-holder {
        padding-bottom:30px;
        padding-top: 0
    }
}

.quotes-slider {
    position: relative;
    width: 75vw;
    z-index: 2
}

@media (min-width: 1441px) {
    .quotes-slider .quote-title {
        font-size:1.77vw
    }
}

.quotes-slider .quote-holder {
    padding: 5.21vw 4.17vw
}

@media (max-width: 1024px) {
    .quotes-slider .quote-holder {
        padding:30px 20px
    }
}

.quotes-slider .swiper-slide {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .quotes-slider .swiper-slide {
        padding:0 10px
    }
}

.quotes-slider .quote-author {
    padding-left: 0
}

.quotes-slider .quote-mark {
    right: 40px
}

.quotes-controls {
    width: 25vw
}

.quotes-next,.quotes-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 6.98vw 12.29vw
}

@media (max-width: 1024px) {
    .quotes-next,.quotes-prev {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (min-width: 1921px) {
    .quotes-next,.quotes-prev {
        padding:134px 236px
    }
}

.quotes-next.swiper-button-disabled .arrow-path,.quotes-prev.swiper-button-disabled .arrow-path {
    fill: #8b8b8d
}

.quotes-next {
    border-bottom: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.quotes-next:not(.swiper-button-disabled):hover {
    cursor: pointer
}

.quotes-next:not(.swiper-button-disabled):hover .arrow-path {
    fill: #17171b
}

.quotes-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.quotes-prev:not(.swiper-button-disabled):hover {
    cursor: pointer
}

.quotes-prev:not(.swiper-button-disabled):hover .arrow-path {
    fill: #17171b
}

.slider-progress {
    background-color: #dcdcdc;
    height: 6px;
    position: relative;
    top: -7px;
    width: 0
}

@media (min-width: 1025px) {
    .services-hero-txt {
        max-width:57%
    }
}

.services-faq-section {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .services-faq-section {
        padding-bottom:3.13vw;
        padding-top: 0
    }
}

.services-faq-section .wrapper-40pad {
    padding-top: 25px
}

@media (min-width: 1025px) {
    .services-faq-section .wrapper-40pad {
        padding-top:3.65vw
    }
}

.services-faq-section .faq-col-holder {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width: 1025px) {
    .services-faq-section .faq-col-holder {
        padding-left:5.21vw;
        padding-right: 5.21vw
    }
}

@media (min-width: 1661px) {
    .services-faq-section .faq-col-holder {
        padding-left:11.2vw;
        padding-right: 11.2vw
    }
}

.footer-section-cta {
    background-color: #0b5dd0;
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .footer-section-cta {
        padding-top:120px
    }
}

.footer-section-cta .wrapper-960 {
    border-bottom: none;
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .footer-section-cta .wrapper-960 {
        padding-top:120px
    }
}

@media (min-width: 1025px) {
    .footer-section-cta .w-60 {
        max-width:60%
    }
}

.services-blocks-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
    position: relative;
    z-index: 2
}

@media (min-width: 1921px) {
    .services-blocks-holder {
        margin:0 auto;
        max-width: 1920px
    }
}

.services-block {
    padding: 30px
}

.services-block,.services-block-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.services-block-txt {
    background-color: #0b5dd0;
    border-radius: 8px;
    height: 100%;
    padding: 50px 20px;
    position: relative;
    z-index: 1
}

@media (min-width: 1661px) {
    .services-block-txt {
        padding:80px 40px 60px
    }
}

.services-block-txt:hover {
    cursor: pointer
}

.services-block-txt:hover:after {
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.services-block-txt:after,.services-block-txt:hover:after {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.services-block-txt:after {
    background-color: #0b5dd0;
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.services-block-txt img {
    margin-bottom: 30px
}

.services-block-txt .txt-24 {
    border-top: 1px solid hsla(0,0%,100%,.25);
    margin-bottom: 0;
    padding-top: 24px
}

.helpful-links {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .helpful-links {
        padding:6.25vw 0
    }
}

.helpful-link-blocks {
    padding-top: 30px;
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .helpful-link-blocks {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 5.21vw
    }
}

@media (min-width: 1921px) {
    .helpful-link-blocks {
        margin:0 auto;
        max-width: 1920px;
        padding-top: 100px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .helpful-link-blocks {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.helpful-link-blocks .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px
}

@media (max-width: 1024px) {
    .helpful-link-blocks .inline_block {
        padding:20px
    }
}

.helpful-link-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #0b5dd0;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 80px 30px;
    text-align: center;
    width: 100%
}

@media (max-width: 1024px) {
    .helpful-link-col {
        padding:30px
    }
}

.helpful-link-col:hover .underlined-24-links {
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease-in-out;
    -o-transition: background-size .3s ease-in-out;
    transition: background-size .3s ease-in-out
}

.helpful-link-col.payment {
    display: block;
    text-align: left
}

@media (min-width: 1025px) {
    .helpful-link-col.payment {
        padding:4.17vw 3.65vw
    }
}

@media (min-width: 1921px) {
    .helpful-link-col.payment {
        padding:80px 70px
    }
}

.underlined-24-links {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    color: #fff;
    display: inline-block;
    display: inline;
    font-family: apercu-regular-pro;
    font-size: 24px;
    margin: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-size .3s ease-in-out;
    -o-transition: background-size .3s ease-in-out;
    transition: background-size .3s ease-in-out
}

.helpful-links-info {
    padding-top: 5.21vw
}

@media (max-width: 1024px) {
    .helpful-links-info {
        padding-top:30px
    }
}

@media (min-width: 1921px) {
    .helpful-links-info {
        padding-top:100px
    }
}

.helpful-links-info .fs-30-ul {
    padding-top: 4.17vw
}

@media (min-width: 1921px) {
    .helpful-links-info .fs-30-ul {
        padding-top:80px
    }
}

.br {
    border-bottom: 1px solid hsla(0,0%,100%,.25);
    margin: 20px 0
}

.title-checkmark {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

.title-checkmark img {
    position: relative;
    top: -2.08vw
}

@media (min-width: 1025px) {
    .title-checkmark img {
        position:absolute;
        right: -2vw;
        top: -2.5vw;
        width: 3.39vw
    }
}

.subcon-videos-holder {
    padding-top: 30px
}

@media (min-width: 1025px) {
    .subcon-videos-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        max-width: 1920px;
        padding-top: 3.13vw;
        padding-top: 60px
    }

    .subcon-video-col {
        width: 75%
    }

    .subcon-video-col .video-holder img.w-100 {
        aspect-ratio: 1.77777778;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.subcon-related-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

@media (min-width: 1025px) {
    .subcon-related-col {
        padding:0 40px;
        width: 25%
    }
}

.subcon-videos {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .subcon-videos {
        padding-bottom:5.21vw;
        padding-top: 5.21vw
    }
}

@media (min-width: 1921px) {
    .subcon-videos {
        padding-bottom:100px;
        padding-top: 100px
    }
}

.services-modal-benefits {
    border-top: 1px solid #dcdcdc;
    padding-top: 40px
}

.services-modal-benefits ul {
    margin-top: 30px
}

.services-modal-benefits li {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 24px
}

.services-modal-benefits li:last-child {
    border-bottom: none
}

.services-modal-intro {
    padding: 40px 0
}

.services-modal-dl,.services-modal-info {
    padding-bottom: 40px;
    padding-top: 40px
}

.services-modal-dl {
    border-top: 1px solid #dcdcdc
}

.img-slider-controls.right-side-border {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.img-slider-controls.right-side-border:before {
    background-color: #dcdcdc;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 85%;
    z-index: -1
}

.services-modal-btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 3
}

.services-modal-btns,.services-modal-btns .btn-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.services-modal-btns .btn-link {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 35px 0
}

.services-modal-btns .btn-link:first-child {
    border-right: 1px solid #dcdcdc
}

@media (min-width: 1025px) {
    .one-col-txt {
        margin-top:30px
    }
}

.team-directory-hero {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 7.29vw;
    padding-top: 9.9vw
}

@media (max-width: 1024px) {
    .team-directory-hero {
        padding-bottom:40px;
        padding-top: 140px
    }
}

@media (min-width: 1921px) {
    .team-directory-hero {
        padding-bottom:140px;
        padding-top: 190px
    }
}

.team-directory-hero.with-img {
    border-bottom: none;
    padding-bottom: 0
}

.team-directory-hero.with-img .wrapper-40pad {
    border-top: 1px solid #dcdcdc;
    margin-top: 60px;
    padding-top: 10px
}

@media (max-width: 1024px) {
    .team-directory-hero.with-img .wrapper-40pad {
        margin-top:30px
    }
}

@media (min-width: 1025px) {
    .team-hero-wrapper {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .team-hero-para {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 2.6vw
    }
}

.team-index-txt .fs-23 {
    font-weight: 400;
    margin: 0
}

.team-index-txt .fs-23.person-position {
    margin-top: 20px
}

@media (min-width: 1025px) {
    .team-cta-cols {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .team-cta-cols .title-col {
        width: 62%
    }

    .team-cta-cols .para-col {
        left: 0;
        padding-bottom: 2.5vw;
        position: relative;
        top: 6vw;
        width: 55%
    }
}

.leadership-intro {
    padding-bottom: 6.25vw;
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .leadership-intro {
        padding-bottom:120px;
        padding-top: 120px
    }
}

.leadership-intro.no-pad-top {
    padding-top: 0
}

.leadership-intro.executive-leadership {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .leadership-intro.executive-leadership {
        padding-top:40px
    }
}

.ppl-archive {
    padding-bottom: 80px;
    padding-top: 30px;
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .ppl-archive {
        padding-bottom:5.21vw;
        padding-top: 3.13vw
    }
}

.ppl-archive.no-pad-bottom {
    padding-bottom: 0
}

.ppl-archive .inline_block {
    padding-bottom: 30px;
    vertical-align: top
}

@media (min-width: 1025px) {
    .ppl-archive .inline_block {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3.13vw 40px
    }
}

.ppl-archive .title {
    margin-bottom: 6px
}

.ppl-archive .para {
    margin: 0
}

.ppl-archive .para.mar-top-10 {
    margin-top: 10px
}

.ppl-archive .regional-info .para {
    color: #0b5dd0;
    font-family: apercu-bold-pro;
    margin-bottom: 12px;
    margin-top: 12px
}

.ppl-archive .regional-info a.mar-top-10 {
    color: #73737b;
    font-family: apercu-regular-pro;
    margin-bottom: 2px;
    margin-top: 5px
}

.ppl-archive .regional-info a.mar-top-10:hover {
    text-decoration: underline
}

.ppl-archive .proj-list-txt .title:hover {
    color: #17171b
}

.ppl-alphabet-section {
    padding-top: 6.25vw
}

@media (min-width: 1921px) {
    .ppl-alphabet-section {
        padding-top:120px
    }
}

@media (min-width: 1025px) {
    .ppl-alphabet-section .grid-lines {
        display:none;
        position: absolute;
        z-index: 3
    }
}

.ppl-alphabet-holder {
    background-color: #f6f6f6;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.65vw 4.43vw
}

@media (max-width: 1024px) {
    .ppl-alphabet-holder {
        padding:30px 20px
    }
}

@media (min-width: 1921px) {
    .ppl-alphabet-holder {
        padding:70px 85px
    }
}

.ppl-alphabet-intro {
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .ppl-alphabet-intro {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 0 3.13vw 3.13vw
    }

    .ppl-alphabet-intro,.ppl-alphabet-intro .para {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ppl-alphabet-intro .para {
        margin: 0;
        padding-left: 3.13vw;
        width: 50%
    }
}

.width-960.alphabet-paging {
    border-top: none;
    bottom: 0;
    top: inherit
}

@media (min-width: 1921px) {
    .width-960.alphabet-paging {
        left:25%;
        width: 50%
    }
}

.alphabet-paging-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 300px;
    padding: 30px 0
}

.letters-page {
    color: #73737b;
    font-family: apercu-light-pro;
    font-size: 16px
}

@media (min-width: 1025px) {
    .letters-page {
        padding:5px 15px
    }
}

.letters-page.active {
    color: #17171b;
    font-weight: 600
}

.leadership-hero {
    background-position: 50%;
    background-size: cover
}

.leadership-hero .cta-popup {
    background-color: #0b5dd0
}

.leadership-hero.txt-content-section {
    padding-bottom: 50px;
    padding-top: 50px
}

@media (min-width: 1025px) {
    .leadership-hero.txt-content-section {
        padding-bottom:7.81vw;
        padding-top: 7.81vw
    }
}

@media (min-width: 1921px) {
    .leadership-hero.txt-content-section {
        padding-bottom:150px;
        padding-top: 150px
    }
}

.leadership-hero.txt-content-section .para {
    line-height: 1.2;
    margin: 0;
    padding: 0
}

.leadership-hero-txt {
    max-width: 800px;
    padding-bottom: 40px;
    padding-top: 140px
}

@media (min-width: 1025px) {
    .leadership-hero-txt {
        padding-bottom:10.63vw;
        padding-top: 15.83vw
    }
}

@media (min-width: 1921px) {
    .leadership-hero-txt {
        padding-bottom:204px;
        padding-top: 304px
    }
}

@media (min-width: 1025px) {
    .leadership-hero-txt .para {
        margin-bottom:0;
        margin-top: 2.08vw
    }
}

.leadership-hero-txt.careers-page {
    max-width: 700px
}

@media (max-width: 1024px) {
    .leadership-hero-txt.careers-page {
        padding-top:40vh
    }
}

@media (min-width: 1025px) {
    .leadership-hero-txt.careers-page {
        padding-top:7.81vw
    }
}

@media (min-width: 1921px) {
    .leadership-hero-txt.careers-page {
        padding-top:150px
    }
}

.leadership-hero-txt.careers-page .hero-title {
    line-height: 1.1;
    max-width: 100%
}

@media (min-width: 1025px) {
    .leadership-hero-txt.careers-page .hero-title {
        margin-bottom:30px
    }
}

.leadership-hero-txt.career-detail-page {
    padding-top: 10.42vw
}

@media (min-width: 1025px) {
    .leadership-hero-txt.career-detail-page .para {
        margin-bottom:50px
    }
}

.one-slide .img-slider-controls {
    margin-top: 35px
}

.international-locations {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .international-locations {
        padding:6.25vw 0
    }
}

.international-loc-block {
    background-size: cover;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20.83vw 40px 40px
}

@media (max-width: 1024px) {
    .international-loc-block {
        padding-top:400px
    }
}

.international-loc-block:hover .international-blue-block:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.international-blue-block {
    background-color: #0b5dd0;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.08vw 1.04vw;
    position: relative;
    text-align: center
}

.international-blue-block:before {
    background-color: #0b5dd0;
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 100%
}

.international-blue-block .title,.offices-holder {
    position: relative
}

.offices-holder {
    padding-top: 30px;
    z-index: 2
}

@media (min-width: 1025px) {
    .offices-holder {
        padding-top:6.25vw
    }
}

@media (min-width: 1921px) {
    .offices-holder {
        margin:0 auto;
        max-width: 1920px;
        padding-top: 120px
    }
}

.offices-holder .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .offices-holder .inline_block {
        margin-bottom:30px;
        padding: 0 20px
    }
}

@media (min-width: 1921px) {
    .pinned-with-title {
        padding-bottom:100px
    }
}

.pinned-with-title .pinned-section-title {
    padding-top: 30px
}

@media (min-width: 1025px) {
    .pinned-with-title .pinned-section-title {
        padding-top:5.21vw
    }
}

@media (min-width: 1921px) {
    .pinned-with-title .pinned-section-title {
        padding-top:100px
    }

    .pinned-with-title .home-wrapper {
        margin: 0 auto;
        max-width: 1920px
    }
}

.pinned-with-title .home-innovation {
    padding-top: 30px;
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .pinned-with-title .home-innovation {
        padding-bottom:4.17vw;
        padding-top: 5.21vw
    }
}

@media (min-width: 1921px) {
    .pinned-with-title .home-innovation {
        padding-bottom:80px;
        padding-top: 100px
    }

    .executive-leadership {
        margin: 0 auto;
        max-width: 1920px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .executive-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1025px) {
    .executive-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        max-width: 95vw
    }
}

.exec-profile-holder {
    background-color: #f6f6f6;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px
}

@media (max-width: 1024px) {
    .exec-profile-holder {
        padding:20px
    }
}

.exec-profile-txt {
    margin-top: 30px
}

.exec-profile-txt .person-position {
    margin-top: 8px
}

.exec-profile-txt .exec-bio {
    margin-bottom: 0;
    margin-top: 30px
}

.exec-profile-txt .exec-bio p {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p {
        margin-top:25px
    }
}

.exec-profile-txt .exec-bio p.no-mar {
    margin-top: 0
}

.exec-profile-txt .exec-bio p.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.exec-profile-txt .exec-bio p.white {
    color: #fff
}

.exec-profile-txt .exec-bio p.white span:after {
    background-color: #fff
}

.exec-profile-txt .exec-bio p.black90 {
    color: #73737b
}

.exec-profile-txt .exec-bio p.light {
    font-weight: 300
}

.exec-profile-txt .exec-bio p.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-16 {
        font-size:14px
    }
}

.exec-profile-txt .exec-bio p.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-18 {
        font-size:15px
    }
}

.exec-profile-txt .exec-bio p.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-19 {
        font-size:16px
    }
}

.exec-profile-txt .exec-bio p.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-20 {
        font-size:17px
    }
}

.exec-profile-txt .exec-bio p.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .exec-profile-txt .exec-bio p.fs-32 {
        font-size:30px
    }
}

.exec-profile-txt .exec-bio p.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .exec-profile-txt .exec-bio p.fs-40 {
        font-size:40px
    }
}

.exec-profile-txt .exec-bio p.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .exec-profile-txt .exec-bio p.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .exec-profile-txt .exec-bio p.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .exec-profile-txt .exec-bio p.fs-23 {
        font-size:23px
    }
}

.exec-profile-txt .exec-bio p a {
    color: #0b5dd0
}

.exec-profile-txt .exec-bio p a:hover {
    text-decoration: underline
}

.exec-profile-txt .exec-bio p b,.exec-profile-txt .exec-bio p strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.exec-profile-txt .exec-bio p span {
    font-family: apercu-medium-pro;
    position: relative
}

.exec-profile-txt .exec-bio p.recaptcha-disclaimer {
    margin-top: 20px
}

.exec-profile-txt .exec-bio a {
    color: #0b5dd0
}

.open-exec-bio {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px
}

.open-exec-bio,.open-exec-bio.active {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.close-exec-bio,.open-exec-bio.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.close-exec-bio {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    text-align: inherit;
    width: 100%
}

.exec-more-bio {
    display: none
}

.flex-exec-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.flex-exec-controls .person-position {
    margin-bottom: 0
}

.flex-exec-controls .regional-info {
    margin-top: 5px
}

.flex-exec-controls .regional-info .para {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0
}

.flex-exec-controls .regional-info .para,.flex-exec-controls .regional-info a.mar-top-10 {
    color: #73737b;
    font-family: apercu-light-pro
}

.flex-exec-controls .regional-info a.mar-top-10:hover {
    text-decoration: underline
}

.exec-bio-big {
    margin-top: 20px
}

.exec-bio-big p {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0
}

@media (max-width: 1024px) {
    .exec-bio-big p {
        margin-top:25px
    }
}

.exec-bio-big p.no-mar {
    margin-top: 0
}

.exec-bio-big p.cost-para {
    margin-bottom: 0;
    margin-top: 10px
}

.exec-bio-big p.white {
    color: #fff
}

.exec-bio-big p.white span:after {
    background-color: #fff
}

.exec-bio-big p.black90 {
    color: #73737b
}

.exec-bio-big p.light {
    font-weight: 300
}

.exec-bio-big p.fs-16 {
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-16 {
        font-size:14px
    }
}

.exec-bio-big p.fs-18 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-18 {
        font-size:15px
    }
}

.exec-bio-big p.fs-19 {
    font-size: 19px
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-19 {
        font-size:16px
    }
}

.exec-bio-big p.fs-20 {
    font-family: apercu-regular-pro;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-20 {
        font-size:17px
    }
}

.exec-bio-big p.fs-32 {
    font-size: 1.56vw
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-32 {
        font-size:22px
    }
}

@media (min-width: 1921px) {
    .exec-bio-big p.fs-32 {
        font-size:30px
    }
}

.exec-bio-big p.fs-40 {
    font-size: 2.08vw
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-40 {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .exec-bio-big p.fs-40 {
        font-size:40px
    }
}

.exec-bio-big p.fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .exec-bio-big p.fs-23 {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .exec-bio-big p.fs-23 {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .exec-bio-big p.fs-23 {
        font-size:23px
    }
}

.exec-bio-big p a {
    color: #0b5dd0
}

.exec-bio-big p a:hover {
    text-decoration: underline
}

.exec-bio-big p b,.exec-bio-big p strong {
    font-family: apercu-medium-pro;
    font-weight: 500
}

.exec-bio-big p span {
    font-family: apercu-medium-pro;
    position: relative
}

.exec-bio-big p.recaptcha-disclaimer {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .exec-bio-big p {
        font-size:18px;
        line-height: 1.5
    }
}

@media (min-width: 1661px) {
    .exec-bio-big p {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .exec-bio-big p {
        font-size:23px
    }
}

.exec-bio-big a {
    color: #0b5dd0
}

.exec-img img {
    max-width: 100%
}

@media (min-width: 720px) and (max-width:1024px) {
    .exec-big-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }
}

@media (min-width: 1025px) {
    .exec-big-col:first-child {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 7.29vw;
        padding-right: 5.21vw;
        padding-top: 3.13vw
    }
}

@media (max-width: 719px) {
    .exec-big-col:nth-child(2n) {
        margin-bottom:10px;
        margin-top: 30px
    }
}

@media (min-width: 1025px) {
    .exec-big-col:nth-child(2n) {
        padding-bottom:10px;
        padding-right: 10px
    }
}

.exec-big-col .regional-info .para {
    font-size: 18px
}

@media (min-width: 1661px) {
    .exec-big-col .regional-info .para {
        font-size:23px
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .exec-list-holder {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1025px) {
    .exec-list-holder {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 95vw
    }
}

.exec-list-holder .exec-profile-holder {
    height: 100%;
    padding: 30px
}

@media (max-width: 1024px) {
    .exec-list-holder .exec-profile-holder {
        padding:20px
    }
}

.exec-list-holder .exec-profile-holder .fs-30 {
    font-size: 26px
}

.exec-list-holder .exec-profile-holder .fs-23 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .exec-list-holder .exec-profile-holder .fs-23 {
        line-height:1
    }
}

.exec-list-holder .inline_block {
    padding-top: 20px
}

@media (min-width: 720px) and (max-width:1024px) {
    .exec-list-holder .inline_block {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 11px;
        padding-right: 11px
    }
}

@media (min-width: 1025px) {
    .exec-list-holder .inline_block {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 11px
    }
}

.insights-hero {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 7.29vw;
    padding-top: 7.29vw
}

@media (max-width: 1024px) {
    .insights-hero {
        padding-bottom:40px;
        padding-top: 140px
    }
}

@media (min-width: 1921px) {
    .insights-hero {
        padding-bottom:140px;
        padding-top: 140px
    }
}

.insights-hero.careers-page {
    border-bottom: none
}

@media (max-width: 1024px) {
    .insights-hero.careers-page {
        padding-top:30px
    }
}

.insights-hero.careers-page .large-slider-wrapper {
    padding-top: 0
}

@media (max-width: 1024px) {
    .insights-detail-section {
        padding-top:100px
    }
}

.insights-detail-section.no-image-section+section {
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 1921px) {
    .insights-detail-section.no-image-section+section {
        padding-bottom:0;
        padding-top: 0
    }
}

@media (max-width: 1024px) {
    .insights-detail-section.no-image-section+section {
        padding-bottom:0;
        padding-top: 0
    }
}

.insights-detail-section.no-image-section+section .two-col-txt,.insights-detail-section.no-image-section+section .two-col-txt p.para {
    margin: 0
}

.large-slider .swiper-slide {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .large-slider .swiper-slide {
        padding:0 20px
    }
}

.large-slider-img {
    margin-bottom: 30px
}

.large-slider-img img {
    border-radius: 8px;
    width: 100%
}

.large-slider-wrapper {
    margin: 0 auto;
    max-width: 95vw;
    padding-top: 5.21vw
}

@media (min-width: 1921px) {
    .large-slider-wrapper {
        margin:0 auto;
        max-width: 95vw;
        padding-top: 100px;
        width: 100%
    }
}

.large-slider-wrapper.no-pad {
    padding-top: 0
}

.insights-hero-content {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.insights-hero-txt {
    padding-bottom: 2.08vw;
    padding-top: 9.9vw
}

@media (min-width: 1921px) {
    .insights-hero-txt {
        padding-bottom:40px;
        padding-top: 190px
    }
}

.insights-hero-img {
    padding-top: 2.08vw
}

@media (min-width: 1921px) {
    .insights-hero-img {
        padding-top:40px
    }
}

@media (min-width: 1025px) {
    .insights-article-section {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.insights-article-section .img-txt-txt {
    padding-right: 0
}

@media (min-width: 1025px) {
    .insights-article-section .ins-widget-side {
        padding-bottom:2.6vw;
        padding-top: 2.6vw
    }
}

@media (min-width: 1921px) {
    .insights-article-section .ins-widget-side {
        padding-bottom:50px;
        padding-top: 50px
    }
}

@media (min-width: 1025px) {
    .insights-article-section .article-first-txt {
        padding-bottom:2.6vw;
        padding-top: 2.6vw
    }
}

@media (min-width: 1921px) {
    .insights-article-section .article-first-txt {
        padding-bottom:50px;
        padding-top: 50px
    }
}

.insights-article-section .article-first-txt.txt-holder,.insights-article-section .article-first-txt.txt-holder p:first-child {
    margin-top: 0
}

.insights-article-section .article-first-txt h2.title {
    margin-bottom: 25px
}

@media (min-width: 1025px) {
    .insights-article-section .article-first-txt h2.title {
        margin-bottom:2.6vw
    }
}

@media (min-width: 1921px) {
    .insights-article-section .article-first-txt h2.title {
        margin-bottom:50px
    }
}

.insights-article-section .article-first-txt p.para {
    margin: 0
}

@media (min-width: 1025px) {
    .ins-article-side {
        width:75%
    }
}

.ins-article-side .img-txt-block-section {
    padding-top: 0
}

.ins-widget-side {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

@media (min-width: 1025px) {
    .ins-widget-side {
        padding:40px;
        width: 25%
    }
}

.article-first-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.13vw 40px 3.13vw 13.02vw;
    position: relative;
    z-index: 2
}

.article-first-txt a {
    color: #0b5dd0;
    text-decoration: underline
}

@media (max-width: 1024px) {
    .article-first-txt {
        padding:20px
    }
}

.article-author-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.article-author-holder .para {
    margin: 0
}

.article-author-holder .article-author {
    margin-left: 8px;
    text-decoration: underline
}

.article-cta-holder {
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .article-cta-holder {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1921px) {
    .article-cta-holder {
        margin:0 auto;
        max-width: 1920px
    }
}

.article-cta-holder .inline_block {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px
}

@media (max-width: 1024px) {
    .article-cta-holder .inline_block {
        padding:20px
    }
}

.article-cta-holder .title,.article-cta-holder .title:hover {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.article-cta-holder .title:hover {
    color: #0b5dd0
}

.article-cta-section {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .article-cta-section {
        padding-bottom:6.25vw;
        padding-top: 6.25vw
    }
}

@media (min-width: 1921px) {
    .article-cta-section {
        padding-bottom:120px;
        padding-top: 120px
    }
}

.author-link {
    margin-top: 20px
}

.author-link a {
    color: #73737b;
    text-decoration: underline
}

.article-widget-holder {
    background-color: #f6f6f6;
    border-radius: 8px
}

@media (max-width: 1024px) {
    .article-widget-holder {
        margin-bottom:30px
    }
}

.related-articles {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

@media (min-width: 1441px) {
    .related-articles {
        padding:40px
    }
}

.related-articles .section-label {
    margin-bottom: 0
}

.rel-insights-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 25px;
    padding-top: 25px
}

@media (min-width: 1025px) {
    .rel-insights-row {
        padding-bottom:10px;
        padding-top: 10px
    }
}

@media (min-width: 1441px) {
    .rel-insights-row {
        padding-bottom:25px;
        padding-top: 25px
    }
}

.rel-insights-row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.rel-insights-row .para {
    font-size: 16px;
    margin: 0;
    width: 50%
}

.rel-insights-row .para,.rel-insights-row .para.active {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.rel-insights-row .para.active {
    color: #0b5dd0
}

@media (min-width: 1661px) {
    .rel-insights-row .para {
        font-size:19px
    }
}

.rel-insight-img {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    width: 50%
}

.related-articles-cta {
    border-top: 1px solid #dcdcdc
}

.related-articles-cta .btn-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 30px 0
}

.tags-and-socials {
    background-color: rgba(23,23,27,.02);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

@media (min-width: 1441px) {
    .tags-and-socials {
        padding:40px
    }
}

.tags-title {
    color: #17171b;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.tags-title a {
    color: #73737b;
    display: inline-block;
    font-weight: 300;
    margin: 0 3px;
    text-transform: capitalize
}

.tags-holder {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px
}

.share-holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px
}

.share-holder a {
    margin: 0 5px
}

@media (min-width: 1441px) {
    .share-holder a {
        margin:0 10px
    }
}

.tags-title p {
    display: inline-block;
    margin: 0
}

.careers-hero .cta-popup-holder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100vh
}

@media (min-width: 1025px) {
    .careers-hero .cta-cols {
        border-bottom:1px solid hsla(0,0%,100%,.25);
        min-height: auto;
        padding-bottom: 3.13vw;
        padding-top: 3.13vw
    }
}

.careers-hero .home-hero-holder.slide-away {
    -webkit-transform: translate(-78vw);
    -ms-transform: translate(-78vw);
    transform: translate(-78vw);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    transition: -webkit-transform .5s cubic-bezier(.25,1,1,1);
    -o-transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1);
    transition: transform .5s cubic-bezier(.25,1,1,1),-webkit-transform .5s cubic-bezier(.25,1,1,1)
}

@media (max-width: 1024px) {
    .careers-hero .home-hero-holder.slide-away {
        -webkit-transform:translate(-100vw);
        -ms-transform: translate(-100vw);
        transform: translate(-100vw)
    }

    .careers-hero .cta-cols {
        padding: 20px 0
    }

    .careers-hero .cta-col-content,.careers-hero .cta-popup-holder {
        display: block
    }
}

.careers-hero .cta-col-content span {
    color: #fff!important
}

@media (max-width: 1024px) {
    .career-detail {
        padding-top:100px
    }
}

.careers-hero-txt {
    position: absolute;
    top: 8.33vw
}

@media (min-width: 1025px) {
    .careers-hero-txt {
        left:13.28vw
    }
}

.careers-intro-section {
    padding-bottom: 30px;
    padding-top: 30px
}

@media (min-width: 1025px) {
    .careers-intro-section {
        padding-bottom:5.21vw;
        padding-top: 5.21vw
    }
}

@media (min-width: 1441px) {
    .careers-intro-section {
        margin:0 auto;
        max-width: 95vw
    }
}

@media (min-width: 1921px) {
    .careers-intro-section {
        padding-bottom:100px;
        padding-top: 100px
    }
}

@media (min-width: 1441px) {
    .careers-intro-section .width-960 {
        left:22.5vw;
        max-width: calc(50% + 2.4vw)
    }
}

.careers-type {
    padding-top: 20px
}

@media (min-width: 1025px) {
    .careers-type {
        padding-top:2.08vw
    }

    .careers-type-holder {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .careers-type-holder.tabs-type {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.careers-type-holder.tabs-type .career-chip.active {
    background-color: #0b5dd0;
    color: #fff
}

.careers-type-holder.tabs-type .career-type-controls {
    margin-bottom: 0
}

.careers-type-holder.tabs-type .careers-type-txt .fs-23 {
    margin-bottom: 50px;
    margin-top: 30px
}

.tabs-feat-team {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 0
}

.tabs-team-col {
    margin-bottom: 30px;
    margin-right: 20px
}

@media (min-width: 1025px) {
    .tabs-team-col {
        margin-right:2.6vw;
        width: 40%
    }
}

@media (min-width: 1921px) {
    .tabs-team-col {
        margin-right:50px
    }
}

.tabs-team-col .txt-24 {
    line-height: 1.3
}

.tabs-team-col .position-label.block {
    margin-bottom: 5px
}

.career-type-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (min-width: 1025px) {
    .career-type-controls {
        margin-bottom:40px
    }
}

.career-chip {
    border: 1px solid #dcdcdc;
    border-radius: 100px;
    color: #73737b;
    font-family: apercu-regular-pro;
    font-size: 14px;
    margin-bottom: 12px;
    margin-right: 8px;
    padding: 4px 30px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1661px) {
    .career-chip {
        font-size:16px
    }
}

.career-chip.active,.career-chip:hover {
    color: #17171b;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (max-width: 1024px) {
    .career-type-txt-col {
        margin-top:20px
    }
}

@media (min-width: 1025px) {
    .career-type-txt-col {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5.21vw
    }
}

@media (min-width: 1921px) {
    .career-type-txt-col {
        padding:0 100px
    }
}

.career-type-txt-col.tabs-col {
    padding: 0 20px
}

@media (min-width: 1025px) {
    .career-type-txt-col.tabs-col {
        padding-left:80px;
        padding-right: 40px
    }
}

.resource-group {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .resource-group {
        padding:5.21vw 0
    }

    .resource-group-holder {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .resource-col {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 9.38vw;
        width: 50%
    }
}

.resource-col img {
    max-width: 100%
}

.resource-slider-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .resource-slider-col {
        display:block;
        margin-top: 30px
    }
}

@media (min-width: 1025px) {
    .resource-slider-col {
        width:50%
    }

    .resource-slider-col .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .resource-slider-col .img-slider-controls {
        margin-top:0
    }
}

@media (min-width: 1025px) {
    .resource-slider-col .img-slider-controls {
        margin-top:0;
        position: absolute;
        right: 25%;
        z-index: 3
    }
}

@media (min-width: 1661px) {
    .resource-slider-col .img-slider-controls {
        right:calc(25% + 40px)
    }
}

.resource-slider-img {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

@media (min-width: 1025px) {
    .resource-slider-img {
        padding:0 40px;
        width: 50%
    }
}

.resources-slider-txt {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px 0
}

@media (min-width: 1025px) {
    .resources-slider-txt {
        padding:100px 40px 0;
        width: 50%
    }
}

.resources-slider-txt img {
    max-width: 100%
}

.home-commitments.career-page {
    padding: 30px 0 0
}

@media (min-width: 1025px) {
    .home-commitments.career-page {
        padding:5.21vw 0
    }
}

@media (min-width: 1441px) {
    .home-commitments.career-page {
        margin:0 auto;
        max-width: 95vw
    }

    .home-commitments.career-page .width-960 {
        left: 22.5vw;
        max-width: calc(50% + 2.4vw)
    }
}

.home-commitments.career-page .wrapper-1419 {
    padding-bottom: 30px
}

@media (min-width: 1025px) {
    .home-commitments.career-page .wrapper-1419 {
        padding-bottom:5.21vw
    }
}

.home-commitments.career-page .wrapper-1419 .two-col-txt {
    padding-top: 25px
}

@media (min-width: 1025px) {
    .home-commitments.career-page .wrapper-1419 .two-col-txt {
        padding-top:2.08vw
    }
}

@media (max-width: 1024px) {
    .home-commitments.career-page.right-side .commitments-big-col {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 30px
    }
}

.home-commitments.career-page.right-side .commitments-small-col {
    padding-left: 4.17vw;
    padding-right: 0
}

@media (max-width: 1024px) {
    .home-commitments.career-page.right-side .commitments-small-col {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0
    }
}

@media (min-width: 720px) and (max-width:1024px) {
    .home-commitments.career-page .commitments-big-col {
        width:100%
    }
}

.home-commitments.career-page .commitments-inner-txt .para {
    left: 0
}

.home-commitments.career-page .commitments-small-col {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.17vw
}

.home-commitments.career-page .commitments-img {
    padding-right: 0
}

.home-commitments.career-page .block-slider-container {
    border-top: none;
    padding-right: 0;
    padding-top: 0
}

@media (max-width: 1024px) {
    .home-commitments.career-page .block-slider-container {
        padding-bottom:0
    }
}

@media (min-width: 1025px) {
    .home-commitments.career-page .commitments-inner-txt {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }
}

.blue-slider-drop-heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-left: 40px
}

.blue-slider-drop-heading.active .open-slider-dropdown {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (min-width: 640px) {
    .blue-slider-drop-heading {
        display:none
    }
}

@media (max-width: 719px) {
    .blue-slider-drop-heading .blue-slider-index {
        opacity:1
    }
}

.blue-slider-drop-heading .open-slider-dropdown {
    margin-right: 40px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (min-width: 1025px) {
    .blue-slider-drop-heading .open-slider-dropdown {
        display:none
    }
}

.blue-slider-drop-heading .dropdown-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 719px) {
    .blue-slider-controls-drop {
        display:none;
        padding-bottom: 10px
    }
}

.blue-slider-controls {
    background-color: #0b5dd0;
    border-radius: 8px;
    padding: 60px 0 20px
}

@media (max-width: 719px) {
    .blue-slider-controls {
        padding-bottom:0;
        padding-top: 20px
    }
}

@media (min-width: 1025px) {
    .blue-slider-controls {
        -moz-box-sizing:border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%
    }
}

.blue-slider-controls.right-side .title {
    font-size: 24px
}

.blue-slider-controls.right-side .blue-slider-controls-row {
    margin-bottom: 25px
}

.blue-slider-controls.right-side .blue-slider-controls-row.active .title {
    font-size: 24px
}

.blue-slider-controls-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.08vw;
    padding-left: 40px;
    position: relative
}

@media (min-width: 1025px) {
    .blue-slider-controls-row {
        padding-right:20px
    }
}

@media (max-width: 1024px) {
    .blue-slider-controls-row {
        margin-bottom:20px
    }
}

@media (min-width: 1921px) {
    .blue-slider-controls-row {
        margin-bottom:52px
    }
}

.blue-slider-controls-row:hover {
    cursor: pointer
}

.blue-slider-controls-row:hover .title {
    opacity: .8;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.blue-slider-controls-row:before {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 0
}

.blue-slider-controls-row.active:before,.blue-slider-controls-row:before {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.blue-slider-controls-row.active:before {
    width: 17px
}

.blue-slider-controls-row.active .title {
    font-size: 2.08vw;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out,font-size,.3s ease-in-out;
    -o-transition: opacity .3s ease-in-out,font-size,.3s ease-in-out;
    transition: opacity .3s ease-in-out,font-size,.3s ease-in-out
}

@media (max-width: 1024px) {
    .blue-slider-controls-row.active .title {
        font-size:26px
    }
}

@media (min-width: 1921px) {
    .blue-slider-controls-row.active .title {
        font-size:40px
    }
}

.blue-slider-controls-row.active .blue-slider-index {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.blue-slider-controls-row .title {
    opacity: .4;
    -webkit-transition: opacity .3s ease-in-out,font-size,.3s ease-in-out;
    -o-transition: opacity .3s ease-in-out,font-size,.3s ease-in-out;
    transition: opacity .3s ease-in-out,font-size,.3s ease-in-out
}

.blue-slider-index {
    color: #fff;
    font-family: apercu-regular-pro;
    font-size: 16px;
    font-weight: 500;
    margin-right: 40px;
    opacity: .4;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (min-width: 1025px) {
    .blue-block-slider-txt {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 40px
    }
}

@media (min-width: 1921px) {
    .blue-block-slider-txt.col-d-36 {
        width:40%
    }
}

.blue-block-slider-txt ul {
    padding-left: 22px
}

.blue-block-slider-txt ul li {
    color: #17171b;
    font-family: apercu-light-pro;
    font-size: 18px;
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

@media (max-width: 1024px) {
    .blue-block-slider-txt ul li {
        font-size:16px
    }
}

@media (min-width: 1661px) {
    .blue-block-slider-txt ul li {
        font-size:23px
    }
}

@media (min-width: 1921px) {
    .blue-block-slider-txt ul li {
        font-size:23px
    }
}

.blue-block-slider-txt ul li::marker {
    color: #ff4026
}

@media (max-width: 1024px) {
    .quotes-slider-section .wrapper-1419 {
        padding:30px 20px
    }
}

.benefits-popup-holder {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 25vw;
    padding: 2.86vw 2.34vw
}

@media (max-width: 1024px) {
    .benefits-popup-holder {
        padding:25px 20px
    }
}

@media (min-width: 1921px) {
    .benefits-popup-holder {
        padding:55px 45px
    }
}

.benefits-popup-holder ul {
    margin-top: 55px
}

@media (max-width: 1024px) {
    .benefits-popup-holder ul {
        margin-top:30px
    }
}

.benefits-popup-holder ul li {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 20px
}

.insights-hero-content.cost-index .para {
    margin-bottom: 0;
    margin-top: 20px
}

.affiliate-cols {
    overflow: hidden
}


@media (min-width: 1441px) {
    .insights-hero.cost-index {
        padding-top:8.33vw
    }
}

@media (min-width: 1921px) {
    .insights-hero.cost-index {
        padding-top:160px
    }
}

.additional-info {
    padding: 0 0 30px
}

@media (min-width: 1025px) {
    .additional-info {
        padding:1.56vw 0 5.21vw
    }
}

.services-faq-section.faq-section {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .services-faq-section.faq-section {
        padding:5.21vw 0
    }
}

.quotes-slider-section.with-title {
    padding: 30px 0
}

@media (min-width: 1025px) {
    .quotes-slider-section.with-title {
        padding:5.21vw 0
    }
}

@media (min-width: 1921px) {
    .quotes-slider-section.with-title {
        padding:100px 0
    }
}

.cost-index-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .cost-index-arr {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1025px) {
    .cost-index-arr {
        margin-left:10px
    }
}

.cost-index-year {
    border: 1px solid #dcdcdc;
    border-radius: 100px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #73737b;
    font-family: apercu-regular-pro;
    font-size: 16px;
    padding: 10px 20px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media (min-width: 1661px) {
    .cost-index-year {
        padding:13px 50px
    }
}

@media (max-width: 1024px) {
    .cost-index-year {
        padding:13px 20px
    }
}

.cost-index-year.active,.cost-index-year:hover {
    color: #17171b;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.cost-index-year.active {
    font-family: apercu-medium-pro
}

.cost-index-archive {
    position: relative;
    z-index: 2
}

@media (min-width: 1025px) {
    .cost-index-archive .hold-related-controls {
        padding-bottom:6.25vw
    }
}

@media (max-width: 1024px) {
    .cost-index-archive .hold-related-controls {
        display:block
    }
}

@media (min-width: 1025px) {
    .cost-index-archive .hold-related-controls .title {
        width:45%
    }
}

@media (max-width: 1024px) {
    .cost-index-archive .hold-related-controls .cost-index-controls {
        margin-top:30px
    }
}

@media (min-width: 1025px) {
    .cost-index-archive .hold-related-controls .cost-index-controls {
        width:55%
    }
}


.circle {
    /* position: relative; */
    width: 900px;
    height: 800px;
    background-color: #ffffff2b;
    border: solid 0px darkcyan;
    border-radius: 0 0 900px 10px;
    overflow: hidden;
}