html {
    scroll-behavior: smooth;
}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 13px;
    max-width: 100%;
    overflow-x: hidden;
    font-weight: 200;
    background-color: #151616;
    font-family: "Merriweather", sans-serif;
}
a{
    text-decoration: none;
    color: inherit;
}
input:focus{outline: unset}
p{font-size: 16px}
a:hover{color: inherit}
.no-padding{padding: 0}
ul{padding: 0}
.float-left{float: left}
.float-right{float: right}
li{list-style: none}
.burger-menu-cover{position: absolute;top: 23px;right: 39px;cursor: pointer;width: 35px;height: 35px;z-index: 1}
.burger-menu-icon{
    width: 32px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    right: 40px;
    top: 40px;
    border-radius: 5px;
    user-select: none;
}
.burger-menu-icon:before{
    content: '';
    width: 32px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: -8px;
    border-radius: 5px;
}
.burger-menu-icon:after{
    content: '';
    width: 32px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 8px;
    border-radius: 5px;
}
header{width: 100%;height: 80px;background: none;position: fixed;display: flex;align-items: center;padding: 50px;z-index: 9;transition: all 250ms ease-in-out}
.header-scroll{height: 56px;background-color: #151616;border-bottom: 1px solid #ea0d0d;padding: 27px 50px;}
.header-scroll .header-nav li{padding-top: 10px}
.header-scroll .header-nav{margin-bottom: 1rem}
.header-scroll .burger-menu-icon {top: 26px}
header a{color: #FFFFFF;font-size: 14px}
header a:hover{color: #FFFFFF}
.logo{width: 200px;height: 50px}
.header-line{width: 25%;margin:0 2%;border-bottom: 1px solid #FFFFFF;}
.header-nav{display: flex;margin: 0;}
.header-nav li{display: inline-flex;margin: 0 15px;font-size: 16px;position: relative}

.footer-top-line{width: 100%}
.footer-top-line > *{width: 100%;height: 4px}
.footer-top-line div:first-of-type{background-color: #D6261A}
.footer-top-line div{background-color: #de2929}
.footer-top-line div:last-of-type{background-color: #ea0d0d}
.footer-bot-line{width: 100%}
.footer-bot-line > *{width: 100%;height: 12px}
.footer-bot-line div:first-of-type{background-color: #D6261A}
.footer-bot-line div{background-color: #de2929}
.footer-bot-line div:last-of-type{background-color: #ea0d0d
}
.footer-left{background-color: #FFFFFF;color: #000000;font-size: 16px;padding:6% 0 3% 12%}
.footer-left li{margin: 20px 0}
.footer-left ul{margin: 60px 0}
.footer-right-top{background-color: #F9F9F9;padding: 7% 25% 7% 15%;letter-spacing: 1px;height: 50%;}
.footer-right-bot{background-color: #F1F1F1;color: #D6261A;padding: 15% 15% 7% 15%;letter-spacing: 1px;height: 50%;}
.logo2{height: 57px}
.bg-btn-red{background: none;border: none;margin: 60px 0;min-height: 66px}
.bg-btn-red img{position: absolute;transform: translateX(32px)}
.bg-btn-red span{position: absolute;color: #D6261A;transform: translateY(-17px);}
.footer-right-bot form button{background: none;border: none}
.footer-right-bot form button img{background-color: #000000;padding: 10px;border-radius: 50px}
.footer-right-bot form input{background: none;border-width: 0 0 1px 0;width: 58%;}
.footer-disclaim{background-color: #151616;color: #979898;width: 100%;padding: 25px 11.5%;}
.footer-disclaim ul{margin: 0}
.footer-disclaim li{display: inline-flex;margin: 0 2%}
.footer-disclaim p{float: right;margin: 0;right: 0;display: inline-flex}
.home-grey-sec{background-color: #F9F9F9;padding: 5% 18%}
.home-grey-sec div{font-size: 16px;letter-spacing: 1px;}
.home-grey-sec p strong{font-weight: 600}
.home-grey-sec button{margin: 0}
.home-grey-sec .col-md-4{padding: 0 10%}
.home-gal-sec {padding: 20px;color: #FFFFFF}
.home-gal-sec .row img{width: 100%;height: 296px}
.home-gal-sec h2{font-size: 64px}
.home-gal-sec p{padding: 10px;text-align: center}
.home-gal-sec a{display: block;border: 1px solid #545456;margin-bottom: 15px}
.home-gal-sec .col-md-6{height: fit-content;margin-bottom: 5px}
.home-gal-heading{padding: 6% 17%;position: relative}
.home-black-sec{color: #FFFFFF;background-color: #151616;padding:4% 18% 10% 18%}
.home-black-sec div{font-size: 16px;letter-spacing: 1px;}
.home-black-sec button{margin: 0;}
.home-black-sec button span{transform: translate(-45px,-20px);letter-spacing: 1px}
.home-black-sec .col-md-5{    display: flex;
    align-items: flex-end;
    justify-content: center;}
.home-black-sec .col-md-7,.home-black-sec .col-md-5{height: 10rem;padding: 0 5%}
.proje-page-padding{padding: 20px 20px 12% 20px}
.header-active:after{border-bottom: 2px solid #de2929;content: '';width: 60%;position: absolute;bottom: 0}
.hak-page-sec {padding: 10% 17%;color: #FFFFFF;}
.hak-page-sec p strong{font-weight: 600}
.hak-page-sec h2{font-size: 64px}
.hak-page-sec p{padding: 10px}
.hak-page-sec .col-md-6,.col-md-3{height: fit-content}
.hak-page-img{width: 100%;filter: grayscale(1)}
.hak-page-mid{width: 50%;margin: auto;min-height: 22rem;padding: 5% 0 20% 0}
.hak-page-mid button{float: right}
.hak-page-mid button span{transform: translate(5px,-18px);letter-spacing: 1px}
.hak-page-sec h3{font-size: 21px}
.hak-page-sec .col-md-7{padding: 11% 7%}
.ilet-page-map{width: 100%;background-image: url("../images/map.webp");background-position: center;background-size: cover;height: 280px;position: relative;cursor: pointer}
.ilet-page-map img{background-color: #000000;padding: 10px;border-radius: 50px;margin-left: 30px}
.ilet-page-map span{color: #000000;position: absolute;right: 20px;bottom: 20px}
.ilet-page-sec {padding: 10% 17% 16% 17%;color: #FFFFFF;}
.ilet-page-sec p strong{font-weight: 600}
.ilet-page-sec h2{font-size: 64px}
.ilet-page-sec p{padding: 10px}
.ilet-page-sec table{width: 100%;font-size: 16px;text-align: left;margin: 5% 0}
.ilet-page-sec table td{width: 25%}
.ilet-page-sec table td:first-of-type{width: 40%}
.ilet-page-mid{width: 65%;margin: auto;padding: 5% 0}
.ilet-page-mid button{float: right;width: 45%;margin-top: 130px}
.ilet-page-mid button span{transform: translate(5px,-18px);letter-spacing: 1px}
.ilet-page-mid h3{font-size: 28px;margin-bottom: 50px}
.ilet-page-mid input{width: 100%;background: none;border-width: 0 0 1px 0; border-color: #FFFFFF;padding: 0 20px;line-height: 60px;color: #FFFFFF}
.list-1 .filterDiv:nth-child(3){width: 100%;padding: 10px 20px 25px 10px}
.list-2 .filterDiv:nth-child(9){width: 100%;padding: 10px 20px 25px 10px}
.filterDiv{display: none;}
.filterDiv img{width: 100%}
.show {display: inline-block;}
#myBtnContainer{position: absolute;right: 0;top: 60%;transform: translateY(-50%);width: 60%;}
.selector{color: #FFFFFF;background: none;border-width: 0 0 2px 0;border-color: transparent;position: relative;margin: 0 5%}
.selector:focus{outline: none}
.selector:active{outline: none}
.active:before{border-bottom: 2px solid #F28C05;content: '';width: 100%;position: absolute;bottom: -3px}





.nav-bg{width: 100vw;height: 100vh;position: fixed;top: 0;box-shadow: 11px 20px 70px 20px rgb(0 0 0 / 37%)}
.navv{padding: 15%;color: #979898;background-color: #FFFFFF;z-index: 99;right: -120vw;transition: right 1850ms cubic-bezier(0.14,-1.93, 0.69, 0.68),opacity 250ms ease-in-out;opacity: 1}
.nav1{background-color: #D6261A;z-index: 98;right: -120vw;transition: right 1750ms cubic-bezier(0.14,-1.93, 0.69, 0.68),opacity 250ms ease-in-out;opacity: 0.8}
.nav2{background-color: #de2929;z-index: 97;right: -120vw;transition: right 1650ms cubic-bezier(0.14,-1.93, 0.69, 0.68),opacity 250ms ease-in-out;opacity: 0.9}
.nav3{background-color: #ea0d0d;z-index: 96;right: -120vw;transition: right 1550ms cubic-bezier(0.14,-1.93, 0.69, 0.68),opacity 250ms ease-in-out;opacity: 1}
.active-menu .navv{right: 0;opacity: 1}
.active-menu .nav1{right: 0;opacity: 1}
.active-menu .nav2{right: 0;opacity: 1}
.active-menu .nav3{right: 0;opacity: 1}


.closebtn{position: absolute;right: 50px;top: 50px;cursor: pointer}
.navv .logo{position: absolute;left: 50px;top: 50px}
.navv-bot-bar{position: absolute;bottom: 0;width: 100%;padding: 4% 0;left: 0}
.navv-bot-bar a{margin-right: 5%;font-size: 14px;}
.navv-bot-bar a:first-of-type{margin-left: 5%;font-size: 14px;}
.navv ul li a{font-size: 44px;color: #000000}
.navv-link:hover::after{transform: scaleX(1)}
.navv-link:after{content: url("../images/svg/nav-icon.svg");transition: transform 150ms ease-in-out;position: absolute;margin-left: 5%;transform: scaleX(0);transform-origin: left;background-color: #FFFFFF}
.navv-desc p{font-size: 14px;letter-spacing: 2px;margin: 10% 0}
.navv-desc p a{font-size: 18px;letter-spacing: 2px;margin-left: 7%}
.navv-desc{padding: 4% 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%)}
.markalar-page-sec {padding: 7% 10%}
.galeri-page-sec {padding: 7% 10% 0}
.galeri-page-sec .home-gal-heading{padding: 6% 5%}
.markalar-page-sec p{text-align: center}
.markalar-page-sec .col-md-4{padding: 10px}
.markalar-page-sec .col-md-4 a{padding: 20px;border: 1px solid #545456;width: 100%;height: 100%;display: block}
.markalar-page-sec .home-gal-heading{padding: 3% 10%;}




.detail-galeri{padding-bottom: 100px;}
.detail-galeri .galeri-buttons{display: flex; justify-content: center; align-items: center; padding-top: 50px;}
.detail-galeri .detail-galeri .nak-gallery-poster{filter: none;}
.detail-galeri .detail-galeri .container{max-width: 1170px;}
.detail-galeri .revGallery-anchor, .gal-overlay, .nak-gallery-poster{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.detail-galeri .revGallery-anchor{overflow: hidden;position: relative;display: block;float: left;padding: 15px 8px;}
.detail-galeri .gal-overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: background .4s ease;-webkit-transition: background .4s ease;}
.detail-galeri .revGallery-anchor:hover .gal-overlay{background: rgba(27,27,27, 0);}
.detail-galeri .nak-gallery {display: block;width: 100%;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;margin: 0}
.detail-galeri .nak-gallery-poster{padding-bottom:100%;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transition: all .4s ease;-webkit-transition: all .4s ease;background-position: center}
.detail-galeri .revGallery-anchor:hover .nak-gallery-poster{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}
.detail-galeri .img-responsive{display:none;}
.detail-galeri .button{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;font-weight: 500;font-size: 16px;color: #909090;letter-spacing: 0;text-align: center;width: 25%;background-color: transparent;}
.detail-galeri .button:hover {color: #00A0E3;}
.detail-galeri .button:active,
.detail-galeri .button.is-checked {color: #00A0E3;}
.detail-galeri .button.is-checked {color: #00A0E3;}
.detail-galeri .revGallery-anchor-width1{width: calc(100%/2);max-height: 400px}
.detail-galeri .revGallery-anchor-width2{width: calc(100%/4);max-height: 400px}
.detail-galeri .revGallery-anchor-width3{width: calc((100%/4)*3);margin: auto}
.detail-galeri .revGallery-anchor-width4{width: calc(100%/8);margin: auto}
.galeri-page-gal .revGallery-anchor-width2{width: calc(100%/4);max-height: unset}


.detail-galeri .nak-gallery-height1{padding-bottom: 400px}
.detail-galeri .nak-gallery-height2{padding-bottom: 300px}
.detail-galeri .nak-gallery-height3{padding-bottom: 200px}
.gal-overlay::after{
    content: url("../images/svg/hover-icon.svg");
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 250ms ease-in;
}
.revGallery-anchor:hover .gal-overlay::after{opacity: 1}
#lg-counter{position: absolute;bottom: -90vh;left: 50%;transform: translateX(-50%)}
.lg-thumb-outer{display: none}

.proje-detay-desc{color: #FFFFFF;padding: 0 11% 5% 11%}
.proje-detay-desc .col-md-6{padding-left: 10%}
.proje-detay-desc h5{color: #F28C05;font-size: 16px;letter-spacing: 1px;margin-bottom: 30px}
.expandable h6{width: 100%;border-bottom: 1px solid #d8d8d8;line-height: 40px;position: relative;font-size: 14px;font-weight: 600}
.expandable p{font-size: 13px;padding: 20px 0}
.expandable h6 img{position: absolute;right: 0;top: 15px;transition: transform 250ms ease-in-out;transform: scaleY(-1)}
.expandable{height: 50px;transition: height 250ms ease-in-out;overflow: hidden;cursor: pointer}
.expand{height: 200px}
.expand h6 img{transform: scaleY(1)}
.proje-detay-tab-sec{position: relative;display: block;padding: 5% 11%;background-color: #F9F9F9;}
.proe-detay-tab-holder{position: relative;width: 100%;height: 440px}
.proje-detay-tab-sec .home-gal-heading{padding: 6% 8%}
.proje-detay-tab-sec .selector{color: #000000}
.proje-detay-tab-sec h2{font-size: 64px;color: #000000}
.projey-detay-tab-cont {text-align: center;opacity: 0;width: 100%;padding: 10px;position: absolute;bottom: 0;transition: opacity 250ms ease-in-out}
.projey-detay-tab-cont .ilet-page-map img{width: unset}
.projey-detay-tab-cont .tab-contentt{height: 440px;background-size: cover;background-position: center}






@media screen and (max-width: 767px) {
    .galeri-page-sec{padding: 25% 10% 0;}
    .markalar-page-sec .home-gal-heading {padding: 0 0 50px 0}
    .markalar-page-sec .home-gal-heading h2{text-align: center;font-size: 42px}
    .slide__content{width: 100% !important;}
    .slider-social{display: block !important;text-align: center;bottom: 20px!important;}
    .slider-social a{display: block;position: relative !important; margin: auto 10px !important;}
    .slider-social button{display: block;margin: auto;position: relative !important;right: 0 !important;}
    .slider-pagi {bottom: 10px !important;}
    .header-nav{display: none}
    .header-line{display: none}
    .burger-menu-icon{top: 48px}
    .home-grey-sec div{margin: 15px auto;font-size: 14px;}
    .home-black-sec button{margin-left: -50%}
    .footer-right-top{height: unset}
    .footer-right-bot{height: unset}
    .footer-right-bot form input {width: 75%}
    p{font-size: 13px}
    .footer-disclaim p{float: none;display: block}
    .footer-disclaim li{display: block;margin: 15px auto}
    .footer-disclaim{text-align: center}
    .footer-left{padding: 5%;text-align: center}
    .footer-left ul {margin: 25px auto}
    .navv-link:after{display: none}
    .navv{text-align: center}
    .navv ul li a{font-size: 36px}
    .navv ul{margin-bottom: -5px}
    .navv .logo{top: 25px;left: 5%}
    .closebtn{top: 25px;right: 5%}
    .navv .row{top: 53%;transform: translateY(-50%);position: absolute;left: 0}
    .navv-desc{padding: 0}
    .navv-desc p{font-size: 12px;margin: 5% 0}
    .proje-page-padding {padding: 100px 20px 12% 20px;}
    .home-gal-heading{padding: 0}
    #myBtnContainer{position: relative;width: 100%;transform: none}
    .selector{font-size: 11px;margin: 15px}
    .hak-page-sec h2{font-size: 48px }
    .hak-page-sec{padding: 100px 20px 12% 20px;}
    .hak-page-sec p{padding: 0}
    .hak-page-mid{width: 100%;min-height: unset}
    .hak-page-mid button{float: none;margin: 5px 40px;}
    .ilet-page-sec{padding: 100px 0 12% 0;}
    .ilet-page-sec h2{font-size: 48px}
    .ilet-page-sec table{font-size: 13px;text-align: center}
    .ilet-page-sec table td{width: 100%;display: block;margin: 20px 0}
    .ilet-page-sec table td:first-of-type{width: 100vw;display: block}
    .ilet-page-mid{width: 100%;padding: 5%}
    .ilet-page-mid h3{text-align: center;margin-bottom: 20px}
    .ilet-page-mid button{float: none;width: unset;margin: 40px 50px 0 50px}
    .markalar-page-sec{padding: 150px 20px 12% 20px;}
    .detail-galeri .revGallery-anchor-width1{width: 100%;height: unset}
    .detail-galeri .revGallery-anchor-width2{width: 100%;height: unset}
    .proje-detay-desc h5{margin: 30px 0}
    .proje-detay-desc .col-md-6{padding-left: unset}
    .proje-detay-tab-sec{padding: 5% 0}
    .proje-detay-tab-sec h2{font-size: 46px}
    .proje-detay-tab-sec .home-gal-heading{padding: 20px 5px}
    .tablinks{margin: 15px 10px}
    .filterDiv img{width: 100%;height: unset !important;}
    .home-gal-sec img{height: unset !important;}
    .proje-img{height: 350px !important;}
}











.preloader{display:none}.preloaderStyle{background:red;width:100%;height:100px}
#preloader{overflow:hidden;background-color:#000000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}
.classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#E23411 #000000 #E23411 #000000;border-radius:50%;border-style:solid;border-width:4px;height:50px;left:calc(50% - 20px);position:absolute;top:calc(50% - 20px);width:50px;z-index:9}
.classy-load2{-webkit-animation:2000ms linear 0s normal none infinite running classy-load-rev;animation:2000ms linear 0s normal none infinite running classy-load-rev;background:transparent none repeat scroll 0 0;border-color:#de2929 #000000 #de2929 #000000;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-rev;animation:2000ms linear 0s normal none infinite running classy-load-rev;background:transparent none repeat scroll 0 0;border-color:#ea0d0d #000000 #ea0d0d #000000;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;}
.classy-load4{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#FFFFFF #000000 #FFFFFF #000000;border-radius:50%;border-style:solid;border-width:4px;height:30px;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:30px;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)}}


/* COOKIE POPUP STYLES */
.cookie-popup {; display: block; transition: opacity .5s; opacity: 0; }
.cookie-popup--short { right: none; }
.cookie-popup--dark {}
.cookie-popup--not-accepted { opacity: 1; animation: cookie-popup-in .5s ease forwards; z-index: 88; }
.cookie-popup--accepted { opacity: 0; }
.cookie-popup a { color: #000; }
.cookie-popup a:visited { color: #000; text-decoration: none; }
.cookie-popup-actions { flex: 1; text-align: right; }
.cookie-popup-actions button {}
.cookie-popup-actions button:hover { text-decoration: underline; }

@keyframes cookie-popup-in {
    from { bottom: -6.25rem; }
    to { bottom: 1.25rem; }
}
.proje-img{width: 100%;height: 300px;background-size: contain;background-repeat: no-repeat;background-position: center}




.detail-galeri{padding-bottom: 70px;}
.galeri-buttons{display: flex; justify-content: center; align-items: center; padding: 10px 0;gap: 3%}
.detail-galeri .nak-gallery-poster{filter: none;}
.detail-galeri .container{max-width: 1170px;}
.hizmet-gal .nak-gallery-poster::after{content: '';position: absolute;width: 90%;left: 50%;transform: translateX(-50%);bottom: 15px;height: 2px;background-color: #E3B048;z-index: 2}
.hizmet-gal .nak-gallery-poster span{position: absolute;left: 15px;bottom: 25px;color: #fff;font-size: 16px;font-weight: 600}
.revGallery-anchor, .gal-overlay, .nak-gallery-poster{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.revGallery-anchor{
    overflow: hidden;
    position: relative;
    width: calc(100% / 4);
    display: block;
    float: left;
    padding: 15px;
}

.gal-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background .4s ease;
    -webkit-transition: background .4s ease;
}

.revGallery-anchor:hover .gal-overlay{
    background: rgba(27,27,27, 0);
}

.nak-gallery {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.nak-gallery-poster{
    padding-bottom:100%;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.revGallery-anchor:hover .nak-gallery-poster{
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.img-responsive{
    display:none;
}

.galeri-buttons .button{
    display: inline-flex;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0;
    line-height: 40px;
    background-color: transparent;
    border: none;
    position: relative;
}



.detail-galeri .button:active,
.galeri-buttons .button.is-checked::after { content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50%;height: 1px;
    border-bottom: 2px solid #de2929;}

.galeri-buttons .button.is-checked::after { content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50%;height: 1px;
    border-bottom: 2px solid #de2929;}




.revGallery-anchor-width1{
    width: 40%
}

.revGallery-anchor-width2{
    width: 30%
}

.revGallery-anchor-width3{
    width: 20%
}




@media (max-width: 768px){
    .revGallery-anchor{width: calc(100% / 2);}
    .nak-gallery{margin-top: 30px;}
    .galeri-buttons{display: block;gap: unset;text-align: center}
    .galeri-buttons .button{display: block;text-align: center;margin: auto}
}







.float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25D366;
            color: #c5c5c5;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            z-index: 100;
            box-shadow: 0 0 30px rgba(0,0,0,0.1)
        }
        
        .my-float {
            margin-top: 16px;
        }
        .float2{bottom: 120px;}
        .float:hover{color: #c5c5c5;}


.float img{max-width: 24px; margin-top: 10px;}
@media screen and (max-width: 768px){
    .float{width: 50px; height: 50px; right: 25px;}
    .my-float{margin-top: 10px;}
    .float img{margin-top: 0;}
}