@charset "utf-8";
/* CSS Document */
a {
    color: #fe0002;
}
a:focus, a:hover {
    color: #fe0002;
}

.default-btn.btn.btn-slider {
    background: #fe0002 none repeat scroll 0 0;
}
.default-btn.btn.btn-slider:after { 
    background: #fe0002 none repeat scroll 0 0 
}
.default-btn.btn.btn-slider:hover {
    color: #000000 !important;
}
.btn.btn-slider:after {
    background: #C6AF85;
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
    border-color: #fe0002 !important;
}
.about-us-section {
    background: rgba(245, 245, 245, 0) url(../images/about-us/bg-about.png?v=1.0.1);
}
.logo_boyut{
    height: 70px;
}

.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
#into-section h2 {
    text-transform: unset;
}

.section-title > h2:after {
    background: #fe0002 none repeat scroll 0 0;
}
.common-title:after {
    background: #fe0002 none repeat scroll 0 0;
}
.main-header .header-top .top-left a span { color: #fe0002 }
.main-header .lower-header .search-box-btn .search-btn {
    color: #fe0002;
    border: 1px solid #fe0002;
}
.main-menu .navigation > li > a:before {
    background: #fe0002;
}
.main-menu .navigation > li > ul {
    border: 1px solid #fe0002;
}
.main-menu .navigation > li > ul > li:hover > a {
    background-color: #fe0002;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
    color: #fe0002;
}
.main-menu .navigation > li > ul > li  > ul {
    border: 1px solid #fe0002;
}
.main-menu .navigation > li > ul > li  > ul > li:hover > a {
    background-color: #fe0002;
}
.main-header .search-box {
    background: #fe0002;
}
.main-header.transparent-header .search-box .form-group .search-submit { background: #fe0002 }
.main-slider .slider-text span{ 
    color: #fe0002; 
}
.slider-text b{ 
    color: #fe0002;
}
.main-slider .slider-text span { color: #fe0002 }
#promo-section {
    background-color: #fe0002;
}
.promo-content i {
    color: #fe0002;
}
#whyus-section .single-cat-1 > h4:after {
    background-color: #fe0002;
}
.category > ul > li.filter:before {
    background-color: #fe0002;
}
.category > ul > li.filter.active:before {
    background-color: #fe0002;
}
.proj-img-hover .visit-link i,
.proj-img-hover .proj-link i {
    background: #fe0002;
}
.proj-img-hover .visit-link:hover i,
.proj-img-hover .proj-link:hover i {
    color: #fe0002;
}
.proj-text > span {
    border-top: 2px solid #fe0002;
}
#project-section .owl-controls .owl-buttons div:hover {
    background: #fe0002;
}
#wedo .wedo-header:after {
    background: #fe0002;
}
.testimonial-section .testimonial-box h2 {
    color: #fe0002;
}
.testimonial-section .testimonial-box h4:after {
    background: #fe0002;
}
.testimonial-section .owl-theme .owl-controls .owl-page.active span {
    background: #fe0002  none repeat scroll 0 0;
    border: 1px solid #fe0002;
}
.thumbnail {
    border-color: #fe0002;
}
.do-up .caption {
    background-color: #fe0002;
}
.do-up:hover .caption {
    background-color: #fe0002;
}
.img-wrapper > a {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(135deg, #fe0002 0%, #e60026 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #fe0002 0%, #e60026 100%) repeat scroll 0 0;
}
.post-meta .post-author a:hover,
.post-meta .post-category a:hover,
.post-meta .comments-link a:hover {
    color: #fe0002;
}
h3.post-title a:hover { 
	color: #fe0002 
}
.counter .counter-info span.counters {
    color: #fe0002;
}
.about-us-slider .fawesome-control i {
    background: #fe0002 none repeat scroll 0 0;
}
.about-us-slider .carousel-indicators .active {
    background-color: #fe0002;
    border: 1px solid #fe0002;
}
.about-item-content > h4 span:after {
    border-bottom: 3px solid #fe0002;
}
.about-us-item:hover .about-item-step div:after {
    background: #fe0002 none repeat scroll 0 0;
}
.about-us-text ul.about-list li:before {
    color: #fe0002;
}
.about-us-text > h3:after {
    border-bottom: 3px solid #fe0002;
}
.about-us-item:hover i { color: #fe0002 }
.feature-area > h4 {
    color: #fe0002;
}
.feature-item > h3 {
    color: #fe0002;
}
.feature-item ul li i {
    color: #fe0002;
}
.single-client:hover > img {
    border: 1px solid #fe0002;
}
.client-area .owl-buttons div.owl-next:hover,
.client-area .owl-buttons div.owl-prev:hover { background: #fe0002 }
#contact-section::after {
  background: #C6AF85;
}
.footer-widget > h4 {
    color: #fe0002;
}
.footer-widget .item:hover .item-heading a { color: #fe0002 }
.footer-single-item > a:hover { color: #fe0002 }
.scroll-to-top {
    background: #fe0002;
    border: 1px solid #fe0002;
}
.choose-item:hover h3 { color: #fe0002 }
.choose-item:hover i {
    border-color: #fe0002;
    color: #fe0002;
}
.ac-pane {
    background-color: #fe0002;
}
.ac-title {
    border: 1px solid #fe0002;
    background-color: #fe0002;
}
.ac-content {
    border: 1px solid #fe0002;
}
.er-service-list ul li.active { background: #fe0002 }
.er-service-list ul li:hover { background: #fe0002 }
.er-service-details > h3:after {
    background: #fe0002 none repeat scroll 0 0;
}
.section-one .check-more i {
    background: #fe0002 none repeat scroll 0 0;
}
.er-service-content .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: #fe0002 none repeat scroll 0 0;
    border: 1px solid #fe0002;
}
.er-service-content .nav > li > a:focus,
.nav > li > a:hover {
    background-color: #fe0002;
}
.er-service-content .tab-content > .active {
    border: 1px solid #fe0002;
}
.er-tab-details ul.er-tab-details-list li:before {
    color: #fe0002;
}
.er-service-content ul li.active a:before {
    background: #fe0002 none repeat scroll 0 0;
}
.other-service-title a h4 {
    color: #fe0002;
}
.other-service-item:hover .other-service-title i {
    color: #fe0002;
}
.news-section .item:hover .item-heading a { color: #fe0002 }
.widget h4:before {
    background: #fe0002 none repeat scroll 0 0;
}
.widget-search input:focus { border: 1px solid #fe0002 }
.widget-search .search-icon i:focus { color: #fe0002 }
.search-form:focus ~ .search-icon { color: #fe0002 }
.sidebar-categories-item:hover a { color: #fe0002 }
.sidebar-categories-item:hover > a:before { color: #fe0002 }

.widget-tag .tagcloud > a:hover {
    background: #fe0002 none repeat scroll 0 0;
}
.post-summary .blogquote blockquote .quote {
    color: #fe0002;
}
.post-summary .blogquote blockquote span { color: #fe0002 }
.post-summary .para-style a {
    color: #fe0002;
}
.comments-area input:focus,
.comments-area textarea:focus { border: 1px solid #fe0002 }
.comments-area a {
    background: #fe0002 none repeat scroll 0 0;
}
.project-details h4:after {
    background: #fe0002 none repeat scroll 0 0;
}
#other-project-section-1 h2:after {
    background: #fe0002 none repeat scroll 0 0;
}
#other-project-section-1 .owl-controls .owl-buttons div:hover {
    background: #fe0002 none repeat scroll 0 0;
    border: 1px solid #fe0002;
}
.project-pagging-button > a:hover {
    background: #fe0002 none repeat scroll 0 0;
}
.divider-contat {
    background: #C6AF85 none repeat scroll 0 0;
}
.divider-contat .star {
    background: #C6AF85 none repeat scroll 0 0;
}
#contact-section-form .contact-form input:focus,
#contact-section-form .contact-form textarea:focus {
    border-color: #fe0002;
}
#contact-section-form .contact-form input:focus { border: 1px solid #fe0002 }
#contact-section-form .contact-form textarea:focus { border: 1px solid #fe0002 }
#contact-section-form .contact-submit-button {
    background: #fe0002 none repeat scroll 0 0;
}
#contact-section-form .contact-submit-button:hover {
    color: #fe0002;
}
#contact-section-form .contact-submit-button {
    background: #fe0002 none repeat scroll 0 0;
}
#contact-section-form .contact-submit-button:hover {
    color: #fe0002;
}
#contact-section-form .working-hour-content h1:after {
    background: #fe0002 none repeat scroll 0 0;
}
.et-404text {
    color: #fe0002;
}
.et-404content a {
    color: #fe0002;
}
.simply-amount {
  color: #fe0002;
}
.et-subscribe-form form input[type="submit"] {
  background: #fe0002 none repeat scroll 0 0;
}

#wedo .single-cat-2 > h4 a{
    margin-bottom: 15px;
    margin-top: 20px;
    color: #000;
    text-transform: uppercase;
}
.main-slider .slider-text, .main-slider .slider-text span {
    text-transform: none;
}
.post-date {
    background: rgba(245, 0, 2, 0.8) none repeat scroll 0 0;
}
.post-title > a {
    text-transform: unset;
}
footer.footer-section {
    padding-top: 10px;
}
.footer-bottom {
    margin-top: 20px;
    min-height: 70px;
}
.main-header .search-box .form-group input[type="search"], .main-header .search-box .form-group input[type="text"] {
    background-color: #ffffff;
    color: #000000;
}
.proj-text h4 {
    text-transform: unset;
}
.project-content img {
    height: 100%;
    max-width: unset;
}
.project-content {
    height: 270px;
    text-align: center;
    border: 4px solid rgb(204, 183, 145);
}
.project-portfolio .project-content img {
    width: auto !important;
}
.pages-header-content .breadcum ul > li {
    text-transform: unset;
}
.pages-header-content .breadcum > ul {
    background: rgba(198,175,133, 0.7) none repeat scroll 0 0;
    display: inline-block;
}

#wedo .single-cat-2 > h4 a {
    text-transform: none;
}


/* Galeri Efekt Silme */

.proj-img-hover {
    background: none; 
}

.div_orta{
    justify-content: center;
    display: grid;
    justify-items: center;
}
.btn-slider span{
    font-size: 17px;
}
.contact-area h4 {
    font-size: 18px;
}
.pages-header-content h1{
    text-shadow: 2px 2px 2px #000000;
}
.kapak_alan{
    height: 253px;
}

/* Bootstrap 3 Row Centering */
.row-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Bootstrap 3'ün default float yapısını flexbox durumunda devredışı bırakıyoruz */
.row-center [class*="col-"] {
    float: none;
}
.haber_anasayfa{
    height: 205px;
    overflow: hidden;
}

/*Liste Sayfaları İçin*/
/* Ana taşıyıcıyı esnek (flex) yapıyoruz */
    /* 1. Dış kutuların hizalanması (Üst üste binmeyi çözen kısım) */
    .grid-flex-container {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .grid-flex-item {
        display: flex !important;
        float: none !important; /* Bootstrap float'ı iptal */
        margin-bottom: 30px;
    }

    /* 2. İç kutu (single-cat-2) düzeni */
    .grid-flex-card {
        display: flex !important;
        flex-direction: column !important; /* Elemanları alt alta dizer */
        width: 100%;
        height: 100%;
        position: relative;
        background: #fff;
        text-align: center;
    }

    /* 3. İçeriklerin üst üste binmesini önleyen kurallar */
    .grid-flex-card .wedo-img {
        display: block;
        width: 100%;
        margin-bottom: 0px; /* Resim ile başlık arasına boşluk */
    }

    .grid-flex-card .wedo-header {
        display: block !important;
        position: relative !important;
        height: auto !important; /* Sabit height varsa iptal eder */
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    .grid-flex-card p {
        display: block !important;
        padding: 0 15px 20px 15px; /* Metin kenarlardan ve alttan taşmasın */
        margin-top: 0 !important;
        flex-grow: 1; /* Metin alanını esneterek kutuları eşitler */
    }

    /* Görsellerin boyutu */
    .grid-flex-card .kapak_alan img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    /* Sizin verdiğiniz çizgi (after) stilinin kaybolmaması için */
    .grid-flex-card .wedo-header:after {
        content: "";
        display: block;
        width: 50px; /* Çizgi boyutu */
        height: 2px;
        background: #fe0002;
        margin: 10px auto 0 auto; /* Başlığın altına ortalar */
    }

#wedo .cizgi_icin:after {
    margin-top: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #c6b085;
    border-color: #c6b085;
}
.pagination>li>a, .pagination>li>span {
    color: #c6b085;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #c6b085;
}



@media only screen and (max-width: 2560px) {

}

@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1440px) {
.project-content {
    height: 220px;
}
.tp-banner {
    height: 490px !important;
}

}

@media only screen and (max-width: 1199px) {
    .kapak_alan{
        height: 208px;
    }
    .haber_anasayfa{
        height: 160px;
    }
    .grid-flex-card .wedo-header {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 1024px) {
	.main-header .header-top .top-right .social-links ul li {
    display: inline-block;
    margin-left: 5px;
    padding-right: 10px;
	}
}   
@media only screen and (max-width: 992px) {
    .about-us-text p {
        text-align: unset;
        width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .kapak_alan{
        height: 160px;
    }
}

@media only screen and (max-width: 768px) {
    
    .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        background: none;
    }
	.main-menu .navbar-header .navbar-toggle {
    border: 1px solid #fe0002;
	}
	.main-menu .navbar-header .navbar-toggle .icon-bar {
    background: #fe0002;
	}
    .project-content {
    height: 165px;
    }



}
@media only screen and (max-width: 767px) {
    .kapak_alan{
        height: unset;
        margin-top: 30px;
    }
    .row-center {
        display: block; /* Mobilde normal akışa döner */
    }
    #wedo .single-cat-2 {
        margin-left: 0px;
    }
    .grid-flex-card .kapak_alan img {
        height: unset;
    }
}

@media only screen and (max-width: 576px) {
    .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
            background: #fe0002;
    }
    .haber_anasayfa{
        height: 135px;
    }
    
}

@media only screen and (max-width: 576px) {
    .haber_anasayfa{
        height: unset;
    }
    
}

@media only screen and (max-width: 425px) {
.mix.single-project {
margin-left: unset;
}
.project-content {
height: 270px;
}
.project-portfolio .project-content {
    width: 100%;
    margin-left: 10px;
}
#project-section-one .projects-details .mix {
    width: 100%;
}

}

@media only screen and (max-width: 375px) {
.project-portfolio .project-content {
    margin-left: 0px;
}
.project-content img {
    max-width: unset;
}

}

@media only screen and (max-width: 320px) {

}