a, p, h1, h2, h3, h4, h5, h6, span, table, select, input, textarea, body, button {
    font-family: 'Poppins', sans-serif !important;
}

a, select, button, textarea, input {
    outline: none;
}

a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.nexartheader {
    height: 150px;
    line-height: 150px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.nexartheader.takip {
    position: fixed;
    width: 100%;
    height: 70px;
    background: #000000cf;
    line-height: 70px;
    transition: 0.5s;
    z-index: 555555;
}

.nexartheader .header-logo {
    display: inline-block;
}

.nexartheader .header-logo img {
    width: 100%;
}

.nexartheader .header-hamburager {
    display: inline-block;
    float: right;
    cursor: pointer;
}

.nexartheader .header-hamburager img {
}

.anasayfa-banner {
    position: relative;
    overflow: hidden;
    background: #333;
}

/*
 .anasayfa-banner img {

 width: 100%;
 max-height: 100vh;
 object-fit: cover;
 height: 100vh;
 }*/
.first-div-yenilikcilik {
    padding-top: 50px;
    padding-bottom: 40px;
}

.first-div-yenilikcilik h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 80px;
    color: #515151;
}

.first-div-yenilikcilik p {
    font-weight: 300;
    font-size: 23px;
    line-height: 35px;
    color: #505050;
}

.second-div-kutular {
    padding-top: 0px;
    padding-bottom: 50px;
}

.videolar-card {
    width: 100%;
    position: relative;
    height: 100%;
}

.videolar-card .video-card-marka {
    position: absolute;
    top: 5%;
    z-index: 999;
    left: 2%;
}

.videolar-card .video-card-marka img {
}

.videolar-card .video-card-aciklama {
    position: absolute;
    bottom: 4%;
    z-index: 9999;
    left: 2%;
    transition: 0.5s;
}

.videolar-card .video-card-aciklama img {
}

.videolar-card video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.videolar-card .video-card-aciklama h3 {
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
}

.videolar-card .video-card-aciklama p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.videolar-card:hover {
    cursor: pointer;
}

.videolar-card:hover .video-card-aciklama {
    transition: 0.5s;
}

.videolar-card:hover .play-icon-video {
    opacity: 1;
    transition: 0.5s;
    z-index: 1;
}

.play-icon-video {
    transition: 0.5s;
    position: absolute;
    top: 40%;
    left: 42%;
    opacity: 0;
}

.play-icon-video img {
    width: 100%;
}

.videolar-card:hover .video-card-bg {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    width: 100%;
    transition: 0.5s;
    height: 100%;
}

.video-card-martop {
    padding: 10px;
}

.footer {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #000;
}

.footer-logo {
    margin-top: auto;
    margin-bottom: auto;
}

.footer-logo img {
}

.footer-liste {
}

.footer-liste h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.footer-liste ul {
    padding-left: 0;
}

.footer-liste ul li {
    list-style: none;
    line-height: 35px;
}

.footer-liste ul li a {
    font-weight: 300;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}

.footer-liste ul li a:hover {
    text-decoration: none;
}

.footer-liste p {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
}

.footer-liste .footer-sosyal-medya {
    padding-left: 0px;
}

.footer-liste .footer-sosyal-medya li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.footer-liste .footer-sosyal-medya li img {
    opacity: 0.5;
    transition: 1s;
}

.footer-liste .footer-sosyal-medya li img:hover {
    opacity: 1;
}

.footersagcizgi::after {
    content: " ";
    width: 1px;
    height: 250px;
    display: block;
    background: #ffffff;
    bottom: 10px;
    margin-left: 75%;
    position: absolute;
}

.anasayfa-iletisim-formu {
    background-image: url("../img/anasayfa-iletisim-formu-bg.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover;
}

.anasayfa-iletisim-formu h2 {
    font-weight: bold;
    font-size: 50px;
    line-height: 70px;
    color: #FFFFFF;
}

.anasayfa-iletisim-formu input {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    height: 40px;
    width: 95%;
    background: transparent;
    outline: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
}

.anasayfa-iletisim-formu input::placeholder {
    color: #fff;
}

.anasayfa-form-buton {
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background: transparent;
    padding: 18px 70px;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}

.anasayfa-form-buton .butonyazi {
    position: absolute;
    top: 8px;
    left: 20px;
}

.anasayfa-form-buton .ok-hover-1 {
    position: absolute;
    top: 12px;
    left: -40px;
    /* transition: 0.5s; */
    opacity: 0;
}

.anasayfa-form-buton:hover {
    background: #fff;
    transition: 0.5s;
    border: 1px solid #000;
}

.anasayfa-form-buton .ok-hover-2 {
    position: absolute;
    top: 12px;
    right: 10px;
    transition: 0.5s;
    opacity: 1;
}

.anasayfa-form-buton:hover .ok-hover-2 {
    right: -40px;
    transition: 0.5s;
    /* transition-delay: 0.3s; */
    opacity: 0;
}

.anasayfa-form-buton:hover .ok-hover-1 {
    left: 100px;
    transition: 0.5s;
    opacity: 1;
    transition-delay: 0.3s;
}

.photography-anasayfa-bg {
    background-image: url("../img/cozumler-alt-bg.jpg");
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.photography-anasayfa-bg h2 {
    font-weight: bold;
    font-size: 50px;
    line-height: 90px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.photography-anasayfa-bg p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.photo-slider .photsliderbaslik {
    position: relative;
    top: 180px;
    z-index: 1;
}

.photo-slider .photsliderbaslik h3 {
    font-weight: bold;
    font-size: 25px;
    height: 50px;
    text-align: center;
    color: #FFFFFF;
}

.photo-slider img {
    padding: 20px;
    transition: 0.5s;
}

.photo-slider .owl-nav {
    display: block !important;
}

.photo-slider .owl-next {
    position: absolute;
    top: 52%;
    right: -4%;
}

.photo-slider .owl-prev {
    position: absolute;
    top: 52%;
    left: -4%;
}

.photoslidersagok {
    padding: 20px;
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50px;
    position: relative;
    transition: 0.5s;
}

.photoslidersagok .sol-ok-photo {
    position: absolute;
    left: -50px;
    top: -2px;
    opacity: 0;
    transition: 0.5s;
}

.photoslidersagok:hover {
    cursor: pointer;
}

.photoslidersagok .sag-ok-photo {
    position: absolute;
    top: -2px;
    opacity: 1;
    transition: 0.5s;
    left: -4px;
}

.photoslidersagok:hover .sag-ok-photo {
    left: 85px;
    opacity: 0;
    transition: 0.5s;
}

.photoslidersagok:hover .sol-ok-photo {
    left: -4px;
    opacity: 1;
    transition: 0.5s;
}

/*.mouse-cursor {
 cursor: url("../img/mouse-image-icon.png"), auto;
 }*/
/*----*/
.sidenavanamenu {
    height: 100vh;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999999;
    overflow: hidden;
}

.sidenavanamenu a {
}

.sidenavanamenu a:hover {
    color: #f1f1f1;
}

.sidenavanamenu .closebtn {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
    position: absolute;
    right: 180px;
    width: 10%;
    height: auto;
}

@media screen and (max-height: 450px) {
    .sidenavanamenu {
        padding-top: 15px;
    }

    .sidenavanamenu a {
        font-size: 18px;
    }
}

/*----*/
.acilir-menu-close {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    transition: 0.5s;
}

.acilan-menu-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    height: 150px;
    line-height: 150px;
}

.ac-menu-logo {
    display: inline-block;
}

.acilir-menu {
    position: relative;
}

.menu-beyaz-ayrim {
    height: 100vh;
    width: 1px;
    position: absolute;
    top: 0;
    left: 29%;
    background: rgba(255, 255, 255, 0.4);
}

.ac-menu-kapat {
    display: inline-block;
    float: right;
}

.acilir-menu-liste {
    padding-left: 0;
}

.acilir-menu-liste li {
    line-height: 80px;
    list-style: none;
}

.acilir-menu-liste li a {
    font-weight: 600;
    font-size: 35px;
    line-height: 52px;
    text-transform: capitalize;
    color: #FFFFFF;
    opacity: 0.3;
    transition: 0.5s;
}

.acilir-menu-liste li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 1;
    transition: 0.5s;
}

.acilir-menu-liste-ve-aciklama-mar-top {
    margin-top: 4rem;
}

.acilir-menu-sosyal-medya {
    padding-left: 0;
}

.acilir-menu-sosyal-medya li {
    display: inline-block;
    margin: 0px 30px 0px 0px;
}

.acilir-menu-sosyal-medya li img {
    filter: grayscale(1);
}

.ac-menu-hover-bg {
    height: 100vh;
}

.menu-ic-aciklama-resim-bg {
    position: relative;
}

.menu-ic-aciklama-resim-bg p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.menu-ac-resim-konum {
    position: absolute;
    top: 0;
    z-index: -1;
}

.menu-ac-resim-konum img {
    width: 100%;
}

.menu-ac-ic-buyuk-sayilar {
    position: absolute;
    right: 0;
    bottom: 0;
}

.menu-ac-ic-buyuk-sayilar span {
    display: inline-block;
    font-weight: 600;
    font-size: 300px;
    line-height: 146px;
    color: #ffffff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    transition: 1s;
    cursor: pointer;
}

.menu-ac-ic-buyuk-sayilar:hover span {
    -webkit-text-fill-color: #fff;
    transition: 1s;
}

.acilir-menu-liste li a.active {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 1;
    transition: 0.5s;
}

.acilir-menu-close:hover::after {
}

/*---*/
#backtotop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    background-color: white;
    color: black;
    cursor: pointer;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    border: 1px solid #000;
}

#backtotop:hover {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.5s;
}

/*---*/
.fare-imleci {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    z-index: 55;
}

.fare-imleci img {
    width: 18px;
    transition: 0.5s;
    margin-bottom: 50px;
    height: 28px;
}

.fare-imleci p {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    cursor: pointer;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    transition: 0.5s;
}

.cizgi-animation-beyaz::after {
    content: " ";
    background: #fff;
    height: 40px;
    width: 1px;
    display: block;
    left: 50%;
    position: absolute;
    bottom: 0px;
}

.nexartheader.takip .header-logo img {
    width: 50%;
}

.nexartheader.takip .header-hamburager img {
    width: 50%;
}

.cizgi-menu-ikon {
    margin-left: 15px;
    width: 50px;
    transition: 0.5s;
}

.carpi-menu-ikon {
    display: none;
    transition: 0.5s;
}

.acilir-menu-close:hover .cizgi-menu-ikon {
    /* display:none; */
    /* transition: 0.5s; */
}

.acilir-menu-close:hover .carpi-menu-ikon {
    /* display: inline; */
    /* margin-left: 15px; */
    /* width: 25px; */
    /* transition: 0.5s; */
}

.acilir-menu-sosyal-medya li img:hover {
    filter: grayscale(0);
    transition: 0.5s;
}

.footer-liste .footer-sosyal-medya li img:hover {
    filter: grayscale(0);
    transition: 0.5s;
}

.photoslidersagok:hover {
    background: #fff;
    border: 1px solid #000;
    transition: 0.5s;
}

.anasayfa-form-buton:hover .butonyazi {
    color: #000;
}

.pad-left-sifir-iletisim-form {
    padding-left: 0px;
}

.videolar-card:hover .play-icon-before::before {
    content: "";
    background-image: url(../img/play-icon-video-ust.png);
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    top: 35%;
    left: 42%;
}

/*-----------*/
.new-menu-open {
    background: #000;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 5555555;
    padding: 40px 0px 40px 0px;
    overflow: hidden;
    margin-top: -75%;
    transition: 1s cubic-bezier(0.37, 1.11, 1, 1);
}

.new-menu-open .row {
    height: 90vh;
}

.menu-logo-and-address {
    position: relative;
    padding-left: 5%;
}

.menu-logo-and-address .new-menu-logo {
    text-align: center;
    margin-top: -50%;
    transition: 1.5s cubic-bezier(0.37, 1.11, 1, 1);
}

.menu-logo-and-address .new-menu-logo img {
}

.menu-logo-and-address .new-menu-address {
    position: absolute;
    bottom: 120px;
    width: 100%;
    transition: 1.5s cubic-bezier(0.37, 1.11, 1, 1);
    transition-delay: 0.1s;
}

.menu-logo-and-address .new-menu-address p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.menu-logo-and-address .new-menu-address p:before {
    content: "";
    width: 35px;
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 10px;
}

.menu-logo-and-address:after {
    content: "";
    height: 100vh;
    width: 1px;
    background: #ffffff78;
    display: block;
    position: absolute;
    right: -40px;
    top: -40px;
}

.new-menu-links {
    position: relative;
    width: 100%;
}

.new-menu-links ul {
    padding-left: 140px;
    margin-top: -150px;
    transition: 1.5s cubic-bezier(0.37, 1.11, 1, 1);
}

.new-menu-links ul li {
    list-style: none;
    width: max-content;
}

.new-menu-links ul li a {
    font-weight: 600;
    font-size: 45px;
    line-height: 70px;
    color: rgba(255, 255, 255, 0.5);
    transition: 0.5s;
}

.new-menu-links ul li a:hover {
    /* border-bottom: 1px solid #FFFFFF; */
    text-decoration: none;
    transition: 0.5s;
    color: #fff;
}

.new-menu-links ul li a span {
    font-weight: 200;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 120px;
    margin-top: -8px;
}

.new-menu-links ul li a:hover span {
    color: #fff;
}

.new-menu-links:after {
    content: "";
    height: 100vh;
    width: 1px;
    background: #ffffff78;
    display: block;
    position: absolute;
    right: -40px;
    top: -40px;
}

.new-menu-sosyal-medya {
    position: relative;
    padding-right: 5%;
}

.new-menu-sosyal-medya .new-menu-kapatma {
    float: right;
    margin-top: -50px;
    transition: 1.5s cubic-bezier(0.37, 1.11, 1, 1);
}

.new-menu-sosyal-medya .new-menu-kapatma h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
    cursor: pointer;
    transition: 0.5s;
}

.new-menu-sosyal-medya .new-menu-kapatma h3 img {
    margin-left: 15px;
    transition: 1s;
}

.new-menu-sosyal-medya .new-menu-kapatma h3:hover img {
    transform: rotate(360deg);
    transition: 1s;
    transition-delay: 0.3s;
}

.new-menu-sosyal-medya .new-menu-kapatma h3:hover {
    border-bottom: 1px solid #fff;
    transition: 0.5s;
    width: max-content;
    padding-bottom: 10px;
}

.new-menu-sosyal-medya-div {
    position: absolute;
    width: 100%;
    bottom: 110px;
    right: 0;
    padding-left: 20%;
    transition: 1.5s cubic-bezier(0.37, 1.11, 1, 1);
    transition-delay: 0.1s;
}

.new-menu-sosyal-medya-div h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 70px;
    color: #FFFFFF;
}

.new-menu-sosyal-medya-div p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.new-menu-sosyal-medya-div ul {
    padding-left: 0;
}

.new-menu-sosyal-medya-div ul li {
    display: inline-block;
    margin: 30px 20px 0px 0px;
}

.new-menu-sosyal-medya-div ul li img {
    opacity: 0.5;
    transition: 1s ease;
}

.new-menu-sosyal-medya-div ul li img:hover {
    opacity: 1;
}

.martop-menu-sifir {
    margin-top: 0px !important;
}

.mar-left-menu-sifir {
    margin-left: 0px !important;
    transition: 0.5s;
}

.bottom-sifir-menu {
    bottom: 0px !important;
}

.mar-top-elli-menu {
    margin-top: 50px !important;
}

.photo-slider .item:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.new-banner {
    position: relative;
}

.new-banner .new-banner-desc {
    position: absolute;
    top: 52%;
}

.portfolio-banner .new-banner-desc {
    top: 44%;
}

.new-banner .new-banner-desc h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    color: #FFFFFF;
    width: 60%;
}

.banner-new-asagi-ok {
    position: absolute;
    bottom: 10%;
}

.banner-new-asagi-ok img {
    width: 100%;
}

.div-baslik-alt-cizgi::after {
    content: "";
    height: 4px;
    width: 23%;
    background: #515151;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}

.kariyer-new-form {
    padding-top: 5%;
    padding-bottom: 5%;
}

.kariyer-new-form .form-desc-and-line {
    padding-bottom: 0%;
}

.kariyer-new-form .form-desc-and-line .form-desc-title {
    display: inline-block;
    width: 29%;
}

.kariyer-new-form .form-desc-and-line .form-desc-title h3 {
    font-weight: bold;
    font-size: 35px;
    line-height: 180%;
    letter-spacing: 0.02em;
    color: #515151;
}

.kariyer-new-form .form-desc-and-line .form-desc-line {
    display: inline-block;
    width: 70%;
    border-bottom: 1px solid rgba(132, 132, 132, 0.2);
}

.kariyer-new-form p {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #3D3C3C;
    opacity: 0.6;
    margin-bottom: 5px;
}

.kariyer-new-form input {
    border: 1px solid #515151;
    border-radius: 6px;
    height: 45px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #515151;
    padding-left: 15px;
    margin-bottom: 40px;
}

.kariyer-new-form select {
    border: 1px solid #515151;
    border-radius: 6px;
    height: 45px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #515151;
    padding-left: 10px;
    position: relative;
    background: none;
    margin-bottom: 30px;
}

/*-------------*/
select {
    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*-------------*/
.select-ok-for-new-kariyer-form {
    position: absolute;
    right: 8%;
    bottom: 50px;
}

.select-ok-for-new-kariyer-form img {
    width: 10px;
}

.new-cv-yukle-btns {
    text-align: right;
}

.new-cv-yukle-btns .new-cv-btn-right-and-left {
    text-align: right;
    position: relative;
}

.new-cv-yukle-btns .new-cv-btn-right-and-left .btn-cv-yukle {
    display: inline-block;
}

.new-cv-yukle-btns .new-cv-btn-right-and-left .btn-cv-yukle input {
    margin-bottom: 0px;
    background: #010000;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    margin-right: 20px;
    height: 55px;
}

.new-cv-yukle-btns .new-cv-btn-right-and-left .btn-portfolio-yukle {
    display: inline-block;
}

.new-cv-yukle-btns .new-cv-btn-right-and-left .btn-portfolio-yukle input {
    margin-bottom: 0px;
    background: #010000;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 55px;
}

/*-----------*/
.custom-file-input {
    opacity: 1 !important;
    color: transparent !important;
    cursor: pointer;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: '';
    background-image: url('../img/dosya-yukle-icon.png');
    outline: none;
    -webkit-user-select: none;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    border: none;
    position: absolute;
    right: 10px;
    top: 5px;
    opacity: 1;
    z-index: 5555;
    display: block;
}

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
}

/*------------*/
.new-kariyer-cv-port-icon {
    position: absolute;
    right: 16.5%;
    top: 24%;
    z-index: 11;
}

.new-kariyer-cv-port-icon-2 {
    position: absolute;
    right: 6.5%;
    top: 24%;
    z-index: 11;
}

.new-kariyer-cv-port-icon img {
}

.new-kariyer-cv-port-desc {
    position: absolute;
    right: 11.5%;
    top: 30%;
    z-index: 11;
}

.new-kariyer-cv-port-desc-2 {
    position: absolute;
    right: 1.5%;
    top: 30%;
    z-index: 11;
}

.new-kariyer-cv-port-desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
    opacity: 1;
}

.new-kariyer-cv-port-desc-2 p {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
    opacity: 1;
}

.musterilerimiz-new-referans-logo {
    padding-top: 5%;
    padding-bottom: 5%;
    overflow: hidden;
}

.new-reference-div {
    width: 20%;
    text-align: center;
    border-right: 2px solid #b2aeae;
    border-bottom: 2px solid #b2aeae;
}

.new-reference-div img {
    width: 40%;
    filter: grayscale(1);
}

.new-reference-div:nth-of-type(5) {
    border-right: none;
}

.new-reference-div:nth-of-type(10) {
    border-right: none;
}

.new-reference-div:nth-of-type(15) {
    border-right: none;
}

.new-reference-div:nth-of-type(20) {
    border-right: none;
}

.new-reference-div:nth-of-type(25) {
    border-right: none;
}

.new-reference-div:nth-of-type(30) {
    border-right: none;
}

.new-reference-div:nth-of-type(35) {
    border-right: none;
}

.new-reference-div:nth-of-type(40) {
    border-right: none;
}

.new-reference-div:nth-of-type(45) {
    border-right: none;
}

.new-reference-div:nth-of-type(41) {
    border-bottom: none;
}

.new-reference-div:nth-of-type(42) {
    border-bottom: none;
}

.new-reference-div:nth-of-type(43) {
    border-bottom: none;
}

.new-reference-div:nth-of-type(44) {
    border-bottom: none;
}

.new-reference-div:nth-of-type(45) {
    border-bottom: none;
}

.new-neden-nexart {
    background: linear-gradient(to right,rgb(45, 45, 45) 0,rgb(45, 45, 45) 50%,rgb(45, 45, 45) 100%);
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
    overflow: hidden;
    height: 2130px;
}

.new-neden-nexart-studio-yazi {
    text-align: center;
}

.new-neden-nexart-studio-yazi img {
    width: 35%;
    margin-bottom: 50px;
}

.neden-nexart-icon-pos {
    display: inline-block;
    width: 48%;
}

.neden-nexart-icon-pos img {
    width: 100%;
}

.neden-nexart-icon-desc {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

.neden-nexart-icon-desc h5 {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
}

.new-spiral-image {
    position: absolute;
    left: 20%;
}

.new-spiral-image img {
    height: 100%;
}

.position-neden-nexart-1 {
    position: absolute;
    top: 10%;
    left: 10%;
}

.position-neden-nexart-2 {
    position: absolute;
    right: 0%;
    top: 22%;
}

.position-neden-nexart-3 {
    position: absolute;
    left: 10%;
    top: 44%;
}

.position-neden-nexart-4 {
    position: absolute;
    right: 14%;
    top: 53%;
}

.position-neden-nexart-5 {
    position: absolute;
    left: -6%;
    top: 75%;
}

.position-neden-nexart-6 {
    position: absolute;
    top: 79%;
    right: 0%;
}

.new-hakkimizda-centered-owl {
    margin-bottom: -10px;
}

.new-hakkimizda-centered-owl .center .new-hakkinda-owl-film {
    background: transparent;
    transition: 0.5s;
}

.new-hakkinda-owl-film {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    transition: 0.5s;
}

.new-hakkimizda-center-owl .owl-nav {
    display: block !important;
}

.new-hakkimizda-center-owl .owl-next {
    position: absolute;
    right: 1%;
    top: 40%;
}

.new-hakkimizda-center-owl .owl-prev {
    position: absolute;
    left: 1%;
    top: 40%;
}

.strateji-prod-teknoloji-banner {
    background: #f5f5f5;
    padding-top: 5%;
    padding-bottom: 5%;
}

.hizmetlerimiz-new-spt-box {
    text-align: center;
}

.hizmetlerimiz-new-spt-box img {
}

.hizmetlerimiz-new-spt-box h3 {
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: #515151;
    margin-top: 20px;
}

.hizmetlerimiz-new-spt-box p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #505050;
    width: 70%;
    margin: auto;
}

.iletisim-haritesi {
    width: 100%;
    height: 600px;
    background-color: green;
}

.gm-style-pbc {
    transition: opacity ease-in-out;
    background-color: rgba(0,0,0,0.45);
    text-align: center;
}

.gm-style-pbt {
    font-size: 22px;
    color: white;
    font-family: Roboto, Arial, sans-serif;
    position: relative;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);
}

.gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
}

.gm-style img {
    max-width: none;
}

.gm-control-active > img:nth-child(1) {
    display: block;
}

.gm-control-active > img {
    box-sizing: content-box;
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

.iletisim-sayfasi {
    background-color: #fff;
    height: 300px;
    z-index: 1;
    width: 100%;
    position: absolute;
}

.iletisim-sayfasi-iphone {
    width: 300px;
    background: url(../img/iletisim-iphone.png);
    height: 635px;
    background-size: cover;
    margin: -375px auto;
}

.iletisim-sayfasi-iphone h2 {
    top: -125px;
}

.iletisim-sayfasi-iphone h3 a, .iletisim-sayfasi-iphone h4 a {
    width: 100%;
    position: initial;
}

.iletisim-sayfasi-iphone h2, .iletisim-sayfasi-iphone h3, .iletisim-sayfasi-iphone h4, .iletisim-sayfasi-iphone a {
    color: #2c2c2c;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    width: 30%;
    left: 35%;
    line-height: 25px;
    text-align: center;
}

.iletisim-sayfasi-iphone h3 {
    top: 0;
}

.iletisim-sayfasi-iphone h4 {
    top: 85px;
    z-index: 2;
}

.iletisim-sayfasi-iphone-ikonlar {
    width: 260px;
    opacity: .8;
    position: relative;
    top: 395px;
    left: -165px;
}

.iletisim-sayfasi-iphone-ikonlar img {
    width: 100%;
}

.newhizmetlerimiz-card-div {
    padding-top: 5%;
    padding-bottom: 5%;
}

.newhizmetlerimiz-card-div h2 {
    color: #4a4a4a;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.newhizmetlerimiz-card-div h2:after {
    content: "";
}

.hizmetlerimiz-first {
    width: 100%;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
    padding-bottom: 35px;
    padding-top: 3%;
}

.hizmetlerimiz-3 > .grids {
    background: #FFF;
    max-width: 100%;
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.hizmetlerimiz-3 > .grids > div {
    float: left;
    width: 23%;
    margin: 1%;
    min-width: 172px;
    position: relative;
    overflow: hidden;
}

.hizmetlerimiz-3 > .grids > div > .hizmetlerimiz-hover {
    width: 150%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 1;
    transition: all .3s ease;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate( -45deg );
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate( -45deg );
}

.hizmetlerimiz-3 > .grids > div > .hizmetlerimiz-hover, .hizmetlerimiz-hover-text {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.hizmetlerimiz-hover {
    position: absolute;
    background: rgba(35, 35, 35, 0.8);
    width: 95%;
    height: 95%;
    margin: 2.5%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.hizmetlerimiz-hover-text {
    opacity: 0;
    position: absolute;
    z-index: 2;
    margin-top: 15%;
    width: 100%;
    transition: all .3s ease;
}

.hizmetlerimiz-hover-text ul {
    padding-left: 0
}

.hizmetlerimiz-hover-text h1 {
    color: #fdf6f6;
    font-size: 21px;
    width: 50%;
    margin: auto auto 5px;
    border-bottom: 1px solid #fdf6f6;
    line-height: normal;
    padding-bottom: 5px;
    font-weight: 700;
    text-align: center;
}

.hizmetlerimiz-hover-text ul li {
    padding-top: 5px;
    text-align: center;
}

.hizmetlerimiz-hover-text p, .hizmetlerimiz-hover-text ul li {
    color: #fdf6f6;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.hizmetlerimiz-ustbaslik {
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.hizmetlerimiz-ustbaslik > div {
    position: absolute;
    margin: 10%;
}

.hizmetlerimiz-ustbaslik > div > h1 {
    padding-top: 0 !important;
    width: 150px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 23px;
    line-height: 26px;
    color: #515151;
    text-align: left;
}

.hizmetlerimiz-3 > .grids > div:hover .hizmetlerimiz-hover {
    height: 790px;
}

.hizmetlerimiz-3 > .grids > div:hover .hizmetlerimiz-hover-text {
    opacity: 1;
}

.hizmetlerimiz-3 h2 {
    color: #4a4a4a;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.hizmetlerimiz-3 h2:after {
    content: "";
    background: #4a4a4a;
    width: 8%;
    height: 4px;
    display: block;
    margin: auto;
    margin-top: 8px;
}

.hizmetlerimiz-slayt {
    width: 100%;
    padding: 25px 0;
    background: url("../img/hizmetlerimiz_slaytsonre.jpg") no-repeat center center fixed;
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-repeat-y: repeat;
}

.hizmetlerimiz-slayt h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
    width: 65%;
    margin: 2.5% auto;
    line-height: 45px;
    margin-bottom: 50px;
}

.hizmetlerimiz-slayt h2:after {
    content: "";
    display: block;
    width: 150px;
    border-bottom: 3px solid #fff;
    margin: 25px auto;
}

.skills-tags-container {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 75px;
}

.skills-tags-container .central-circle.in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.skills-tags-container .central-circle {
    display: table;
    position: relative;
    margin: 0 auto;
    width: 18.75 vw;
    height: 18.75 vw;
    max-width: 240px;
    max-height: 240px;
    min-width: 190px;
    min-height: 190px;
    border: solid 3px #fff;
    box-shadow: inset 0 0 10px #fff, 0 0 10px #fff;
    font-size: 18px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.skills-tags-container .central-circle .circle-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.skills-tags-container .central-circle .circle-inner i {
    font-size: 40px;
    vertical-align: top;
    margin-top: -20px;
}

.skills-tags-container .skils.dev {
    bottom: -40px;
    right: 100%;
    margin-right: 29px;
}

.skills-tags-container .skils {
    position: absolute;
    white-space: nowrap;
}

.skills-tags-container .skils.dev .skill-arrow {
    left: 92%;
    margin-left: 76px;
    bottom: 84px;
    -webkit-transform: rotateZ( 55deg );
    -moz-transform: rotateZ(55deg);
    -ms-transform: rotateZ(55deg);
    -o-transform: rotateZ(55deg);
    transform: rotateZ( 55deg );
}

.skills-tags-container .skils .skill-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.skills-tags-container .skils .skill-arrow.in .disc {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.skills-tags-container .skils .skill-arrow .disc {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    border: solid 2px #fff;
    width: 50%;
    height: 50%;
    box-shadow: inset 0 0 5px #fff, 0 0 5px #fff;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
}

.skills-tags-container .skils.dev .skill-arrow.in span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    height: 70px;
    -webkit-animation: layAnim 4.5s infinite linear;
    -moz-animation: layAnim 4.5s infinite linear;
    animation: layAnim 4.5s infinite linear;
}

.skills-tags-container .skils .skill-arrow.in span {
    opacity: 1;
    height: 50px;
}

.skills-tags-container .skils .skill-arrow span {
    content: "";
    display: block;
    position: absolute;
    border: solid 1px #fff;
    left: 50%;
    margin-left: -1px;
    top: 100%;
    margin-top: -2px;
    width: 0;
    height: 0px;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: rotateZ( 0deg );
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ( 0deg );
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

.skills-tags-container .skils .skill-arrow.in span:before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.skills-tags-container .skils .skill-arrow span:before {
    content: "";
    display: block;
    border: solid 2px #fff;
    box-shadow: inset 0 0 5px #fff, 0 0 5px #fff;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 100%;
    margin-left: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.skills-tags-container .skils .skill-info {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.skills-tags-container .skils i {
    font-size: 40px;
    vertical-align: top;
}

.skills-tags-container .skils.analyze {
    bottom: 100%;
    left: 50%;
    margin-left: -30px;
    margin-bottom: 60px;
}

.skills-tags-container .skils.analyze .skill-arrow {
    top: 100%;
    margin-top: 70px;
    left: 45%;
}

.skills-tags-container .skils.analyze .skill-arrow.in span {
    -webkit-animation: analyzeAnim 4s 0.1s infinite linear;
    -moz-animation: analyzeAnim 4s 0.1s infinite linear;
    animation: analyzeAnim 4s 0.1s infinite linear;
}

.skills-tags-container .skils.analyze .skill-arrow span {
    top: auto;
    bottom: 100%;
}

.skills-tags-container .skils.analyze .skill-arrow span:before {
    top: auto;
    bottom: 100%;
}

.skills-tags-container .skils.open .skill-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.skills-tags-container .skils.open:nth-of-type(even) .info-inner {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: skillevenitem 4s 0.1s infinite linear;
    -moz-animation: skillevenitem 4s 0.1s infinite linear;
    animation: skillevenitem 4s 0.1s infinite linear;
    color: #fff;
}

.fa.fa-pencil {
    float: left;
    font-size: 30px !important;
}

.skills-tags-container .skils.planing {
    bottom: 80%;
    left: 100%;
    margin-left: 30px;
}

.skills-tags-container .skils.planing .skill-arrow {
    -webkit-transform: rotateZ( -122deg );
    -moz-transform: rotateZ(-122deg);
    -ms-transform: rotateZ(-122deg);
    -o-transform: rotateZ(-122deg);
    transform: rotateZ( -122deg );
    right: 100%;
    margin-right: 65px;
    top: 77px;
}

.skills-tags-container .skils.planing .skill-arrow.in span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation: planAnim 3.8s infinite linear;
    -moz-animation: planAnim 3.8s infinite linear;
    animation: planAnim 3.8s infinite linear;
}

.skills-tags-container .skils.open:nth-of-type(odd) .info-inner {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: skillodditem 4s 0.1s infinite linear;
    -moz-animation: skillodditem 4s 0.1s infinite linear;
    animation: skillodditem 4s 0.1s infinite linear;
    color: #fff;
}

.skills-tags-container .skils.planing .skill-tags {
    right: auto;
    left: 0;
}

.skills-tags-container .skill-tags {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    text-align: right;
}

.skills-tags-container .text-left {
    text-align: left !important;
}

.skills-tags-container .skill-tags .tag-item {
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
    text-decoration: none;
    color: #00abd7;
    font-size: 14px;
    padding: 0 5px;
    margin: 0 0px 3px;
    border: solid #00abd7 1px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.skills-tags-container .skill-tags .tag-item i {
    margin-left: 5px;
    font-size: 12px;
    line-height: 26px;
}

.skills-tags-container .skill-tags:after {
    content: "";
    display: table;
    clear: both;
}

.skills-tags-container .skils.structure {
    bottom: 60%;
    right: 92%;
    margin-right: 50px;
}

.skills-tags-container .skils.structure .skill-arrow {
    top: 40px;
    left: 100%;
    margin-left: 70px;
    -webkit-transform: rotateZ( 93deg );
    -moz-transform: rotateZ(93deg);
    -ms-transform: rotateZ(93deg);
    -o-transform: rotateZ(93deg);
    transform: rotateZ( 93deg );
}

.skills-tags-container .skils.structure .skill-arrow.in span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation: srAnim 4.5s 0.1s infinite linear;
    -moz-animation: srAnim 4.5s 0.1s infinite linear;
    animation: srAnim 4.5s 0.1s infinite linear;
}

.skills-tags-container .skils.layout {
    bottom: -40px;
    left: 100%;
    margin-left: 15px;
}

.skills-tags-container .skils.layout .skill-arrow {
    -webkit-transform: rotateZ( -60deg );
    -moz-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    -o-transform: rotateZ(-60deg);
    transform: rotateZ( -60deg );
    margin-right: 57px;
    right: 100%;
    margin-top: -25px;
}

.skills-tags-container .skils.layout .skill-arrow.in span {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    height: 65px;
    -webkit-animation: devAnim 5s infinite linear;
    -moz-animation: devAnim 5s infinite linear;
    animation: devAnim 5s infinite linear;
}

.skills-tags-container .skils.layout .skill-info {
    width: 100px;
}

.hizmetlerimiz-3 > .grids > div:hover .hizmetlerimiz-ustbaslik img {
    opacity: 0 !important;
}

.hizmetlerimiz-3 > .grids > div:hover .hizmetlerimiz-ustbaslik > div > h1 {
    opacity: 0 !important;
}

.hizmetlerimiz-nexart-studio-full-owl {
}

.hizmelerimiz-owl-kutu {
    padding-top: 2%;
    padding-bottom: 2%;
}

.hizmelerimiz-owl-kutu span {
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 90px;
    margin-left: 7px;
    display: block;
}

.hizmelerimiz-owl-kutu h5 {
    color: #fff;
    font-size: 25px;
    width: 50%;
    margin: auto;
    line-height: 30px;
    text-align: center;
    padding: 15px 0;
}

.hizmelerimiz-owl-kutu span:before {
    content: "";
    background-image: url('../img/hizmetlerimizslayt-no.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    display: block;
    margin: auto;
    position: absolute;
    left: 48.5%;
    margin-top: -5px;
}

.hizmetlerimiz-desc-owl .owl-nav {
    display: block !important;
}

.hizmetlerimiz-desc-owl .owl-next {
    position: absolute;
    top: 50%;
    right: 5%;
}

.hizmetlerimiz-desc-owl .owl-prev {
    position: absolute;
    top: 50%;
    left: 5%;
}

.hizmetlerimiz-desc-owl .owl-next img, .hizmetlerimiz-desc-owl .owl-prev img {
    width: 50px;
}

.animate__animated.animate__delay-3s {
    --animate-duration: 2000ms;
}

.new-banner-desc h1:after {
    content: "";
    background-image: url('../img/banner-new-asagi-ok.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 80px;
    display: block;
    margin-top: 20px;
}

/*------*/
.video {
    background-image: url('https://temp.webatolyeniz.com/nexartstudio/cms/files/htr_video_2.jpg');
    height: 300px;
    width: 100%;
    background-size: cover;
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display: none !important;
}

.videolar-card:hover .video {
    background: #000;
    opacity: 0.5;
}

/*---------*/
.new-menu-links ul li a:hover::after {
    -webkit-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1);
}

.new-menu-links ul li a::after {
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fefefe;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
    display: block;
}

.polystar {
    width: 100%;
}

.buton-new-nexart {
    height: 35px;
}

.buton-new-nexart span {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #000000;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 7px;
}

.new-btn-oklar {
    width: 50px;
    position: absolute;
    top: 4px;
    overflow: hidden;
    display: inline-block;
    right: 0;
}

.new-btn-oklar .new-btn-sol-ok {
    position: relative;
    left: -25px;
    top: 0;
    transition: 0.5s;
}

.new-btn-oklar .new-btn-sag-ok {
    position: relative;
    left: -7px;
    top: 0;
    transition: 0.5s;
}

.buton-new-nexart:hover {
    cursor: pointer;
}

.buton-new-nexart:hover .new-btn-oklar .new-btn-sol-ok {
    transition: 0.5s;
    left: 15px;
}

.buton-new-nexart:hover .new-btn-oklar .new-btn-sag-ok {
    left: 35px;
    transition: 0.5s;
}

.buton-mar-top {
    margin-top: 4%;
    text-align: left;
    margin-left: 20%;
}

/*---Buton---*/
a.animated-button:link, a.animated-button:visited {
    text-transform: none;
    position: relative;
    display: block;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #FAFAFA;
    padding: 10px 30px;
    transition: 0.5s;
}

a.animated-button:link:after, a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

a.animated-button:link:hover, a.animated-button:visited:hover {
    color: #FFF;
    text-shadow: none;
}

a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
    height: 450%;
}

a.animated-button.thar-three {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 1px solid #000;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    0s; background: #ffffff;
    border-radius: 30px;
    padding: 8px 10px;
    width: 150px;
    font-size: 16px;
    z-index: 555;
}

a.animated-button.thar-three:hover {
    color: #fff !important;
    background-color: transparent;
    border: 1px solid transparent;
}

a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

a.animated-button.thar-three:hover span {
    color: #fff;
}

a.animated-button.thar-three:before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #fff !important;
    background: #000000;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    0s; border-radius: 20px;
}

/*---Buton---*/
.gonder-btn-new-spec button {
    border: none;
    background: transparent;
}

.gonder-btn-new-spec a.animated-button.thar-three {
    width: 120px;
    background: transparent;
    border: 1px solid #fff;
}

.gonder-btn-new-spec .buton-new-nexart span {
    color: #fff;
}

.gonder-btn-new-spec a.animated-button.thar-three:before {
    background: #fff;
}

.gonder-btn-new-spec a.animated-button.thar-three:hover span {
    color: #000;
}

.new-box-like-youtube {
    padding-top: 1%;
    /* padding-bottom: 31%; */
    position: relative;
    padding-bottom: 30px;
}

.new-box-like-youtube .col-lg-6 {
    overflow: hidden;
    margin-bottom: 30px;
}

.new-youtube-cars {
    position: relative;
    width: 100%;
    height: 100%;
}

.new-youtube-cars .yt-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.new-youtube-cars .yt-image img {
    width: 100%;
}

.yt-image-count-1 img {
    height: 100%;
}

.yt-image-count-2 img {
    height: 100%;
}

.yt-image-count-3 img {
    height: 100%;
}

.yt-image-count-4 img {
    height: 100%;
}

.yt-image-count-5 img {
    height: 100%;
}

.dis-card-none {
    display: none;
}

.video-new-main-page-films {
    position: relative;
    z-index: 7;
    width: 100%;
    opacity: 0.6;
    transition: 1s;
}

.video-new-main-page-films img {
    width: 100%;
    height: 100%;
}

.video-new-main-page-films svg {
    width: 100%;
    height: 100%;
}

.video-new-main-page-desc {
    position: absolute;
    width: 94%;
    z-index: 9999;
    /* height: 100%; */
    top: 80%;
    left: 4%;
}

.video-new-main-page-desc h3 {
    font-weight: 500;
    font-size: 25px;
    line-height: 25px;
    color: #FFFFFF;
}

.video-new-main-page-desc p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
}

.video-new-main-page-brand {
    z-index: 15;
    position: absolute;
    top: 15px;
    left: 15px;
}

.video-new-main-page-brand img {
    width: 70%;
}

.video-new-play-card-icon {
    transition: 0.5s;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    opacity: 0;
}

.video-new-play-card-icon img {
}

.new-youtube-cars:hover .video-new-play-card-icon {
    z-index: 150;
    opacity: 1;
    transition: 0.5s;
}

.stroke-solid {
    stroke-dashoffset: 300;
    stroke-dashArray: 300;
    stroke-width: 4px;
    transition: stroke-dashoffset 1s ease;
}

.iconnn {
    transform: scale(.8);
    transform-origin: 50% 50%;
    transition: transform 200ms ease-out;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.new-hakkimizda-center-owl .owl-stage-outer .owl-stage .owl-item .item img {
    height: 550px;
    object-fit: cover;
}

.gonder-btn-new-spec.kariyer-new-bnt-gonder a.animated-button.thar-three {
    background: #000;
    border: 1px solid #000;
}

/*-------*/
#yourBtn {
    position: relative;
    top: 20px;
    width: 140px;
    padding: 10px 10px 10px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 5px;
    border: 1px solid #000;
    text-align: right;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    float: right;
    margin: 10px;
}

#yourBtn img {
    margin-right: 5px;
    margin-bottom: 4px;
}

#yourBtn2 {
    position: relative;
    top: 20px;
    width: 140px;
    padding: 10px 10px 10px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 5px;
    border: 1px solid #000;
    text-align: right;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    float: right;
    margin: 10px;
}

#yourBtn2 img {
    margin-right: 5px;
    margin-bottom: 4px;
}

.anasayfabannerdesc {
    position: absolute;
    top: 60%;
    color: #fff;
    width: 100%;
    left: 0;
    margin: auto;
    text-align: center;
    z-index: 5;
}

.anasayfabannerdesc h1 {
    font-weight }

/*------*/ .banner-ikonlar {
    display: inline-block;
    margin: 0px 20px 0px 20px;
}

.banner-ikonlar p {
    padding-top: 10px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    margin: auto;
}

.banner-btn span {
    font-weight: 400;
}

.banner-btn {
    margin: auto;
}

.buton-mar-top2 {
    margin-top: 4%;
}

.anasayfa-banner video {
}

.iletisimbannerdesc {
    top: 40% !important;
}

.main-page-main-video-part {
    position: relative;
}

.main-page-main-video-part video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    margin-bottom: -10px;
}

.main-video-for-film {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000005e;
    z-index: 0;
}

.main-page-main-video-part-mobile {
    position: relative;
}

.main-page-main-video-part-mobile video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    margin-bottom: -10px;
}

#id01 {
    display: none;
}

.bizeulasinSticky {
    position: fixed;
    top: 55%;
    z-index: 999999999999999;
    right: 0;
}

.bizeulasinSticky img {
    width: 100px;
}

.bizeUlasinButonuCss {
    background-color: transparent !important;
    padding: 0 !important;
    border: 0;
}

.bizeulasinStickyyy {
    position: fixed;
    top: 64%;
    z-index: 555;
    right: 25px;
}

.bizeulasinStickyyy > a {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    float: right;
    clear: both;
}

.bizeulasinStickyyy > a:hover {
    margin-right: -4px;
}

.bizeulasinStickyyy > button {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    float: right;
    clear: both;
    border: none;
    background: 0 0;
    padding: 0;
}

.bizeulasinStickyyy > button:hover {
    margin-right: -4px;
}

.bizeulasinStickyyy img {
    width: 40px;
    margin-top: 5px;
    margin-left: 10px;
}

.bizeulaspopupkapatmatusu {
    padding: 0 16px;
    font-size: 40px;
}

.popUpBizeUlasinButonu {
    margin-top: 25px;
    margin-bottom: 25px;
}

.popUpBizeUlasinButonu a {
    border: 1px solid #333;
    color: #fff !important;
    background: #333;
    padding: 8px 24px;
    /* color: #fff; */
}

.popupbizeulasustDivi {
    width: 340px !important;
    padding: 15px;
    border: 6px solid #000000ab;
    margin-top: 70px;
    background-image: url(https://idemania.net/themes/base/assets/new/img/yapisikicon.png);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 265px;
    background-position-x: 115px;
    background: #fff;
}

.bizeulasinInputTextare input {
    border: 1px solid #333;
    margin-top: 15px;
    padding: 5px;
    width: 240px;
    padding-left: 10px;
}

.bizeulasinInputTextare textarea {
    margin-top: 15px;
    border: 1px solid #333;
    padding: 9px;
    width: 240px;
}

.popupbizeulasustDivi h5 {
    text-align: center;
    font-size: 25px;
    color: #282828;
    font-weight: 300;
    letter-spacing: -1.85px;
    /* margin-top: 65px !important; */
    /* margin-bottom: 20px !important; */
}

.bizeulasinStickyyy:hover .yapiskanyuvarlakdiv {
    padding: 30px 50px 30px 85px;
    transition: .5s;
}

.yapiskanyuvarlakdiv {
    background: #000000ab;
    padding: 20px;
    border-radius: 50px 50px 0 50px;
}

.bizeulasinStickyyy:hover .yapiskanyuvarlakdiv img {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 25px;
    top: 45px;
}

.yapiskanyuvarlakdiv span {
    display: none
}

.bizeulasinStickyyy:hover .yapiskanyuvarlakdiv span {
    display: block;
    color: #fff;
    font-size: 22px;
}

.w3-modal-content {
    height: 470px;
}

.w3-modal-content {
    margin: 40px 10px !important;
}

.popupbizeulasustDivi {
    z-index: 5555;
    left: 37%;
    top: 10%;
    position: fixed;
    z-index: 11111;
}

.banner-btn {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.banner-btn span {
    color: #fff !important;
}

.banner-btn2 span {
    left: 24px !important;
}

.banner-btn4 {
    margin: auto;
}

.banner-btn4:hover span {
    color: #fff !important;
}

.banner-btn4 {
    background: #fff !important;
    border: 1px solid #333 !important;
    color: #333 !important;
}

.banner-btn4 span {
    color: #333 !important;
}

.film-banner-produksiyon {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000061;
    /* opacity: 0.5; */
}

.new-banner video {
    margin-bottom: -6px;
}

.fpv-banner video {
    width: 100%;
    height: 95vh;
    object-fit: cover;
}

.main-page-main-video-part-mobile img {
    width: 100%;
    height: 95vh;
    object-fit: cover;
}

.whatsapp-iletisim {
    position: fixed;
    right: 1%;
    bottom: 10%;
    z-index: 2;
}

.whatsapp-iletisim img {
}

.newcardsfor-cozumlerpart {
    padding-top: 2%;
    padding-bottom: 2%;
}

.newcard-for-cozumlerimiz {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
}

.newcard-for-cozumlerimiz:hover .newcard-for-coz-desc {
    transition: 1s;
    bottom: 25%;
}

.newcard-for-cozumlerimiz:hover .newcard-for-coz-mainimage {
    transition: 1s;
    transform: scale(1.2);
}

.newcard-for-cozumlerimiz .newcard-for-coz-mainimage {
    width: 100%;
    transition: 1s;
}

.newcard-for-cozumlerimiz .newcard-for-coz-desc {
    position: absolute;
    bottom: 15%;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    transition: 1s;
}

.newcard-for-cozumlerimiz .newcard-for-coz-desc .newcard-for-coz-title {
    display: inline-block;
    width: 84%;
}

.newcard-for-cozumlerimiz .newcard-for-coz-desc .newcard-for-coz-title h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.newcard-for-cozumlerimiz .newcard-for-coz-desc .newcard-for-coz-arrow {
    display: inline-block;
    width: 15%;
    text-align: right;
}

.newcard-for-cozumlerimiz .newcard-for-coz-desc .newcard-for-coz-arrow img {
}

.newcard-for-cardfilm {
    background: linear-gradient(360deg, #000000 6.02%, rgba(0, 0, 0, 0) 65.09%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cozumlersayfasi-iletisimform-new {
    background: #F5F5F5;
}

.cozumlersayfasi-iletisimform-new h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 75px;
    color: #000000;
}

.cozumlersayfasi-iletisimform-new input {
    color: #000000;
    border-bottom: 1px solid #000;
}

.cozumlersayfasi-iletisimform-new input::placeholder {
    color: #000;
}

.cozumlersayfasi-iletisimform-new .gonder-btn-new-spec a.animated-button.thar-three {
    border: 1px solid #000;
}

.cozumlersayfasi-iletisimform-new .gonder-btn-new-spec .buton-new-nexart span {
    color: #000;
}

.cozumlersayfasi-iletisimform-new .gonder-btn-new-spec a.animated-button.thar-three:before {
    background: #000;
}

.cozumlersayfasi-iletisimform-new .gonder-btn-new-spec a.animated-button.thar-three:hover span {
    color: #fff;
}

.cozumlerimiz-new-referans-bant {
    padding-top: 5%;
    padding-bottom: 2%;
}

.cozumlerimiz-new-referans-bant h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 72px;
    color: #515151;
    margin-bottom: 50px;
}

.cozumlerimiz-new-referans-bant .new-refbant-card {
    border-right: 2px solid #515151;
}

.cozumlerimiz-new-referans-bant .new-refbant-card img {
    height: 150px;
    object-fit: contain;
    width: 250px;
    margin: auto;
    filter: grayscale(1);
}

.ref-new-bant-owl .owl-item.active:last-child .new-refbant-card {
    border: none;
}

.cozumler-new-projelerimiz-part {
    padding-top: 5%;
    padding-bottom: 2%;
}

.cozumler-new-projelerimiz-part h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 72px;
    color: #515151;
    margin-bottom: 50px;
}

.new-coz-icon-slider {
    padding-top: 0%;
    padding-bottom: 0%;
}

.coz-new-icon-slide-kutu {
    margin-top: 30px;
}

.coz-new-icon-slide-kutu:hover .coz-kutu-image-cerceve {
    transition: 0.5s;
    -webkit-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.75);
}

.coz-new-icon-slide-kutu:hover .coz-kutu-image-cerceve img {
    transition: 0.5s;
    transform: scale(1.1);
}

.coz-new-icon-slide-kutu img {
    object-fit: contain;
    height: 70px;
    transition: 0.5s;
}

.coz-new-icon-slide-kutu p {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #515151;
    margin-bottom: 0;
    height: 75px;
    margin-top: 10px;
}

.coz-kutu-image-cerceve {
    background: #F5F5F5;
    border-radius: 50%;
    height: 140px;
    width: 140px;
    padding: 35px 10px 35px 10px;
    display: block;
    margin: auto;
    overflow: hidden;
    transition: 0.5s;
}

.new-coz-teknik-ozellikler {
    background-image: url("../img/cozum-detay-teknik-ozellik-bg-1.jpg");
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2%;
    padding-bottom: 2%;
}

.new-coz-teknik-ozellikler h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 90px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.new-coz-teknik-ozel-kutu {
    width: 18%;
    border: 1px solid #fff;
    padding: 25px;
    height: 360px;
    margin: 15px;
    transition: 0.5s;
    background: transparent;
}

.new-coz-teknik-ozel-kutu:hover {
    transition: 0.5s;
    background: #fff;
    -webkit-box-shadow: 10px 10px 41px 0px rgb(255 255 255 / 75%);
    -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 41px 0px rgb(255 255 255 / 75%);
}

.new-coz-teknik-ozel-kutu:hover p {
    transition: 0.5s;
    color: #000;
}

.new-coz-teknik-ozel-kutu p {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    transition: 0.5s;
    color: #FFFFFF;
}

.new-coz-avantaj-slider {
    background: #F5F5F5;
    padding-top: 4%;
    padding-bottom: 4%;
}

.new-coz-avantaj-slider h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 120.5%;
    color: #515151;
    margin-bottom: 50px;
}

.new-coz-avantaj-slider .new-coz-avantaj-kutular {
    padding-left: 30px;
    padding-right: 20px;
}

.new-coz-avantaj-slider .new-coz-avantaj-kutular:before {
    content: "";
    background: #505050;
    display: block;
    position: absolute;
    left: 0px;
    height: 70%;
    width: 1px;
    top: 15%;
}

.new-coz-avantaj-slider .new-coz-avantaj-kutular img {
    height: 85px;
    object-fit: contain;
    width: 85px;
}

.new-coz-avantaj-slider .new-coz-avantaj-kutular h3 {
    font-weight: bold;
    font-size: 30px;
    line-height: 120.5%;
    color: #515151;
    margin-top: 30px;
    height: 60px;
}

.new-coz-avantaj-slider .new-coz-avantaj-kutular p {
    font-weight: 300;
    font-size: 20px;
    line-height: 130.5%;
    color: #505050;
    margin-bottom: 0;
    height: 240px;
}

.new-coz-avantaj-owl .owl-nav {
    display: block !important;
    position: absolute;
    top: -50%;
    right: 0%;
}

.coz-new-projeler-tumbutton {
    text-align: right;
}

.coz-new-projeler-tumbutton .buton-new-nexart span {
    color: #000;
}

.coz-new-projeler-tumbutton .gonder-btn-new-spec a.animated-button.thar-three {
    border: 1px solid #000;
    width: 150px;
}

.coz-new-projeler-tumbutton .gonder-btn-new-spec a.animated-button.thar-three:before {
    background: #000;
}

.coz-new-projeler-tumbutton .gonder-btn-new-spec a.animated-button.thar-three:hover span {
    color: #fff;
}

.coz-new-projelerimiz-owl .owl-nav {
    display: block !important;
    text-align: left !important;
    margin-top: 4% !important;
    position: absolute;
}

.coz-new-projelerimiz-owl .owl-nav:after {
    content: "";
    background-image: url("");
    width: 80px;
    height: 80px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: 87px;
    top: -10px;
}

.coz-new-projelerimiz-owl .owl-nav .owl-next {
    position: absolute;
    left: 1550px;
    top: -250px;
}

.coz-new-projelerimiz-owl .owl-nav .owl-prev {
    position: absolute;
    left: -90px;
    top: -250px;
}

.coz-new-projelerimiz-owl .owl-dots {
    position: absolute;
    top: 130%;
    text-align: left !important;
}

.coz-new-projelerimiz-owl .owl-dots:after {
    content: "";
    background: #000;
    display: block;
    width: 80vw;
    height: 1px;
    position: absolute;
    bottom: 6px;
}

.cozumler-new-projelerimiz-part .coz-new-projelerimiz-owl .owl-dots .owl-dot span {
    width: 250px;
    background: #0006;
    border-radius: 0;
    margin: 0;
    height: 4px;
}

.cozumler-new-projelerimiz-part .coz-new-projelerimiz-owl .owl-dots .owl-dot.active span, .cozumler-new-projelerimiz-part .coz-new-projelerimiz-owl .owl-dots .owl-dot:hover span {
    background: #000;
}

.new-coz-det-page-syncslider {
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}

/*---SYNC SLIDER----*/
#sync1 .item {
    padding: 0px 0px;
    margin: 15px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync2 {
    padding-left: 5%;
    padding-right: 5%;
}

#sync2 .item {
    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
}

#sync1.owl-theme {
    position: relative;
}

#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#sync1.owl-theme .owl-prev {
    /* left: 10px; */
}

#sync1.owl-theme .owl-next {
    /* right: 10px; */
}

/*---------*/
.new-coz-det-page-syncslider #sync1 .owl-item.center .item {
    height: 500px;
    transition: 0.5s;
    margin-top: 0px;
    position: relative;
}

.new-coz-det-page-syncslider #sync1 .owl-item .item img {
    height: 100%;
    object-fit: cover;
}

.new-coz-det-page-syncslider #sync1 .owl-item .item {
    height: 400px;
    transition: 0.5s;
    margin-top: 50px;
}

.new-coz-det-page-syncslider #sync1 .owl-stage {
    height: 520px;
}

.new-coz-det-page-syncslider #sync1 .owl-nav {
    display: block !important;
}

.new-coz-det-page-syncslider #sync1 .owl-nav .owl-next {
    right: 4%;
    top: 44%;
}

.new-coz-det-page-syncslider #sync1 .owl-nav .owl-prev {
    left: 2%;
    top: 44%;
}

#sync2 .owl-item .item img {
    height: 120px;
    object-fit: cover;
}

.green-box-page-studio-avantaj {
    background: #0A0A0A;
    padding-top: 3%;
    padding-bottom: 3%;
    height: 90vh;
    position: relative;
    transition: 1s;
}

.green-box-page-studio-avantaj h2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120.5%;
    color: #FFFFFF;
}

.green-box-page-studio-avantaj h3 {
    font-weight: 300;
    font-size: 25px;
    line-height: 34px;
    color: #FFFFFF;
}

.green-box-page-studio-avantaj h3:before {
    content: "";
    background: #fff;
    width: 80px;
    height: 4px;
    display: block;
    margin-bottom: 20px;
}

.agsa-left-list {
    margin-bottom: 0;
    padding-left: 23%;
}

.agsa-left-list li {
    font-weight: bold;
    font-size: 35px;
    line-height: 70px;
    color: #515151;
    list-style: none;
    transition: 0.5s;
    cursor: pointer;
}

.agsa-left-list li span {
    margin-right: 30px;
}

.agsa-right-list {
    padding-left: 50px;
    margin-bottom: 0;
    margin-top: 30px;
}

.agsa-right-list li {
    font-weight: 300;
    font-size: 25px;
    line-height: 35px;
    color: #FFFFFF;
}

.agsa-tab-menu.active-agsa-tab-menu {
    color: #fff;
    transition: 0.5s;
}

.greenbox-page-big-title {
    position: relative;
    overflow: hidden;
    padding-top: 14%;
    padding-bottom: 8%;
}

.greenbox-text-big-one {
    position: absolute;
    top: -22%;
    width: 100%;
    left: -4%;
}

.greenbox-text-big-one span {
    font-weight: bold;
    font-size: 360px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    width: 100%;
    display: block;
}

.greenbox-page-big-title h3 {
    font-weight: 300;
    font-size: 35px;
    line-height: 47px;
    color: #515151;
    width: 80%;
    padding-left: 15%;
}

.greenbox-double-image-one {
}

.greenbox-double-image-one img {
    width: 90%;
}

.greenbox-double-image-two {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    top: 40%;
}

.greenbox-double-image-two img {
    width: 50%;
}

.greenbox-page-ozellikleri {
    background: #0A0A0A;
    padding-top: 5%;
    padding-bottom: 10%;
    position: relative;
    overflow: hidden;
}

.greenbox-page-ozellikleri h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 74px;
    color: #FFFFFF;
    margin-bottom: 100px;
}

.greenbox-page-ozellikleri h3 {
    font-weight: bold;
    font-size: 35px;
    line-height: 44px;
    color: #FFFFFF;
}

.greenbox-page-ozellikleri ul {
    margin-bottom: 0px;
    padding-left: 6%;
}

.greenbox-page-ozellikleri ul li {
    font-weight: 300;
    font-size: 30px;
    line-height: 44px;
    color: #FFFFFF;
}

.artronomi-logo-greenbox-div {
    position: absolute;
    bottom: 5%;
    left: 0%;
}

.artronomi-logo-greenbox-div img {
    width: 70%;
}

.canli-yayin-avantajlari {
    background: #F5F5F5;
    padding-top: 5%;
    padding-bottom: 5%;
}

.canli-yayin-avtj-desc-part {
    margin-bottom: 40px;
}

.canli-yayin-avantajlari h2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120.5%;
    color: #515151;
    margin-bottom: 50px;
}

.canli-yayin-avantajlari h3 {
    font-weight: bold;
    font-size: 30px;
    line-height: 120.5%;
    color: #515151;
}

.canli-yayin-avantajlari h3 span {
    font-size: 20px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}

.canli-yayin-avantajlari h5 {
    font-weight: 300;
    font-size: 20px;
    line-height: 120.5%;
    color: #515151;
    padding-left: 50px;
    margin-top: 15px;
    position: relative;
}

.canli-yayin-avantajlari h5:before {
    content: "";
    background: #515151;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 20%;
    border-radius: 50%;
    left: 0%;
    margin-left: 35px;
}

.canli-yayin-teknik-ozellikleri {
    background: #0A0A0A;
    padding-top: 3%;
    padding-bottom: 5%;
}

.canli-yayin-teknik-ozellikleri h2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 90px;
    color: #FFFFFF;
}

.canli-yayin-teknik-ozellikleri ul {
    padding-left: 30px;
    padding-right: 15%;
    margin-top: 5%;
}

.canli-yayin-teknik-ozellikleri ul li {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.canli-yayin-card-slider {
    position: relative;
    overflow: hidden;
    padding-top: 2%;
    padding-bottom: 4%;
}

.canli-yayin-cards {
    position: relative;
    width: 100%;
}

.canli-yayin-cards img {
}

.canli-yayin-cards .canli-yayin-cards-desc {
    position: absolute;
    bottom: 10%;
    left: 0%;
    text-align: center;
    width: 100%;
}

.canli-yayin-cards .canli-yayin-cards-desc span {
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}

.fpv-drone-page-video {
    overflow: hidden;
    position: relative;
}

.fpv-drone-page-video video {
    width: 100%;
    height: 100%;
}

.kkk-teknik-ozellikler {
    background-image: url("../img/kkk-teknik-ozellikler.jpg");
    padding-top: 5%;
    padding-bottom: 5%;
    background-size: cover;
    background-repeat: no-repeat;
}

.kkk-teknik-ozellikler h2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 90px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.kkk-teknik-ozellikler .kkk-tek-desc-div {
    margin-bottom: 30px;
    width: 50%;
}

.kkk-teknik-ozellikler .kkk-tek-desc-div h5 {
    font-weight: 300;
    font-size: 20px;
    line-height: 120.5%;
    color: #fff;
    padding-left: 20px;
    margin-top: 15px;
    position: relative;
}

.kkk-teknik-ozellikler .kkk-tek-desc-div h5:before {
    content: "";
    background: #fff;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 20%;
    border-radius: 50%;
    left: 0%;
    margin-left: 5px;
}

.ikidi-ucdi-animasyonbtn {
    text-align: center;
    margin-top: 5%;
}

.ikidi-ucdi-anim-projecard {
    margin-bottom: 30px;
}

.banner-ikonlar a {
    color: #fff;
}

.fixed-gbs {
    position: fixed;
    padding-left: 0px;
    left: 19%;
    top: 41%;
}

.fixed-gbs-right {
    position: fixed;
    width: 40%;
    top: 30%;
}

.yoket {
    display: none !important;
}

.addingHeight {
    height: 650px;
    transition: 1s;
}

.addingOpacityZero {
    opacity: 0;
    transition: 0.5s;
}

.addingOpacityOne {
    opacity: 1;
    transition: 0.5s;
    transition-delay: 500ms;
}

.gb-title-fixed {
    position: fixed;
    top: 15%;
}

.new-fixed-iletisim-and-whatsup-part {
    position: fixed;
    right: 0%;
    z-index: 11;
    bottom: 15%;
    /* background: #0f0f0f80; */
    mix-blend-mode: normal;
    border-radius: 5px 0px 0px 5px;
    padding: 5px 5px 5px 5px;
    height: 155px;
    width: 70px;
}

.new-fixed-iletisim-and-whatsup-part:after {
    content: "";
    background: #fff;
    width: 80%;
    height: 1px;
    position: absolute;
    bottom: 50%;
    left: 10%;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part {
    position: relative;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-iletisim-btn {
    margin: 12px 5px 12px 5px;
    background: radial-gradient(122.35% 122.35% at 50% -2.35%, #9C9EA0 0%, #253647 100%);
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    transition: 1s;
    width: 54px;
    height: 54px;
    top: 0px;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-iletisim-btn:hover {
    transition: 1s;
    width: 150px;
    right: 0px;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-iletisim-btn:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-iletisim-btn img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    transition: 0.5s;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-whatspapp-btn {
    margin: 12px 5px 12px 5px;
    background: radial-gradient(122.35% 122.35% at 50% -2.35%, #9C9EA0 0%, #253647 100%);
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    transition: 1s;
    width: 54px;
    height: 54px;
    top: 70px;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-whatspapp-btn:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-whatspapp-btn img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    transition: 0.5s;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-whatspapp-btn:hover {
    transition: 1s;
    width: 150px;
    right: 0px;
}

.whatsup-span-metin {
    color: #fff;
    position: absolute;
    top: 30%;
    transition: 1s;
    display: none;
    left: 32%;
    font-size: 14px;
}

.iletisim-span-metin {
    color: #fff;
    position: absolute;
    top: 30%;
    transition: 1s;
    display: none;
    left: 92%;
    width: 100px;
    height: 25px;
    font-size: 14px;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-whatspapp-btn:hover .whatsup-span-metin {
    transition: 1s;
    display: inline;
}

.new-fixed-iletisim-and-whatsup-part .nfi-alt-part .nfi-alt-iletisim-btn:hover .iletisim-span-metin {
    transition: 1s;
    display: inline;
    left: 32%;
    transition-delay: 0.3s;
}

.coz-icon-owl .owl-stage {
    margin: auto;
}

#sync2 .owl-stage {
    margin: auto;
}

.new-artronomi-fixed-buton-right {
    position: fixed;
    right: 2%;
    bottom: 20%;
    z-index: 55;
    cursor: pointer;
}

.new-artronomi-bize-ulasin {
}

.new-artronomi-bize-ulasin img {
    margin-right: 5px;
}

.new-artronomi-bize-ulasin p {
    font-weight: bold;
    font-size: 12px;
    line-height: 163.78%;
    color: #2E3A59;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.new-artronomi-whatsup {
    position: absolute;
    bottom: -62px;
    right: 3px;
}

.new-artronomi-whatsup img {
    margin-right: 5px;
}

.new-artronomi-whatsup p {
    font-weight: bold;
    font-size: 12px;
    line-height: 163.78%;
    color: #2E3A59;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.artronomi-fixed-btns-bg1 {
    position: absolute;
    z-index: -1;
    bottom: -48px;
    right: -12px;
}

.artronomi-fixed-btns-bg1 img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.artronomi-fixed-btns-bg2 {
    position: absolute;
    z-index: -1;
    bottom: -110px;
    right: -12px;
}

.artronomi-fixed-btns-bg2 img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.cozumler-new-projelerimiz-part .buton-mar-top {
    margin-left: 45%;
}

.coz-new-projeler-tumbutton .gonder-btn-new-spec a.animated-button.thar-three {
}

.cozumler-new-projelerimiz-part .buton-new-nexart span {
    left: 10px;
    top: 6px;
}

.cozumler-new-projelerimiz-part .new-btn-oklar {
    top: 10px;
}

.new-slider-film-desc {
    position: absolute;
    width: 100%;
    background: #000000a8;
    bottom: 0%;
    height: 80px;
    line-height: 70px;
    opacity: 0;
    transition: 1s;
}

.new-slider-film-desc p {
    margin-bottom: 0px;
}

.new-coz-det-page-syncslider #sync1 .owl-item.center .item .new-slider-film-desc {
    opacity: 1;
    transition: 1s;
}

.cy-card-owl .owl-nav {
    display: block !important;
}

.cy-card-owl .owl-next {
}

.cy-card-owl .owl-prev {
}

.animasyonsliderok.sol {
    transform: rotate(180deg);
}

.animasyonsliderok.sag {
}

.animasyonsliderok {
    border: 1px solid black;
    position: relative;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    background: #ffffff59;
}

.animasyonsliderokalt {
    position: absolute;
    width: 100%;
    top: 20%;
    text-align: center;
}

.imagebt2:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -1px;
    left: -1px;
    background-color: #ffffff85;
    opacity: 1;
    border-radius: inherit;
}

.imagebt2:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 4px;
    left: 5px;
    background-color: #ffffff85;
    opacity: 1;
    border-radius: inherit;
}

.imagebt2::before {
    z-index: 0;
    animation: beat-before 2s ease 100ms infinite;
    transition: 1s;
}

.imagebt2:after {
    z-index: -1;
    animation: beat-after 2s ease 100ms infinite;
    transition: 1s
}

@keyframes beat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

@keyframes beat-before {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }
}

@keyframes beat-after {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }
}

.videofpvfilm {
    position: absolute;
    width: 100%;
    height: 95vh;
    background-color: #3333334f;
}

.fpv-banner .new-banner-desc {
    z-index: 999;
}

.footersagcizgi::after {
    content: "";
    width: 2px;
    height: 100%;
}
.nexartkurulusu{
}
.nexartkurulusu a{
    text-decoration: none;
}
.nexartkurulusu  img{
    width: 60%;
    margin-bottom: 2rem;
}
.nexartkurulusu  p{
	color:#fff;
}
 
.nexartkurulusu.iletisim img{
    width: 20%;
    margin-bottom: 2rem;
}

@media (max-width: 600px) {
 
.nexartkurulusu  img{
    width: 80%;
    margin-bottom: 2rem;
}
}