/*SHOWCSE*/
.showcase .dimond {
    position: relative;
    margin-top: -45px;
}

.showcase h1 {
    text-transform: uppercase;
}

.showcase a img {
    margin-bottom: 0;
}

.showcase .slick-box {
    position: relative;
    display: flex;
    max-width: 301px;
    margin: 0 auto;
    padding: 0 15px;
}

.showcase .show-title {
    bottom: 22px;
    left: 0;
}

.showcase .show-title h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 105.5%;
    letter-spacing: 1.98px;
    text-transform: uppercase;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.showcase .slick-list {
    margin-bottom: 30px;
}

/*SLICK ARROWS*/
.showcase .slick-showcase .arrow {
    top: inherit;
    bottom: -6px;
    padding: 0;
    opacity: 1;
    border: none;
    background-color: transparent;
}

.showcase .slick-showcase .arrow::before {
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
}

.showcase .arrow.arrow-left {
    left: calc(50% - 300px);
}

.showcase .arrow.arrow-right {
    right: calc(50% - 300px);
}

/*SLICK DOTS*/
.showcase .slick-dots {
    display: grid;
    margin: 0 auto 30px;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: center;
}

.showcase .slick-dots li {
    margin-right: 15px;
    list-style: none;
}

.showcase .slick-dots li:last-child {
    margin-right: 0;
}

.showcase .slick-dots button {
    /*font-size: 0;
    width: 23.39px;
    height: 23.39px;
    margin: 0;
    transform: rotate(45deg);
    opacity: 1;
    border: 2px solid #52d6f4;
    border-radius: 0;
    background-color: transparent;*/
}

.slick-dots li button:before {
	display: none;
}

.showcase .slick-dots button {
    background: #408697;
}

.slick-dots li,
.slick-dots li button {
    height: 16px;
    width: 16px;
}

.showcase .slick-dots {
    grid-gap: 6px;
}
.showcase .slick-dots li.slick-active button {
    background-color: #52d6f4;
}

/*SERVICE*/
.service h3 {
    text-transform: uppercase;
}

.service .container {
    max-width: 1220px;
}

.service {
    padding: 50px 0;
}

.service .smile-girl {
    width: 100%;
}

.loaded .smile-girl {
    background-image: url(../images/smiling-girl.jpg);
}

.loaded.webp .smile-girl {
    background-image: url(../images/smiling-girl.webp);
}

.service .row>[class*='col'] {
    padding: 0;
}

.service .serv-wrapper {
    padding: 20px 40px;
    background-color: #408697;
}

.service .serv-box {
    position: relative;
    margin-bottom: 43px;
}

.service .serv-wrapper .serv-box:nth-child(3) h3 {
    max-width: 286.71px;
    margin: 0 auto;
}

.service .serv-conent {
    display: flex;
    height: 132px;
    padding: 20px;
    text-align: center;
    background-color: #4d93a4;
    align-items: center;
    justify-content: center;
}

.service .serv-box a.main-btn {
    font-size: 17px;
    font-weight: 400;
    line-height: 160%;
    position: absolute;
    right: 0;
    bottom: -23px;
    margin: 0;
    padding: 8px;
    letter-spacing: 3.98px;
    text-transform: uppercase;
    border-color: #2f4f57;
    background-color: #2f4f57;
}

.service .serv-box a.main-btn:hover {
    background-color: #408697;
    background-color: #fff;
}

/*CONTENTAREA*/
.contentarea {
    font-size: 23px;
    line-height: 150%;
    padding: 65px 0;
}

.contentarea h1 {
    font-size: 53.5302px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 3.61594px;
    text-transform: uppercase;
    color: #52d6f4;
}

.contentarea h3 {
    font-size: 44.21px;
    font-weight: 400;
    line-height: 89.5%;
    letter-spacing: 4.07545px;
    color: #fff;
}

.contentarea .page-header {
    margin-bottom: 30px;
}

.contentarea a.main-btn:last-child {
    margin-left: 50px;
}

/*TIMELESS*/
.loaded .timeless {
    background-image: url(../images/girl-in-leafs.jpg);
}

.loaded.webp .timeless {
    background-image: url(../images/girl-in-leafs.webp);
}

.timeless {
    min-height: 561px;
    padding: 45px 0;
    background-position: left;
}
@media screen and (max-width: 767px) {
	.timeless {
    min-height: auto;
    padding: 70% 0 0;
    background-position: 10%;
}
}
.timeless h2 {
    max-width: 504px;
    margin: 0 0 0 auto;
    text-transform: uppercase;
}

/*PAYMENT*/
.loaded .payment {
    background-image: url(../images/cool-patern.jpg);
}

.loaded.webp .payment {
    background-image: url(../images/cool-patern.webp);
}

.payment {
    min-height: 213px;
    padding: 30px;
}

.payment .bluepayment {
    padding-bottom: 15px;
    background-color: #408697;
padding-top:15px;
}

.payment h2 {
    text-transform: uppercase;
}

.payment .boy {
    margin: 0 auto;
}

.payment .boy {
    font-size: 47.2622px;
    font-weight: 400;
    line-height: 160%;
    display: table;
    margin: 0 12% 0 auto;
    text-transform: inherit;
}

.payment .learn {
    font-size: 17px;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 0 auto;
    letter-spacing: 3.98px;
    text-transform: uppercase;
}

.payment a:hover {
    text-decoration: none;
}

.payment a:visited {
    text-decoration: none;
    color: #fff;
}

/*REVIEW BASICS*/
.review {
    font-size: 23px;
    line-height: 2;
    line-height: 150%;
    padding: 30px 0;
    text-align: center;
    color: #313a3c;
    color: #313a3c;
    background-color: #f6f6f6;
}

.review h3 {
    line-height: 98%;
    letter-spacing: 2.9529px;
    text-transform: uppercase;
    color: #313a3c;
}

.review .container .row {
    margin-bottom: 122px;
}

.review .container {
    max-width: 1635px;
}

/*SLICK MAIN*/
.review .slick-list .slick-track {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*SLICK ARROWS*/
.review .slick_wrap .arrow {
    top: inherit;
    bottom: -15px;
    padding: 0;
    opacity: 1;
    border: none;
    background-color: transparent;
}

.review .slick_wrap .arrow::before {
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-color: #408697;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
}

.review .arrow.arrow-left {
    left: calc(50% - 220px);
}

.review .arrow.arrow-right {
    right: calc(50% - 220px);
}

/*SLICK DOTS*/
.review .slick-dots {
    display: grid;
    margin: 0 auto 30px;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: center;
}

.review .slick-dots li {
    margin-right: 15px;
    list-style: none;
}

.review .slick-dots li:last-child {
    margin-right: 0;
}

.review .slick-dots button {
    font-size: 0;
    width: 33.39px;
    height: 33.39px;
    margin: 0;
    transform: rotate(45deg);
    opacity: 1;
    border: 2px solid #408697;
    border-radius: 0;
    background-color: transparent;
}

.review .slick-dots li.slick-active button {
    background-color: #408697;
}

.review .slick-center .rev_box {
    transform: scale(1);
    opacity: 1;
}

/*WELCOME*/
.welcome h2 {
    font-size: 53.5302px;
    line-height: 160%;
    letter-spacing: 4.61594px;
    text-transform: uppercase;
    margin-right: 50px;
}

.welcome header,
.welcome .page-header {
    width: 100%;
}

.welcome .page-header {
    display: flex;
    justify-content: flex-start;
}

/*SLICK ARROWS*/
.welcome .arrow {
    top: inherit;
    bottom: -15px;
    padding: 0;
    opacity: 1;
    border: none;
    background-color: transparent;
}

.welcome .arrow::before {
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
}

.welcome .arrow.arrow-left {
    left: calc(50% - 220px);
}

.welcome .arrow.arrow-right {
    right: calc(50% - 220px);
}

/*SLICK DOTS*/
.welcome .slick-dots {
    display: grid;
    margin: 50px auto 0;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: center;
}

.welcome .slick-dots li {
    margin-right: 15px;
    list-style: none;
}

.welcome .slick-dots li:last-child {
    margin-right: 0;
}

.welcome .slick-dots button {
    font-size: 0;
    width: 33.39px;
    height: 33.39px;
    margin: 0;
    transform: rotate(45deg);
    opacity: 1;
    border: 2px solid #408697;
    border-radius: 0;
    background-color: transparent;
}

.welcome .slick-dots li.slick-active button {
    background-color: #408697;
}

.welcome .office-wrapper {
    position: relative;
}

@media screen and (min-width: 607px) {
    .show-for-small {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .service {
        padding: 140px 0;
    }

    .show-for-mobile {
        display: none;
    }

    .content-link {
        margin-top: 35px;
    }

    .contentarea {
        padding: 60px 0 150px;
        border-bottom: 26px solid #408697;
    }

    .contentarea h3 {
        font-size: 47.2622px;
        line-height: 160%;
        letter-spacing: 4.07545px;
    }

    .contentarea .ihomie {
        position: relative;
        top: -40px;
    }

    .review {
        padding: 125px 0;
    }

    .review h3 {
        font-size: 28.43px;
    }

    .review .rev_box {
        transform: scale(.5);
        opacity: .5;
    }

    .welcome.contentarea {
        border-bottom: none;
    }

    .welcome .page-header {
        /*margin-bottom: 75px;*/
    }

    .welcome .content-link {
        margin-top: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .contentarea h1 {
        font-size: 4vw;
        letter-spacing: 0;
    }

    .contentarea a.main-btn:last-child {
        margin-left: 0;
    }

    .timeless {
        background-position: left;
    }

    .welcome h2 {
        font-size: 4vw;
        letter-spacing: 0;
    }

    .welcome .content-link {
        display: flex;
        flex-flow: column;
    }
}

@media screen and (max-width: 991px) {
    .showcase .row>div:nth-child(2) {
        margin-bottom: 30px;
    }

    .service .smile-girl {
        height: 85vw;
    }

    .contentarea .page-header {
        display: flex;
        justify-content: center;
    }

    .contentarea .page-header {
        display: flex;
        max-width: 610px;
        margin: 0 auto 35px;
        justify-content: flex-end;
        flex-flow: column;
        align-items: center;
    }

    /*.contentarea .page-header div {*/
    /*    margin: 0 0 0 auto;*/
    /*}*/

    .contentarea section {
        display: flex;
        margin-top: 70px;
        text-align: center;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .hide-for-mob {
        display: none;
    }

    .loaded .timeless {
        background-image: url(../images/girl-in-leafs-t.jpg);
    }

    .loaded.webp .timeless {
        background-image: url(../images/girl-in-leafs-t.webp);
    }

    .timeless {
        min-height: 1482px;
        background-position: bottom;
    }

    .timeless h2 {
        max-width: 434px;
        margin-bottom: 55px;
        letter-spacing: 5.25px;
    }

    .payment h2 {
        font-size: 32px;
        letter-spacing: 6.35185px;
    }

    .payment .boy {
        font-size: 44.21px;
        font-weight: 400;
        line-height: 89.5%;
        margin: 10px 0 10px auto;
        letter-spacing: 4.07545px;
    }

    .payment .bluepayment {
        padding: 10px 5px 21px;
    }

    .review {
        padding: 125px 0;
    }

    .review .container .row {
        margin-bottom: 60px;
    }

    .welcome img {
        margin: 0 auto;
    }

    .contentarea h3 {
        margin-right: 5px;
    }

    .welcome .slick-dots {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .welcome .ihomie {
        text-align: center;
    }
}

@media screen and (max-width: 980px) {
    .contentarea h1 {
        font-size: 32px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 6.35185px;
        text-transform: uppercase;
        color: #52d6f4;
    }

    .showcase .slick-dots li {
        margin-right: 5px;
    }

    .showcase a.main-btn {
        letter-spacing: 0;
    }

    .service .serv-wrapper {
        padding: 20px 10px;
    }

    .service .serv-conent {
        height: auto;
        min-height: 135px;
        padding: 30px 5px;
    }
    .welcome h2 {
        margin-right: initial;
    }
}
@media screen and (max-width: 767px) {
    #banner-overlay {
        background: rgba(0, 0, 0, .5) !important;
    }
.ban-content h2 + a.main-btn {
        margin-top: 5vh !important;
    }
.ban-content h2 {
        font-size: 35px !important;
        line-height: 120%;
	text-align:center;
	font-weight:600;
    }
    .home .bannerarea {
        min-height: 75vh;
        justify-content: start !important;
		padding-top:10vh;
    }
}

@media screen and (max-width: 767px) {
    .showcase .slick-dots button {
        width: 26.51px;
        height: 26.51px;
    }

    .showcase .slick-dots li {
        margin-right: 10px;
    }

    .showcase .arrow.arrow-left {
        left: calc(50% - 250px);
    }

    .showcase .arrow.arrow-right {
        right: calc(50% - 250px);
    }

    .contentarea .content-link {
        flex-flow: column;
    }

    .contentarea a.main-btn:last-child {
        margin: 35px auto 0;
    }
}

@media screen and (max-width: 606px) {
    .hide-for-small {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .showcase .slick-list {
        padding-right: 0;
    }

    .showcase .slick-box {
        margin: 0 auto;
    }

    .showcase .slick-arrow {
        position: absolute;
    }

    .showcase .slick-showcase .arrow {
        bottom: 16px;
    }

    .showcase .slick-showcase .arrow::before {
        width: 11px;
        height: 11px;
        border-color: #52d6f4;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .showcase .arrow.arrow-right {
        right: calc(5%);
    }

    .showcase .arrow.arrow-left {
        left: calc(5%);
    }

    .showcase .slick-dots button {
        width: 3vw;
        height: 3vw;
    }

    .loaded .timeless {
        background-image: url(../images/girl-in-leafs-m.jpg);
    }

    .loaded.webp .timeless {
        background-image: url(../images/girl-in-leafs-m.webp);
    }

    .timeless {
        min-height: 771px;
    }

    .timeless a.main-btn {
        display: inline-flex;
    }

    .payment .boy {
        max-width: 272px;
        margin: 10px 0 10px auto;
    }

    .payment .bluepayment {
        padding: 5px 5px 25px;
    }

    .review .arrow.arrow-right {
        right: calc(50% - 175px);
    }

    .review .arrow.arrow-left {
        left: calc(50% - 175px);
    }

    .welcome .arrow.arrow-left {
        left: calc(50% - 145px);
    }

    .welcome .arrow.arrow-right {
        right: calc(50% - 145px);
    }

    .welcome h2 {
        font-size: 32px;
        line-height: 160%;
        letter-spacing: 6.35185px;
    }
    .showcase .slick-dots {
        display: flex;
        margin: 0 auto;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 65%;
        width: 100%;
        right: 0;
        left: 0;
        bottom: 0;
    }
}