body { font-family: 'Montserrat', sans-serif;color: #fff;}
.no-padding{padding: 0px;}
.bg_grey {background: #e2e2e2;}
.mb0{margin-bottom: 0px;}
#logo {position: absolute;top:30px;left: 5%;z-index: 999999;}
#logo img{width:280px !important;}
.mini-columns .figure-caption { bottom: 10px;}
a{color: inherit;}
a:hover{text-decoration: none;color: inherit;}
u{text-decoration: none;}
.text-dect{text-decoration: underline;}
.text_underline::after{display: block;content: "";width: 100%;border-bottom: 2px solid #000000;position: relative;bottom: 10px;}
#human-section h2{font-family: 'Gilroy';font-weight: 800;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#idea-section p{  font-family: 'Gilroy';font-weight: 300;font-style: normal;font-size: 3.5vw;display: inline;}
#human-section h1{font-family: 'Gilroy';font-weight: 300;font-style: normal;width: max-content;font-size: 3vw;}
.bigger-font h2::after{content: "";display: block;border-bottom: 5px solid #ffffff; margin: 0 auto;width:20%;position: relative;bottom: 20px;}
.is-active .hamburger-box{bottom: 0px;}
#footer-section h1{font-family: 'Gilroy';font-weight: 300;font-style: normal;font-size: 3.5vw;width: max-content;}
#footer-section h4{font-family: 'Gilroy';font-weight: 300;font-style: normal;}
#footer-section{font-family: 'Gilroy';font-weight: 300;font-style: normal;}
.mail_contact h1 a{color: #000000;font-family: 'Gilroy';font-weight: 300;font-style: normal;font-size: 3vw;}
.mail_contact h1 a:hover{text-decoration: none;}
.mail_contact{padding-top: 2%;padding-bottom: 0%;}
.row{max-width: 100%;margin: 0px;}
.bold_me{font-family: 'Gilroy';font-weight: 800;font-style: normal;padding-left: 0px;font-size: 18px;}
.under-line-me::after{content: "";display: block;border-bottom: 3px solid #000000;width:100%;}
.under-line-mee::after{content: "";display: block;border-bottom: 1px solid #000000;width:100%;}
.box_text{ position: relative;left: -35%;margin-top: 13%;}
.box_text h1{color: #000000;font-family: 'Gilroy';font-weight: 300;font-style: normal;letter-spacing: 3px;font-size: 4vw;    width: max-content;}
.black_me .menu-text{color: #000000;}
.menu-text{ font-family: 'Gilroy';font-weight: 800;font-style: normal;}
.white_ham::after{background-color: #ffffff;}
.hak_renk::before{background-color: #000000 !important;}
.hak_renk{background-color: #000000 !important;}
.side-up-item:after{content: "";border-bottom: 2px solid #000000;width: 100%;margin: 0 auto;display: block;-webkit-transform-origin: left;transform-origin: left;-webkit-transform: scaleX(0) translateZ(0);transform: scaleX(0) translateZ(0);transition: -webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition: transform .8s cubic-bezier(.165,.84,.44,1);transition: transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);}
.side-up-item:hover::after{    -webkit-transform: scaleX(1) translateZ(0);transform: scaleX(1) translateZ(0);}
.service-item{cursor: default;}
.hakkimizda_inner{padding-top: 10%;}
.service-item::after{content: "";border-bottom: 1px solid #ffffff;width: 50%;margin: 0 auto;display: block;-webkit-transform-origin: left;transform-origin: left;-webkit-transform: scaleX(0) translateZ(0);transform: scaleX(0) translateZ(0);transition: -webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition: transform .8s cubic-bezier(.165,.84,.44,1);transition: transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);}
.service-item:hover::after{    -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0);overflow: hidden;}
.service-item:hover{color: #868282;}
.figure{overflow: hidden;}
#scroll-text {position: fixed;bottom: 5%;left: 5%;color: #fff;}
#human-section u::after{display: block;content: "";border-bottom: 3px solid #ffffff; width: 75%;position: relative;bottom: 8px;}
.is_section{overflow: hidden;}
.menu_heigh {height: 100px;}
.mb-10{margin-bottom: 100px;}
.my_continer{padding: 0px 5vw;}
.mini-columns .figure-img {object-fit: cover;
    height: 100%;}
.mini-columns {padding:0px 15px !important;     margin: 65px 0px !important; }
.mini-columns .figure {bottom: 0px;}
.mini-columns .figure {}
.mini-columns .figure-img{object-fit: cover;
    height: 100%;}
.figure-caption{
    border-radius: 0px;
   
    display: block;
    position: relative;
    z-index: 9999999;
    width: 100%;
    bottom: 30px;
    padding-left: 25px; color: #000;
}
.is_section .figure-caption h4{font-family: 'Gilroy';font-weight: bold;font-style: normal;color: #000;margin-top:10px;font-size: 1.9rem;}
.is_section .figure-caption p{ font-family: 'Gilroy';font-weight: 500;font-style: normal;color: #000;font-size: 25px;letter-spacing: 1px;}
.img-hover-zoom--slowmo img {transform-origin: 50% 65%;transition: transform 1s, filter 3s ease-in-out;overflow: hidden !important;}
.img-hover-zoom--slowmo:hover img {transform: scale(1.01);overflow: hidden;max-height: min-content;overflow: hidden !important;}
#menu-text {position: absolute;top: 50px;right: 5%;z-index: 999999999 !important;cursor: pointer;user-select: none;}
.is_double{overflow: hidden;}
.is_double figure-caption h4 {    font-family: 'Gilroy';font-weight: bold;font-style: normal;}
.is_double figure-caption p{font-family: 'Gilroy';font-weight: 500;font-style: normal;color: #6d6e71;font-size: 19px;letter-spacing: 1px;}
.be_creative {height:100vh; font-family: 'Gilroy';font-weight: 300;font-style: normal;}
.be_creative h2{color: #111111;    height: 100%;display: inline-grid;align-items: center;width: 100%; text-align: center;font-size: 2.5em;}
.is_info h1{color: #0a0a0a;   font-family: 'Gilroy';font-weight: bold;font-style: normal;margin-top: 8%;}
.is_info p{color: #0a0a0a; padding:20px 0px 85px 0px;font-size: 25px;
    font-family: 'Gilroy';
    font-weight: 600;
    font-style: normal;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.hak_body{background-color: black !important;}
.bg_dif {background-image: url(../img/dif_logo.png);background-repeat: no-repeat;background-position:top center;height: 65vh;background-size: 35%;}
.dif_text h1{  font-family: 'Gilroy';font-weight: 100;font-style: normal;font-size: 4.5rem;}
.haber_text_inner{ font-family: 'Gilroy';font-weight: 450;font-style: normal;font-size: 2rem;}
.hak_img{padding-top: 10%;}
.is_double figcaption h4{    font-size: 1.9rem;    font-family: 'Gilroy';font-weight: bold;font-style: normal;}
.is_double figcaption p{font-size: 25px;font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;}
#bediffrent{height: 100vh;background-image:url(../img/be_diffrentimg.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}

.color-blacbg{background-color:#000; }
.before_footer{padding:0px 3vw;background-color:#000;margin-top: 150px;align-items: center;
    display: flex;height: 400px; }
.before_footer h1{ font-family: 'Gilroy';font-weight: 600;font-style: normal;padding-bottom: 45px;}
.before_footer h3{ font-family: 'Gilroy';font-weight: normal;font-style: normal;}
.before_footer h3 img{padding-right: 25px;width: 175px;} 
.after_footer{padding:0px 3vw;background-color:#fff;;align-items: center;height: 100px;    display: block; }

.after_footer p{color: #000; font-family: 'Gilroy';font-weight: 600;font-style: normal; font-size: 1.3rem;margin: 0px;}
.after_footer ul li a{color: #000; font-family: 'Gilroy';font-weight: 600;font-style: normal; font-size: 1.3rem;}
.right_footer ul li{display: inline-block;}
.right_footer ul {display: inline;}
.social_footer li{padding: 0px !important;}
.menu_footer_right li{padding: 0px 10px;}
.menu_footer_right li a{  transition-property: border;
  transition-duration: 2s;}
.menu_footer_right li a:hover{color:#000; border-bottom: 1px solid #000;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{height: 2.5px !important;}




.height100 {
    height: 100vh;
}

.height80 {
    height: 80vh;
}
.mb-60 {margin-bottom: 60px;}
/* General Use : Colors */

.color-black {
    color: #000 !important;
}

.background-color-black {
    background: #000 !important;
}

/* General Use : Shared Class */

.content-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* General Use : Font Size */

.medium-font {
    font-size: 3.5vw !important;
}

.bigger-font > * {
    font-size: 8vw !important;
    font-family: 'Gilroy';
    font-weight: 200;
    font-style: normal;
}

.text-900 {
    font-weight: 900 !important;
}

.text-200 {
    font-weight: 200 !important;
}

.font-21 {
    font-size: 22px !important;
    line-height: 44px !important;
    font-family: 'Gilroy';
    font-weight: 200;
    font-style: normal;
}

/* Test Classes */

.container-test {
    border: 1px dashed blue;
}

.section-test {
    border: 1px dashed red;
}
.color_change{color:#000000; transition: color 2s;}
.color_change_white{color:#ffffff; transition: color 2s;}
/* Sections */

#welcome-section {
    position: relative;
}

#welcome-section #pause-button {
    position: absolute;
    bottom: 5%;
    right: 5%;
}

#intro-section {
    background: #000;
    color: #fff;
}

#about-section {
    background-size: cover;
    background: url('../img/about-section.jpg') no-repeat fixed top;
}

#human-section {
    background-size: cover;
    background: url('../img/human-section.jpg') no-repeat fixed top;
}

#idea-section {
    color: #000;
    background: #ecf0f1;
}

#service-section {
    background: #000;
    color: #fff;
}

#reference-section {
    padding:270px 0px;
}

.reference-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 10px 0;
}

.reference-item > img {
    width: 80%;
    height: auto;
}

#footer-section {
    color: #000;
    padding: 100px 0px 25px 0px;
}

.service-item {
    font-size: 8vh;
    margin: 30px 0;
    font-weight: 200;
}

.a-link {
    text-decoration: none;
    color: #000 !important;
}

.social-link {
    display: block;
    margin: 8px 0;
}

.width-70 {
    width: 70% !important;
}

#side-up-menu {
    position: fixed;
    height: 80vh;
    width: 100%;
    z-index: 999 !important;
    font-family: 'Gilroy';
    font-weight: normal;
    font-style: normal;
}

/* Hamburger Menu */

.wrapper {
    display: flex;
    align-items: center;
}

span {
    padding-left: 20px;
    font-family: Helvetica, serif;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 2px;
    transition: all .55s;
}

.close-text {
    display: none;
}

.menu {
    height: 40px;
    width: 50px;
}

.bar {
    background-color: #fff;
    height: 5px;
    width: 50px;
    transition: all .55s;
    position: relative;
}

.one {
    top: 10px;
}

.two {
    top: 20px;
}

.whopper:hover .one, .whopper:hover .two {
    /* background-color: gray; */
}

.one-ani {
    transform: rotate(33deg);
    top: 16px;
    transition: all .25s;
}

.two-ani {
    transform: rotate(-33deg);
    top: 11px;
    transition: all .25s;
}

.side-up-item {
    font-size: 3.9vw;
    font-weight: 200;
    margin: 20px 20px;
    width: max-content;
}

.half-opacity {
    opacity: .6;
}

.delay-t-1 {
    -webkit-animation-delay: 120ms;
    animation-delay: 120ms;
}

.delay-t-2 {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms;
}

.delay-t-3 {
    -webkit-animation-delay: 360ms;
    animation-delay: 360ms;
}

.delay-t-4 {
    -webkit-animation-delay: 480ms;
    animation-delay: 480ms;
}

@media (max-width: 575.98px) { .mt-4, .my-4{margin-top: 0px;}.pl-5{padding: 0px !important;}.width-70{width: 100% !important;}.contact-me{position: relative;top: 70px;}.side-up-item{font-size: 22px;}.bigger-font > *{font-size: 75px !important;}.bigger-font h2::after{width: 35%;}#human-section h1{font-size: 30px;}#idea-section p{font-size: 30px !important}#footer-section h1{font-size: 35px !important; }.box_text{left: 0px;}box_text h1{font-size: 35px;}.dif_text h1{font-size: 1.5rem;}.bg_dif{background-position: center;height: 35vh; background-size: 45%;padding-top: 10%;}#logo{width: 125px;top:40px;}#menu-text{top: 20px;}.is_section .figure-caption p{font-size: 15px; }.is_section .figure-caption h4{font-size:23px; }.is_info h1{font-size: 1.5rem;}.haber_text_inner{font-size: 1.2rem;}.right_footer ul{display: block;
padding: 0px;text-align: center;}#reference-hakkimizda{ height:auto !important;}#bediffrent{ height: 175px;}#reference-section{padding: 50px 0px;}.figure{height: 250px; max-height:250px; }.figure-img{height: 100%; object-fit: cover;}.figure-caption{bottom: 23px; padding-left: 0px;}.is_double figcaption h4{ font-size: 23px;padding-left: 5px;}.is_double figcaption p{font-size: 15px; padding-left: 5px;}.ana_resim .figure-img{height:auto;}.after_footer p{font-size:1rem;  text-align: center;
} .before_footer h1{ font-size: 32px;}




}




@media (min-width: 576px) and (max-width: 767.98px) {  box_text h1{font-size: 35px;}.dif_text h1{font-size: 1.5rem;}.bg_dif{background-position: center;height: 35vh; background-size: 45%;padding-top: 10%;}#logo{width: 155px;top:20px;}#menu-text{top: 20px;}.is_section .figure-caption p{font-size: 20px;}.is_section .figure-caption h4{font-size: 1.5rem;}.is_info h1{font-size: 1.5rem;}.haber_text_inner{font-size: 1.2rem;} }



@media (min-width: 768px) and (max-width: 991.98px) { .mt-4, .my-4{margin-top: 0px;}.pl-5{padding: 0px !important;}.width-70{width: 100% !important;}.contact-me{position: relative;top: 70px;}.side-up-item{font-size: 32px;}.bigger-font > *{font-size:95px !important;}.bigger-font h2::after{width: 35%;}#human-section h1{font-size: 40px;}#idea-section p{font-size: 40px !important}#footer-section h1{font-size: 35px !important; }.dif_text h1{font-size: 2.5rem;}.bg_dif{background-position: center;height: 35vh; background-size: 45%;padding-top: 10%;}#logo{width:275px;top:20px;}#menu-text{top: 20px;}.hak_img{left: 30%;}  }