/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {left: 10px;opacity: 0;}
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

#masthead {
    display: block !important;
    opacity: 1 !important;
}

/* .page-loader {
    display: none !important;
} */

._h #masthead #site-logo svg {
    height: 78px;
    transition: all .3s ease-in-out;
}

._h.loaded #masthead #site-logo svg {
    height: 32px;
}

._h.loaded #masthead #site-logo svg path {
    transition: all .3s ease-in-out;
}

.home-header .cls-1 {
    fill: #fff;
}

.hide-wordmark .home-header .cls-1 {
    fill: #ff481c;
}

._h #masthead .menu-icon label div, ._h #masthead .menu-icon label div:after, ._h #masthead .menu-icon label div:before {
    background: #fff;
}

.hide-wordmark._h #masthead .menu-icon label div, .hide-wordmark #masthead .menu-icon label div:after, .hide-wordmark #masthead .menu-icon label div:before {
    background: #ff481c;
}

.m {
    margin-left: 72px;
    margin-right: 72px;
}

.m.hero {
    margin-top: 170px;
    position: relative;
}

.m.hero h1 {
    position: absolute;
    top: 59px;
    left: 32px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 57.6px */
    margin: 0;
}

.m.hero  img {
    width: 100%;
}

.m.hw-txt  {
    display: flex;
    justify-content: flex-end;
}

.m.hw-txt .txt {
    width: 50%;
}

.hw-txt .txt p:first-child {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 128% */
}

.hw-txt .txt p:nth-child(2) {
    color: #000;
    font-family: Outsiders-Light,sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 36px */
}

.hw-txt .txt p:nth-child(2),
.hw-txt .txt p:nth-child(3) {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 128% */
}

.details .main-content {
    margin: 120px 0px -0 0px;
    display: flex;
    gap: 32px;
    position: relative;
    align-items: flex-start;
}

.details .main-content h1 {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 57.6px */
    position: absolute;
    top: 60px;
    left: 32px;
    margin: 0;
    z-index: 9999;
}

.details .gallery {
    width: calc(100% - 460px);
    height: calc(100vh - 210px);
    /* overflow: hidden; */
}

.details .gallery .images {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: 100%;
}

.images.invi {
    opacity: 0;
}

.gallery .slide-details {
    position: relative;
    z-index: 999;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; /* 158.333% */
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gallery .slide-details > div {
    display: flex;
    align-items: center;
    gap: 18px
}

.gallery .slide-details > div:last-child {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -15px;
    gap: 10px;
}

.gallery .slide-details > div:last-child .slide-btn {
    background: transparent;
    width: 27px;
    height: 21px;
    border: none;
    outline: 0;
    display: inline-block;
}

.gallery .slide-details > div:last-child .slide-btn.slide-btn-next {
     background: url("../images/right-arrow.svg") no-repeat;
}


.gallery .slide-details > div:last-child .slide-btn.slide-btn-prev {
     background: url("../images/right-arrow.svg") no-repeat;
    transform: rotate(180deg)
}

.gallery .slide-details .progress-bar {
    width: 170px;
    height: 1px;
    background: #000;
    display: block;
    position: relative;
}

.gallery .slide-details .progress-bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 0;
    height: 1px;
    background: red;
}

.details .desc {
    width: 428px;
}

.details .desc > p:first-child {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 36px */
}

.details .desc > p:last-child {
    color: #000;
    font-family: "UntitledSans-Light",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px; /* 128% */
    margin-bottom: 0;
}

.details #subhead {
    margin-top: 0;
}

.images .flickity-viewport,
.images .flickity-slider {
    height: 100% !important;
    width: 100%;
}

.details .images img {
    width: auto;
    height: 100%;
}

.details .images img {
    margin-left: 32px;
}

._dx, ._dx body {
    height: auto !important;
}

.details + #subhead {
    margin: 0;
    position: absolute;
    padding: 0 72px;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    top: 82vh;
}

.details .flickity-prev-next-button.next {
    bottom: 0;
    top: initial;
}

.details .flickity-prev-next-button.next  svg {
    display: none;
}

.details .flickity-prev-next-button.next:after {
     content: "";
   
    width: 27px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: rotate(90deg);
}

.details .flickity-prev-next-button {
    width: 27px;
    height: 21px;
    background: transparent;
}

.details .flickity-prev-next-button:hover,
.details .flickity-prev-next-button:active {
    outline: 0;
    background: transparent;
}

svg#wordmark {
    transform: translateY(50px);
    opacity: 0;
    transition: all .3s ease-in-out;
}


.loaded svg#wordmark {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 900px) {
    svg#wordmark {
        display: none !important;
    }
    .svgSpan#wordmark {
        display: none !important;
    }
}


.hide-wordmark svg#wordmark {
    opacity: 0;
}

#wordmark-mobile {
    display: none;
}

@media (max-width: 900px) {
    #wordmark-mobile {
        display: block;
        position: absolute;
        top: 110px;
        left: 15px;
        right: 15px;
        z-index: 999999;
        color: #FFF;
        text-align: center;
        /* font-family: 'Open Sans', sans-serif; */
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%; /* 43.2px */
        opacity: 0;
        transform: translateY(40px);
        transition: all .3s ease-in-out;
    }

   

    #wordmark-mobile span {
        display: block;
    }

    .loaded #wordmark-mobile {
        transform: translateY(0px);
        opacity: 1;
    }

     .hide-wordmark #wordmark-mobile {
        opacity: 0;
    }

    .m {
        margin-left: 20px;
        margin-right: 20px;
    }

    .m.hw-txt .txt {
        width: 100%;
    }

    .m.hero {
        margin-top: 72px;
    }

    .m.hero h1 {
        font-size: 40px;
        top: 24px;
        left: 24px;
    }

    .m.hero picture {
        display: block;
        padding-top: 68%;
        position: relative;
    }

    .m.hero picture img {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .hw-txt .txt p:first-child,
    .hw-txt .txt p:nth-child(2),
    .hw-txt .txt p:last-child{
        font-size: 20px;
        line-height: 185%;
    }

    .hw-txt .txt p:nth-child(2) {
        /* font-size: 24px; */
    }

    .m.hw-txt {
        margin-bottom: 72px;
    }

    .profile .founder {
        flex-direction: column;
        padding-top: 0;
        gap: 0;
    }

    .profile .founder .bio {
        padding: 0 0 0 20px;
    }

    .profile .founder h3 {
        font-size: 36px;
        margin: 20px 0;
    }
    
    .profile .founder h3 br {
        display: block;
    }

    .profile .about .inner-wrap > h2 {
        margin-bottom: 20px;
        font-size: 40px;
    }

    .profile .up-arrow {
        padding-top: 72px;
        margin-top: -1px;
        margin-bottom: -1px
    }

    .details .main-content {
        margin: 72px 0 0 0px;
        gap: 0;
        display: block;
    }

    ._dx, ._dx body {
        height: 100% !important;
    }

    .details .gallery {
        width: 100%;
    }

    .details .desc {
        width: 100%;
        padding-right: 20px;
        margin-top: 60px;
    }

    .details + #subhead {
        position: static;
        margin-top: 72px;
    }

    .gallery .slide-details {
        /* flex-direction: column; */
    }

    .gallery .slide-details > div:last-child {
        margin-top: 0;
        flex-direction: row-reverse;
        gap: 50px;
        align-self: flex-end;
        margin-right: 20px;
    }

    .details .main-content h1 {
        font-size: 40px;
        top: 24px;
        left: 24px;
    }

    .details .desc > p:first-child {
        font-size: 24px;
    }
}

._dx .cls-1 {
    fill: #ff481c;
}

._dx {
    top: 20px !important;
}
.cls-9 {
    fill: #fff;
}
.cls-2 {
    fill: #231f20;
}
.svgSpan#wordmark {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 50px;
    color: #fff;
    max-width: 605px;
    z-index: 9999999;
    -webkit-filter: drop-shadow(0 0 16px rgba(0, 0, 0, .4));
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, .4))
}

#masthead #site-logo {
    left: 78px;
}

#masthead .menu-icon label {
    right: 58px;
}

@media (max-width: 767px) {
    .svgSpan#wordmark {
        max-width:280px
    }

    #masthead #site-logo {
        left: 18px;
    }

    #masthead .menu-icon label {
        right: 0px;
    }
}
.svgSpan#wordmark {
    top: 124px;
    left: 127px;
    bottom: initial;
    right: initial;
}


.childpage #wordmark-mobile, .childpage #wordmark{
    display: none;
}

.cls-5 {
    fill: #ff481c;
}

.cls-1 {
    fill: #ff481c;
}

.project-detail .down-arrow{
    display: none;
}
/* .projects .project {
    width: 33.3%;
    padding-right: 15px;
    position: relative;
}
*/
.projects .project .image-wrap img {
    display: block;
    display: flex;
    object-fit: cover;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    height: 400px;
} 

.text-center{
    text-align: center;
}
.mb30{
    margin-bottom: 30px;
}
.h30{
    height: 30px;
}

.project-detail .project-info .project-details {
    position: absolute;
    min-width: 100%;
    bottom: -100%;
    background: #fff;
    z-index: 9;
    transition: all .5s ease-in-out;
}

.home #wordmark{
    display: block;
}

.home #wordmark, .home #wordmark-mobile{
    font-family: 'Open Sans', sans-serif;
}

#content-ot {
    padding: 0 72px;
}

@media (max-width: 767px) {
    .home #wordmark-mobile{
        display: block;
    }

    #content-ot{
        padding: 0 20px;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #d09c39;
    border-color: #d09c39;
}

.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 32px;
    border: 1px solid #ddd;
    margin-left: 3px;
}
.pagination a, .starrr a, a:hover {
    text-decoration: none;
}
.project-list .title-wrapper{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* .project-list .title-wrapper a {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 35px;
} */
.mt100{
    margin-top: 100px;
}

.page-content{
    padding-top: 70px;
}

#subhead {
    height: 50px;
    margin: 15px 72px 36px;
}

input.form-control, select.form-control {
    height: 40px;
    border-radius: 2px;
    box-shadow: none;
    border-color: #e0e0e0;
}
input[type=password], input[type=text] {
    -webkit-appearance: none;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    font-size: 16px;
    box-shadow: none;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: color .3s, border .3s, background .3s, opacity .3s;
}
.form-group, .input-group, .k-popup-lesson .modal-content .modal-body .detail-info h2, .large-selectbox, .normal-selectbox, .title-tab-detail .title-tab1 {
    margin-bottom: 10px;
}
label {
    color: #222;
}
label, legend {
    font-weight: bold;
    display: block;
    font-size: .9em;
    margin-bottom: 0.4em;
}
textarea {
    padding-top: 0.7em;
    min-height: 120px;
}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px #ccc;
    opacity: 1 !important;
    outline: 0;
    color: #333;
    background-color: #fff;
}
.badge-inner, .banner, .box-badge:hover .box-text, .button.primary:not(.is-outline), .button.wc-forward:not(.checkout):not(.checkout-button), .cart-icon:hover strong, .current-dropdown .cart-icon strong, .featured-table .title, .featured-title, .grid-tools a, .has-hover:hover .badge-outline .badge-inner, .has-icon:hover .icon-label, .is-outline:hover, .label-new.menu-item>a:after, .nav-box>li.active>a, .nav-box>li>a:hover, .nav-dropdown-bold .nav-column li>a:hover, .nav-dropdown-bold.dark .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold.dark>li>a:hover, .nav-dropdown.nav-dropdown-bold>li>a:hover, .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before, .nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover, .nav-pills>li.active>a, .primary.is-outline:hover, .scroll-to-bullets a, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg, .tagcloud a:hover, input.button.alt, input[type=button].primary, input[type=reset].button, input[type=submit].primary, input[type=submit]:not(.is-form) {
    background: #00873d;
    color: #fff;
}
.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}

.btn {
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #0e4ca1;
    border-radius: 4px;
}
.col-md-12 {
    width: 100%;
}
.text-right {
    text-align: right;
}
#masthead #menu ul li {
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 0;
}

.slide-details button.slide-btn{
    line-height: 0px;
    margin-right: 0px;
    min-height: 0px;
}

.skiptranslate iframe{
    display: none;
}

.line{
    border-bottom: 1px solid #ccc;
    margin: 10px 0px;
}



@media (min-width: 1024px) {
    .bt-more {
        position: absolute;
        bottom: 70px;
        width: 100vw;
        z-index: 111;
        height: 90px;
    }

    .fullscrn .bt-more {
        display: none;
    }
}

a.share, a.fullscreen, a.toggle-info, a.fullscreenc, a.toggle-infoc{
    text-decoration: none;
}

a.share:hover, a.fullscreen:hover, a.toggle-info:hover, a.fullscreenc:hover, a.toggle-infoc:hover{
    color: #d09c39 !important;
}

.bt-more{
    background: #0000008a;
}

/* .logom{
    position: absolute;
    top: 72px;
    right: 130px;
    z-index: 9999999;
}

.logo-mini .logom{
    display: none;
}

#masthead #site-logo{
    display: none;
}

.logo-mini #masthead #site-logo{
    display: block;
} */