.header-logo img {

}

.header-area.header--sticky.sticky .logo-light{
    display: none;
}

.active-dark-mode .header-area.header--sticky.sticky .logo-light{
    display: block;
}

.header-area .logo-light{
    display: block;
}
.header-area .logo-dark{
    display: none;
}

.header-area.header--sticky.sticky .logo-dark{
    display: block;
}

.active-dark-mode .header-area.header--sticky.sticky .logo-dark{
    display: none;
}

.all-reference-btn {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.bg_image--1 {
    background-image: url(../images/bg-image-3-overlay.jpg);   
}

.bg_image-banner {
    background-image: url(../images/banner3.jpg);
}


ul.brand-style li img {
    opacity: unset;
    max-height: unset;
    max-width: unset;
    padding: 10px;
}

ul.brand-style li:hover img {
    filter: brightness(0) invert(0);
}

ul.brand-style a:hover {
	margin-top: -10px;
    background: rgba(255,255,255,0.9);
}

ul.brand-style li {
    border-top: none;
    border-right: none;
}
    
ul.brand-style a {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: center;
    height: 220px;
    line-height: 220px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.section-idea h2 {
    font-size: 40px !important;
}

.section-if h3 {
    color:#fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
}

.section-if-title {
    position: relative;
    color: #ff872e;
    font-weight: 100;
}

.section-if-title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #ff872e;
    opacity: 0.75;
    width: 100%;
}

.single-service.service__style--3 .icon img {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    ul.brand-style a {
        border-top: 0 none;
        border-right: 0 none;
        height: auto;
        line-height: 10;
    }

    ul.brand-style {
        justify-content: center;
    }
}

@media only screen and (max-width: 575px) {
    .header-area .header-wrapper .logo a img {
        width: 220px;
    }
}


.icon img {
    width: 50px;
}

.content p {
    font-size:15px;
}

.slide .inner h1.title {
    line-height: 66px;
    font-size: 58px;
    letter-spacing: 4px;
    font-weight: 500;
    color: #fff;
    background: transparent!important;
    text-transform: initial;
}

.our-title {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    /* padding-bottom:20px; */
}

.our-title-btn {
    margin-bottom:20px;
}

a.btn-transparent:hover {
    color: #000;
}


.header-area.header--sticky .mainmenunav ul.mainmenu > li > a:hover {
    background: transparent;
    color: #fff;
}

.mainmenunav ul.mainmenu > li > a {
    color: #fff;
    font-size: 16px;
}

.header-area .header-right {
    margin-right: 10px;
}

a.btn-transparent {
    color: #000;
    font-size: 19px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}


.section-if h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 38px;
    margin-bottom: 30px;
}

.all-reference-btn a {
    font-size: 19px;
}

.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a:hover {
    color: #000;;
}

.footer-default .footer-right .footer-widget ul.ft-link li + li {
    margin-top: 13px;
}

.footer-default .footer-right .footer-widget ul.ft-link li a {
    display: inline-block;
    line-height: 35px;
    color:#fff;
    text-align: center;
}

.footer-default .footer-right .footer-widget ul.ft-link li:hover a {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.if-area-title {
    letter-spacing: 0.9px;
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 50px;
}

.if-area-subtitle {
    color:#ff872e;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 42px;
}

.if-area-subtitle {
    position: relative;
    display: inline-block;
}

.if-area-subtitle::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #ff872e;
    opacity: 0.75;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.if-area-subtitle:hover::after {
    width: 100%;
}

.if-area-text {
    margin-top:40px;
}

.active-dark-mode a.btn-transparent {
    color: #ffffff;
}

.active-dark-mode .our-title {
    color: #ffffff;
}

.active-dark-mode .header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a:hover {
    color: #ffffff;
}


.active-dark-mode ul.nav.tab-style--1 li a.active {
    color:#f9004d !important;
}

.active-dark-mode ul.nav.tab-style--1 li a::before {
    background:#f9004d !important;

}

.footer-default .footer-left .inner::after { content: ''!important; }

.slide.slide-style-1 .inner { padding-top: 30px; }

.footer-default .footer-left .inner h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 400;
    font-family: "loewmedium", sans-serif;
    line-height: 60px;
}

.custombtn { 
    background:#358fcd;
    font-size: 18px;
    color: #fff;
    padding: 10px 22px 14px 22px;
    /*border-radius: 4px;*/
    margin-top: 25px;
    text-transform: initial;
    position: relative;
    z-index: 2222;
}

.custombtn h3 {
	z-index: 3333;
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}

.custombtn::after {
	content: '';
	position: absolute;
	height: 100%;
    width: 0%;
    left: 0px;
    top: 0px;
    transition: .6s;
    background: rgba(255,255,255,0.6);
    z-index: 1;
}

.custombtn::before {
	content: '';
	position: absolute;
	height: 100%;
    width: 0%;
    left: 0px;
    top: 0px;
    transition: .9s;
    background: rgba(189, 74, 11,0.6);
    z-index: 2;
}

.custombtn:hover::after {
    width: 100%;
}

.custombtn:hover::before {
    width: 100%;
}

.rn-slider-area { position: relative; }
.rn-slider-area::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom,transparent,rgba(20,20,20,92));
    z-index: 222222;
}

.rn-service-area { position: relative; }
.rn-service-area::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -109px;
    width: 100%;
    height: 110px;
    background: linear-gradient(to top,transparent,rgba(20,20,20,92));
    z-index: 222222;
}

.rn-brand-area { position: relative; }
.rn-brand-area::after {
    content: '';
    position: absolute;
    left: 0px;
    top: -108px;
    width: 100%;
    height: 110px;
    background: linear-gradient(to top,transparent,rgba(20,20,20,92));
    z-index: 222222;
    transform: rotate(180deg);
}

button.rn-button-style--2, a.rn-button-style--2 { border-radius: initial; }

.footer-default .footer-left { border-radius: 0px; }

#scrollUp { border-radius: 0px; z-index: 9999999!important; height: 40px!important; width: 40px!important; right: 30px!important; bottom: 30px!important; }
.header-area.header--sticky { z-index: 99999999999!important; }
#scrollUp i { line-height: 40px; }
[data-black-overlay="4"]:before { opacity: 0; }

.typingbannerlast::after {
  content : "\0020";
  animation: pulse 1s infinite;
  color: transparent;
  border-right: 3px solid black;
  margin-left: 4px;
}

@keyframes pulse {
  0% {
     border-right: 3px solid  black;
  }
  50% {
     border-right: 3px solid  transparent;
  }
  100% {
     border-right: 3px solid  black;
  }
}

.bannertext span { width: 50px; display: inline-block; color: #fff; font-size: 44px; line-height: 66px; font-weight: 300; }
.bannertext { position: absolute; margin-top: 0%; margin-left: 60px; }
.bgeffect { position: absolute; left: 0px; top: 0px; opacity: 0.06; transition: 0.3s; z-index: -1; width: 100%; height: 100%; text-align: center; line-height: 230px; }
.bgeffect img { height: 60%; filter: brightness(0) invert(0.3); }
a.rn-button-style--2:hover { background: #fff; }
.single-service.service__style--4:hover .bgeffect { opacity: 0.2; }


.slidecst::after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: url(../images/banner8.png) no-repeat; background-size: cover; background-position: right; z-index: 22222; }
.typingbanner span.line { color: #fff!important; }
.ti-cursor.with-delay { color: #fff!important; }
.slidecst { background: #141414!important; }
.cstbtn { color: #fff!important; }

.header-area.header--sticky.sticky { background: rgba(255,255,255,0.9); }
.title-color { color: #358fcd!important; }
a.rn-btn, button.rn-btn, .rn-btn { border-radius: 0px; }
.footer-default .footer-left .inner > span { text-transform: initial; }

.subpageproject img { filter: brightness(0) invert(0.2); } 
.subpageproject a:hover { background: #358fcd!important; } 
.subpageproject a:hover img { filter: brightness(1) invert(0); } 
.subpageproject a li:hover img { filter: brightness(1) invert(0); }

.rn-service-area.subpageservice::after { display: none; }

.subpageservice .single-service:hover img { filter: brightness(0) invert(1); }

[data-black-overlay="7"]:before { opacity: 0.5; }

.rn-finding-us-area .inner .content-wrapper .content { border-radius: 0px; }

.rn-address .icon { border-radius: 0px; }
.rn-address { border-radius: 0px; }

.contact-form--1 input, .contact-form--1 textarea { border-radius: 0px; }
.projectsubpage::after { display: none; }

.labelbtn { margin-bottom: 20px!important; background: #358fcd; border: 1px solid #358fcd; width: auto; display: inline-block!important; transition: .3s; padding: 10px 20px; color: #fff; cursor: pointer; }
.labelbtn:hover { background: #fff; color: #358fcd; }

@media screen and (max-width: 767px) {
    .about-us-cstimg img { width: 300px; }
    .about-us-cstimg img.first { top: 100px; left: 0px; }
    .about-us-cstimg img.two { right: 0px; top: 50px; }
    .imgcontent { height: 400px!important; }
    .kariyerimg { margin-bottom: 80px; }
    .copyright-text p { margin-left: 0px!important; }
    .page-list { margin-top: 170px!important; }
    .subpageservice { padding: 40px 0px!important; }
    .subpageservice .single-service a { background: #fff!important; padding: 30px 14px; }
    .subpageservice .single-service .content h3 { color: #000!important; }
    .subpageservice .single-service .content p { color: #000; }
    .subpageservice .single-service a:hover { background: initial; }
    .subpageservice .single-service a:hover p { color: #000!important; }
    .subpageservice .single-service a:hover h3 { color: #000!important; }
    .subpageservice .single-service a:hover img { filter: initial; }
    .subpageservice .single-service.service__style--2 a::before { background: initial!important; }
    .subpageservice .single-service.service__style--2 { margin-top: 0px; padding: 0px!important; }
    .header-area.header--sticky .mainmenunav ul.mainmenu > li > a { display: inline-block; }
    .header-area.header--sticky .mainmenunav ul.mainmenu > li > a:hover { color: #000; }
    .bannertext { margin-top: -10%; }
    .if-area-title { font-size: 20px; line-height: 33px; }
    .header-area.header--sticky.sticky .logo a img { width: 140px; }
    .humberger-menu { margin-top: -18px; }
    .header-area .logo-light img { width: 170px!important; }
    .slide .inner h1.title { font-size: 46px; line-height: 62px; }
    .bannertext span { line-height: 46px; }
    .about-inner { padding-top: 0px; }
    .thumbnail iframe { width: 100%; }
    .homebantcst { background-size: cover!important; background-position: center!important; min-height: 420px!important; }
    .footer-default .footer-left .inner h2 { font-size: 35px; line-height: 44px; }
    .footer-default .footer-left .inner a.rn-button-style--2 { font-size: 14px; }
    .skillbox { margin-top: 30px; }
    .skillbox:first-child { margin-top: 0px!important; }
}

.alert { position: fixed; top: 30px; right: 30px; z-index: 999999999999; }