@import url("global.css?ver=1.2");
@import url("bootstrap.pb.min.css");
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100;300;400;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');

body {
    font-family: 'Exo 2', sans-serif;
}
.pt-80{
    padding-top: 80px;
}

header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 10;
    top: 0;
    transition: 0.8s;
    position: fixed;
}

header .logo {
    position: absolute;
    left: 20px;
    top: 28px;
}

header .menu {
    position: absolute;
    right: 20px;
    top: 13px;
}

header .logo img {
    max-width: 100%;
    transition: 0.8s;
}

header .menu h6 {
    z-index: 10;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin-right: 82px;
    margin-top: 10px;
}

header .header-box {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    height: 80px;
    transition: 0.8s;
}

.header-box-down-pages {
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 80px;
    transition: 0.8s;
}

.slick-slide {
    position: relative;
    z-index: 6;
}

.slick-center {
    z-index: 999;
}

.slick-center + .slick-slide {
    z-index: 8;
}

.darkMode {
    background: #000;
}

.darkMode header {
    background: white;
}

.darkMode.active header {
    background: transparent;

}

.darkMode-footer {
    background: white;
    padding-top: 0;
    margin-top: 210px;
    position: relative;
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #F7CF50;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 4px solid #Fff;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

.mobil-detail-box {
    display: flex;
}

.mobile-menu-has-open .header-box {
    background: transparent !important;
}

.mobile-menu-has-open .header-box .logo {
    display: none;
    transition: 0.8s;
}

.mobile-menu-has-open .header-box .logo-white {
    display: block;
}

.mobile-menu-has-open header .menu h6 {
    color: #fff;
    font-family: 'Exo 2', sans-serif;
}

.mobile-menu-has-open .burger-menu:after {
    right: 0;
}

.mobile-menu-has-open .scroll-area {
    display: none;
}

.header-box .logo-white {
    display: none;
    width: 100%;
    padding-top: 28px;
    padding-left: 30px;
    transition: 0.5s;
}

.header-box {
    transition: 0.8s;
}

.burger-menu {
    position: relative;
    cursor: pointer;
    z-index: 999;
}

.burger-menu:after {
    content: "";
    position: absolute;
    height: 50px;
    width: 17px;
    background: #F7CF50;
    right: 9px;
    top: -9px;
    z-index: -1;
    transition: 0.8s;
}

.burger-menu .bar2 {
    right: 7px;
    position: relative;
}

.burger-menu .bar3 {
    right: 3px;
    position: relative;
}

.invis {
    width: 35px;
    height: 2px;
    margin: 6px 0;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 2px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
    background: #fff;
}

.change .bar2 {
    background: transparent;
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
    position: relative;
    right: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -6px);
    transform: rotate(45deg) translate(-5px, -6px);
    position: relative;
    right: 0;
    background: #fff;
}

.homapage {
    position: relative;
}

.image-home:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.homapage img {
    width: 100%;
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover;
}

.homapage .image-info {
    position: absolute;
    top: 23%;
    left: 210px;
    z-index: 99;
}

.homapage .image-info:after {
    content: "";
    background: url(../images/icons/brush.png);
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    min-height: 468px;
    position: absolute;
    left: -185px;
    top: -75px;
}

.homapage .image-info:before {
    content: "";
    width: 100px;
    height: 7px;
    background: #000;
    position: absolute;
    top: 170px;
    left: -117px;
}

.homapage .explanation {
    width: 650px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.homapage .image-info .title p {
    margin-bottom: 0;
    font-size: 80px;
    line-height: 90px;
}

.homapage .image-info .explanation p {
    font-size: 20px;
    line-height: 30px;
}

.sameButton {
    font-family: 'Exo 2', sans-serif;
    background: url(../images/icons/border.png);
    width: 185px;
    height: 50px;
    display: flex;
    transition: 0.8s;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    color: #000;
}

.sameButton:hover {
    color: #F7CF50;
}

.sameButtonY {
    font-family: 'Exo 2', sans-serif;
    background: url(../images/icons/borderY.png);
    width: 185px;
    height: 50px;
    display: flex;
    transition: 0.8s;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.sameButtonY:hover {
    color: #F7CF50;
}

.special-hover:hover {
    color: #fff !important;
}


.social-media-icons {
    position: absolute;
    top: 174px;
    right: 35px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-media-icons .social-media-box {
    display: flex;
    flex-direction: column;
}

.social-media-icons .social-media-box a {
    color: #000;
    transition: 0.8s;
    margin-bottom: 8px;
}

.social-media-icons .social-media-box a:last-child {
    margin-bottom: 0;
}

.social-media-icons .social-media-box a:hover {
    color: #F7CF50;
}

.social-media-icons .social-text {
    transform: rotate(90deg);
    margin-top: 96px;
    position: relative;
}

.social-media-icons .social-text a {
    color: #000;
    transition: 0.8s;
}

.social-media-icons .social-text a:hover {
    color: #F7CF50;
}

.social-media-icons .social-text:after {
    content: " ";
    height: 52px;
    width: 1px;
    background: #000;
    position: absolute;
    right: 106px;
    top: -13px;
    transform: rotate(90deg);
}

.social-media-icons-m {
    padding-top: 45px;
}

.social-media-icons-m .mobile-social-here a {
    font-size: 15px;
}

.social-media-icons-m .mobile-social-here i {
    font-size: 40px;
    font-size: 40px;
    width: 65px;
}

.social-media-icons-m .mobile-social-here .social-box {
    width: 146px;
    margin: 0 25px;
}

.social-media-icons-m .mobile-social-here {
    display: flex;
    margin-bottom: 20px;
}

.social-media-icons-m .mobile-social-here a {
    display: flex;
    align-items: center;
}
@media all and (max-width: 768px) {
    .social-media-icons-m .mobile-social-here .social-box {
        width: max-content;
    }
    .social-media-icons-m .mobile-social-here a span{
        justify-content: center;
    }
    .social-media-icons-m .mobile-social-here a span{
        display: none;
    }
}

.fancybox-caption__body {
    position: relative;
    bottom: 100px;
}

.slider-icons .last-new-slick-prev {
    font-family: 'Exo 2', sans-serif;
    cursor: pointer;
    position: absolute;
    left: 180px;
    bottom: 80px;
    z-index: 9;
}

.slider-icons .last-new-slick-prev:after {
    cursor: pointer;
    content: " ";
    width: 170px;
    height: 2px;
    bottom: 80px;
    background: #000;
    position: absolute;
    left: -180px;
    bottom: 10px;
    z-index: 9;
}

.slider-icons .last-new-slick-next {
    font-family: 'Exo 2', sans-serif;
    cursor: pointer;
    position: absolute;
    right: 180px;
    bottom: 80px;
    z-index: 9;
}

.slider-icons .last-new-slick-next:after {
    cursor: pointer;
    content: " ";
    width: 170px;
    height: 2px;
    background: #000;
    bottom: 80px;
    position: absolute;
    right: -180px;
    bottom: 10px;
    z-index: 9;
}

.scroll-area {
    position: absolute;
    bottom: 10px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    cursor: pointer;
}

.scroll-area a {
    color: #000;
    font-size: 15px;
}

.scroll-area .scroll-icons {
    animation: MoveUpDown 2s linear infinite;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
}

.scroll-area .scroll-icons i {
    font-size: 22px;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 15px;
    }
    50% {
        bottom: 20px;
    }
}

.slider-down {
    padding-top: 35px;
    padding-bottom: 90px;
}

.slider-down .logo {
    margin-bottom: 40px;
}

.slider-down .slider-down-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider-down .info {
    width: 100%;
    padding: 0 10px;
}

.slider-down .icon i {
    font-size: 50px;
    color: #000;
    transition: 0.8s;
}

.slider-down .icon i:hover {
    color: #F7CF50;
}

.slider-down p {
    line-height: 28px;
}

.slider-down-box .icon {
    margin-top: 20px;
}

.slider-down-box .icon-down {
    font-size: 80px;
    margin-top: 40px;
    font-weight: 100;
}

.slider-down-box .icon-down-services {
    position: absolute;
    bottom: 440px;
}

.slider-down-box .icon-down-services-2 {
    position: absolute;
    top: 300px;
}

.photos-area {
    position: relative;
}

.photos-area .right-photo .for-box-shadow img {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    width: 100%;
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    max-width: 100%;
    position: relative;
}

.for-box-shadow {
    display: inline-block;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
}

.photos-area .right-photo {
    text-align: right;
}

.photos-area .movie-info-box {
    background: #000;
    padding: 65px 100px 70px 100px;
    position: absolute;
    bottom: 97px;
    left: 100px;
    -webkit-box-shadow: -10px 10px 0px 0px rgba(247, 207, 80, 1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(247, 207, 80, 1);
    transition: 0.8s;
    cursor: pointer;
    box-shadow: -10px 10px 0px 0px rgba(247, 207, 80, 1);
}

.photos-area .movie-info-box:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
}

.photos-area-extra .movie-info-box {
    bottom: 45px;
}


.photos-area-l {
    position: relative;
    padding: 110px 0;
}

.photos-area-l .left-photo img {
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    max-width: 100%;
    position: relative;
}

.photos-area-l .left-photo {
    text-align: left;
}

.photos-area-l .movie-info-box {
    background: #fff;
    padding: 65px 100px 70px 100px;
    position: absolute;
    bottom: 160px;
    right: 100px;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
    -moz-box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
    transition: 0.8s;
    cursor: pointer;
    box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
}

.photos-area-l .movie-info-box:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
}

.photos-area-l .movie-info-box h2 {
    color: #000;
    font-size: 45px;
    line-height: 27px;
    margin-bottom: 18px;
}

.photos-area-l .movie-info-box p {
    color: #000;
    margin-bottom: 30px;
}

.photos-area-l .number-zero {
    font-size: 400px;
    color: #F5F5F5;
    position: absolute;
    right: 0;
    top: -10px;
}


.photos-area-2 {
    position: relative;
}

.photos-area-2 .right-photo img {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
    max-width: 100%;
    position: relative;
}

.photos-area-2 .right-photo {
    text-align: right;
}

.photos-area-2 .movie-info-box {
    background: rgba(247, 207, 80, 1);
    padding: 65px 100px 70px 100px;
    position: absolute;
    bottom: 97px;
    left: 100px;
    -webkit-box-shadow: -10px 10px 0px 0px rgba(247, 207, 80, 1);
    -moz-box-shadow: -10px 10px 0px 0px #000;
    transition: 0.8s;
    cursor: pointer;
    box-shadow: -10px 10px 0px 0px #000;
}

.photos-area-2 .movie-info-box:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
}

.photos-area-2 .movie-info-box h2 {
    color: #000;
    font-size: 45px;
    line-height: 27px;
    margin-bottom: 18px;
}

.photos-area-2 .movie-info-box p {
    color: #000;
    margin-bottom: 30px;
}

.photos-area-2 .number-zero {
    font-size: 400px;
    color: #F5F5F5;
    position: absolute;
}


.photos-area .movie-info-box h2 {
    color: #fff;
    font-size: 45px;
    line-height: 27px;
    margin-bottom: 18px;
}

.photos-area .movie-info-box p {
    color: #fff;
    margin-bottom: 30px;
}

.photos-area .number-zero {
    font-size: 400px;
    color: #F5F5F5;
    position: absolute;
}

/* header.fixed, body.fixed-header header.fixed { background: #fff; padding-bottom: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } */


.referances {
    position: relative;
}

.referances img {

}
.btni {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.referances .slick-prev-icons .slick-prev {
    position: absolute;
    left: -85px;
    top: 70px;
    z-index: 5;

}

.referances .slick-prev-icons .slick-next {
    position: absolute;
    right: -85px;
    top: 70px;
    z-index: 5;

}

.referances .slick-prev-icons .slick-prev-2 {
    position: absolute;
    left: -85px;
    top: 220px;
    z-index: 5;

}

.referances .slick-prev-icons .slick-next-2 {
    position: absolute;
    right: -85px;
    top: 220px;
    z-index: 5;

}


.referances .ref-title {
    text-align: left;
    width: 100%;
    text-align: center;
}

.referances .ref-title h3 {
    font-size: 40px;
    color: #000;
    position: relative;
    font-family: 'Exo 2';
}

.referances .ref-title p {
    color: #777;
    font-size: 17px;
    line-height: 30px;
}

.referances .referances-box {
    display: flex;
}

.special-referances .col {
    padding: 0;
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #777;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #707070;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #707070;
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #F7CF50;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.container-checkbox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


footer {
    padding-top: 90px;
    background-color: white;
}

footer .footer-box {
    background: #F7CF50;
    padding: 70px 0 70px 75px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1510px;
}
footer .mappy-box {
    background: #FFFFF;
    padding: 70px 0 70px 75px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1510px;
}


footer .footer-left-box {
    width: 100%;
    margin-top: 40px;
}

footer .footer-left-box h4 {
    font-size: 20px;
    margin-bottom: 50px;
    font-family: 'Exo 2', sans-serif;
}

footer .footer-left-box .form-row input {
    border: 1px solid #707070;
    width: 100%;
    margin-right: 28px;
    font-family: 'Exo 2', sans-serif;
    background: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    margin-bottom: 50px;
}

footer .footer-left-box .form-row input::placeholder {
    font-family: 'Exo 2', sans-serif;
}

footer .footer-left-box input:last-child {
    margin-right: 0;
    margin-bottom: 50px;
}

footer .footer-left-box .form-row input::placeholder {
    color: #000;
    font-family: 'Exo 2', sans-serif;
}

footer .footer-left-box textarea {
    border: 1px solid #707070;
    width: 100%;
    border-right: none;
    border-left: none;
    text-align: left;
    background: transparent;
    font-family: 'Exo 2', sans-serif;
    border-top: none;
    resize: none;
    height: 100px;
}

footer .footer-left-box textarea::-webkit-input-placeholder {
    color: #000;
}

footer .footer-left-box .form-row textarea::placeholder {
    color: #000;
}

.messsage-area {
    border: 1px solid #707070;
    width: 100%;
    border-right: none;
    border-left: none;
    text-align: left;
    background: transparent;
    font-family: 'Exo 2', sans-serif;
    border-top: none;
    resize: none;
    height: 100px;
}

.messsage-area::placeholder {
    color: #000;
}

footer .footer-left-box .form-row {
    display: flex;
}

footer .sameButton {
    color: #000;
    position: relative;
}

footer .sameButton:after {
    content: " ";
    background: #F7CF50;
    width: 99%;
    height: 99%;
    position: absolute;
    z-index: -2;
    top: 0px;
    left: 1px;
}

footer .sameButton:hover {
    color: #fff;
    background: #000;
    border: none;
}

footer .footer-right-box {
    background: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: right;
}

footer .footer-right-box .logo {
    padding-top: 85px;
    padding-bottom: 55px;
}

footer .footer-right-box p {
    font-size: 20px;
}

footer .footer-right-box a:hover {
    color: #F7CF50;
}

footer .footer-box-detail {
    margin-top: 35px;
}


.footter-border-1, .footter-border-2, .footter-border-3 {
    position: relative;
}

footer .footter-border-1:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}

footer .footter-border-2:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}

footer .footter-border-3:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}


footer .footer-box-detail i {
    font-size: 40px;
    color: #000;
    padding-right: 25px;
}

footer .footer-box-detail .line-detail {
    margin-bottom: 60px;
}

footer .footer-box-detail .line-detail:last-child {
    margin-bottom: 0;
}

footer .footer-box-detail .line-detail a {
    font-size: 15px;
    color: #000;
    display: flex;
    align-items: center;
    transition: 0.8s;
    justify-content: space-evenly;
}

footer .footer-box-detail .line-detail a:hover {
    color: #fff;
}


footer .go-top a {
    color: #000;
    font-size: 15px;
}


footer .footer-menu .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer .footer-menu .menu a {
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    transition: 0.8s;
}

footer .footer-menu .menu a:hover {
    color: #fff;
}

footer .rotate-box {
    transform: rotate(90deg);
    transition: 0.8s;
    z-index: 998;
}

footer .rotate-box a {
    transition: 0.8s;
}

footer .rotate-box a:hover {
    color: #fff;
    transition: 0.8s;
}

footer .rotate-box img {
    transform: rotate(-90deg);
    position: relative;
    right: 5px;
}


footer .social-menus {
    position: absolute;
    top: 174px;
    left: 175px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer .social-menus .social-media-box {
    display: flex;
    flex-direction: column;
}

footer .social-menus .social-media-box a {
    color: #fff;
    transition: 0.8s;
    margin-bottom: 8px;
}

footer .social-menus .social-media-box a:last-child {
    margin-bottom: 0;
}

footer .social-menus .social-media-box a:hover {
    color: #F7CF50;
}

footer .social-menus .social-text {
    transform: rotate(90deg);
    margin-top: 96px;
    position: relative;
}

footer .social-menus .social-text a {
    color: #fff;
    transition: 0.8s;
}

footer .social-menus .social-text a:hover {
    color: #F7CF50;
}

footer .social-menus .social-text:after {
    content: " ";
    height: 52px;
    width: 1px;
    background: #fff;
    position: absolute;
    right: 106px;
    top: -13px;
    transform: rotate(90deg);
}

footer .information .information-detail {
    margin-bottom: 60px;
}

footer .information a {
    color: #fff;
    transition: 0.8s;
}

footer .information i {
    color: #F7CF50;
    margin-right: 10px;
}

footer .social-media-icons-footer {
    display: flex;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: -30%;
}

footer .social-media-icons-footer a, footer .social-media-icons-footer i {
    color: #000;
}

footer .social-media-icons-footer i {
    font-size: 40px;
    width: 60px;
}

footer .social-media-icons-footer a {
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.8s;
}

footer .social-media-icons-footer a:hover {
    color: #fff;
}

footer .social-media-icons-footer .social-box {
    margin-right: 45px;
}

footer .social-media-icons-footer .social-box:last-child {
    margin-right: 0;
}

.footer-third-icons {
    display: none;
}

footer .social-media-icons-footer-2 {
    margin-top: 35px;
    padding: 0 60px;
}

footer .social-media-icons-footer-2 a, footer .social-media-icons-footer-2 i {
    color: #000;
}

footer .social-media-icons-footer-2 i {
    font-size: 40px;
    width: 60px;
}

footer .social-media-icons-footer-2 span {
    width: 100px;
}

footer .social-media-icons-footer-2 a {
    font-size: 15px;
    display: flex;
    align-items: center;
    line-height: 50px;
}

footer .social-media-icons-footer-2 .social-box {
    margin-right: 45px;
}

footer .social-media-icons-footer-2 .social-box:last-child {
    margin-right: 0;
}

.personel-data-safe {
    width: 100%;
    text-align: right;
    padding-right: 40px;
    cursor: pointer;
    position: relative;
    bottom: 20px;
    font-family: 'Exo 2', sans-serif;
}

.cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top--fade-out {
    opacity: .5;
}


.low-area {
    background: #fff;
    padding: 40px 0;
    color: #000;
}

.low-area p {
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 0;
}

.slc-logos {
    width: 100px;
    height: 53px;
    position: relative;
    text-align: center;
    margin: auto;
    margin-top: 15px;
}

.slc-logos * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slc-logos > .slc-logos-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.slc-logos-card {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
}

.slc-logos-card figure {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.slc-logos-card figure > div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.slc-logos-card .back > div {
    color: #000;
    font-size: 12px;
    padding-top: 5px;
}

.slc-logos .slc-logos-card .back,
.slc-logos:hover .slc-logos-card .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.slc-logos:hover .slc-logos-card .back {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.tooltip-slc-logos {
    display: block;
    position: relative;
    z-index: 999;
}

.tooltip-slc-logos:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slc-logos:hover .tooltip-slc-logos::after {
    pointer-events: auto;
}

.tooltip-slc-logos-content {
    position: absolute;
    z-index: 9999;
    width: 140px;
    left: 50%;
    bottom: 100%;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 10px -70px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: transparent;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.slc-logos:hover .tooltip-slc-logos-content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.tooltip-slc-logos-content span {
    display: block;
    font-family: 'Exo 2', sans-serif;
}

.tooltip-slc-logos-text {
    border-bottom: 2px solid #fffaf0;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.slc-logos:hover .tooltip-slc-logos-content .tooltip-slc-logos-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.tooltip-slc-logos-text-inner {
    background: rgba(0, 0, 0, 0.6);
    padding: 7px 10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.slc-logos:hover .tooltip-slc-logos-content .tooltip-slc-logos-text-inner {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-family: 'Exo 2', sans-serif;
}

.tooltip-slc-logos-content:after {
    content: '';
    bottom: -14px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #fffaf0;
    border-width: 7px;
    margin-left: -7px;
}


.m-left-img img {
    width: 100%;
}

.m-right-info {
    display: flex;
    width: 50%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.m-right-info a {
    transition: 0.8s;
    color: #fff;
    z-index: 9999;
    font-size: 25px;
    line-height: 50px;
    /*font-family: 'Exo 2', sans-serif;*/
    font-family: 'Asap', sans-serif;
}

.m-right-info a:hover {
    color: #F7CF50;
}

.m-right-info .menu {
    display: flex;
    flex-direction: column;
}

.m-right-info .icon-m i {
    font-size: 60px;
    margin-bottom: 60px;
    margin-top: 60px;
}

.m-right-info .icon-m a {
    font-size: 20px;
    line-height: 35px;
}

.m-right-info .icon-m {
    display: flex;
    flex-direction: column;
}


.picture-item__inner:hover .movie-box-here {
    opacity: 1;
    transition: 0.8s;
}

.movie-box-here {
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 18px;
    right: 18px;
    top: 18px;
    bottom: 18px;
    background: #000;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: 0.8s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.movie-box-here a {
    color: #fff;
}

.projx-box-here:hover .movie-box-here-2 {
    opacity: 1;
    transition: 0.8s;
}

.movie-box-here-2 {
    opacity: 0;
    color: #fff;
    top: 18px;
    bottom: 18px;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 18px;
    right: 18px;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: 0.8s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigate-open {
    display: flex;
    cursor: pointer;
}

.navigate-open i {
    color: #1b1f2a;
    font-size: 18px;
    line-height: 105px;
    display: inline-block;
}

header.fixed .navigate-open i {
    color: #1b1f2a;
    font-size: 18px;
    line-height: 105px;
    display: inline-block;
}

.mobile-wrap-fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 13;
    display: none;
    z-index: 10;
}

.mobile-category-menu {
    position: absolute;
    width: 284px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 15;
    -webkit-transform: translateX(-284px);
    transform: translateX(-284px);
    transition: all .3s;
}

.mobile-category-menu .mobile-catagory-menu-wrapper {
    max-height: 100%;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item {
    display: flex;
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 20px;
    border-bottom: 1px solid #83a0ae;
    background-size: unset;
    background-position: bottom;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .menu-item-lnk {
    color: #fff;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .next-menu,
.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .back-menu {
    text-align: right;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 15px;
    margin-left: auto;
    background-position: center;
    background-repeat: no-repeat;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .next-menu i,
.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .back-menu i {
    line-height: 25px;
    color: #fff;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .mobile-menu-item .back-menu {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .category-sub-menu {
    position: absolute;
    width: 264px;
    height: 100%;
    padding-top: 20px;
    bottom: 0;
    background: #1b1f2a;
    z-index: 10;
    -webkit-transform: translateX(-264px);
    transform: translateX(-264px);
    transition: all .3s;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .category-sub-menu > div > div.menu-item-lnk {
    margin-left: 15px;
}

.mobile-category-menu .mobile-catagory-menu-wrapper .active-sub-menu {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.mobile-category-menu .other-category {
    padding: 20px;
}

.mobile-category-menu .other-category a {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    padding: 0;
    font-size: 14px;
}

.mobile-category-menu .other-category.inlineblock a {
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
    padding: 0;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 25px;
}

.mobile-category-menu .other-category.inlineblock {
    padding-top: 0;
}

.mobile-menu-has-open {
    transition: 0.8s;
}

.mobile-menu-has-open .mobile-wrap-fixed {
    display: block;
    transition: 0.8s;
}

.mobile-menu-has-open .mobile-category-menu {
    left: 284px;
    transition: 0.3s;
    -webkit-transform: translateX(-284px);
    width: 100%;
    transform: translateX(-284px);
    transition: all .3s;
}


.services-info {
    margin-top: 30px;
}

.services-info h1 {
    font-size: 40px;
    line-height: 28px;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
}

.services-info a {
    color: #BEBEBE;
    font-size: 16px;
    margin-right: 20px;
    transition: 0.8s;
}

.services-info a:hover {
    color: #F7CF50;
}

.services-info a:last-child {
    margin-right: 0;
}

.services-info .bread-crumb {
    margin-bottom: 30px;
    text-align: center;
    padding-top: 15px;
}

.services-info .info p {
    font-size: 16px;
    line-height: 28px;
}

.filters-group {
    width: 100%;
}

.filter-options {
    width: 100%;
    display: flex;
    justify-content: center;
}

.filter-options a {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #000;
    padding: 0 10px;
}

.filter-options .filter-text {
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
}

.figure-box {
    position: absolute;
    top: 10px;
    left: 50px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.figure-box a {
    color: #fff;
}

.figure-box a:hover {
    color: #F7CF50;
    transition: 0.8s;
}

.figure-box p:hover {
    color: #F7CF50;
    transition: 0.8s;
}

.filter-options a.active {
    color: #F7CF50 !important;
}

.projx {
    margin-top: 40px;
}

.projx .projx-video iframe {
    z-index: 12;
}

.projx .projx-video {
    margin-bottom: 15px;
    position: relative;
}

.video-after-none .projx-video:after {
    display: none !important;
}

.projx .projx-video:after {
    content: " ";
    position: absolute;
    background: #F5F5F5;
    z-index: 0;
    height: 381px;
    width: 105%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.color-white{
    color: white;
}
.projx h2 {
    font-size: 45px;
    font-weight: 500;
    font-family: 'Exo 2', sans-serif;
}
@media all and (max-width: 992px) {
    .projx h2 {
        font-size: 35px;
    }
}
@media all and (max-width: 768px) {
    .projx h2 {
        font-size: 25px;
    }
}
.projx-video iframe{
    background: black;
}
.projx img {
    width: 100%;
}

.projx .projx-info {
    font-size: 17px;
    display: flex;
    padding: 0 10px;
    color: #A3A3A3;
    margin-top: 35px;
    line-height: 30px;
    font-family: 'Exo 2', sans-serif;
}

.projx .projx-info p {
    margin-bottom: 0px;
}

.corporate-slide img {
    width: 100%;
}

.corporate-slide {
    -webkit-box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
    -moz-box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
    box-shadow: 10px 10px 0px 0px rgba(247, 207, 80, 1);
    transition: 0.8s;
}

.corporate-slide:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.corporate-arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.corporate-arrows .corporate-prev {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.corporate-arrows .corporate-next {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.location {
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
}

.location:after {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.black-box {
    width: 100%;
    height: 100%;
    background: black;
}

/*.fancybox-button--arrow_right svg {
    display: none;
}

.fancybox-button--arrow_left svg {
    display: none;
}

.fancybox-button--arrow_right:after {
    content: "İleri";
    background: #fff;
    width: 210px;
    height: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'Exo 2', sans-serif;
}

.fancybox-button--arrow_left:after {
    content: "geri";
    background: #fff;
    width: 210px;
    height: 2px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'Exo 2', sans-serif;
}

.fancybox-button--close {
    !*top: 10px;
    right: 0px;*!
}

.fancybox-button svg {
    opacity: 1;
}

.fancybox-button {
    !*background: url(../images/icons/carpi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 50%;
    z-index: 100;
    background-color: black;*!
}*/

/*
.fancybox-button--zoom, .fancybox-button--zoom, .fancybox-button--thumbs, .fancybox-button--play {
    opacity: 0;
}
*/
.fancybox-button--zoom {
    opacity: 0;
}

.fancybox-slide--image {
    background: #000;
}

.fancybox-title {
    padding: 0 0 10px 0;
}

.hidden {
    display: none;
}

.dark-white {
    display: flex;
    height: 100vh;
}

.dark-white .white-area {
    background: #fff;
    width: 50%;
}

.dark-white .white-area h2 {
    font-size: 25px;
    line-height: 33px;
    color: #000;
    margin-top: 25px;
}

.dark-white .dark-area {
    background: #000;
    width: 50%;
}

.dark-white .dark-area h2 {
    font-size: 25px;
    line-height: 33px;
    color: #fff;
    margin-top: 25px;
}

.dark-white .icon {
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex;
    flex-direction: column;
}


.dark-white .dark-white-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 120px;
}

.starwars {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.chosee-way {
    letter-spacing: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.chosee-way .colorblack {
    color: #000;
}

.chosee-way .colorwhite {
    color: #fff;
}

.logo-different {
    top: 90%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: difference;
    width: 50px;
    height: 50px;
}

.starwars-content {
    position: fixed;
    z-index: 999;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: transparent;
}

.photo-video-img {
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translateX(-50%);
}


.logo-white-2 {
    display: none;
}

body.active header .logo {
    display: none;
}

body.active .header-box-down-pages {
    background: transparent;
    box-shadow: none;
}

body.active header .menu h6 {
    color: #fff;
}

section.menu img {
    transition: all 0.25s ease-in-out;
}

section.menu:hover img {
    filter: brightness(0) invert(1);
}

section.menu .menu-button, section.menu .menu-button2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}

section.menu .menu-button {
    opacity: 1;
}

section.menu .menu-button2 {
    opacity: 0;
}

section.menu.active .menu-button {
    opacity: 0;
}

section.menu.active .menu-button2 {
    opacity: 1;
}

.menu-wrapper {
    transition-delay: 2.5s;
}

.menu-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    right: -101%;
    top: 0;
}

.menu-wrapper.active {
    right: 0;
}

.menu-wrapper:before {
    transition: all 1000ms cubic-bezier(1, .11, 0, .96);
    transition-delay: .5s;
    content: '';
    width: 100%;
    height: 100%;
    left: 101%;
    top: 0;
    background: #F7CF50;
    z-index: -2;
    position: absolute;
}

.menu-wrapper:after {
    transition: all 1300ms cubic-bezier(1, .11, 0, .96);
    transition-delay: .2s;
    content: '';
    width: 100%;
    height: 100%;
    left: 101%;
    top: 0; /* background: rgb(10,29,62); */
    background: #000;
    z-index: -1;
    position: absolute;
}

.menu-wrapper.active:before {
    left: 0;
    transition-delay: 0s;
}

.menu-wrapper.active:after {
    left: 0;
    transition-delay: 0s;
}

.menu-wrapper .bg {
    opacity: 0;
    transition: all 600ms ease-in-out;
    transition-delay: .3s;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 70px;
    top: 0;
    background-size: contain;
}

.menu-wrapper .m-left-img {
    opacity: 0;
    transition: all 600ms ease-in-out;
    transition-delay: 100ms;
}

/* Görselin yavas gelmesi için */
.menu-wrapper .m-right-info {
    opacity: 0;
    transition: all 600ms ease-in-out;
    transition-delay: 100ms;
}

.menu-wrapper .header-box-down-pages {
    opacity: 0;
    transition: all 600ms ease-in-out;
    transition-delay: 100ms;
}

.menu-wrapper .logo {
    position: absolute;
    left: 30px;
    top: 70px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.menu-wrapper .langs {
    position: absolute;
    left: 60px;
    bottom: 85px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.menu-wrapper .langs a {
    padding: 0 10px;
}

.menu-wrapper .socials {
    position: absolute;
    right: 230px;
    bottom: 70px;
}

.menu-wrapper .socials li {
    position: relative;
    top: -15px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.menu-wrapper ul.menu {
    position: absolute;
    left: 230px;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-wrapper ul.menu li {
    margin: 20px 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    left: -50px;
}

.menu-wrapper ul.menu li span:first-child {
    font-size: 18px;
    line-height: 37px;
    color: #1f85c8;
    padding-right: 10px;
    transition: all 0.3s ease-in-out;
}

/* .menu-wrapper ul.menu li:hover span:first-child { padding-right: 20px; } */
.menu-wrapper ul.menu li span:last-child {
    font-size: 37px;
    line-height: 37px !important;
    color: #fff;
    font-weight: 200;
}

.menu-wrapper ul.menu li.active span:last-child {
    font-size: 37px;
    line-height: 44px;
    color: #fff;
    font-weight: 500;
}

.menu-wrapper ul.menu li span:last-child {
    transition: all 600ms cubic-bezier(1, .11, 0, .96);
    user-select: none;
    position: relative;
}

.menu-wrapper ul.menu li span:last-child:hover {
    transition-delay: .6s;
}

.menu-wrapper ul.menu li span:last-child:before {
    content: '';
    position: absolute;
    transition: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #1f85c8;
    transition-delay: 0s;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.menu-wrapper ul.menu li span:last-child:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Görselin yavas gitmesi için */
.menu-wrapper.active .darkMode header {
    background: transparent;
}

.menu-wrapper.active .header-box-down-pages {
    opacity: 1;
    transition-delay: 0.3s;
}

.menu-wrapper.active .bg {
    opacity: 1;
    transition-delay: 0.3s;
}

.menu-wrapper.active .m-right-info {
    opacity: 1;
    transition-delay: 0.3s;
}

.menu-wrapper.active .m-left-img {
    opacity: 1;
    transition-delay: 0.6s;
}

.menu-wrapper.active ul.menu li {
    opacity: 1;
    left: 0;
}

.menu-wrapper.active ul.menu li:nth-child(1) {
    transition-delay: 1s;
}

.menu-wrapper.active ul.menu li:nth-child(2) {
    transition-delay: 1.1s;
}

.menu-wrapper.active ul.menu li:nth-child(3) {
    transition-delay: 1.2s;
}

.menu-wrapper.active ul.menu li:nth-child(4) {
    transition-delay: 1.3s;
}

.menu-wrapper.active ul.menu li:nth-child(5) {
    transition-delay: 1.4s;
}

.menu-wrapper.active ul.menu li:nth-child(6) {
    transition-delay: 1.5s;
}

.menu-wrapper.active ul.menu li:nth-child(7) {
    transition-delay: 1.6s;
}

.menu-wrapper.active ul.menu li:nth-child(8) {
    transition-delay: 1.7s;
}

.menu-wrapper.active ul.menu li:nth-child(9) {
    transition-delay: 1.8s;
}

.menu-wrapper.active ul.menu li:nth-child(10) {
    transition-delay: 1.9s;
}

.menu-wrapper.active .logo {
    transition-delay: 0.3s;
    opacity: 1;
    left: 70px;
}

.menu-wrapper.active .socials li {
    opacity: 1;
    top: 0;
}

.menu-wrapper.active .socials li:nth-child(1) {
    transition-delay: 2s;
}

.menu-wrapper.active .socials li:nth-child(2) {
    transition-delay: 2.1s;
}

.menu-wrapper.active .socials li:nth-child(3) {
    transition-delay: 2.2s;
}

.menu-wrapper.active .socials li:nth-child(4) {
    transition-delay: 2.3s;
}

.menu-wrapper.active .socials li:nth-child(5) {
    transition-delay: 2.4s;
}

.menu-wrapper.active .socials li:nth-child(6) {
    transition-delay: 2.5s;
}

.menu-wrapper.active .socials li:nth-child(7) {
    transition-delay: 2.6s;
}

.menu-wrapper.active .langs {
    opacity: 1;
    bottom: 70px;
    transition-delay: 3s;
}

/* yavas gelmesi iiçin */
.menu-wrapper .langs {
    transition-delay: 0.3s;
}

.menu-wrapper .socials li:nth-child(1) {
    transition-delay: 1.2s;
}

.menu-wrapper .socials li:nth-child(2) {
    transition-delay: 1.1s;
}

.menu-wrapper .socials li:nth-child(3) {
    transition-delay: 1s;
}

.menu-wrapper .socials li:nth-child(4) {
    transition-delay: .9s;
}

.menu-wrapper .socials li:nth-child(5) {
    transition-delay: .8s;
}

.menu-wrapper .socials li:nth-child(6) {
    transition-delay: .7s;
}

.menu-wrapper .socials li:nth-child(7) {
    transition-delay: .6s;
}

.menu-wrapper ul.menu li:nth-child(1) {
    transition-delay: 1.2s;
}

.menu-wrapper ul.menu li:nth-child(2) {
    transition-delay: 1.1s;
}

.menu-wrapper ul.menu li:nth-child(3) {
    transition-delay: 1s
}

.menu-wrapper ul.menu li:nth-child(4) {
    transition-delay: .9s;
}

.menu-wrapper ul.menu li:nth-child(5) {
    transition-delay: .8s;
}

.menu-wrapper ul.menu li:nth-child(6) {
    transition-delay: .7s;
}

.menu-wrapper ul.menu li:nth-child(7) {
    transition-delay: .6s;
}

.menu-wrapper ul.menu li:nth-child(8) {
    transition-delay: .5s;
}

.menu-wrapper ul.menu li:nth-child(9) {
    transition-delay: .4s;
}

.menu-wrapper ul.menu li:nth-child(10) {
    transition-delay: .3s;
}

.menu-wrapper .logo {
    transition-delay: 0.1s;
}

.menu-wrapper.active {
    transition-delay: 0s;
}

.menu-wrapper ul.submenu {
    transition: all 0.25s ease-in-out;
    width: 130%;
    display: none;
    opacity: 0;
    position: absolute;
    left: 200%;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-wrapper ul.submenu.active {
    display: inline-block;
    opacity: 1;
}

.menu-wrapper ul.submenu li {
    margin: 10px 0;
    transition: all 0.5s ease-in-out;
    position: relative;
    left: -50px;
}

.menu-wrapper ul.submenu li span.circle {
    width: 14px;
    height: 14px;
    background: #1f85c8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.menu-wrapper ul.submenu li span:last-child {
    font-size: 25px;
    line-height: 44px !important;
    color: #fff;
    font-weight: 400;
    padding-left: 30px;
}

/*.active header {
    position: inherit;
}*/

@media (max-width: 1400px) {
    .menu-wrapper ul.menu li {
        margin: 10px 0
    }

    .menu-wrapper ul.menu li span:last-child {
        font-size: 27px
    }

    .menu-wrapper ul.submenu li span:last-child {
        font-size: 20px;
        line-height: 24px !important;
    }

    .carousel-item .text {
        top: 40%;
    }

    .menu-wrapper ul.submenu {
        left: 150%
    }
}

@media (max-width: 1199px) {
    .menu-wrapper ul.menu {
        left: 100px
    }

    .menu-wrapper .logo {
        left: 0;
        top: 30px;
    }

    .menu-wrapper.active .logo {
        left: 30px;
        top: 30px;
    }

    .menu-wrapper .socials {
        bottom: 30px;
    }

    .menu-wrapper .langs {
        left: 30px
    }

    .menu-wrapper.active .langs {
        bottom: 30px;
        left: 30px
    }

    .menu-wrapper ul.menu li span:last-child {
        font-size: 23px
    }

    .menu-wrapper ul.submenu {
        left: 100%
    }

    .menu-wrapper ul.menu {
        width: 40%
    }

    .menu-wrapper ul.submenu li span:last-child {
        padding-left: 20px;
        font-size: 17px;
        line-height: 1.4 !important;
    }

    .menu-wrapper ul.submenu li span.circle {
        width: 6px;
        height: 6px;
        padding: 0;
    }

    .news {
        right: 100px;
    }

    .carousel-item .text p {
        font-size: 38px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .menu-wrapper ul.menu {
        width: 80%;
        overflow-y: auto;
        overflow-x: hidden;
        left: 30px;
        top: 110px;
        bottom: 80px;
        position: absolute;
        transform: translateY(0);
    }

    .menu-wrapper .socials {
        right: 100px
    }

    .menu-wrapper ul.submenu {
        position: relative;
        top: 0;
        transform: translateY(0);
        left: 30px;
    }

    .menu-wrapper ul.submenu li span:last-child {
        padding-left: 20px;
        font-size: 17px;
        line-height: 1.4 !important;
    }

    .menu-wrapper ul.submenu li span.circle {
        width: 4px;
        height: 4px;
        padding: 0;
    }

    .new .newtext {
        position: absolute;
        left: 146px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        font-size: 14px
    }

    .slider .scroll-down {
        bottom: 180px;
        display: none;
    }

    .carousel-item .text {
        width: 100%;
        color: #fff;
        z-index: 3;
        right: 30px;
    }
}


/* masonry */
.masonry-menus {
    display: flex;
    justify-content: center;
    color: #fff;
}

/* second color style */
.content {
    position: relative;
    height: 100vh;
    font-family: 'Exo 2', sans-serif;
}

img.logo {
    position: fixed;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: difference;
    width: 100%;
    max-width: 556px;
}

.chooseside {
    color: white;
    mix-blend-mode: difference;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-family: 'Exo 2', sans-serif;
    letter-spacing: 14px;
    font-size: 20px;
}

.chooseside.choosed {
    display: none;
}

.photo {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    transition: all 0.60s ease-in-out;
    background: rgba(0, 0, 0, 1);
    z-index: 1;
}

.film {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    transition: all 0.60s ease-in-out;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
}

.photo span {
    font-weight: 100;
    font-size: 25px;
    font-style: italic;
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 60%;*/
    /*transform: translate(-50%, -50%);*/
    color: #fff;
    transition: all 0.60s ease-in-out;
}

.film span {
    font-weight: 100;
    font-size: 25px;
    font-style: italic;
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 60%;*/
    /*transform: translate(-50%, -50%);*/
    color: #000;
    transition: all 0.60s ease-in-out;
}

.photo.choose:hover {
    width: 52%;
}

.photo.choose:hover + .film {
    width: 48%;
}

.film.choose:hover {
    width: 52%;
}

.film.choose:hover + .photo {
    width: 48%;
}

.video-active {
    width: 100%;
    z-index: 2;
}

.video-passive {
    width: 0%;
}

/*.blend-img {*/
/*    position: absolute;*/
/*    top: 49%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/

section.content {
    cursor: pointer;
}


.starwars-icon {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: difference;
    width: 50px;
    height: 50px;
    z-index: 999999;
}

.darh-vader-sound {
    background: transparent;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


a.hide {
    display: none;
}


.kurumsal-img {
    padding-top: 45px;
}


.kurumsal-right-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}


.contact {
    padding: 50px 0;
    margin-top: 100px;
}

/* .contact .col-md-1  { display: flex;  align-items: center; } */
.contact h3 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 150px;
}

.contact .contact-info-l {
    text-align: center;
}

.contact .contact-info-l:after {
    right: 22px;
    width: 100px;
    content: "";
    position: absolute;
    top: 1%;
    transform: translatey(-50%);
    height: 1px;
    background: #000;
}

.contact .contact-info-l h6 {
    font-size: 20px;
    color: #000;
}

.contact .contact-info-l p {
    font-size: 15px;
    margin-bottom: 30px;
}

.contact .contact-info-r {
    text-align: center;
}

.contact .contact-info-r:after {
    left: 22px;
    width: 100px;
    content: "";
    position: absolute;
    top: 1%;
    transform: translatey(-50%);
    height: 1px;
    background: #000;
}

.contact .contact-info-r h6 {
    font-size: 20px;
    color: #000;
}

.contact .contact-info-r p {
    font-size: 15px;
    margin-bottom: 30px;
}

.contact .col-md-1 img {
    width: 74px;
    height: 64px;
    cursor: pointer;
}

.contact .contact-history-r {
    position: relative;
    right: 40px;
}

.contact .contact-history-r i {
    font-size: 30px;
    color: #082E5B;
}

.contact .contact-history-r a {
    border-radius: 50%;
    width: 133px;
    height: 133px;
    border: 1px solid #082E5B;
    display: flex;
    margin: auto;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: 0.8s;
}

.contact .contact-history-r a:before {
    right: 132px;
    width: 174px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    height: 1px;
    background: #082E5B;
}

.contact .contact-history-r a:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.contact .contact-history-r img {
    width: 100%;
}

.contact-history-l img {
    width: 100%;
}

.contact .container-fluid {
    position: relative;
}

*,
::before,
::after {
    box-sizing: border-box;
}

#musicHolder {
    border: 1px solid black;
    background-color: yellow;
    padding: 2em;
    width: 50%;
}

figure {
    margin: 0;
    padding: 0;
}


.video-background {
    position: relative;
    height: 0;
    overflow: hidden;
}

.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("https://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}


.video-background {
    background: #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 100vh;
}

.video-background::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#vidtop-content {
    top: 0;
    color: #fff;
}

.vid-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1rem;
    font-family: Avenir, Helvetica, sans-serif;
}

.vid-info h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2;
}

.vid-info a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
    transition: .6s background;
    border-bottom: none;
    margin: 1rem auto;
    text-align: center;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width: 300%;
        left: -100%;
    }
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: .5rem;
    }

    .vid-info h1 {
        margin-bottom: .2rem;
    }
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }
}

.my-shuffle-container {
    position: relative;
    overflow: hidden;
}

.my-sizer-element {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.picture-item {
    height: 220px;
    margin-top: 24px;
}

.picture-item img {
    display: block;
    width: 100%;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .picture-item img {
        max-width: none;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.picture-item--h2 {
    height: 464px; /* 2x the height + 1 gutter */
}

.picture-item__inner {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.picture-item__details {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 1em;
}

.picture-item__description {
    width: 100%;
    padding: 0 2em 1em 1em;
    margin: 0;
}

.picture-item__title {
    flex-shrink: 0;
    margin-right: 4px;
}

.picture-item__tags {
    flex-shrink: 1;
    text-align: right;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .picture-item--overlay .picture-item__details {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        color: white;
        overflow: hidden;
    }

    .picture-item--overlay .picture-item__description {
        display: none;
    }

    .picture-item--overlay a {
        color: white;
        text-shadow: 0 0 1px black;
    }
}

@media screen and (max-width: 767px) {
    .picture-item {
        height: auto;
        margin-top: 20px;
    }

    .picture-item__details, .picture-item__description {
        font-size: 0.875em;
        padding: 0.625em;
    }

    .picture-item__description {
        padding-right: 0.875em;
        padding-bottom: 1.25em;
    }

    .picture-item--h2 {
        height: auto;
    }
}

.filter-label {
    display: block;
    padding: 0;
    margin-top: 0;
    margin-bottom: 4px;
    color: #95a5a6;
}

.filters-group {
    padding: 0;
    margin: 0 0 26px;
    border: 0;
}

@media screen and (min-width: 768px) {
    .filters-group-wrap {
        width: 100%;
    }
}

.btn-group:after,
.btn-group:before {
    content: " ";
    display: table;
}

.btn-group:after {
    clear: both;
}

.btn-group .btn {
    float: left;
    border-radius: 0;
}

.btn-group .btn:first-child {
    border-radius: 3px 0 0 3px;
}

.btn-group .btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group .btn:last-child {
    border-radius: 0 3px 3px 0;
}

.btn-group label.btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn {
    display: inline-block;
    padding: 0.75em 0.8em;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #34495e;
    color: #34495e;
    font-size: 1rem;
    background-color: rgba(52, 73, 94, 0);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
}

@media (-moz-touch-enabled: 0), (pointer: fine) {
    .btn:hover {
        color: #fff;
        text-decoration: none;
        background-color: #34495e;
    }
}

.btn:focus {
    outline-width: 0;
    box-shadow: 0 0 0 2px rgba(52, 73, 94, 0.4);
}

.btn.active, .btn:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
    background-color: #34495e;
}

.btn:focus.active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(52, 73, 94, 0.4);
}

.btn:disabled {
    cursor: not-allowed;
    opacity: 0.7;
    color: #34495e;
    background-color: rgba(52, 73, 94, 0);
}

.btn--primary {
    color: #3498db;
    border-color: #3498db;
    background-color: rgba(52, 152, 219, 0);
}

@media (-moz-touch-enabled: 0), (pointer: fine) {
    .btn--primary:hover {
        background-color: #3498db;
    }
}

.btn--primary:focus {
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.4);
}

.btn--primary.active, .btn--primary:active {
    background-color: #3498db;
}

.btn--primary:focus.active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(52, 152, 219, 0.4);
}

.btn--primary:disabled {
    color: #3498db;
    background-color: rgba(52, 152, 219, 0);
}

@media screen and (max-width: 767px) {
    .btn {
        font-size: 0.875rem;
    }
}

.textfield {
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #95a5a6;
    border-radius: 4px;
    padding: 0.5em;
    font-size: 1rem;
    color: #34495e;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.textfield::-webkit-input-placeholder {
    color: #95a5a6;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.textfield:-ms-input-placeholder {
    color: #95a5a6;
    -ms-transition: 0.15s;
    transition: 0.15s;
}

.textfield::-ms-input-placeholder {
    color: #95a5a6;
    -ms-transition: 0.15s;
    transition: 0.15s;
}

.textfield::-moz-placeholder {
    color: #95a5a6;
    -moz-transition: 0.15s;
    transition: 0.15s;
}

.textfield::placeholder {
    color: #95a5a6;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.textfield:hover {
    outline-width: 0;
    color: #5d6d77;
    border-color: #5d6d77;
}

.textfield:hover::-webkit-input-placeholder {
    color: #5d6d77;
}

.textfield:hover:-ms-input-placeholder {
    color: #5d6d77;
}

.textfield:hover::-ms-input-placeholder {
    color: #5d6d77;
}

.textfield:hover::-moz-placeholder {
    color: #5d6d77;
}

.textfield:hover::placeholder {
    color: #5d6d77;
}

.textfield:focus {
    outline-width: 0;
    border-color: #34495e;
}

.textfield:focus::-webkit-input-placeholder {
    color: #34495e;
}

.textfield:focus:-ms-input-placeholder {
    color: #34495e;
}

.textfield:focus::-ms-input-placeholder {
    color: #34495e;
}

.textfield:focus::-moz-placeholder {
    color: #34495e;
}

.textfield:focus::placeholder {
    color: #34495e;
}

.row {
    margin-left: auto;
    margin-right: auto;
}

.row:after, .row:before {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row .row {
    margin-left: -8px;
    margin-right: -8px;
}

.aspect {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.aspect__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm, .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md {
    position: relative;
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
}

.col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs {
    float: left;
}

.col-1\@xs {
    width: 16.66667%;
}

.col-2\@xs {
    width: 33.33333%;
}

.col-3\@xs {
    width: 50%;
}

.col-4\@xs {
    width: 66.66667%;
}

.col-5\@xs {
    width: 83.33333%;
}

.col-6\@xs {
    width: 100%;
}

.yellow-chevron-2 {
    position: relative;
    width: 74px;
}

.yellow-chevron-2:after {
    content: "";
    background: black;
    position: absolute;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    height: 420px;
    width: 1px;
    top: -88px;
}

@media only screen and (max-width: 1919px) {
    .slider-down-box .icon-down-services {
        display: none;
    }

    .personel-data-safe {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-size: 13px;
        text-align: left;
        width: auto;
    }
}

@media only screen and (max-width: 1732px) {

    footer .footer-box {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-third-icons {
        display: block;
    }

    footer .social-media-icons-footer i {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1600px) {
    footer .social-menus {
        display: none;
    }

    footer .footer-box {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1500px) {
    .yellow-chevron-2:after, .yellow-chevron {
        display: none;
    }

    footer .footer-box-detail i {
        padding-right: 5px;
    }
}

@media only screen and (max-width: 1400px) {
    .slick-prev-icons {
        display: none;
    }

    .contact .contact-info-l:after {
        display: none;
    }

    .contact .contact-info-r:after {
        display: none;
    }

    footer .social-menus {
        display: none;
    }

    footer .social-media-icons-footer {
        left: -70%;
    }
}

@media only screen and (max-width: 1300px) {
    .corporate-arrows {
        display: none;
    }
    .projx .projx-video iframe {
        max-height: 550px;
    }
}


@media only screen and (max-width: 1200px) {
    .extra-push-kurumsal {
        padding-bottom: 100px;
    }

    .slick-prev-icons {
        display: none;
    }

    footer .footer-right-box .logo {
        margin-top: 50px;
    }

    footer .social-media-icons-footer .social-box {
        margin-right: 20px;
    }

    footer .social-media-icons-footer .social-box:last-child {
        margin-right: 0;
    }

    footer .footer-left-box .form-row input {
        margin-right: 0;
    }

    .m-left-img {
        display: none;
    }

    .mobile-menu-has-open .mobile-category-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .m-right-info {
        width: 100%;
        height: 100vh;
    }

    .projx .projx-video iframe {
        max-height: 500px;
    }

    footer .footer-box-detail .line-detail {
        margin-bottom: 30px;
    }

    footer .footer-left-box textarea {
        width: 100%;
    }

    footer .footer-menu .menu a {
        justify-content: left;
        text-align: left;
    }

    footer .social-media-icons-footer-2 {
        padding: 0;
        display: none;
    }

    .masonry-menus {
        display: block;
        /*padding-bottom: 190px;*/
        text-align: center;
    }

    footer .footer-box-detail .line-detail a {
        flex-direction: column;
    }

}

@media only screen and (max-width: 992px) {
    .projx .projx-video iframe {
        max-height: 400px;
    }
    .projx .projx-video {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 800px) {
    .projx .projx-video iframe {
        max-height: 400px;
    }
}
@media only screen and (max-width: 768px) {
    .projx .projx-video iframe {
        max-height: 300px;
    }
}

@media only screen and (max-width: 575px) {
    .projx .projx-video iframe {
        max-height: 200px;
    }
}

@media only screen and (max-width: 992px) {
    footer .footer-right-box {
        padding-right: 30px;
    }

    .figure-box {
        display: none;
    }

    .kurumsal-img {
        padding-left: 15px;
    }

    .photos-area .movie-info-box {
        position: relative;
    }

    .photos-area-l .movie-info-box {
        position: relative;
        margin-bottom: 50px;
        padding: 10px;
        right: 0;
        bottom: 50px;
    }

    .photos-area-l {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .photos-area .movie-info-box {
        padding: 10px;
        padding-right: 0;
        left: 0;
        bottom: 50px;
        margin-bottom: 50px;
    }

    .photos-area-2 .movie-info-box {
        left: 0;
        padding: 10px;
        padding-right: 0;
        bottom: 50px;
    }

    footer .footer-right-box .logo {
        padding-top: 20px;
    }

    .kurumsal-right-text {
        margin-top: 50px;
    }

    .contact h3 {
        margin-bottom: 70px;
    }

    header .logo img {
        max-width: 90%;
    }

    .filter-options {
        flex-direction: column;
    }

    .homapage img {
        width: auto;
    }

    .homapage .image-info .title p {
        font-size: 40px;
        line-height: 40px;
    }

    .homapage .image-info .explanation p {
        font-size: 13px;
        line-height: 20px;
        max-width: 300px;
    }

    .photos-area-2 .number-zero {
        display: none;
    }

    .m-right-info .icon-m {
        position: absolute;
        bottom: 20px;
    }

    body.active header .logo-white-2 {
        display: block;
        position: relative;
        left: 20px;
        top: 20px;
        max-width: 50%;
    }

    body.active header .logo-white-2 img {
        max-width: 80%;
    }

    .footer-third-icons {
        padding-left: 10px;
    }

    .projx .projx-info {
        display: block;
    }

    footer .footter-border-1:after, footer .footter-border-2:after, footer .footter-border-3:after {
        display: none;
    }

    footer .rotate-box {
        position: absolute;
        right: -50px;
        top: -150px;
    }

    footer .footer-menu .menu {
        display: none;
    }

    footer .social-media-icons-footer {
        position: initial;
        display: flex;
        flex-direction: row;
        padding-bottom: 40px;
    }

    footer .social-media-icons-footer .social-box {
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }

    footer .social-media-icons-footer i {
        text-align: center;
    }

    footer .footer-box-detail i {
        padding-right: 20px;
    }

    .chooseside {
        letter-spacing: normal;
    }

    footer .footer-box-detail .line-detail a {
        flex-direction: row;
        justify-content: center;
    }

    footer .social-media-icons-footer span {
        display: none;
    }

    .social-media-icons-footer {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    footer .footer-box {
        padding-bottom: 0;
    }
}


@media only screen and (max-width: 769px) {
    .movie-box-here {
        display: none;
    }

    .social-media-icons {
        display: none;
    }

    .homapage .image-info:before {
        display: none;
    }

    .homapage .image-info {
        left: 10px;
        transition: 0.8s;
    }

    .homapage .image-info:after {
        left: 0;
    }

    .slider-icons .last-new-slick-next:after {
        display: none;
    }

    .slider-icons .last-new-slick-prev:after {
        display: none;
    }

    .slider-icons .last-new-slick-next {
        right: 20px;
    }

    .slider-icons .last-new-slick-prev {
        left: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .homapage .image-info:after {
        display: none;
    }

    .mobile-menu-has-open .header-box .logo-white img {
        width: 45%;
    }

    .m-right-info a {
        font-size: 25px;
        line-height: 35px;
    }

    footer .footer-box-detail {
        padding: 0 10px;
    }

    footer .footer-box {
        padding: 70px 10px 0 10px;
    }

    footer .social-media-icons-footer-2 {
        padding: 0;
    }

    footer .footer-box .footer-contact {
        margin-top: 50px;
    }

    .chosee-way {
        display: none;
    }

    .darkMode-footer {
        top: 70px;
        margin-top: 140px;
    }

    .chooseside {
        top: 40%;
    }

    header .logo img {
        max-width: 80%;
    }

}


@media only screen and (min-width: 992px) {
    .contact .contact-info-l {
        width: 520px;
    }

    .contact .contact-info-r {
        width: 520px;
        margin-left: auto;
    }

    .slider-down .info {
        width: 730px;
    }

    .photos-area .movie-info-box p {
        width: 410px;
    }

    .photos-area-l .movie-info-box p {
        width: 410px;
    }

    .photos-area-2 .movie-info-box p {
        width: 410px;
    }

    .referances .referances-box {
        padding-left: 70px;
    }

    footer {
        /*max-width: 1510px;*/
        margin: auto;
    }

    .messsage-area {
        width: 100%;
    }

    footer .footer-right-box {
        padding-right: 120px;
    }

    .m-right-info {
        position: relative;
    }

    .projx-box-here {
        padding: 0 75px;
    }

    .projx-info .left {
        min-width: 380px;
    }

    .kurumsal-right-text {
        padding-left: 80px;
    }

    .contact .container-fluid {
        padding: 0 130px;
    }

    .contact h3 {
        position: relative;
        right: 85px;
    }

    .special-referances {
        width: 1230px;
    }

    .referances .referances-box-2 {
        padding-left: 180px;
    }

    .special-kurumsal-width {
        padding: 0 480px;
    }

    .social-media-icons-m {
        padding-top: 135px;
        padding-bottom: 100px;
    }

    .social-media-icons-m .mobile-social-here {
        margin-bottom: 50px;
    }

    .social-media-icons-m .mobile-social-here:last-child {
        margin-bottom: 0px;
    }

    .m-right-info .menu {
        padding-top: 50px;
    }

    .kurumsal-img {
        width: 790px;
        margin: auto;
    }

    .for-masonry-push {
        padding: 0 175px;
    }

    .darkMode-footer-box {
        bottom: 110px;
    }

    .fancybox-image {
        //max-height: 90%;
    }

    footer .rotate-box {
        position: relative;
        top: 70px;
    }

}


@media only screen and (min-width: 1200px) {
    .projx-video-extra-padding {
        padding: 0 60px;
    }

    .projx .projx-info {
        padding: 0 180px;
    }

    .social-media-icons-footer-2 {
        display: none;
    }

    .masonry-box {
        padding: 0 175px;
    }


    footer .footer-box-detail span.info-ms {
        width: 190px;
    }

    footer .rotate-box {
        position: relative;
        top: 90px;
    }

}

.gallery-header-center-right-links {
    font-weight: bold
}

.cc-compliance {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    font-size: 13px;
    font-style: italic;
}

.cc-message {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
}

.cc-message a {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.cc-message a:hover {
    color: #2aff00;
}

.cc-banner {
    padding: 20px 0 60px 0 !important;
}

.cc-link {
    display: none !important;
}



.home-select-se {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}

.container-1600{
    max-width: 1640px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}
.container-1500{
    max-width: 1540px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}


.film-shuffle{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 165px 0;
    position: relative;
}
.film-shuffle.v2{
    padding: 75px 0;
}
.film-shuffle.v2::before{
    content: none;
}
.mw-1380{
    max-width: 1380px;
}
@media all and (max-width: 992px) {
    .film-shuffle{
        padding: 0;
        background-image: none;
    }
    .film-shuffle.v2{
        padding: 40px 0 0;
    }
}
.film-shuffle .bg-yellow{
    background-color: #F5C846;
    max-width: 1480px;
    width: 100%;
    margin: 0 auto;
    padding: 175px 20px 0;
    position: relative;
    margin-bottom: 25px;
}
@media all and (max-width: 1480px) {
    .film-shuffle .bg-yellow{
        max-width: 1200px;
        padding: 150px 20px 0;
    }
}
@media all and (max-width: 1200px) {
    .film-shuffle .bg-yellow{
        max-width: 992px;
        padding: 100px 20px 0;
    }
}
@media all and (max-width: 992px) {
    .film-shuffle .bg-yellow{
        padding: 50px 20px;
    }
}
.film-shuffle .bg-yellow::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 475px;
    max-width: 100%;
    height: 475px;
    max-height: 475px;
    background-color: white;
}
.film-shuffle::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 52%;
    height: 100%;
    background-color: #F5F5F5;
    z-index: -1;
}
.film-shuffle .content{
    display: flex;
    height: auto;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    gap: 80px;
}
.film-shuffle .content .left{
    width: 100%;
}
.film-shuffle .content .right{
    width: 100%;
}
.film-shuffle .content img{
    margin-bottom: -25px;
    width: 100%;
    height: auto;
}
@media all and (max-width: 992px) {
    .film-shuffle .content img{
        margin-bottom: 0;
    }
    .film-shuffle .bg-yellow::before{
        display: none;
    }
    .film-shuffle .content{
        gap: 30px;
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center;
    }
}
.title_contact,
.film-shuffle .title{
    font-size: 60px;
    line-height: 72px;
    font-weight: 300;
    font-style: italic;
}
.contact_p,
.film-shuffle p{
    font-size: 18px;
    line-height: 21px;
    color: #707070;
    font-family: Helvetica, sans-serif;;
}

@media all and (max-width: 1200px) {
    .title_contact,
    .film-shuffle .title{
        font-size: 50px;
        line-height: 60px;
    }
}
@media all and (max-width: 992px) {
    .title_contact,
    .film-shuffle .title{
        font-size: 40px;
        line-height: 50px;
    }
}
@media all and (max-width: 768px) {
    .title_contact,
    .film-shuffle .title{
        font-size: 30px;
        line-height: 40px;
    }
    .contact_p,
    .film-shuffle p{
        font-size: 16px;
        line-height: 18px;
    }
}

.slicer{
    height: 80px;
    width: 100%;
}
@media all and (max-width: 992px) {
    .slicer{
        height: 50px;
    }
}
@media all and (max-width: 768px) {
    .slicer{
        height: 35px;
    }
}
.film-shuffle .items{
    max-width: 1100px;
    padding: 0 20px;
    margin: 100px auto;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.film-shuffle .items.v2{
    max-width: 1420px;
    padding: 0 20px;
    margin: 0 auto;
}

.film-shuffle .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.film-shuffle .buttons a{
    height: 60px;
    line-height: 60px;
    font-style: italic;
    font-size: 16px;
    color: white;
    background-color: black;
    width: max-content;
    display: inline-block;
    min-width: 250px;
    text-align: center;
    transition: all 300ms;
}
.film-shuffle .buttons a.active,
.film-shuffle .buttons a:hover{
    color: black;
    background-color: #F5C846;
}
.black-buttons {
    height: 60px;
    line-height: 60px;
    font-style: italic;
    font-size: 16px;
    color: white;
    background-color: black;
    width: max-content;
    display: block;
    min-width: 250px;
    text-align: center;
    transition: all 300ms;
}
.black-buttons:hover{
    color: black;
    background-color: #F5C846;
}
.h-thanks
{
font-size: 40px;
    font-weight: 500;
line-height: 50px;
}
.thanks-home{
    color: #777777;
    transition: all 300ms;
}
.thanks-home:hover{
    color: black;
}


.container-1060{
    width: 100%;
    max-width: 1100px;
    padding: 0 20px;
    margin: 0 auto;
}

.film-shuffle .items .item{
    display: flex;
    align-items: center;
    justify-content: center
}
@media all and (min-width: 768px) {
    .film-shuffle .items .item:nth-child(even){
        flex-direction: row-reverse;
        text-align: right;
    }
}
.film-shuffle .items .item .right a{
    min-width: 240px;
    width: max-content;
    background-color: #F5C846;
    padding: 8px 30px;
    font-style: 20px;
    line-height: 20px;
    display: inline-block;
    margin-top: 50px;
    font-style: italic;
    color: black;
    transition: all 300ms;
}
.film-shuffle .items .item .right a:hover{
    background-color: black;
    color: #F5C846;
}

@media all and (max-width: 768px) {
    .film-shuffle .items .item .right a{
        margin-top: 25px;
    }
    .film-shuffle .items .item .right{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.before-none::before{
    content: none;
}

.masonry-menus{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}
.masonry-menus .filter-text{
    min-width: 250px;
    background-color: #F5C846;
    color: black;
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}
.gallery-header-center-right-links-current{
    color: black !important;
    background-color: white !important;
}
.masonry-menus .filter-text:hover{
    color: black;
    background-color: white;
}
.slicer-50{
    height: 50px;
    width: 100%;
}

@media all and (max-width: 768px) {
    .masonry-menus .filter-text{
        min-width: 0;
        width: max-content;
        padding: 0 20px;
    }
}


 .imgdd {
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);
 }

.abt-pad{
    padding-top:150px ;
}
.dkyazi_top
{
    text-align: center;
    position: relative;
    top:50%;
    transform: perspective(1px) translateY(-50%)
}
.dkyazi1 {
    -ms-transform: rotate(270deg);
<!-- - rotate değerine 90 veya farklı değerler verebilirsiniz --- > -moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 19px;
top: 50%;
position: absolute;
margin-top:-350px;
right: -150px;
width: 400px;
height: 100px;
background-color: #FFFFFF;
}

@media all and (max-width:1366px ) {
    .dkyazi1
    {
        margin-top:-280px;
    }
}
@media all and (max-width:1200px ) {
    .dkyazi1
    {
        margin-top:-200px;
    }
}
@media all and (max-width:992px ) {
    .dkyazi1
    {
        margin-top:-150px;
        height: 75px;
        width: 300px;
        right: -112px;
    }
}
@media all and (max-width:768px ) {
    .dkyazi1
    {
        margin-top:-75px;
        height: 65px;
        width: 180px;
        right: -57px;
    }
}
@media all and (max-width:575px ) {
    .dkyazi1
    {
        margin-top: 0px;
        height: 60px;
        width: max-content;
        right: 50%;
        top: unset;
        bottom: 0;
        padding: 0 50px;
        transform: translateX(50%);
    }
}


.yellow_top
{
    width: 100%;
    height: 80%;
    background-color: #F5C846;
}


/*}   @media all and (max-width:1200px) {*/
/*    .yellow_top {*/
/*        min-height: 600px;*/
/*    }*/
/*}*/

.back-yellow-bottom{
    position: relative;
    width: 95%;
    height: 100%;
    bottom: 0;
    left: 0;
    min-height: 700px ;
}
.back-yellow-bottom::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 61%;
    top: 0;
    left: 0;
    background-color: #F5C846;
    z-index: -1;
}
.dkyazi {
    -ms-transform: rotate(270deg);
<!-- - rotate değerine 90 veya farklı değerler verebilirsiniz --- > -moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg) translateX(100px);
font-size: 90px;
font-weight: 600;
font-style: italic;
line-height: 90px;
position: absolute;

}
.back-yellow-bottom .dkyazi{
    position: absolute;
    bottom: 100px;
    right: -50px;

}
@media all and (max-width: 992px) {

    .back-yellow-bottom{

        width: 100%;
        height: 80%;
        min-height: 600px;
    }

    .back-yellow-bottom .dkyazi{
        bottom: 100px;
        right: -50px;

    }
    .dkyazi{
        font-size: 60px;
        line-height: 50px;

    }
}


@media all and (max-width: 768px) {

    .back-yellow-bottom{

        width: 100%;
        height: 50%;
        min-height: 340px;

    }

    .back-yellow-bottom .dkyazi{
        bottom: 0;
        right: -10px;

    }
    .abt-pad{
        padding-top: 0;


    }
}








.yellow-box-image{
    position: relative;
    padding-left: 140px;
    padding-bottom: 55px;
}
.yellow-box-image::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #F5C846;
    max-width: 480px;
    max-height: 730px;
    z-index: -1;
}
.yellow-box-image.right::before
{
    left: unset;
    right: 0;
}
.yellow-box-image.right
{
    padding-left: 0;
    padding-right: 140px;

}
@media all and (max-width:1200px) {
    .yellow-box-image{
        position: relative;
        padding-left: 80px;
        padding-bottom: 40px;
    }
    .yellow-box-image::before{
        max-height: 80%;
    }
    .yellow-box-image.right
    {
        padding-right: 80px;

    }
}
@media all and (max-width:992px) {
    .yellow-box-image{
        padding-left: 30px;
        padding-bottom: 30px;
    }
    .yellow-box-image::before{
        max-width: 80%;
    }
    .yellow-box-image.right
    {
        padding-right: 30px;

    }
}
@media all and (max-width:768px) {
    .yellow-box-image{

        padding-left: 20px;
        padding-bottom: 20px;
    }

    .yellow-box-image.right
    {

        padding-right: 20px;

    }
}

.txt_area{
    padding: 50px;
}
@media all and (max-width: 992px) {
    .txt_area{
        padding: 35px;
    }

}
@media all and (max-width: 768px) {
    .txt_area{
        padding: 25px 0;
    }

}



.about-title{
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
    font-weight: 300;
}
.about-subtitle
{
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
    font-weight: 600;
}
.about_text
{
    font-size: 18px;
    font-weight: 300;
    padding-right: 5px;
    line-height: 33px;

}

@media all and (max-width: 992px) {
    .about-title{
        font-size: 30px;
        line-height: 35px;

    }
    .about-subtitle
    {

        font-size: 30px;
        line-height: 35px;

    }
    .about_text
    {
        font-size: 16px;
        line-height: 26px;

    }

}
@media all and (max-width: 425px) {
    .about-title{
        font-size: 20px;
        line-height: 20px;

    }
    .about-subtitle
    {

        font-size: 20px;
        line-height: 20px;

    }
    .about_text
    {
        font-size: 16px;
        line-height: 22px;

    }

}

#gallery-content-center{
    margin: 0 auto;
}


 .form-alan{
     background-color: #F5C846;
 }
.contact-form-left-box{
    width: 100%;
    margin-top: 40px;
}

.contact-form-left-box h4 {
    font-size: 20px;
    margin-bottom: 50px;
    font-family: 'Exo 2', sans-serif;
}

.contact-form-left-box .form-row input {
    border: 1px solid #707070;
    width: 100%;
    margin-right: 28px;
    font-family: 'Exo 2', sans-serif;
    background: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    margin-bottom: 50px;
}

.contact-form-left-box .form-row input::placeholder {
    font-family: 'Exo 2', sans-serif;
}

.contact-form-left-box input:last-child {
    margin-right: 0;
    margin-bottom: 50px;
}

.contact-form-left-box .form-row input::placeholder {
    color: #000;
    font-family: 'Exo 2', sans-serif;
}

.contact-form-left-box textarea {
    border: 1px solid #707070;
    width: 100%;
    border-right: none;
    border-left: none;
    text-align: left;
    background: transparent;
    font-family: 'Exo 2', sans-serif;
    border-top: none;
    resize: none;
    height: 100px;
}

.contact-form-left-box textarea::-webkit-input-placeholder {
    color: #000;
}

.contact-form-left-box .form-row textarea::placeholder {
    color: #000;
}

.messsage-area {
    border: 1px solid #707070;
    width: 100%;
    border-right: none;
    border-left: none;
    text-align: left;
    background: transparent;
    font-family: 'Exo 2', sans-serif;
    border-top: none;
    resize: none;
    height: 100px;
}

.messsage-area::placeholder {
    color: #000;
}

.contact-form-left-box .form-row {
    display: flex;
}

.sameButton {
    color: #000;
    position: relative;
}

.sameButton:after {
    content: " ";
    background: #F7CF50;
    width: 99%;
    height: 99%;
    position: absolute;
    z-index: -2;
    top: 0px;
    left: 1px;
}

.sameButton:hover {
    color: #fff;
    background: #000;
    border: none;
}

.contact-form-right-box {
    background: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: right;
}

.contact-form-right-box .logo {
    padding-top: 85px;
    padding-bottom: 55px;
}

.contact-form-right-box p {
    font-size: 20px;
}

.contact-form-right-box a:hover {
    color: #F7CF50;
}

.contact-form-box-detail {
    margin-top: 35px;
}


.footter-border-1, .footter-border-2, .footter-border-3 {
    position: relative;
}

.footter-border-1:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}

.footter-border-2:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}

.footter-border-3:after {
    position: absolute;
    content: " ";
    top: -104px;
    right: -15px;
    height: 286px;
    width: 2px;
    background: #fff;
}


.contact-form-box-detail i {
    font-size: 40px;
    color: #000;
    padding-right: 25px;
}

.contact-form-box-detail .line-detail {
    margin-bottom: 60px;
}

.contact-form-box-detail .line-detail:last-child {
    margin-bottom: 0;
}

.contact-form-box-detail .line-detail a {
    font-size: 15px;
    color: #000;
    display: flex;
    align-items: center;
    transition: 0.8s;
    justify-content: space-evenly;
}

.contact-form-box-detail .line-detail a:hover {
    color: #fff;
}
.contact-box-pre{
    position: relative;
}

@media all and (max-width: 768px)
{  .contact-box-pre{
    position: relative;
    padding-top: 50px;
}
}

.contact-box-image{
    position: relative;
    padding-left: 140px;
    padding-bottom: 50px;
}
.contact-box-image::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 90%;
    bottom: 0;
    left: 0;
    background-color: #F5C846;
    max-width: 480px;
    max-height: 730px;
    z-index: -1;
}
.contact-box-image.right::before
{
    left: unset;
    right: 0;
}
.contact-box-image.right
{
    padding-left: 0;
    padding-right: 50px;

}
@media all and (max-width:1200px) {
    .contact-box-image{
        position: relative;
        padding-left: 80px;
        padding-bottom: 40px;
    }
    .contact-box-image::before{
        max-height: 80%;
    }
    .contact-box-image.right
    {


    }
}
@media all and (max-width:992px) {
    .contact-box-image{
        padding-left: 30px;
        padding-bottom: 30px;
    }
    .contact-box-image::before{
        max-width: 80%;
    }
    .contact-box-image.right
    {
        padding-right: 30px;

    }
}
@media all and (max-width:768px) {
    .contact-box-image{

        padding-left: 20px;
        padding-bottom: 20px;
    }

    .contact-box-image.right
    {

        padding-right: 20px;

    }
}

.c_txt_area{

    padding-right: 70px;
}
@media all and (max-width: 992px) {


}
@media all and (max-width: 768px) {
    .c_txt_area{
        padding: 25px 0;
    }

}

.contact-title{
    text-align: left;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
    font-weight: 300;
}
.contact-subtitle
{
    text-align: left;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
    font-style: italic;
}
.contact_text
{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    padding-right: 5px;
    line-height: 33px;

}

@media all and (max-width: 992px) {
    .contact-title{

        font-size: 30px;
        line-height: 35px;

    }
    .contact-subtitle
    {

        font-size: 30px;
        line-height: 35px;

    }
    .contact_text
    {

        font-size: 16px;
        line-height: 26px;

    }

}
@media all and (max-width: 425px) {
    .contact-title{
        font-size: 20px;
        line-height: 20px;

    }
    .contact-subtitle
    {

        font-size: 20px;
        line-height: 20px;

    }
    .contact_text
    {
        font-size: 16px;
        line-height: 22px;

    }



}
.grecaptcha-badge {
    visibility: hidden;
}
.gap-30{
    gap: 30px;
}
.footer-copyright-links{
    background-color: white;
}
.footer-copyright-links a{
    font-size: 16px;
    color: black;
    line-height: 20px;
    transition: all 300ms;
}
.footer-copyright-links a:hover{
    color: #F7CF50;
}
a{
    font-size: 16px;
    color: #777;
    line-height: 20px;
    transition: all 300ms;
}
a:hover{
    color: black;
}
.film-banner{
    /*max-width: 1640px;*/
    margin: 73px auto 0;
    /*padding: 0 20px;*/

}
.film-banner .title{
    font-size: 35px;
    font-weight: 300;
    font-style: italic;
}

.film-banner p{
    max-width: 1526px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
}

.film-banner .video-banner{
    max-width: 1500px;
    margin: 65px auto 0;
}
@media all and (max-width: 1700px) {
    .film-banner .video-banner{
        max-width: 1300px;
    }
}
@media all and (max-width: 1500px) {
    .film-banner .video-banner{
        max-width: 1100px;
    }
}
@media all and (max-width: 1200px) {
    .film-banner .video-banner{
        max-width: 900px;
    }
}
@media all and (max-width: 992px) {
    .film-banner .video-banner{
        max-width: 100%;
    }
    .film-banner{
        margin-top: 50px;

    }
    .film-banner p{
        font-size: 18px;
        line-height: 26px;
    }
    .film-banner .video-banner{
        margin-top: 40px;
    }
}
@media all and (max-width: 768px) {
    .film-banner{
        margin-top: 25px;

    }
    .film-banner .title{
        font-size: 25px;
    }

    .film-banner p{
        font-size: 16px;
        line-height: 24px;
    }
    .film-banner .video-banner{
        margin-top: 25px;
    }
}

.iframe-wrap iframe
{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.iframe-wrap #iframe-play
{
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    width: 107px;
    height: 63px;
    transform: translate(-50%, -50%);
    background: #000000;
    opacity: .7;
    cursor: pointer;
    transition-duration: 0.3s;
}
.iframe-wrap #iframe-play:hover
{
    opacity: .9;
    transition-duration: 0.3s;
}
.iframe-wrap #iframe-play img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 13.5px;
    transform: translate(-50%,-50%);
}
.iframe-wrap.active
{
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.iframe-wrap.active .item-wrap
{
    display: none;
}
.iframe-wrap.active iframe
{
    display: block;
}
*[data-iframe-open]{
    display: none;
}
.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}

@media all and (max-width: 768px) {
    .iframe-wrap #iframe-play
    {
        border-radius: 5px;
        width: 60px;
        height: 40px;
    }
}
.detail-menu{
    position: absolute;
    left: 250px;
    top: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    border-left: 1px solid black;
    padding-left: 30px;
    text-transform: uppercase;
    font-weight: 500;
    color: black;
    max-width: calc(100vw - 450px);
    width: 100%;
    text-transform: uppercase;
}
.detail-menu a{
    color: black;
    padding: 12px 20px;
    letter-spacing: -.8px;
    font-family: 'Asap', sans-serif;

}
.detail-menu a:hover,
.detail-menu a.active{
    background: #EEC95E;
}

@media all and (max-width: 1600px) {
    .detail-menu{
        padding-left: 10px;
        max-width: calc(100vw - 420px);
    }
    .detail-menu a{
        padding: 12px 15px;
    }
}
.cat-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px 100px;
}
.cat-list .title{
    font-size: 35px;
    line-height: 1.2;
    margin-top: 14px;
    margin-bottom: 17px;
    font-style: italic;
}
.cat-list .right a{
    min-width: 242px;
    width: max-content;
    padding: 8px 25px;
    background: #EEC95E;
    display: block;
    margin: 0 auto;
    font-style: italic;
    font-weight: 500;
    color: #000000;
    font-size: 20px;
}
.cat-list .right a:hover{
    background: #000;
    color: #fff;
}
@media all and (max-width: 1400px) {
    .cat-list{
        gap: 50px 75px;
    }
}@media all and (max-width: 1400px) {
    .cat-list{
        gap: 50px 75px;
    }
}
@media all and (max-width: 1200px) {
    .cat-list{
        gap: 40px 50px;
    }
}
@media all and (max-width: 992px) {
    .cat-list{
        gap: 40px;
    }
}
@media all and (max-width: 768px) {
    .cat-list{
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.detail-menu-dropdown{
    position: absolute;
    left: 250px;
    top: 15px;
    display: none;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;;
}

.detail-menu-dropdown button{
    border-radius: 0;
    background: white;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;;
}
@media all and (max-width: 1360px){
    .detail-menu{
        display: none !important;
    }
    .detail-menu-dropdown{
        display: block;
    }
}
@media all and (max-width: 575px){
    .detail-menu-dropdown{
        position: absolute;
        left: 0px;
        top: 80px;
        z-index: 10;
    }
}
.dropdown-menu.active{
    display: block !important;
}
.detail-menu-dropdown .btn-secondary:hover{
    background-color: #F7CF50 !important;
    border-color: #F7CF50 !important;
}
.detail-menu-dropdown .btn-secondary:focus{
    box-shadow: 0 0 0 0.2rem rgb(247 207 80 / 50%) !important;
}
.slider-down + div{
    max-width: 1500px;
    margin: 0 auto;
}
@media all and (max-width:1700px){
    .slider-down + div{
        padding-right: 100px;
        padding-left: 100px;
    }
}
@media all and (max-width:992px){
    .slider-down + div{
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media all and (max-width: 768px){
    .slider-down + div{
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media all and (max-width:575px){
    .slider-down + div{
        padding-right: 20px;
        padding-left: 20px;
    }
}
.photo-slider{
    /*max-width: 1600px;*/
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    padding-bottom: 65px;
}
.photo-slider .nav-buttons{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.photo-slider .nav-buttons a{
    width: 37px;
    height: 37px;
    background: #2C2C2C;
    text-align: center;
    line-height: 37px;
    color: white;
    font-size: 21px;
}
.photo-slider .nav-buttons a:hover{
    background: #5D5D5D;
}
.before-after-videos{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.before-after-videos > *{
    display: flex;
    align-items: center;
    gap: 10px;
}
.before-after-videos > a:hover i{
    background: black;
}
.before-after-videos i{
    width: 28px;
    height: 28px;
    font-size: 15px;
    background: #F1CF66;
    text-align: center;
    line-height: 28px;
    color: white;
    transition: all 300ms;
}
.before-after-videos span{
    font-size: 25px;
    color: black;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -1px;
}
@media all and (max-width: 1200px) {
    .before-after-videos span{
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -1px;
    }
}
@media all and (max-width: 768px) {
    .before-after-videos span{
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.5px;
    }
    .photo-slider{
        padding-bottom: 35px;
    }
}
.cat-list .item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*
.cat-list .item .image-link{
    display: flex;
    height: 100%;
    background: black;
    align-items: center;
}*/
.fancybox-navigation button{
    z-index: 99996 !important;
}