/* footer */
           
           footer.style1 {
            padding: 35px 0 20px;
        }
        
        footer.style1 .bottom-inner {
            text-align: center;
            padding: 15px 0;
            border-top: 1px solid #fff;
            margin-top: 10px;
        }
        
        .footer_css span a {
            color: #001c78;
        }
        
        footer.style1 .bottom-inner p,
        footer.style1 .bottom-inner p a {
            font-family: Roboto Condensed;
            font-size: 16px;
            font-weight: 400;
            color: #fff;
        }
        /* #footer */
        /* index */
        
        .header-wrap-inner.style1 {
            background-color: #dddddd;
            padding: 20px 0 60px;
        }
        
        header.style1 .nav-wrap {
            float: none;
            display: flex;
            justify-content: space-around;
        }
        
        .main-home1 .flat-company .flat-carousel-box {
            border-top: 1px solid #f2f3f5;
            padding: 20px 0 20px;
        }
        
        .flat-our-services.style1 {
            padding: 60px 0 60px;
        }
        /* active renk */
        
        .widget-service-post ul.flat-active .heading a.active {
            background-color: #001c78;
            color: #fff;
        }
        
        .widget-service-post ul a.active:after {
            content: "\f105 ";
            font-family: fontawesome;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 50px;
            background-color: #a3a3a3;
            color: #fff;
        }
        /* referanslar */
        
        .flat-feedback .wrap-feedback .featured-post.referans_img {
            max-width: 100%;
            max-height: 100%;
            display: flex;
            justify-content: center;
            box-shadow: 5px 7px 6px grey;
        }
        /* galeri */
        
        .default-padding {
            padding-top: 120px;
            padding-bottom: 120px;
            position: relative;
        }
        
        .gallery-area .magnific-mix-gallery {
            margin: -15px;
        }
        
        .gallery-area .gallery-items.colums-4 .pf-item {
            margin-bottom: 15px;
            /*  float: left;
    padding: 15px;
    width: auto;*/
            /*25% */
        }
        
        .gallery-area .gallery-items .pf-item .overlay {
            position: relative;
            z-index: 1;
            overflow: hidden;
        }
        
        .gallery-area .gallery-items .pf-item .overlay:hover:before {
            opacity: 1;
        }
        
        .gallery-area .gallery-items .pf-item .overlay:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            opacity: 0;
            transition: all 0.5s ease 0s;
        }
        
        .gallery-area .gallery-items .pf-item .overlay .content {
            position: absolute;
            left: 40px;
            bottom: 30px;
            z-index: 1;
        }
        
        .gallery-area .gallery-items .pf-item .overlay .content .title {
            transition: all 0.35s ease-in-out;
            transform: translateX(50px);
            opacity: 0;
        }
        
        .gallery-area .gallery-items .pf-item .overlay .content .title span {
            color: #cccccc;
            display: block;
            margin-bottom: 10px;
        }
        
        .gallery-area .gallery-items .pf-item .overlay .content .title span {
            color: #ffffff;
        }
        
        .gallery-area .gallery-items .pf-item .overlay:after {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            left: 170%;
            top: 0;
            transform: skewX( 45deg);
            transition: all 0.55s ease-in-out;
            background-color: #f42223;
            opacity: 0.6;
        }
        
        .gallery-area .gallery-items .pf-item .overlay:hover .content>span {
            transform: translateY(0);
            opacity: 1;
        }
        
        .gallery-area .gallery-items .pf-item .overlay .content>span {
            display: inline-block;
            height: 50px;
            width: 50px;
            line-height: 50px;
            text-align: center;
            background: #f42223;
            color: #ffffff;
            border-radius: 50%;
            transform: translateY(30px);
            opacity: 0;
        }
        /* iletiÅŸim */
        
        .flat-map {
            height: auto;
        }
        /* referanslar */
        
        .flat-feedback .wrap-feedback {
            background-color: #fff;
            padding: 0;
        }
        
        .flat-feedback .wrap-feedback .featured-post {
            max-width: 80px;
            max-height: 80px;
            overflow: hidden;
            border-radius: 0;
        }
        /* ürünler */
        
        .main-services .post .content-post {
            padding: 39px 25px 39px;
            background: #fff;
        }
        /* index hakkımızda */
        
        .flat-welcome .info-welcome .info-button a {
            color: #fff;
            font-family: Roboto Condensed;
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            padding: 12px 34px;
            background-color: #001c78;
            border-radius: 4px;
            border: 1px solid #001c78;
            margin-top: 17px;
        }
        
        .flat-welcome .info-welcome .info-button {
            margin-top: 0;
        }
        
        .flat-welcome .info-welcome h4 {
            font-family: Roboto Condensed;
            font-size: 21px;
            font-weight: 600;
            color: #666d81;
            letter-spacing: 3.2px;
        }
        
        .title-section h4 {
            margin-top: 23px;
            font-family: Roboto Condensed;
            font-size: 30px;
            font-weight: 800;
            color: #666d81;
            letter-spacing: 3.2px;
        }
        /* index haberler */
        
        .flat-latest .post {
            margin-bottom: 80px;
        }
        
        .flat-slider.style1 .tp-caption a {
            color: #fff;
            background-color: #001c78;
            text-align: center;
            border: 1px solid #001c78;
            padding: 15px 30px;
        }
        /* haber */
        
        .sidebar-inner .widget {
            border: 1px solid #e7eaee;
            padding: 47px 49px;
            margin-top: 0;
        }
        
        .meta-post-shared ul li.active:after {
            content: none;
            position: absolute;
            top: 50%;
            right: 17px;
            width: 5px;
            height: 1px;
            background-color: #666d81;
        }
        /* iletiÅŸimn */
        
        .title-section.style2 {
            overflow: unset;
        }
        
        textarea {
            width: 100%;
            padding: 30px 39px;
            height: 150px;
        }
        /* haberler ok*/
        
        .pagination>.active>a,
        .pagination>.active>a,
        .pagination>.active>span,
        .pagination>.active>a:hover,
        .pagination>.active>span:hover,
        .pagination>.active>a:focus,
        .pagination>.active>span:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #131d3b;
            border-color: #131d3b;
        }
        
        .pagination>li>a,
        .pagination>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #131d3b;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }
        /* hover */
        
        .flat-our-services.style1 .post .content-post h4 span:hover {
            color: #131d3b;
        }
        
        .flat-our-services.style1 .post .content-post h4 span {
            font-family: Roboto Condensed;
            font-size: 14px;
            line-height: 30px;
            font-weight: 400;
            color: #001c78;
            letter-spacing: 2.8px;
        }
        
        .box-line>span {
            white-space: nowrap;
        }
        
        .box-line span:hover+.line:before,
        .box-line.active .line:before {
            left: calc(100% - 20px);
        }
        
        .flat-latest .post .content-post h3 span {
            font-family: Roboto Condensed;
            font-size: 19px;
            line-height: 40px;
            font-weight: 400;
            color: #131d3b;
        }
        
        .flat-latest .post .content-post h4 span {
            font-family: Roboto Condensed;
            font-size: 14px;
            line-height: 30px;
            font-weight: 400;
            color: #001c78;
            letter-spacing: 2.7px;
        }
        
        .meta-post-shared ul li.active span {
            color: #001c78;
        }
        
        .meta-post-shared ul li span {
            font-family: Roboto Condensed;
            font-size: 16px;
            line-height: auto;
            font-weight: 400;
            color: #666d81;
        }
        /* haberler hover */
        
        .imagebox-item .imagebox.style1 .imagebox-title h2 span {
            font-family: Roboto Condensed;
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            color: #fff;
        }
        
        .imagebox-item .imagebox.style1 .imagebox-content h2 span:hover {
            color: #131d3b;
        }
        
        .box-line span:hover+.line:before,
        .box-line.active .line:before {
            left: calc(100% - 20px);
        }
        
        .imagebox-item .imagebox.style1 .imagebox-content h2 span {
            font-family: Roboto Condensed;
            font-size: 14px;
            line-height: 30px;
            font-weight: 400;
            color: #001c78;
            letter-spacing: 2.7px;
        }
        
        .imagebox-item .imagebox.style1 .imagebox-content h3 {
            font-family: Roboto Condensed;
            font-size: 20px;
            line-height: auto;
            font-weight: 400;
            color: #131d3b;
        }
        /* üst resim */
        
        .page-title.style1 .page-title-content {
            display: inline-block;
            padding: 10px 30px;
            background-color: #001c78;
        }
        
        .page-title-content ul li {
            color: white;
        }
        /* rakamlar */
        
        .ltn__counterup-item {
            margin-bottom: 50px;
            text-align: center;
        }
        
        .ltn__counterup-item .counter-icon {
            margin-bottom: 25px;
        }
        
        .ltn__counterup-item h6 {
            color: #5c727d;
        }
        
        .ltn__counterup-item h1 {
            font-weight: 700;
            font-size: 42px;
        }
        /* rakamlar */
        
        .flat-counter ul li.projects {
            margin-right: 0;
        }
        
        .flat-counter .wrap-bg .numb-count {
            font-family: Roboto Condensed;
            font-size: 70px;
            line-height: 21px;
            font-weight: 400;
        }
        
        .flat-latest .button-latest a {
            color: #fff;
            font-family: Roboto Condensed;
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            padding: 15px 47px;
        }
        /* sidebar foto galeri */
        
        .widget-service-post ul a {
            display: block;
            position: relative;
            padding: 32px 25px 24px 21px;
        }
        
        .flat-contact .sidebar-info .flat-widget_text ul li p {
            line-height: 26px;
            font-size: 14px;
        }
        /* mobile */
        
        @media screen and (max-width: 992px) {
            .logo_margin_bottom {
                margin-bottom: 10px;
            }
            .main-home1 {
                padding-top: 30px;
            }
            .flat-our-services.style1 {
                padding: 10px 0;
            }
            .flat-welcome {
                padding-bottom: 30px;
            }
            .main-services-details {
                padding: 0 0 100px;
            }
            .main-services {
                padding: 50px 0;
            }
            .main-services-details .post-wrap .content-post h2 a {
                font-family: Roboto Condensed;
                font-size: 30px;
            }
            .page-title.style1 .wrap-page-title {
                position: relative;
                padding: 45px 0 45px;
            }
            .flat-feedback {
                padding-top: 30px;
            }
            .flat-feedback {
                padding-bottom: 40px;
            }
            .main-project-grid {
                padding: 20px 0;
            }
            .main-blog-single {
                padding: 30px 0;
            }
            .sidebar-inner .widget-recent ul li .widget-text {
                overflow: hidden;
                font-size: 15px;
                line-height: 22px;
            }
        }
        
        @media screen and (max-width: 576px) {
            .gallery-area .gallery-items.colums-4 .pf-item {
                margin: 0 16px 10px !important;
            }
            .title-section h4 {
                margin-top: 0;
                font-family: Roboto Condensed;
                font-size: 20px;
            }
            .mobile_yazi {
                font-size: 10px;
            }
            .flat-latest .button-latest a {
                padding: 9px 23px;
            }
            .flat-slider.style1 .tp-caption a {
                padding: 6px 20px;
                font-size: 14px;
            }
        }
        
        @media screen and (max-width: 1200px) {
            .sidebar-wrap.sidebar {
                margin-top: 60px;
            }
        }
        
        
        
        /* 20.12.2021 */
        
        @media only screen and (max-width: 650px) {
            .imagebox-item .imagebox.style1 .imagebox-content {
                padding: 5px 5px;
            }
        }