@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
/*font-family: 'League Gothic', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Big Shoulders Display', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
/*font-family: 'IBM Plex Sans', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;755;800&display=swap');

html {
    scroll-behavior: smooth;
}

*, :after, :before {box-sizing: border-box;}
body {
    background-color: #000;
    font-size: 13px;
    font-family: 'IBM Plex Sans', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}



* a:focus-visible {outline: unset; !important;}
a {text-decoration: unset}
.clearfix {clear: both}

h1, h2, h3, h4, h5, h6 {color: #fff; font-family: 'Big Shoulders Display', sans-serif; font-weight: 800; line-height: normal; text-transform: uppercase; font-variant-numeric: lining-nums; word-wrap: break-word}
h1 {font-size: 70px;}
h2 {font-size: 50px; line-height: 50px;}
h3 {font-size: 46px; font-weight: 700;}
h4 {font-size: 38px; font-weight: 600;}
h5 {font-size: 24px; font-weight: 600; opacity: 0.8;letter-spacing: 0.5px}
h6 {font-size: 16px; font-weight: 700; opacity: 0.8; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 0.5px}

p {color: #D6D6D6;text-align: justify;font-size: 18px;line-height: normal; font-weight: 400}

h5 span {color:#FFDE00}

.border0{
    border-right: solid 1px rgba(0, 0, 0, 0);!important;
}

.gi {
    filter: grayscale(100%);
}

.fancybox-thumbs {background: unset !important;}
.fancybox-thumbs__list a:before {border:2px solid rgb(255 255 255 / 20%) !important;}
#bg-content-page{
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.0) 100%), url("../img/bg_content_page.jpg"), lightgray 0px -379.734px / 100% 118.533% no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: 100%;
}

.bg-about-page,
.bg-team-page,
.bg-projects-page,
.bg-project-details,
.bg-wwd-item,
.bg-life-page,
.bg-life-details-page,
.bg-join-us-page,
.bg-contact-page,
.bg-life-details{
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: 100%;
}


.bg-wwd-item ul {
    width: 100%; display: block;
    padding: 0; margin: 0px 0px 30px 0px;
    list-style-type: none;
    color: #D6D6D6;
    text-align: justify;
    font-size: 18px;
    line-height: 30px;
}
.bg-wwd-item ul li:first-child {line-height: 50px}
.bg-wwd-item ul li:first-child img {margin-left: 10px; height: 30px}



.b1 {margin-bottom: 300px}
.b2 {margin-bottom: 150px}

#content-page, #contact-page, #home_srv, #home_ba, #home_wwd, #teamList, #lifeList, #jobList, #joinUsList, #about-page, #galleryList, #gallerySlide, #projects, #projectArrow {
    margin-bottom: 200px;
}


#jobList {}
#jobList .joblist-item {
    cursor: default;
    padding-left: 2rem; padding-right: 2rem;
    color: #fff; font-size: 18px; font-weight: 400; line-height: 70px; margin: 0rem 0rem 1rem 0rem;
    border-radius: 7px; border: solid 1px rgba(0,0,0,0); border-right: solid 1px #000;
    background: linear-gradient(90deg, rgba(53,53,53,1) 0%, rgba(51,51,51,0) 60%);
    transition: all 1s ease;
}
#joblist .joblist-item img{
    filter: brightness(100%);
}
#jobList .joblist-item:hover {
    border: solid 1px #FFD600;
    background: linear-gradient(90deg, rgba(255,214,0,1) 0%, rgba(51,51,51,0) 60%);
}
#jobList .joblist-item .pname{
    font-family: 'Big Shoulders Display', sans-serif; font-size: 20px; font-weight: 600;
    line-height: 30px;
    display: inline-block;
}
#jobList .joblist-item a {color: #fff;}
#jobList .joblist-item a i{font-size: 14px; margin-left: 5px}

.bg-wwd-item, .bg-wwd {padding-top:100px; padding-bottom: 100px;}
.bg-wwd-item:last-child {padding-bottom: 0px;}

#lifeList {}
#lifeList .life-item {}
#lifeList .life-item a {display: block; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;}
#lifeList .life-item a .inline-block::after{
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}
#lifeList .life-item a span {display: block; margin-top:1rem; }

#lifeList .life-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease;}
#lifeList .life-item:hover img {width: 90%}
#lifeList .life-btns span{
    color: #FFD600;
    font-size: 24px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin: 0px 15px;
}


#lifeList .life-btns span.prv {padding-left: 35px; padding-right: 0px; margin-left: 0px; transition: all 0.3s ease;}
#lifeList .life-btns span.prv:hover {padding-left: 0px; padding-right: 35px;}
#lifeList .life-btns span.prv img {margin-left:10px}
#lifeList .life-btns span.nxt {padding-right: 35px; padding-left: 0px; margin-right: 0px; transition: all 0.3s ease;}
#lifeList .life-btns span.nxt:hover {padding-right: 0px; padding-left: 35px}
#lifeList .life-btns span.nxt img {margin-right:10px}

#lifeList .life-btns span img {margin-top:-3px}
#lifeList .life-btns span.prv3 {padding-left: 20px; padding-right: 0px; margin-left: 0px; transition: all 0.3s ease;}
#lifeList .life-btns span.prv3:hover {padding-left: 0px; padding-right: 20px;}
#lifeList .life-btns span.prv3 img {margin-left:10px; height: 6px}
#lifeList .life-btns span.nxt3 {padding-right: 20px; padding-left: 0px; margin-right: 0px; transition: all 0.3s ease;}
#lifeList .life-btns span.nxt3:hover {padding-right: 0px; padding-left: 20px}
#lifeList .life-btns span.nxt3 img {margin-right:10px; height: 6px}


#joinUsList {}
#joinUsList .life-btns span img {margin-top:-3px}
#joinUsList .life-btns span.prv4 {padding-left: 20px; padding-right: 0px; margin-left: 0px; transition: all 0.3s ease;}
#joinUsList .life-btns span.prv4:hover {padding-left: 0px; padding-right: 20px;}
#joinUsList .life-btns span.prv4 img {margin-left:10px; height: 6px}
#joinUsList .life-btns span.nxt4 {padding-right: 20px; padding-left: 0px; margin-right: 0px; transition: all 0.3s ease;}
#joinUsList .life-btns span.nxt4:hover {padding-right: 0px; padding-left: 20px}
#joinUsList .life-btns span.nxt4 img {margin-right:10px; height: 6px}
#joinUsList .life-item {}
#joinUsList .life-item a {display: block; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;}
#joinUsList .life-item a span {display: block; margin-top:1rem; }
#joinUsList .life-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease;}
#joinUsList .life-item:hover img {width: 90%}
#joinUsList .life-btns span{color: #FFD600;font-size: 24px;font-family: 'Big Shoulders Display', sans-serif;font-weight: 600;line-height: normal;text-transform: uppercase;display: inline-block;cursor: pointer;margin: 0px 15px;}

#joinUsList .j-item {}
#joinUsList .j-item a {position: relative; display: block; overflow: hidden}
#joinUsList .j-item a:hover img.bg {transform: scale(0.95);}
#joinUsList .j-item img.bg {width: 100%; position: relative; border-radius: 7px; transform: scale(1); transition: all 0.5s ease; opacity: 0.4}
#joinUsList .j-item a .icon {
    background-image: url("../img/arrow-right-long-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    /*filter: brightness(0) invert(1);*/
    height: 10px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 100px;
    left: -10px;
    transition:all 0.3s linear;
    opacity: 0;
}
#joinUsList .j-item a:hover .bg {
    opacity: 1;
}
#joinUsList .j-item a:hover .icon {
    left: 0px;
    opacity: 1;
}

#joinUsList .j-item span {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 45px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.35;
}

#joinUsList .j-item a::before{
    content: "";
    position: absolute;
    left: 0; top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    z-index: 1;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 24.89%, #000 79%);
}
#joinUsList .j-item:hover a::before{
    opacity: 0;
    transition: all 1s ease;
}
#serviceList .s-item a {display: block; position: relative;}
#serviceList .s-item a::after {
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}

#galleryList {}
#galleryList .g-item {display: flex; align-items: center; justify-content: center; }
#galleryList .g-item a {display: block; text-align: center; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;position: relative;}
#galleryList .g-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease; position: relative; z-index: 1}
#galleryList .g-item:hover img {width: 90%}
#galleryList .g-item a::after {
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}
#galleryList .g-item:hover a::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}
#galleryList .g-item .icon-view,
#galleryList .g-item .icon-play{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*filter: brightness(0) invert(1);*/
    height: 35px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:all 0.3s linear;
    opacity: 0;
}
#galleryList .g-item .icon-view {background-image: url("../img/icon-view.svg");}
#galleryList .g-item .icon-play {background-image: url("../img/icon-play.svg");}
#galleryList .g-item:hover .icon-view,#galleryList .g-item:hover .icon-play {
    opacity: 1;
}

#content-page, #contact-page, #about-page, #projects, #serviceList, #lifeList {padding-top: 100px}

#content-page h1 {margin-bottom: 2rem}
#content-page ul { list-style-type: disc; color: #D6D6D6;text-align: justify;font-size: 18px;line-height: 30px;}
#content-page ul li {}

#contact-page {color: #fff}
#contact-page span {display: block; font-size: 18px; line-height: 30px; font-weight: 400;}
#contact-page span a, #contact-page span a:hover{color: #fff}
#contact-page .mbc {margin-bottom: 2rem}
#contact-page .mbc span a {
    color: #fff;
}
#contact-page .mapArea {
    margin-top: 100px;
}

#mapArea {
    width: 100%;
}
#map {
    height: 790px;
    width: 100%;
}
#about-page h1,#about-page h3{
    margin-bottom: 2rem;
}
#about-page h2,#about-page h4,#about-page h5,#about-page h6{
    margin-bottom: 1rem;
}
#about-page .item {margin-bottom: 100px}
#about-page .item:last-child {margin-bottom: 0px}
#about-page p {margin-bottom: 2rem}
#about-page img {border-radius: 7px; width: 100%;}
#about-page .smedia ul {list-style-type: none;margin: 0;padding: 0;}
#about-page .smedia li {float: left;display: inline-block;text-align: center !important;font-size: 16px;line-height: 32px;width: 32px;height: 32px;border-radius: 50px;margin: 0px 10px;background-color: #FF0202;transition: all 0.3s ease;}
#about-page .smedia ul li:first-child { margin-left: 0px }
#about-page .smedia ul li:last-child { margin-right: 0px }
#about-page .smedia ul li a { display: block; color: #fff; transition: all 0.3s ease; }
#about-page .smedia ul li:hover { margin-top: 0px; background-color: #FFD600}
#about-page .smedia ul li a:hover { color: #A18800; }

#projects .filter-button{
    color: #fff!important;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing:0.5px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    margin: 0 15px;
    padding: 0px 0px 5px 0px;
    border:unset;
    float: left;
    display: inline-block;
    text-transform: uppercase;
    opacity: 0.5;
    transition: all 0.3s ease;
}
#projects .filter-button:hover {opacity: 1}

#projects .filter-button span {
    display: inline-block;
    padding: 5px 0px 0px 0px;
    transition: all 0.3s ease;
}

#projects .filter-button:first-child {
    margin-left: 0px;
}
#projects .filter-button:hover span{
    padding: 0px 0px 5px 0px;
}
#projects .filter-button:active{border: unset}
#projects .filter-button::after {
    content: "";

}
#projects .filter-button:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px /* transform:translate3d(0,2px,0) scale3d(1.08,3,1); clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,0 100%,100% 100%,100% 0%); */;
    background: #fff;
    left: 0;
    transition: all 0.3s ease;
}
#projects .filter-button-active {opacity: 1}

#projects .filter-button-active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px /* transform:translate3d(0,2px,0) scale3d(1.08,3,1); clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,0 100%,100% 100%,100% 0%); */;
    background: #fff;
    left: 0;
    transition: all 0.3s ease;
}

#projects .filter-menu { text-align: right; position: relative; font-family: 'Big Shoulders Display', sans-serif;}
#projects .filter-menu span{
    font-family: 'Big Shoulders Display', sans-serif;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#projects .filter-menu span svg {
    margin-left: 10px;
    transition: all 0.6s ease;
}
#projects .filter-menu span:hover svg {
    transform: rotate(90deg);
    margin-left: 25px;
}
#projects .f-active span svg {
    transform: rotate(90deg);
    margin-left: 30px;
}

#projects .filter-menu ul {
    visibility: hidden; opacity: 0;
    list-style-type: none;
    position: absolute;
    z-index: 4;
    right: calc(var(--bs-gutter-x) * .5);
    top: 2.5rem;
    padding: 1.5rem;
    margin: 0px;
    width: 75%;
    max-width: 250px;
    max-height: 250px;
    overflow-y:scroll;

    background-color: #fff;
    text-align: left;
    border-radius: 7px;

    transition: all 0.3s ease;
}
#projects .filter-menu ul li i {
    color: #797878;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}
#projects .filter-menu ul li a {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.66px;
    font-variant-numeric: lining-nums;
}
#projects .f-active ul {visibility: visible; opacity: 1}


#projects .filter {/* emir display: flex; align-items: center; justify-content: center; */ margin-bottom: 3rem}
#projects .filter a {display: block; text-align: center; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;position: relative;}
#projects .filter img {width: 100%; position: relative; border-radius: 7px; transform: scale(1); transition: all 0.3s ease; z-index: 1}
#projects .filter:hover img {transform: scale(0.95);}
#projects .filter a::after {
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 105%);
    transition: all 0.3s ease;
}
#projects .filter:hover a::after {
    background: rgba(0, 0, 0, 0.40);
    transform: scale(0.95);
}
#projects .filter .icon-view,
#projects .filter .icon-play{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*filter: brightness(0) invert(1);*/
    height: 45px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:all 0.3s linear;
    opacity: 0;
}
#projects .filter .icon-view {background-image: url("../img/icon-view.svg");}
#projects .filter .icon-play {background-image: url("../img/icon-play.svg");}
#projects .filter:hover .icon-view,#projects .filter:hover .icon-play {
    opacity: 1;
}
#projects .filter:hover span {
    opacity: 0.35;
}
#projects .filter a span {
    position: absolute;
    z-index: 3;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    color: #FFF;
    text-align: left;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.3s;
    mix-blend-mode: screen;
    letter-spacing: 0.5px;
}

#projects .pArchive a span {
    font-size: 16px !important;
}

#home_slider {width:100%;height:100vh; margin-bottom: 90px}
#home_slider .swiper-container{width:100%;height:100vh}
#home_slider .swiper-button-prev{left: var(--swiper-navigation-sides-offset,40px)}
#home_slider .swiper-button-next{right: var(--swiper-navigation-sides-offset,40px)}
#home_slider .main-swiper{position:absolute;z-index:550;top:0;left:0}
#home_slider .swiper-slide{overflow:hidden;}
/*#home_slider .m_en{cursor:url('../img/v_play.svg'),auto}
#home_slider .m_tr{cursor:url("../img/v_play.svg"),auto}*/

#home_slider .slide-inner {cursor:url("../img/v_play.svg"),auto}



#home_slider .s-play img{
    object-fit: unset !important;
    object-position: unset !important;
    width: unset !important;
    height: 60px !important;
}
#home_slider .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#home_slider .slide-inner img{object-fit:cover;object-position:bottom;width:100%;height:100%}
#home_slider .text .coverImg img { opacity:1; transition: 1s }
#home_slider .text .coverImg img.coverImgHide {
    opacity: 0;
    transition: 1s;
}

#joinUsList .coverImg2 h1 {
    opacity: 1;
    transition: 1.5s;
}

#joinUsList .coverImg2 h1.coverImgHide2 {
    opacity: 0!important;
    transition: opacity 1.5s!important;
}

#joinUsList .coverImg3 p { opacity:1; transition: 1s }
#joinUsList .coverImg3 p.coverImgHide3 {
    opacity: 0!important;
    transition: 1s!important;
}
#joinUsList .coverImg4 a { opacity:1; transition: 1s }
#joinUsList .coverImg4 a.coverImgHide4 {
    opacity: 0!important;
    transition: 1s!important;
}

#joinUsList .coverImg5 .prv4 { opacity:1; transition: 1s }
#joinUsList .coverImg5 .prv4.coverImgHide5 {
    opacity: 0!important;
    transition: 1s!important;
}
#joinUsList .coverImg5 .nxt4 { opacity:1; transition: 1s }
#joinUsList .coverImg5 .nxt4.coverImgHide5 {
    opacity: 0!important;
    transition: 1s!important;
}

#home_ba .coverImg9 .col-12{ opacity:1; transition: 1s }
#home_ba .coverImg9 .col-12.coverImgHide9 {
    opacity: 0!important;
    transition: 1s!important;
}

#home_wwd .coverImg_1 h1 { opacity:1; transition: 1s }
#home_wwd .coverImg_1 h1.coverImgHide_1 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_2 p { opacity:1; transition: 1s }
#home_wwd .coverImg_2 p.coverImgHide_2 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_3 a { opacity:1; transition: 1s }
#home_wwd .coverImg_3 a.coverImgHide_3 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_4 .swiper-wrapper { opacity:1; transition: 1s }
#home_wwd .coverImg_4 .swiper-wrapper.coverImgHide_4 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_new .swiper-wrapper { opacity:1; transition: 1s }
#home_wwd .coverImg_new .swiper-wrapper.coverImgHide_new {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_new2 .swiper-wrapper { opacity:1; transition: 1s }
#home_wwd .coverImg_new2 .swiper-wrapper.coverImgHide_new2 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_4 .read-more { opacity:1; transition: 1s }
#home_wwd .coverImg_4 .read-more.coverImgHide_4 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_5 .prvTV { opacity:1; transition: 1s }
#home_wwd .coverImg_5 .prvTV.coverImgHide_5 {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_5 .nxtTV { opacity:1; transition: 1s }
#home_wwd .coverImg_5 .nxtTV.coverImgHide_5 {
    opacity: 0!important;
    transition: 1s!important;
}

#home_wwd .coverImg_FilmOk .prvFilm { opacity:1; transition: 1s }
#home_wwd .coverImg_FilmOk .prvFilm.coverImgHide_Film {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_FilmOk .nxtFilm { opacity:1; transition: 1s }
#home_wwd .coverImg_FilmOk .nxtFilm.coverImgHide_Film {
    opacity: 0!important;
    transition: 1s!important;
}


#home_wwd .coverImg_ReklamOk .prvReklam { opacity:1; transition: 1s }
#home_wwd .coverImg_ReklamOk .prvReklam.coverImgHide_Reklam {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .coverImg_ReklamOk .nxtReklam { opacity:1; transition: 1s }
#home_wwd .coverImg_ReklamOk .nxtReklam.coverImgHide_Reklam {
    opacity: 0!important;
    transition: 1s!important;
}
#home_wwd .cover_FBaslik a { opacity:1; transition: 1s }
#home_wwd .cover_FBaslik a.coverImgHide_FBaslik {
    opacity: 0!important;
    transition: 1s!important;
}
#lifeList .coverImg_6 h1 { opacity:1; transition: 1s }
#lifeList .coverImg_6 h1.coverImgHide_6 {
    opacity: 0!important;
    transition: 1s!important;
}

#lifeList .coverImg_6 a { opacity:1; transition: 1s }
#lifeList .coverImg_6 a.coverImgHide_6 {
    opacity: 0!important;
    transition: 1s!important;
}

#lifeList .coverImg_7 .swiper-wrapper { opacity:1; transition: 1s }
#lifeList .coverImg_7 .swiper-wrapper.coverImgHide_7 {
    opacity: 0!important;
    transition: 1s!important;
}

#lifeList .coverImg_7 .read-more { opacity:1; transition: 1s }
#lifeList .coverImg_7 .read-more.coverImgHide_7 {
    opacity: 0!important;
    transition: 1s!important;
}

#lifeList .coverImg_8 .prv3 { opacity:1; transition: 1s }
#lifeList .coverImg_8 .prv3.coverImgHide_8 {
    opacity: 0!important;
    transition: 1s!important;
}
#lifeList .coverImg_8 .nxt3 { opacity:1; transition: 1s }
#lifeList .coverImg_8 .nxt3.coverImgHide_8 {
    opacity: 0!important;
    transition: 1s!important;
}

#home_slider .content-holder-slide{position:absolute;display:block;height:100%;width:100%;margin-top:25%;text-align:center}
#home_slider .slide-inner h1{color:#fff;position:relative;width:100%;font-size:48px;z-index:9995}
#home_slider .slide-inner p{color:#fff;z-index:99995;position:relative;width:100%;margin-left:3px;font-size:18px;font-weight:300;line-height:32px}
#home_slider .seventh{width:65%!important}
#home_slider video { width:100%;object-fit:cover;object-position:top;height:100%;margin-left:inherit;margin-right:inherit;min-height:inherit;min-width:inherit;z-index:500}
#home_slider .video-dark-filter{min-height:100%;min-width:100%;/*background:rgba(0,0,0,0.2);*/position:absolute;top:0;left:0; z-index: 501}
#home_slider .video-dark-filter::after{
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}

#home_slider .mause_icon{position: absolute;z-index:9995 ;bottom: 30px;left: calc(50% - 21px);color: #fff;text-align: center;animation: mover 1s infinite alternate;}
@keyframes mover {
    0% {transform: translateY(0);}
    100% {transform: translateY(-10px);}
}
#home_slider .text .slide_content{text-transform: uppercase;color: #fff;text-align: center;font-family: 'Syne',sans-serif;font-size: 50px;font-style: normal;font-weight: 800;line-height: 50px;letter-spacing: 2.5px;margin: auto;}
#home_slider .text{ position: absolute; z-index:9995;}
#home_slider .text .slide_content span {color: #fff;text-align: center;font-family: 'Syne',sans-serif;font-size: 28px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 8.4px;}
#home_slider .text-area {position: absolute; z-index:9995; top: 30px; left: 0; right: 0; min-height: 300px; text-align: center}
#home_slider .text-1, #home_slider .text-2, #home_slider .text-3,#home_slider .text-4, #home_slider .text-5 {margin: auto; display: inline-block; text-align: left;font-size: 30px; line-height: 30px; height: 70px; font-weight: 700;text-transform: uppercase; letter-spacing: 2px;padding-left: 80px; padding-top: 5px;color: #dedede;background-image: url("../img/banner-pin.png");background-repeat: no-repeat;background-position: center left;}

#home_slider .main-swiper .swiper-pagination-bullet-active,
#home_slider .main-swiper .swiper-pagination-bullet{ position: relative; color:#fff; background: unset !important; height: 16px !important; width: 16px !important; border: solid 1px #FFD600}
#home_slider .main-swiper .swiper-pagination-bullet:before{ content: ""; color:#fff; background: #FFD600; height: 6px; width: 6px; display: inline-block; position: absolute; top: 4px; left: 4px; border-radius: 50%}
.main-swiper .swiper-pagination {text-align: center !important;bottom: 15px;}
.main-swiper iframe {width: 110vw;height: 68.25vw;min-height: 100vh;min-width: 177.77vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#home_slider .text-1 span, #home_slider .text-2 span, #home_slider .text-3 span,#home_slider .text-4 span, #home_slider .text-5 span {color: #d9a1ea;font-weight: 400;letter-spacing: 0px;}



#home_srv{}
#home_srv .srv_items div{
    position: absolute;
    transition: width 0.3s, height 0.3s;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
#home_srv .srv_items div img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
}
#home_srv .srv_items{
    min-height: 585px;
    display: block;
    flex-wrap: wrap;
}
#home_srv .srv_items .srv_1{overflow: unset;top: 0px;left: 55px;position: absolute;}
#home_srv .srv_1 img:first-child{width: 260px; height: 160px;}
#home_srv .srv_1 img:last-child{width: 100px;height: 100px;top: 89px;left: -22px;position: absolute;}
#home_srv .srv_items .srv_2{top: 40px;right: 80px;position: absolute;overflow: unset;}
#home_srv .srv_2 img:first-child{width: 190px; height: 285px;}
#home_srv .srv_2 img:last-child{width: 100px;height: 95px;top: calc(50% - 50px);right: -60px;position: absolute;}
#home_srv .srv_items .srv_3{width: 250px;height: 330px;bottom: 0px;left: 10px;}
#home_srv .srv_items .srv_4{width: 170px;height: 145px;top: 370px;right: 0px;}
#home_srv .srv_items .srv_5{width: 170px;height: 165px;top: 84px;left: calc(50% - 85px);}
#home_srv .srv_items .srv_6{overflow: unset;top: 307px;left: 310px;}
#home_srv .srv_6 img:first-child{width: 250px;height: 140px;}
#home_srv .srv_6 img:last-child{width: 122px;height: 112px;top: 113px;left: 212px;position: absolute;}

.bal-container {
    position: relative;
    width: 100%;
    height: 750px;
    border-radius: 7px;
    cursor: grab;
    overflow: hidden;
}
.bal-after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bal-before {
    display: block;
    position: absolute;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    overflow: hidden;
    border-right: 0.5px dashed #fff ;
}
.bal-before-inset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.bal-after img,
.bal-before img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.bal-beforePosition {
    /*background: #121212;*/
    color: #fff;
    left: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}
.bal-afterPosition {
    /*background: #121212;*/
    color: #fff;
    right: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}
.beforeLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    color: #FFF;
    /* after-before_FHD */
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.35;
    mix-blend-mode: screen;
    text-transform: uppercase;
}
.afterLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    color: #FFF;
    /* after-before_FHD */
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.35;
    mix-blend-mode: screen;
    text-transform: uppercase;
}
.bal-handle {
    height: 46px;
    width: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -21px;
    border-radius: 1000px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}
.bal-handle img {
    animation: rotate 15s infinite alternate;
    animation-play-state: running;
}
.bal-container:hover .bal-handle img {
    animation: rotate-stop 0s infinite alternate;


}
@keyframes rotate {
    0% {
        transform: rotate(-45deg);
    }
    50% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(-45deg);
    }
}
@keyframes rotate-stop {
    100% {
        transform: rotate(0deg);
    }
}


.ccontrol {
    margin-top: -28px;
    z-index: 51;
}
.ccontrol .swiper-button-next2{
    position: unset;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 15px 20px 15px 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff;
    text-align: center;
    background: #000;
    border: 2px solid #fff;
    border-left: 0px;
    opacity: 1;
    transition: opacity .15s ease;
    transition: all 0.4s ease
}
.ccontrol .swiper-button-next2:hover{
    padding: 15px 20px 15px 20px;
    background: #fff;
    color: #000;
}
.ccontrol .swiper-button-prev2{
    position: unset;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 15px 10px 15px 20px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #fff;
    text-align: center;
    background: #000;
    border: 2px solid #fff;
    border-right: 0px;
    opacity: 1;
    transition: opacity .15s ease;
    transition: all 0.3s ease
}
.ccontrol .swiper-button-prev2:hover{
    padding: 15px 20px 15px 20px;
    background: #fff;
    color: #000;
}
.ccontrol .swiper-button-next2:hover img{
    filter: brightness(0%);
}
.ccontrol .swiper-button-prev2:hover img{
    filter: brightness(0%);
}

#home_wwd {}
#home_wwd .filter {display: flex; align-items: center; justify-content: center; margin-bottom: 3rem; width: 350px; /* emir height: 455px; */}
#home_wwd .filter a {display: block; text-align: center; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;position: relative;}
#home_wwd .filter img {width: 100%; height: 100%;  position: relative; border-radius: 7px; transform: scale(1); transition: all 0.3s ease; z-index: 1;}
#home_wwd .filter:hover img {transform: scale(0.95);}
#home_wwd .filter a::after {
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 105%);
}
#home_wwd .filter:hover a::after {
    background: rgba(0, 0, 0, 0.40);
}
#home_wwd .filter .icon-view,
#home_wwd .filter .icon-play{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*filter: brightness(0) invert(1);*/
    height: 45px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:all 0.3s linear;
    opacity: 0;
}
#home_wwd .filter .icon-view {background-image: url("../img/icon-view.svg");}
#home_wwd .filter .icon-play {background-image: url("../img/icon-play.svg");}
#home_wwd .filter:hover .icon-view,#home_wwd .filter:hover .icon-play {
    opacity: 1;
}
#home_wwd .filter a span {
    position: absolute;
    z-index: 3;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    color: #FFF;
    text-align: left;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.3s;
    mix-blend-mode: screen;
    letter-spacing: 0.5px;
}
#home_wwd .filter:hover span {
    opacity: 0.35;
}
#home_wwd .filter:hover a::after {
    background: rgba(0, 0, 0, 0.40);
}

#home_wwd .life-item {}
#home_wwd .life-item a {display: block; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;}
#home_wwd .life-item a span {display: block; margin-top:1rem; }
#home_wwd .life-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease;}
#home_wwd .life-item:hover img {width: 90%}
#home_wwd .life-btns span{
    color: #FFD600;
    font-size: 24px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin: 0px 15px;
}

#home_wwd .life-btns span img {margin-top:-3px}
#home_wwd .life-btns span.prv2 {padding-left: 20px; padding-right: 0px; margin-left: 0px; transition: all 0.3s ease;}
#home_wwd .life-btns span.prv2:hover {padding-left: 0px; padding-right: 20px;}
#home_wwd .life-btns span.prv2 img {margin-left:10px;height: 6px}
#home_wwd .life-btns span.nxt2 {padding-right: 20px; padding-left: 0px; margin-right: 0px; transition: all 0.3s ease;}
#home_wwd .life-btns span.nxt2:hover {padding-right: 0px; padding-left: 20px}
#home_wwd .life-btns span.nxt2 img {margin-right:10px;height: 6px}



#gallerySlide .pdr-200{padding: 0 200px;}
#gallerySlide .pe0{padding-right: calc(var(--bs-gutter-x) * .5);}

#gallerySlide .s-item a {display: block; text-align: center; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;position: relative;}
#gallerySlide .s-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease; position: relative; z-index: 1}
#gallerySlide .s-item:hover img {width: 90%}
#gallerySlide .s-item a::after {
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}
#gallerySlide .s-item:hover a::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #000 100%);
}
#gallerySlide .s-item .icon-view,
#gallerySlide .s-item .icon-play{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*filter: brightness(0) invert(1);*/
    height: 35px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:all 0.3s linear;
    opacity: 0;
}
#gallerySlide .s-item .icon-view {background-image: url("../img/icon-view.svg");}
#gallerySlide .s-item .icon-play {background-image: url("../img/icon-play.svg");}
#gallerySlide .s-item:hover .icon-view,#gallerySlide .s-item:hover .icon-play {
    opacity: 1;
}
#gallerySlide .swiper {
    overflow-y:unset;
    overflow-x:clip;
    position: relative;
}
#gallerySlide .swiper-slide::after{
    content: "";
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 70%, #000 100%);
}
#gallerySlide .swiper .swiper-slide-next{
    margin-top: 0px;
    transition: all 0.4s ease-in-out;
}
#gallerySlide .swiper .slideLast{
    margin-top: -50px;
    transition: all 0.4s ease-in-out;
}
#gallerySlide .swiper .swiper-slide.swiper-slide-next {
    margin-top: 0;
    transition: all 0.9s ease-in-out;
}

#gallerySlide .life-item {}
#gallerySlide .life-item a {display: block; color:#fff; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.44px;}
#gallerySlide .life-item a span {display: block; margin-top:1rem; }
#gallerySlide .life-item img {border-radius: 7px; width: 100%; transition: all 0.3s ease;}
#gallerySlide .life-item:hover img {width: 90%}
#gallerySlide .life-btns span{
    color: #FFD600;
    font-size: 24px;
    font-family: 'Big Shoulders Display', sans-serif;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin: 0px 15px;
}

#gallerySlide .life-btns span img {margin-top:-3px}
#gallerySlide .life-btns span.prv {padding-left: 20px; padding-right: 0px; margin-left: 0px; transition: all 0.3s ease;}
#gallerySlide .life-btns span.prv:hover {padding-left: 0px; padding-right: 20px;}
#gallerySlide .life-btns span.prv img {margin-left:10px;height: 6px}
#gallerySlide .life-btns span.nxt {padding-right: 20px; padding-left: 0px; margin-right: 0px; transition: all 0.3s ease;}
#gallerySlide .life-btns span.nxt:hover {padding-right: 0px; padding-left: 20px}
#gallerySlide .life-btns span.nxt img {margin-right:10px; height: 6px}


.line{
    border-top: solid 1px #4A4A4A;
}
#projectArrow .life-line span{
    border-top: solid 1px #4A4A4A;
    width: 100%;
    margin-top: 65px;
    display: block;

}
#projectArrow .life-btns{
    position: relative;
    cursor: pointer;
}
#projectArrow .life-btns span{
    color: #FFD600;
    font-size: 20px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin: 6rem 0px 0px 0px;
    transition: all 0.5s ease; position: relative; z-index: 2;
    opacity: 0.5;
}
#projectArrow .life-btns span img {margin-top:-3px}

#projectArrow .life-btns h3 {transition: all 0.5s ease; position: relative; z-index: 2;}
#projectArrow .life-btns:hover h3 {transition: all 0.5s ease;}

#projectArrow .life-btns span.prvx {padding-left: 0px; padding-right: 0px; left: 0rem; }
#projectArrow .life-btns:hover span.prvx {padding-left: 65px; padding-right: 65px; left: 5rem;}
#projectArrow .life-btns span.prvx img {margin-left:10px}

#projectArrow .life-btns span.nxtx {padding-right: 0px; padding-left: 0px; right: 0rem;}
#projectArrow .life-btns:hover span.nxtx {padding-right: 65px; padding-left: 65px; right: 5rem;}
#projectArrow .life-btns span.nxtx img {margin-right:10px}

#projectArrow .life-btns h3.prvx {padding-left: 0px; padding-right: 35px; left: 0px;}
#projectArrow .life-btns:hover h3.prvx {padding-left: 35px; padding-right: 0px; left: 5rem;}

#projectArrow .life-btns h3.nxtx {padding-right: 0px; padding-left: 35px; right: 0px;}
#projectArrow .life-btns:hover h3.nxtx {padding-right: 35px; padding-left: 0px; right: 5rem;}

#projectArrow .life-btns #scale1 {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease;
    border-radius: 6px;
    max-width: 100%;
    max-height: 100px;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
}
#projectArrow .life-btns:hover #scale1{
    opacity: 1;
    transform: scale(1);
    max-width: 100%;
    max-height: 210px;
}
#projectArrow .life-btns #scale2 {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease;
    border-radius: 6px;
    max-width: 100%;
    max-height: 100px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1;
}
#projectArrow .life-btns:hover #scale2{
    opacity: 1;
    transform: scale(1);
    max-width: 100%;
    max-height: 210px;
}

.ptag{ display: flex }
.ptag span{ display: inline-block }
.ptag span:first-child{
    min-width: 175px;
}


#teamList{}
#teamList .teamList-item{
    position: relative; border-radius: 6px; overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
    margin: 10px;
    transition: all 0.3s ease;
}
#teamList .teamList-item:hover{
    padding-top: 0px;
    padding-bottom: 70px;
}
#teamList .teamList-item::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0px; left: 0px; right: 0px; top: 100px;
    transition: all 0.3s ease;
    background: linear-gradient(32deg, rgba(175, 84, 0, 0.1) 0%, rgba(51, 51, 51, 0.00) 60%);

}
#teamList .teamList-item:hover::after {
    bottom: 0px; left: 0px; right: 0px; top: -30px;
    background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(51, 51, 51, 0.00) 60%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#teamList .teamList-item img {border-radius: 50%!important; position: relative; z-index: 2}
/*#teamList .teamList-item img {border-radius: 50%!important; filter: grayscale(100%); position: relative; z-index: 2}*/
#teamList .tx{display: block;color: #FFF;text-align: center;font-size: 12px;font-weight: 400;line-height: normal; position: relative; z-index: 2}
#teamList .nm{display: block;color: #FFF;text-align: center;font-size: 18px;font-weight: 400;line-height: 38px; position: relative; z-index: 2}

#teamList .teamList-item .smedia{
    position: absolute; z-index: 2; bottom: 0px;
    opacity: 0; transition: all 0.3s ease;
    width: 100%;
}
#teamList .teamList-item:hover .smedia {opacity: 1}
#teamList .teamList-item .smedia ul {list-style-type: none;margin: 0;padding: 0;}
#teamList .teamList-item .smedia li {float: left;display: inline-block;text-align: center !important;font-size: 14px;line-height: 32px;width: 32px;height: 32px;border-radius: 50px;margin: 0px 10px;background-color: #fff;transition: all 0.3s ease;}
#teamList .teamList-item .smedia ul li a { display: block; color: #000; transition: all 0.3s ease; }


#brand {padding-left: 2rem}
#brand img {border-radius: 7px; max-width: 100%}
#brand .tx{display: block;color: #FFF;text-align: left;font-size: 18px;font-weight: 400;line-height: 22px;}
#brand .nm{display: block;color: #FFF;text-align: left;font-size: 18px;font-weight: 500;line-height: 26px; letter-spacing: -0.1px}
#brand h6 {opacity: 1!important; text-transform: none;}

#brand .smedia ul {list-style-type: none;margin: 0;padding: 0;}
#brand .smedia li {margin:0px 10px 0px 0px}
#brand .smedia li:last-child {margin:0px}
#brand .smedia ul li a { display: block; color: #fff; transition: all 0.3s ease; font-size: 16px;}
#brand .smedia ul li:hover { margin-top: 0px; background-color: #FFD600}
#brand .smedia ul li a:hover { color: #A18800;}
.imdb {font-size: 40px; color: #fff}

#author {}
#author img {border-radius: 50%!important; filter: grayscale(100%);}
#author .tx{display: block;color: #FFF;text-align: center;font-size: 12px;font-weight: 400;line-height: normal;}
#author .nm{display: block;color: #FFF;text-align: center;font-size: 18px;font-weight: 400;line-height: 38px;}

#author .smedia ul {list-style-type: none;margin: 0;padding: 0;}
#author .smedia li {float: left;display: inline-block;text-align: center;font-size: 16px;line-height: 32px;width: 32px;height: 32px;border-radius: 50px;margin: 0px 10px;background-color: #FF0202;transition: all 0.3s ease;}
#author .smedia ul li a { display: block; color: #fff; transition: all 0.3s ease; }
#author .smedia ul li:hover { margin-top: 0px; background-color: #FFD600}
#author .smedia ul li a:hover { color: #A18800; }

.counter span{
    display: block;
    font-size: 76px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    font-variant-numeric: lining-nums;
}

#c-form .form-control-select {padding: 15px 22.1px; border-radius: 7px; background-color: unset; color: #fff;  font-size: 18px; line-height: 26px; font-weight: 400; width: 100% ; outline: 1px solid #818181; border-color: #818181; border-right: 16px solid transparent;}
#c-form .form-control-select:focus {box-shadow: none; background: #000}
#c-form .form-control {border-color: #818181; padding: 15px 25px; border-radius: 7px; background-color: unset; color: #fff;  font-size: 18px; line-height: 26px; font-weight: 400;}
#c-form .form-control:focus {border-color: #818181; background-color: unset; box-shadow: none;}

#c-form textarea {resize: none}
#c-form .form-control::placeholder {color: #fff}
#c-form .form-control::-ms-input-placeholder {color: #fff}
#c-form label {font-size:18px; line-height: 30px; font-weight: 400; color: #fff}
#c-form label a{color: #fff; text-decoration: underline}
#c-form input[type=checkbox]{width: 30px;height: 30px;margin-top: 0px;margin-right: 1rem;background-color: unset;transition: all 0.5s ease;}
#c-form input:-webkit-autofill,
#c-form input:-webkit-autofill:hover,
#c-form input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff ;
    transition: background-color 5000s ease-in-out 0s;
}
#c-form input[type=checkbox]:focus{box-shadow: unset;border-color: #fff;}
#c-form input[type=checkbox]:checked{background-color: unset;border-color: #f00;}
#c-form .input-group-text {background-color: unset; color: #fff; border-right: unset; border-color: #818181}
#c-form #inputGroupFile {
    border-left: unset;
    padding-left: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.hzd-file-button input[type=file] {margin-left: -2px !important;}
.hzd-file-button input[type=file]::-webkit-file-upload-button {display: none;}
.hzd-file-button input[type=file]::file-selector-button {display: none;}
.hzd-file-button:hover label {background-color: #dde0e3;cursor: pointer;}
:-ms-input-placeholder {color: #fff}

/* Butonlar Start */
.btn-white{
    border-radius: 7px; display: inline-block;
    font-size: 22px; font-weight: 600;
    height: 60px; line-height: 60px;
    padding: 0px 25px;
    text-transform: uppercase;
    color: #000; background-color: #fff;
    transition: all 0.4s ease;
}
.btn-white img{
    transition: all 0.4s ease;
    margin-left:40px;
    filter: grayscale(100%) brightness(50%);
}

.btn-white:hover {color: #000; background-color: #ffd538; padding: 0px 20px 0px 50px;}
.btn-white:hover img {
    margin-left:20px;
    filter: grayscale(100%) brightness(0%);
}

.read-more {
    color: #fff;
    font-size: 26px; line-height: normal;
    font-family: 'Big Shoulders Display', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 0px 10px 5px 10px;
    cursor: pointer;
    letter-spacing: 0.5px;

}
.read-more::after{content:"";position:absolute;width:100%;height:2px;background:#F00;bottom:0px;left:0; transition: all 0.5s ease;}
.read-more:hover::after{background:#FFD600}
/* Butonlar End */


.smedia ul {list-style-type: none;margin: 0;padding: 0;}
.smedia li {float: left;display: inline-block;text-align: center !important;font-size: 16px;line-height: 32px;width: 32px;height: 32px;border-radius: 50px;margin: 0px 20px 0px 0px;background-color: #FF0202;transition: all 0.3s ease;}
.smedia li:last-child {margin: 0px}
.smedia ul li a { display: block; color: #fff; transition: all 0.3s ease;}
.smedia ul li:hover { margin-top: 0px;}
.smedia ul li a:hover { color: #fff;}


footer {border-top: solid 1px rgb(74 74 74 / 40%); padding:1.5rem 0rem; margin-top: 200px}
footer, footer a {color: #969696}
footer span {font-weight: 300;}
footer ul {list-style-type: none;margin: 0;padding: 0;}
footer li { float: left; padding: 0 15px 0 0;font-size: 13px;font-weight: 500;line-height: 40px;}
footer li a:hover {text-decoration: none}
footer li:last-child {padding: 0px}



#search {
    font-family: 'Big Shoulders Display', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Ekranın tamamını kaplaması için */
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.95);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}
#search .row .col-12 form {width: 100%;border-bottom: solid 1px #FFDE00!important;padding-bottom: 15px;}
#search input[type=text] {
    background: rgba(0, 0, 0, 0);
    color: #FFF;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    outline: none;
    border: 0px;
    width: 70%;
    text-transform: uppercase
}
#search input[type=text]::placeholder {color: #fff;}
#search .btn {outline: none; border: 0; background: unset; color:#FFF!important; font-size: 38px !important; font-weight:500;letter-spacing: 0.5px; text-transform: uppercase}
#search button {outline: none; border: 0; background: unset; color:#FFDE00!important; font-size: 38px !important; line-height: 47px; padding: 0px; margin: 0px; height: 47px;float: right;}
#search i {color:#FFDE00!important; font-size: 26px !important; margin-left: 2px}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

.swiper-button-next:after, .swiper-button-prev:after {color: #fff}

.modal {--bs-modal-zindex:10100}
.modal-backdrop {--bs-backdrop-opacity:0.8}
.modal-header {position: relative; display: block; text-align: center; border-bottom: unset}
.modal-header h1 {font-size: 24px !important; font-weight: 700; color: #000; text-transform: uppercase}
.modal-header p {font-size: 11px; color: #000; position: relative; margin-top:5px; margin-bottom: 0px; padding-top: 15px; display: block}
.modal-header p:before {
    position: absolute;
    top:0px; left: 50%;
    display: block;
    width: 50px; margin-left: -25px;
    border-top: 4px solid #000;
    content: "";
}
.modal-header .btn-close {position: absolute; right: -30px; top: 9px; background-color: #ffd538; padding: 10px; color: #000; opacity: 1 !important;}
.modal-dialog {max-width: 644px}
.modal-header {padding: 3rem 0rem 1rem 0rem;}
.modal-body {padding: 0px 3rem 0px 3rem; max-height: 50vh; overflow-y: auto;}
.modal-content .form-check label {font-size: 11px}
.modal-content  { border-radius: 5px}
.modal-content * {
    outline: none !important;
    box-shadow: none !important;
}
.modal-content p, .modal-content li {
    color:#000;
    font-size: 13px;
    line-height: normal;
}
.modal-content .form-control:focus,#contact-form .form-control:hover {
    border-color: unset;
}
.modal-content .btn-primary {
    display: inline-block;
    padding: 0px 50px;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #1b1a18;
    border: unset;
    border-radius: 50px;
}
.modal-content .btn-primary:hover {
    background-color: #000;
}
.modal-content .form-check-input:checked {background-color: #1b1a18;border-color: #1b1a18;}
.modal-content .form-check-input:focus {border-color: #1b1a18;}
.modal-content .form-control {font-size: 13px; line-height: inherit;height: 45px;}
.modal-content select {font-size: 13px; line-height: inherit;height: 45px;}
.modal-content label {font-size: 14px; line-height: 28px;}
.modal-content textarea {resize: none; height: 84px !important;}
.modal-content .form-check-input[type=checkbox] {margin-top: 7px}
.modal-footer { display: block; text-align: center; border-top: 0px; padding: 1rem 3rem; }

.fancybox-is-open .fancybox-bg{
    opacity: 1 !important;
}
.fancybox-bg, .fancybox-slide--iframe .fancybox-content {
    background: #000 !important;
}
.fancybox-toolbar {
    opacity: 1 !important;
    visibility: visible !important;
}
.fancybox-slide {
    padding: 0px !important;
}

#back-to-top.show {
    opacity: 1;
}
#back-to-top {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 9px;
    z-index: 9999;
    width: 56px;
    height: 56px;
    text-align: center;
    font-size: 19px;
    background: #30463c;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top i {line-height: 56px;}

.scroll-indicator-controller {
    position: fixed;
    top: 50vh;
    transform: translate(0, -50%);
    right: 10px;
    z-index: 999;
}

.scroll-indicator-controller.indi-mobile>div span {
    display: none;
}

@media (min-width: 1025px) {
    .scroll-indicator-controller {
        right: 20px;
    }
}

.scroll-indicator-controller>div {
    width: 8px;
    height: 8px;
    position: relative;
    border-radius: 50%;
    /*background: rgba(255, 214, 0, 0.25);*/
    background: rgba(255, 214, 0, 0);
    margin: 0 0 10px 0;
    cursor: pointer;
    transition: background 0.4s ease;
    will-change: transition;

    border: solid 1px #FFD600;
}

.scroll-indicator-controller>div span {
    color: #FFD600;
    position: absolute;
    right: calc(100% + 8px);
    white-space: nowrap;
    top: 50%;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
    width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-50%) translateX(10px);
    transition: all 0.4s ease;
    will-change: transition;
}

@media (hover: none) {
    .scroll-indicator-controller>div span {
        display: none;
    }
}

.scroll-indicator-controller>div span:after {
    content: "-----";
    padding-left: 5px;
    letter-spacing: -2px;
    font-family: arial, sans-serif;
    vertical-align: text-top;
    line-height: 14px;
}

@media (hover: hover),
(-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .scroll-indicator-controller>div:hover span {
        width: auto;
        opacity: 1;
        overflow: visible;
        transform: translateY(-50%) translateX(0px);
    }
}

.scroll-indicator-controller>div.active {
    background: #FFD600;
    /*border-color: rgba(0, 0, 0, 0.25);*/
}

@supports (-ms-ime-align:auto) {
    .scroll-indicator-controller>div span {
        transition: opacity 0.4s ease;
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}