html {
    scroll-behavior: smooth;
}
img{max-width: 100%;}
*{box-sizing: border-box;}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    max-width: 100%;
    overflow-x: hidden;
    font-weight: 400;
    font-family: 'Open Sans', Helvetica, sans-serif;
    letter-spacing: 0.05em;
    color: #12377e;
    /*! line-height: 25px; */
}
a{
    text-decoration: none;
    color: inherit;
}
.float-left{float: left}
.float-right{float: right}
ul{margin: 0;}
li{list-style: none}
.logo{width: 300px;}
.banner{
    width: calc(100% - 72px);
    height:  calc(100vh - 72px);
    margin: 36px;
    position: relative;
}
.home-banner{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 7.29%, rgba(0, 0, 0, 0) 29.69%, rgba(0, 0, 0, 0) 65.1%, rgba(0, 0, 0, 0.2) 93.23%), url('../images/banner.webp');
    background-position: center, 0 35% ;
    background-size: cover;
}
.banner-texture{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: url('../images/banner-texture.png');
    background-size: 100px;
}
header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 72px;
    position: fixed;
    top: 0;
    width: 100%;
    color: #fff;
    align-items: center;
    transition: all 500ms ease;
    z-index: 8;
}
header ul{
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}
.header-nav{gap: 10px;}
.header-nav a:hover{background: #12377e;color: #fff;}
.header-ilet{background: #fff;color: #12377e;}
.header-glob:hover{background: none !important;}
.header-nav a{
    padding: 12px 16px;
    width: 97px;
    height: 46px;
    border-radius: 16px;
    transition: background 500ms ease;
}
.swap2 , .swap4 {display: none;}
.header-scroll .swap2{display: inline-block;}
.header-scroll .swap1{display: none;}
.header-ilet:hover .swap4{display: inline-block;}
.header-ilet:hover .swap3{display: none;}
.header-scroll{color: #12377e;padding: 12px 72px;background-color: #fff;}
.header-scroll .header-ilet{background: #12377e;color: #fff;}
.header-scroll .header-ilet:hover{background: #12377e;color: #fff;}
.header-scroll .header-ilet .swap4{display: inline-block;}
.header-scroll .header-ilet .swap3{display: none;}
.burger-menu-icon{cursor: pointer;}
.menu-bg{
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    background-image: url('../images/menu-bg.png');
    background-size: 1600px;
    background-position: center;
    top: -100vh;
    transition: top 500ms ease-in-out;
}
.closebtn{
    position: absolute;
    top: 84px;
    left: 72px;
    z-index: 11;
}
.nav-left{
    position: fixed;
    left: 0;
    width: 50%;
    height: 100vh;
    background-color: rgba(18, 55, 126, 0.96);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 35px;
    z-index: 10;
    top: -100vh;
    transition: top 500ms ease-in-out 250ms;
}
.nav-left div{
    max-width: 536px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.nav-left span{font-size: 16px;font-weight: 300;}
.nav-left h4{font-size: 36px;font-weight: 300;margin: 0;}
.nav-right{
    z-index: 10;
    position: fixed;
    right: 0;
    width: 50%;
    height: 100vh;
    background-color: rgb(255 255 255 / 98%);
    display: flex;
    color: #12377e;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    justify-content: center;
    align-items: center;
    top: -100vh;
    transition: top 500ms ease-in-out 500ms;
}
.nav-right div{
    display: flex;
    flex-direction: column;
    gap: 35px;

}
.nav-right span{
    color: #12377e;
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}
.menu-nav{
font-size: 28px;
display: flex;
flex-direction: column;
gap: 15px;
}
.menu-ilet{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.menu-social li{display: inline-block;margin-right: 24px;}
.nav-right a{border-bottom: 2px solid; border-color: transparent;transition: border-color 500ms ease;}
.nav-right a:hover{color: #12377e;border-color: #12377e;}
.active{top: 0;}
.btn-swap2{display: none;}

.banner-box{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #fff;
    padding-left: 108px;
}
.--btn-1{
    min-width: 129px;
    width: fit-content;
    height: 46px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 12px 16px;
    transition: all 500ms ease;
    color: #12377e;
    border: none;
}
.--btn-1 img{margin-bottom: -3px;}
.--btn-1:hover{background: #12377e;color: #fff;}
.--btn-1:hover .btn-swap2{display: inline-block;}
.--btn-1:hover .btn-swap1{display: none;}
.banner-box h1{
    font-weight: 700;
    font-size: 72px;
    line-height: 98px;
    margin-bottom: 38px;
}
.banner-scroll{
    display: block;
    margin: 90px 0 50px; 
    position: relative;
}
.banner-scroll::after{
    content: '';
    width: 2px;
    height: 37px;
    top: 165%;
    left: 10px;
    position: absolute;
    background-color: #fff;
}
.banner-links{
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: absolute;
    bottom: 36px;
    text-align: right;
    right: 36px;
}
.banner-links li a{
    border-bottom: 2px solid #fff;
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
}
.about{
    display: flex;
    flex-direction: row;
    padding: 5% 20%;
}
.about img{max-width: 536px;}
.about-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 17%;
}
.about span{color: #12377e;}
.about h2{font-size: 28px;line-height: 150%;font-weight: 400;}
.about-image{border-radius: 16px;}
.about .--btn-1{margin-top: 36px;}
.home-proje-card{
    position: relative;
    margin: 0 24px;
}
.home-proje-img{width: 100%;border-radius: 16px;aspect-ratio: 2 / 1;object-fit: cover;}
.home-proje-card h3{
    font-weight: 700;
    font-size: 72px;
    line-height: 98px;
    margin-bottom: 38px;
    position: absolute;
    bottom: 5%;
    left: 5%;
    color: #fff;
}
.home-proje-card .--btn-1{
    position: absolute;
    bottom: 5%;
    right: 5%;
}
.home-proje-slider .slick-list{overflow: unset !important;}
.home-proje-slider-sec{padding: 0 15%;}
.home-servis-sec{padding: 10% 15%;background-color: #FAFAFA;}
.servis-desc{text-align: center;padding: 0 10%;}
.home-servis-sec span{color: #12377e;}
.servis-desc .--btn-1{margin: auto;margin-top: 36px;display: block;}
.servis-desc h2{
    font-weight: 300;
    font-size: 60px;
    line-height: 150%;
    margin: 0;
}
.servis-card{
    border-radius: 60px;
    background: #fff;
    width: 424px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 60px 32px;
    text-align: center;
}
.servis-card-wrap{display: flex;flex-direction: row;gap: 24px;padding-top: 60px;}
.home-kampanya-sec{padding: 7.5% calc(15% - 36px);background-color: #12377e;color: #fff;margin: 36px;}
.home-kampanya-sec span{color: #A8C5FF;}
.home-kampanya-sec h2{font-weight: 400;
    font-size: 28px;
    line-height: 150%;
}
.home-kampanya-sec .--btn-1{
    margin-top: 36px;
    display: block;
    background: #12377e;
    color: #fff;
}
.home-kampanya-sec .--btn-1:hover{background: #fff;color: #12377e;}
.home-kampanya-sec .btn-swap2{display: inline-block;}
.home-kampanya-sec .btn-swap1{display: none;}
.home-kampanya-sec .--btn-1:hover .btn-swap1{display: inline-block;}
.home-kampanya-sec .--btn-1:hover .btn-swap2{display: none;}
.card-image{
    width: 450px;
    height: 240px;
    object-fit: cover;
}
.home-kampanya-card span{color: #12377e;margin-right: 24px;margin-bottom: 10px;font-size: 14px;}
.kampanya-location{color: #12377E !important;}
.home-kampanya-card b{color: #12377e;}
.home-kampanya-card{
    margin: auto;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    max-width: 424px;
    width: calc(90%);
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}
.home-kampanya-card2{
    margin: auto;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    max-width: 424px;
    width: calc(90%);
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
    border-radius: 20px;
}
.kampanya-card-bottom{
    padding: 24px;
    background-color: #fff;
    color: #12377e;
}
.kampanya-price{
    padding: 12px 10px;
    background-color: #12377e;
    border-radius: 12px;
    font-weight: 700;
    color: #fff !important;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
}
.kampanya-card-bottom hr{
    width: 72px;
    border-color: #E2E2E2;
    border-width: 2px 0 0 0;
    margin: 20px 0;
}
.home-kampanya-sec .slick-dots li{
    background-color: #E2E2E2;
    border-radius: 50%;
    transition: all 500ms ease;
    width: 12px;
    height: 12px;

}
.home-kampanya-sec .slick-dots button{opacity: 0;cursor: pointer;width: 100%;height: 100%;margin: 0;}
.home-kampanya-sec .slick-dots .slick-active{background-color: #12377e;width: 16px;height: 16px;}
.slick-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-top: 60px;
    padding-left: 0;
    height: 16px;
}
.home-kampanya-slider{padding-top: 60px;}
.kampanya-inner-slider .slick-arrow{
    position: absolute;
    bottom: 14px;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    color: transparent;
    cursor: pointer;
    z-index: 2;
}
.kampanya-inner-slider .slick-next::after , .kampanya-inner-slider .slick-prev::after{
    background-color: rgba(0, 0, 0, 0.25);
    width: 40px;
    padding: 13px 0;
    border-radius: 12px;
    content: url(../images/svg/chev-left.svg);
    position: absolute;
    top: 0;
    left: 0;
}
.kampanya-inner-slider .slick-next::after{transform: scaleX(-1);}

.kampanya-inner-slider .slick-next{
    left: 64px;
}
.kampanya-inner-slider .slick-prev{
    left: 12px;
}
footer{
    background-color: #FAFAFA;
    
}
.footer-top{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;padding: 5% 15%;}
.footer-top div{display: inline-block;width: fit-content;}
.footer-top h2 span{color: #12377e;}
.footer-top h2{
    font-weight: 300;
    font-size: 36px;
    line-height: 100%;
    color: #12377e;
}
.footer-top .form-swap2{display: none;}
.footer-top form{width: 400px;display: flex;flex-direction: row;border-bottom: 1px solid #12377E;margin-top: 30px;}
.footer-top form button{width: 24px;background: none;border: none;cursor: pointer;}
.footer-top form button:hover .form-swap2{display: inline;}
.footer-top form button:hover .form-swap1{display: none;}
.footer-top form input{width: 376px;background: none;border: none;color: #12377e;padding: 10px 0;}
.footer-top form input::placeholder{color: #B3B3B3;}
.footer-top form input:active , .footer-top form input:focus{border: none;outline: none;}
.footer-bottom{display: flex;flex-direction: row;justify-content: space-between;padding: 5% 15%;}
.footer-bottom ul{display: flex;flex-direction: column;gap: 24px;padding-left: 12px;}
.footer-bottom b{color: #12377e;}
.footer-bottom li:hover{color: #12377e}
.copyright{
    background-image: url(../images/menu-bg.png);
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 30px 15%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 12px solid #12377e;
}
.copyright::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(255 255 255 / 98%);
    z-index: 0;
}
.copyright span:first-of-type{margin-right: 36px;}
.copyright *{z-index: 1;}
.otherpage-banner{
    width: calc(100% - 72px);
    height: 500px;
    margin: 36px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.otherpage-banner h1{
    font-weight: 700;
    font-size: 72px;
    line-height: 98px;
    position: absolute;
    left: 144px;
    bottom: 84px;
    color: #fff;
    margin: 0;
}
.iletisim-banner{background-image: url(../images/ilet-bg.webp);}
.hakk-banner{background-image: url(../images/hakk-bg.jpg);}
.ilet-map-sec{
    padding: 5% 15%;
    display: flex;
    flex-direction: column;
    gap: 34px;
}
.ilet-map-sec h2{font-weight: 400;
    font-size: 28px;
    line-height: 150%;
margin: 0;}
.ilet-map-sec span , .ilet-map-sec h2 a{color: #12377e;}
.ilet-map{
    width: 100%;
    height: 460px;
    background-image: url(../images/map.png);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    position: relative;
    text-align: center;
}

.ilet-map *{position: relative;z-index: 1;}
.ilet-map::before{content: '';width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);position: absolute;top: 0;left: 0;}
.ilet-sec-bottom{
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ilet-sec-bottom div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}
.ilet-sec-bottom div ul{
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding-left: 0;
}
.ilet-sec-bottom img{width: 60px;}
.ilet-sec-bottom div ul li img{width: 24px;}
.ilet-sec-bottom div:first-of-type{align-items: flex-start;}
.ilet-sec-bottom div:last-of-type{align-items: flex-end;}
.ilet-form-sec{padding: 5% 15%;background-color: #12377e;display: flex;flex-direction: row;}
.ilet-form-img img{max-width: 536px;}
.ilet-form-sec form{
    justify-content: center;
    padding-left: 130px;
    display: flex;
    flex-direction: column;
    gap: 34px;
}
.ilet-form-sec form h2{color: #fff;font-weight: 700;font-size: 36px;line-height: 150%;margin-top: 0;}
.ilet-form-sec input:focus , .ilet-form-sec textarea:focus {outline: none;}
.ilet-form-sec input , .ilet-form-sec textarea {
    color: #F2F2F2;
    background: none;
    border: none;
    border-bottom: 1px solid #F2F2F2;
    padding: 12px 15px;
    width: 646px;
    font-size: 21px;
    max-width: 100%;
    
}
.ilet-form-sec textarea{min-height: 130px;}
.ilet-form-sec ::placeholder{color: #F2F2F2;}
.vidgal-banner{background-image: url(../images/vidgal.png);}
.video-galeri-sec{padding: 5% 15%; overflow: hidden;}
.video-galeri-sec span{color: #12377e;}
.video-galeri-sec h2{
    font-weight: 400;
    font-size: 28px;
    line-height: 150%;
}
.video-galeri{padding: 20px 0;}
.Gallery-video-img .banner-texture{height: 99%; border-radius: 16px;}
.Gallery-video-img{
    position: relative;
    overflow: hidden;
}
.video-thumbnail{border-radius: 16px;}
.video-card-bottom{padding: 34px 16px;}
.video-card-bottom h6{
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    margin: 10px 0 0;
}
.Gallery-video-img .--btn-1{
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.video-galeri-card{
    padding: 15px 8px;
    width: calc(99% / 2);
    display: inline-block;
}
.proje-banner{background-image: url(../images/projebg.png);}
.projeler-page-sec{padding: 5% 15%;}
.projeler-page-sec span{color: #12377e;}
.projeler-card{position: relative;margin: 60px 0;}
.projeler-img{width: 100%;height: 654px;object-fit: cover;border-radius: 16px;}
.proje-heading{
    font-weight: 700;
    font-size: 60px;
    line-height: 82px;
    margin: 0;
    position: absolute;
    left: 60px;
    bottom: 42px;
    color: #fff;
}
.projeler-card .--btn-1{
    position: absolute;
    right: 65px;
    bottom: 62px;
}
.proje-detay-sec{padding: 5% 15%;display: flex;flex-direction: column;gap: 60px;}
.proje-detay-banner video{width: 100%;height: 100%;object-fit: cover;}
.--btn-2{
    min-width: 129px;
    width: fit-content;
    height: 46px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 12px 16px;
    transition: all 500ms ease;
    color: #12377e;
    border: none;
    position: absolute;
    bottom: 92px;
    right: 136px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
}
.proje-detay-sec span{color: #12377e;}
.proje-detay-sec h2{
    font-weight: 700;
    font-size: 72px;
    line-height: 150%;
    margin: -50px 0;

}
.proje-detay-sec h3{
    font-weight: 400;
    font-size: 28px;
    margin: 0;
    line-height: 150%;
}
.proje-specs{display: flex;flex-direction: row;justify-content: space-between;}
.spec-wrap p{color: #B3B3B3;}
.spec-wrap b{
    font-weight: 600;
    font-size: 21px;
    line-height: 140%;
    color: #12377e;
    border-bottom: 2px solid #12377e;
    padding-bottom: 10px;
}
.proje-desc-wrap{display: flex;flex-direction: row;justify-content: space-between;}
.proje-desc-wrap div{padding-right: 56px;min-width: 390px;}
.proje-desc-wrap h2{
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    margin: 0;
}
.proje-desc-wrap .--btn-1{
    margin-top: 36px;
    display: block;
    background: #12377e;
    color: #fff;
    text-decoration: none;
}
.proje-desc-wrap .--btn-1:hover{background: #fff;color: #12377e;}
.proje-desc-wrap .btn-swap2{display: inline-block;}
.proje-desc-wrap .btn-swap1{display: none;}
.proje-desc-wrap .--btn-1:hover .btn-swap1{display: inline-block;}
.proje-desc-wrap .--btn-1:hover .btn-swap2{display: none;}
.proje-desc-wrap a{text-decoration: underline;}
.proje-detay-purple-sec{padding: 5% 15%;background-color: #12377e;display: flex;flex-wrap: wrap;gap: 24px;}
.proje-detay-purple-sec span{
    padding: 12px 16px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.proje-detay-innerspec-sec{
    padding: 5% 0;
    background-color: #FAFAFA;
}
.innerspec-row img{width: 45%;height: 540px;object-fit: cover;}
.innerspec-row{display: flex;flex-direction: row;}
.row-1 img{border-radius: 16px 0px 0px 16px;}
.row-2 img{border-radius: 0px 16px 16px 0px;}
.img-border1{border-radius: 16px 0px 0px 16px;}
.img-border2{border-radius: 0px 16px 16px 0px;}
.proje-inner-detail-wrap{padding: 0 12%;display: flex;justify-content: center;flex-direction: column;gap: 12px;}
.proje-inner-detail-wrap h5{
    font-weight: 300;
    font-size: 60px;
    line-height: 150%;
    margin: 0;
}
.proje-detay-slider{overflow: hidden;}
.proje-detay-slider .slide{height: 100%}
.proje-detay-slider .slider-pagi{right: unset;left: 50%;transform: translate(-50%,-50%)}
.galeri-vidframe-bg{height: 100vh;width: 100%;position: fixed;z-index: 63;display: none;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.70);top: 0;left: 0;}
.galeri-video-frame{ 
    position: relative;
    z-index: 65;
    width: 80%;
    aspect-ratio: 2 / 1;
    border: none;
}
.vid-active{display: flex;}
.hakk-row-sec{background-color: #FAFAFA;}
.hakk-row-sec img{width: 100%;height: 540px;object-fit: cover;}
.hakk-row-desc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10%;
}
.hakk-row-number{font-size: 60px;font-weight: 800;color: #12377E;line-height: 50px;}
.hakk-row-heading{font-size: 60px;font-weight: 300;color: #12377E;margin-bottom: 20px;}
.order1{order: 1;}
.order2{order: 2;}
.mobile{display: none;}
@media screen and (max-width:1700px) {
    .about , .footer-top , .proje-detay-purple-sec , .proje-detay-sec , .projeler-page-sec , .video-galeri-sec , .footer-bottom , .ilet-map-sec , .ilet-form-sec{padding: 5%;}
    .ilet-form-sec form{padding-left: 2.5%;}
}
@media screen and (max-width:1200px) {
    .ilet-form-img img {
        max-width: 336px;
        height: 100%;
        object-fit: cover;}
}
@media screen and (max-width:991px) {
    .banner{margin: 0;width: 100%;height: 100vh;}
    .otherpage-banner{margin: 0;width: 100%;height: 30vh;}
    .header-nav{display: none;}
    .burger-menu-icon{position: fixed;right: 30px;top: 50px;transition: top 500ms ease;}
    header ul{padding: 0;gap: 0;}
    header{padding: 35px 30px;}
    .header-scroll .burger-menu-icon{top: 28px;}
    .header-scroll{padding: 12px 20px;}
    .banner-box{padding-left: 30px;}
    .banner-box h1 , .servis-desc h2 , .otherpage-banner h1 , .proje-heading{font-size: 54px;line-height: 60px;}
    .banner-scroll{margin: 40px 0 20px;}
    .banner-scroll::after {top: 125%;}
    .banner-links , .servis-card-wrap{gap: 12px;}
    .banner-links li a{font-size: 16px;}
    .about-image{width: 236px;height: 100%;object-fit: cover;}
    .about-wrap{padding-right: 5%;}
    .home-proje-card{margin: 0 12px;}
    .home-proje-slider-sec{padding: 0 5%;}
    .home-proje-card h3{font-size: 48px;line-height: 55px;margin: 0;}
    .home-servis-sec{padding: 5%;}
    .servis-card{padding: 20px; border-radius: 15px;}
    .home-kampanya-sec{margin: 0; padding: 5%;}
    .footer-top{padding: 0;align-items: center;}
    .footer-top form , .footer-top form input{width: unset;}
    .footer-top div , .copyright{padding: 2%;}
    .footer-bottom{padding: 2% 2% 5%;}
    .nav-left div , .nav-right div{gap: 18px;max-width: 80%;}
    .nav-left h4{font-size: 28px;}
    .closebtn{top: 30px;left: 30px;}
    .nav-right div ul{padding: 0;}
    .menu-social li , .menu-ilet li{font-size: 12px;margin-right: 10px;}
    .menu-ilet{gap: 12px;}
    .menu-nav{font-size: 24px;}
    .proje-heading{left: 30px;bottom: 30px;}
    .projeler-card{margin: 20px 0;}
    .projeler-img , .slider{height: 454px !important;}
    .banner .slider{height: 100% !important;}
    .--btn-2{bottom: 30px;right: 30px;}
    .spec-wrap p{font-size: 12px;margin-bottom: 10px;}
    .spec-wrap b{font-size: 16px;padding: 10px 0;}
    .proje-desc-wrap div{width: calc(100% / 3);padding: 0 10px;min-width: unset;}
    .proje-desc-wrap h2{font-size: 18px;line-height: 30px;margin-top: 12px;}
    .proje-desc-wrap b{margin-bottom: 12px;display: block;}
    .proje-desc-wrap p{font-size: 14px;}
    .proje-desc-wrap a{display: block;margin-top: 15px;}
    .ilet-form-img img{width:236px;}
    .ilet-form-sec input, .ilet-form-sec textarea {font-size: 16px;width: 446px;}
    .ilet-form-sec form{padding-left: 2%;}
    .footer-bottom ul{padding-left: 0;}
    .otherpage-banner h1 {left: 30px;bottom: 30px;}
}
@media screen and (max-width:767px) {
    .mobile{display: block;}
    .desktop{display: none;}
    .banner{margin: 0;width: 100%;height: 80vh;}
    .otherpage-banner{margin: 0;width: 100%;height: 40vh;}
    body{font-size: 14px;}
    .logo{width: 300px;}
    header{padding: 20px;}
    .burger-menu-icon{right: 20px;top: 20px;}
    .header-scroll{padding: 10px;}
    .header-scroll .burger-menu-icon{top: 12px;right: 10px;}    
    .proje-header{background-color: #fff;color: #12377e;}
    .proje-header .swap2{display: inline-block;}
    .proje-header .swap1{display: none;}
    .nav-left , .nav-right{width: 100%;height: 50vh;}
    .nav-right{transition: bottom 500ms ease 250ms; bottom: 100vh;top: unset;}
    .nav-right.active{bottom: 0;top: unset;}
    .nav-right div{max-width: 90%;gap: 10px;height: 90%;}
    .menu-nav{font-size: 14px;gap: 10px;width: 48%;}
    .menu-ilet{width: 48%;}
    .menu-social{width: 100%;}
    .nav-right div{flex-direction: unset;flex-wrap: wrap;justify-content: space-between;}
    .nav-left span{font-size: 12px;}
    .nav-left h4{font-size: 16px;}
    .nav-left div{justify-content: flex-end;}
    .closebtn{left: unset;right: 20px;top: 20px;}
    .banner-box{width: 100%;height: 100%;padding: 20px;display: flex;flex-direction: column;justify-content: center;}
    .banner-links , .Gallery-video-img .--btn-1{right: 20px;bottom: 20px;left: unset;}
    .banner-scroll{position: absolute;left: 20px;bottom: 30px;margin: 0;}
    .banner-box h1, .servis-desc h2, .otherpage-banner h1, .proje-heading , .proje-detay-sec h2{font-size: 36px;line-height: 42px;margin: 15px 0;}
    .about , .servis-card-wrap{flex-direction: column;}
    .about h2 , .footer-top h2 , .proje-detay-sec h3 , .proje-desc-wrap h2 , .video-galeri-sec h2 , .ilet-map-sec h2{font-size: 22px; margin: 10px 0;}
    .about .--btn-1{margin: 12px 0;}
    .about-image , .servis-card , .home-kampanya-card , .proje-desc-wrap div , .video-galeri-card , .ilet-form-img img , .ilet-form-sec form{width: 100%;}
    .home-proje-slider-sec , .servis-desc{padding: 0;}
    .home-proje-img{aspect-ratio: unset;height: 400px;}
    .home-proje-card h3 , .proje-heading{font-size: 36px;line-height: 42px;bottom: unset;top: 20px;}
    .home-kampanya-slider , .slick-dots{padding-top: 30px;}
    .footer-top{flex-direction: column;align-items: center;text-align: center;}
    .footer-bottom , .copyright{flex-direction: column;align-items: center;text-align: center;gap: 20px;padding: 10px 0;}
    .copyright span:first-of-type{margin: 0 0 10px;display: block;}
    .projeler-card .--btn-1{right: 20px; bottom: 20px;}
    .--btn-2{right: 20px; bottom: 100px;}
    .proje-detay-sec , .ilet-map-sec{gap: 12px;}
    .proje-specs{flex-direction: unset;flex-wrap: wrap;gap: 40px;margin: 10px 0 20px;}
    .proje-desc-wrap{flex-direction: column;gap: 15px;}
    .proje-desc-wrap .--btn-1{margin-top: 20px;}
    .proje-detay-purple-sec{padding: 20px 10px;gap: 12px;}
    .proje-detay-purple-sec span{padding: 6px 10px;font-size: 10px;gap: 6px;}
    .proje-detay-purple-sec span img{width: 12px;}
    .proje-inner-detail-wrap{width: 100%;padding: 20px;}
    .innerspec-row img{display: none;}
    .proje-inner-detail-wrap h5{font-size: 36px; text-align: center;}
    .video-thumbnail{height: 350px;}
    .video-card-bottom{padding: 15px;}
    .ilet-sec-bottom{flex-direction: column;justify-content: center;align-items: center;gap: 25px;padding-top: 0;}
    .ilet-sec-bottom div:first-of-type , .ilet-sec-bottom div:last-of-type{align-items: center;}
    .ilet-form-sec{flex-direction: column;justify-content: center;align-items: center;}
    .ilet-form-sec form{gap: 25px;}
    .ilet-form-sec form h2{text-align: center;margin: 10px 0 0;font-size: 36px;}
    .order1{order: 2;}
    .order2{order: 1;}
    .fullscreen{display: none;}
    .proje-detay-banner{width: 100%;height: auto;aspect-ratio: 9 / 16;}
}


.preloader{display:none}.preloaderStyle{background:red;width:100%;height:100px}
#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}
.classy-load2{-webkit-animation:2000ms linear 0s normal none infinite running classy-load-rev;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#fff #12377e #12377e #12377e;border-radius:50%;border-style:solid;border-width:4px;height:40px;left:calc(50% - 15px);position:absolute;top:calc(50% - 15px);width:40px;z-index:9;}
.classy-load3{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load-rev;background:transparent none repeat scroll 0 0;border-color:#12377e #12377e #12377e #fff;border-radius:50%;border-style:solid;border-width:4px;height:60px;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:60px;z-index:9;}

@-webkit-keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes classy-load-rev{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes classy-load-rev{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}



.danisman-wrap{
    background-color: #fff;
	margin-top: 15px;
}
.danisman-card-bottom{
    background-color: #12377e;
    padding: 15px;
    margin-bottom: 36px;
}
.danisman-card-bottom p{
    color: #FFF;
    font-size: 14px;
    font-weight: 200;
	letter-spacing: 2px;
}
.danisman-card-bottom p span{
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
	letter-spacing: 0.5px;
}
.danisman-line{
    background: #FFF;
    width: 60px;
    height: 1px;
    margin: 16px 0;
}