body {
    font-family: 'Open Sans', sans-serif;
}
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}

.navbar .dropdown-menu {
    border: none;
    background-color: #fff !important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 1200px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: 2rem .50rem;
            /*margin: 0.25rem;*/
            font-size: 15px;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
        }

        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            /*  height of nav-item  */
            top: 100px;
            display: block;
            visibility: hidden;
            opacity: 0;
            /*transition: visibility 0s, opacity 0.3s linear;*/
        }

    .nav-item a {
        color: #565656 !important;
    }



    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        /*transition: visibility 0s, opacity 0.3s linear;*/
    }

    .navbar .dropdown-menu {
        background-color: #fff;
    }

    .jumbotron {
        position: relative;
        overflow: hidden;
    }

        .jumbotron .container {
            position: relative;
            z-index: 2;
            padding: 2rem;
            border-radius: 3px;
        }

    .jumbotron-background {
        object-fit: cover;
        font-family: 'object-fit: cover;';
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    img.blur {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .jumbotron-services {
        object-fit: cover;
        font-family: 'object-fit: cover;';
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .card-cities {
        border-right: 1px solid #CFCFD3 !important;
    }

    .container-img {
        position: relative;
    }

        .container-img img {
            min-height: 200px;
        }

    .image {
        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        transition: .5s ease;
        backface-visibility: hidden;
    }

    .middle {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    .container-img:hover .image {
        opacity: 0.9;
    }

    .container-img:hover .middle {
        opacity: 1;
    }

    .text {
        color: white;
        font-size: 18px;
        padding: 16px 32px;
        font-weight: 600;
    }

    .card-img-top {
        height: 15rem;
        width: 100%;
        object-fit: cover;
    }

    .custom-card {
        border-radius: 0;
        border: 0px solid #dedede;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
        height: 100%;
        transition:all .5s;
    }

        .custom-card:hover {
            box-shadow: 0 2px 35px 0 #dedede;
            transition:all .5s;
        }

    .card-branch {
        background-color: #f7f9fa;
        border: 0px;
    }

    .custom-card-title {
        color: #ED3E43;
        text-decoration: none;
    }


        .custom-card-title:hover {
            color: #29ABE2;
            text-decoration: none !important;
        }

    custom-card-title-link {
        text-decoration: none !important;
    }
    /*custom-card-title-link:hover {
        text-decoration: none !important;
    }*/

    .custom-h-color {
        color: #576980;
    }

        .custom-h-color b {
            color: #576980;
        }
}

.branchOffices-custom {
    height: 300px;
}

.branchOffices-custom-overflow {
    overflow: scroll;
    overflow-x: hidden;
}

    .branchOffices-custom-overflow::-webkit-scrollbar {
        width: 6px;
    }

    .branchOffices-custom-overflow::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .branchOffices-custom-overflow::-webkit-scrollbar-thumb {
        background: #888;
    }

        .branchOffices-custom-overflow::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.custom-h-color b {
    color: #576980;
}

.btn-change {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    border: 0px;
    padding: 15px 30px;
    border-radius: 0;
    font-family: 'Poppins';
    font-weight: 300;
}
.btn-change strong{
    font-weight: 600 !important;
}

    .btn-change:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        background: #ff5f1b;
    }

#footer {
    background: #050505;
    color: #cad1dc;
}

.custom-footer-ul li a {
    color: #cad1dc;
    font-size: 12px;
}

.custom-footer-ul > li > a:hover {
    text-decoration: underline;
}

.btn-services {
    background-color: #4d4f54;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

    .btn-services:hover {
        background-color: #fff;
        color: #4d4f54;
        border-color: #4d4f54;
    }

.dropdown-menu {
    top: 97% !important;
    border-radius: 0 !important;
    padding: 2rem 0 !important;
    color: #0a9ede;
}

.navbar-category {
    width: 15rem;
}

    .navbar-category:hover {
        transform: scale(1.02);
        box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.10);
        background-color: #fff;
    }

.custom-navbar-li {
    padding: 0px !important;
}

    .custom-navbar-li span {
        color: #9a9a9a !important;
        font-size: 11px;
    }

.custom-nav-link {
    padding: 0px !important;
}

.custom-nav-toggler {
    color: #ced4da !important;
    border-color: #565656 !important;
}

.color-ful-band {
    display: flex;
    flex-direction: row;
}

    .color-ful-band > div {
        height: 3px;
    }

.custom-purple {
    width: 11%;
    background: #642f8a;
}

.custom-blue {
    width: 18%;
    background: #29abe2;
}

.custom-red {
    width: 31%;
    background: #ed3e43;
}

.custom-green {
    width: 15%;
    background: #16aa50;
}

.custom-yellow {
    width: 13%;
    background: #f69623;
}


.custom-koyu {
    width: 12%;
    background: #425a69;
}

.custom-menu-link {
    color: #4d4f54 !important;
}

    .custom-menu-link:hover {
        color: #29abe2 !important;
        cursor: pointer;
    }

.carousel-indicators li {
    background-color: #cad1dc;
}

.carousel-indicators .active {
    background-color: #29abe2;
}

.custom-fa {
    color: #f69623;
}

.card-link {
    text-decoration: none;
    color: #050505;
}

    .card-link:hover {
        color: #f69623;
    }

.custom-dropdown-menu {
    box-shadow: inset 0 13px 25px -20px #dadada;
}

    .custom-dropdown-menu > .container > .row > li {
        width: 100% !important
    }

.custom-link-menu:hover {
    color: #29abe2 !important;
}
.custom {
    position: relative;
    color: #29abe2;
    text-decoration: none;
}

    .custom:hover {
        color: #29abe2;
    }

    .custom:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #29abe2;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .custom:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }




/*********************** Demo - 16 *******************/
.box16 {
    height: 18.75rem;
    text-align: center;
    color: #fff;
    position: relative
}

    .box16 .box-content, .box16:after {
        width: 100%;
        position: absolute;
        left: 0
    }

    .box16:after {
        content: "";
        height: 100%;
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);
        top: 0;
        transition: all .5s ease 0s
    }

    .box16 .post, .box16 .title {
        transform: translateY(145px);
        transition: all .4s cubic-bezier(.13,.62,.81,.91) 0s
    }

    .box16:hover:after {
        background: linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)
    }

    .box16 img {
        width: 100%;
        height: auto
    }

    .box16 .box-content {
        padding: 20px;
        margin-bottom: 20px;
        bottom: 0;
        z-index: 1
    }

    .box16 .title {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 10px
    }

    .box16 .post {
        display: block;
        padding: 8px 0;
        font-size: 15px
    }

    .box16 .social li a, .box17 .icon li a {
        border-radius: 50%;
        font-size: 20px;
        color: #fff
    }

    .box16:hover .post, .box16:hover .title {
        transform: translateY(0)
    }

    .box16 .social {
        list-style: none;
        padding: 0 0 5px;
        margin: 40px 0 25px;
        opacity: 0;
        position: relative;
        transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
        transition: all .6s cubic-bezier(0,0,.58,1) 0s
    }

    .box16:hover .social {
        opacity: 1;
        transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0)
    }

    .box16 .social:before {
        content: "";
        width: 50px;
        height: 2px;
        background: #fff;
        margin: 0 auto;
        position: absolute;
        top: -23px;
        left: 0;
        right: 0
    }

    .box16 .social li {
        display: inline-block
    }

        .box16 .social li a {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: #6d3795;
            margin-right: 10px;
            transition: all .3s ease 0s
        }

.box17 .icon li, .box17 .icon li a {
    display: inline-block
}

.box16 .social li a:hover {
    background: #bea041
}

.box16 .social li:last-child a {
    margin-right: 0
}

.service-description {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-with-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width:990px) {
    .box16 {
        margin-bottom: 30px
    }
}

.box-content:hover {
    padding-top: 15%;
}

.client-card .client-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #009ADC;
    color: #fff;
    padding: 20px 15px;
    transition: opacity .3s;
    font-weight: 600;
}

.client-card {
    display: flex;
    align-items: center;
    min-height: 250px;
    position: relative;
    text-decoration: none;
    background: #f7f9fa;
    margin-bottom: 10px;
}

    .client-card:hover .client-info {
        opacity: 0.9;
        visibility: visible;
    }

.form {
    width: 30%;
    padding-top: 20px;
    margin: 0 auto;
}

/*.widget-body button {
    width: 100%;
    background-color: #29abe2 !important;
    border-color: #29abe2 !important;
    border-radius:1rem;
}*/



.custom-banner-height {
    min-height: 35rem;
    position: relative;
}
@media screen and (max-width: 1279px)
{
    .custom-banner-height {
        min-height: 33rem;
    }
}
@media screen and (max-width: 1023px)
{
    .custom-banner-height {
        min-height: 27rem;
    }
}
@media screen and (max-width: 767px)
{
    .custom-banner-height {
        min-height: 15rem;
    }
}
@media screen and (max-width: 410px)
{
    .custom-banner-height {
        min-height: 14rem;
    }
}
@media screen and (max-width: 374px)
{
    .custom-banner-height {
        min-height: 13rem;
    }
}
@media screen and (max-width: 359px)
{
    .custom-banner-height {
        min-height: 11rem;
    }
}
.text-white.custom-banner-height {
    min-height: 15rem;
    position: relative;
}
.text-white.custom-banner-height:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(39, 39, 39, 0.28);
        pointer-events: none;
        top:0;
    }
.text-white.custom-banner-height h2{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    border-left: 5px solid #1a97c3;
    padding-left: 10px;
    color:#fff !important;

}  
.text-white.custom-banner-height p{
    font-size: 18px;
    font-family: Poppins;
    font-weight: 300;
    padding-left: 16px;
}
.custom-banner-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

    .custom-banner-container:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        pointer-events: none;
    }

.custom-banner-img {
    object-fit: cover;
    position: absolute;
    pointer-events: none;
    height: 100%;
    z-index: 1;
}

.custom-banner-text {
    color: #fff;
    position: absolute;
    margin-top: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
}

/* our clients list */
.our-client-list {
    padding: 0 15px;
    margin-top: 20px;
}

    .our-client-list .our-client-card {
        width: 20%;
        cursor: pointer;
        border-left: 1px solid #cad1dc;
        border-right: 1px solid #cad1dc;
        margin-right: -1px;
        position: relative;
    }

        .our-client-list .our-client-card > a {
            min-width: 145px;
            min-height: 117px;
            text-align: center;
            line-height: 117px;
        }

        .our-client-list .our-client-card img {
            max-width: 145px;
        }

        .our-client-list .our-client-card:after {
            display: none;
            content: "";
            border-radius: 50%;
            background: #cad1dc;
            position: absolute;
            right: -17px;
            bottom: -17px;
            z-index: 1;
            border: 15px solid #f7f9fa;
            padding: 2px;
        }

        .our-client-list .our-client-card:before {
            display: none;
            content: "";
            border-radius: 50%;
            background: #cad1dc;
            position: absolute;
            right: -17px;
            bottom: -17px;
            z-index: 1;
            border: 15px solid #f7f9fa;
            padding: 2px;
        }
/* Media Screen*/
@media only screen and (min-width: 1200px) {
    .our-client-list .our-client-card:first-child {
        border-left: 0;
    }

    .our-client-list .our-client-card:nth-child(-n+5) {
        border-bottom: 1px solid #cad1dc;
    }

    .our-client-list .our-client-card:nth-child(-n+4):after {
        display: block;
    }

    .our-client-list .our-client-card:nth-child(5n) {
        border-right: 0;
    }

    .our-client-list .our-client-card:nth-child(-n+5) {
        border-bottom: 1px solid #cad1dc;
    }

    .our-client-list .our-client-card:nth-child(6n) {
        border-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    .section-pd {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 992px) {
    #custom-backdrop-menu {
        top: 20% !important;
    }
}

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

    .section-pd {
        padding: 60px 0;
    }

    .our-client-list {
        padding-left: 15px;
        padding-right: 10px;
    }

    .custom-clients-height {
        height: 9rem !important;
    }

        .custom-clients-height > .col-md-12 > .justify-content-center > a {
            font-size: 0.5rem !important;
        }

    .timeLine-fa {
        display: none !important;
    }

    .contact-form {
        width: 95% !important;
    }

    .custom-columns > form {
        padding: 0px !important;
    }
    .custom-header-logo {
        width: 15rem;
    }
}

@media only screen and (max-width: 1200px) {
    .our-client-list .our-client-card {
        width: 33%;
    }

        .our-client-list .our-client-card:nth-child(-n+6):before {
            right: inherit;
            left: -17px;
        }

        .our-client-list .our-client-card:nth-child(-n+6):before {
            display: block;
        }

        .our-client-list .our-client-card > a {
            min-width: 110px;
            min-height: 88px;
            line-height: 88px;
        }

        .our-client-list .our-client-card:nth-child(-n+6):after {
            display: block;
        }

        .our-client-list .our-client-card:nth-child(n+4):nth-child(-n+6) {
            border-top: 1px solid #cad1dc;
            border-bottom: 1px solid #cad1dc;
        }

    .custom-dropdown-menu {
        height: 18.75rem;
    }

        .custom-dropdown-menu img {
            height: 6.25rem;
        }

    .custom-columns > .flow > .label {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0.3rem !important;
        margin-bottom: 0.5rem !important;
        margin: auto !important;
    }

    .nav-item a {
        color: #565656 !important;
    }
}

.nav-item .custom-tab:hover {
    color: white !important;
    background-color: #893fee;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: 0;
}

.custom-tab-link {
    padding: 0.5rem 2.7rem;
}

.custom-icon-text {
    font-weight: bold;
}

.nav-tabs .nav-item .active {
    color: white !important;
    font-weight: bold;
    background-color: #893fee;
    position: relative;
}

    .nav-tabs .nav-item .active::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 10px solid black;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #893fee;
        border-bottom-color: transparent;
        width: 0;
        height: 0;
        margin: 0 auto;
    }

.nav-item .custom-tab:hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid black;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #893fee;
    border-bottom-color: transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
}

.custom-tab {
    position: relative;
}

/* Company Overview */
.company-view-item {
    margin: 0 3px;
}
.company-view-item a{
    font-family:'Poppins';
    padding: 20px;
}
.company-view-link.active {
    color: #fff !important;
   /*border-bottom: 2px solid #29abe2;*/
    text-decoration: none;
    background-color:#29abe2;
    z-index: 1;
}

.company-view-link:hover {
    color: #fff !important;
    /*border-bottom: 2px solid #29abe2;*/
     text-decoration: none;
     background-color:#29abe2;
     z-index: 1;
}

.company-view-icon {
    display: inline-block;
    width: 56px;
}

    .company-view-icon img {
        max-width: 100%;
        height: auto;
    }

.company-view-global img {
    max-width: 100%;
    height: auto;
}

.icon-text-primary {
    color: #f58220 !important;
}

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

.company-industries-icon {
    background: #fff;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    flex: 75px 0 0;
}

    .company-industries-icon img {
        max-width: 40px;
        max-height: 40px;
    }

.company-custom-list li {
    list-style: none;
}

.company-values-text {
    color: #050505;
}

.company-custom-h2 {
    color: #29abe2;
}

.company-offices {
    display: flex;
    position: relative;
    align-items: flex-end;
    min-height: 0;
    text-decoration: none !important;
    background-size: cover;
    color: #fff;
}

.company-offices-inner {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px;
    background-color: rgba(5,5,5,.5);
}

    .company-offices-inner .location:after {
        content: "";
        display: block;
        border-bottom: 3px solid #f58220;
        max-width: 60px;
        padding-top: 4px;
    }

.company-offices-banner img {
    height: 35rem !important;
}

.company-offices img {
    height: 20rem;
}

.company-address-text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom-inner {
    border-bottom: 2px solid #29ABE2;
}

/* News Gallery */
.news-gallery {
    padding: 15px 10px;
}

.news-gallery-title {
    border-left: 5px solid #29abe2;
    padding-left: 10px;
}

.validation-summary-errors > ul > li {
    color: red !important;
}

.widget-body input:nth-child(-n+5) {
    padding: 20px;
    border: 1px solid #ccc !important;
}

.widget-body input {
    border: none !important;
}

.widget-body textarea {
    border: 1px solid #ccc !important;
    border: none;
}

    .widget-body textarea:focus {
        border: 1px solid #ccc !important;
    }

.form-control:focus {
    border: none !important;
    box-shadow: none;
}

.floatingNav {
    border-radius: 2px;
    box-shadow: 0px 4px 15px #999;
}

.custom-card-body:before {
    bottom: 100%;
    left: 75px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
}

.card-form {
    border: 1px solid #f7f9fa;
    border-radius: 0.85rem;
}

#InformationRequestFormKVKK, #ExpertRequestFormKVKK {
    margin-top: -6px !important;
    float: left !important;
    width: 15px !important;
}

.field a {
    margin-left: 10px !important;
}

#custom-backdrop-menu {
    position: fixed;
    z-index: 3;
    opacity: 0;
    top: 61px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: all .3s;
    visibility: hidden;
}

.carousel-nav-icon {
    height: 48px;
    width: 48px;
}

.carousel-item .col, .col-sm, .col-md {
    margin: 8px;
    height: 300px;
    background-size: cover;
    background-position: center center;
}

.custom-slider-inner {
    background-color: rgba(5,5,5,.5);
    width: 100%;
    height: 100%;
}

.custom-slider-items:hover .slider-ba {
    margin-top: 5rem;
}

.custom-slider-items:hover .slider-btn {
    visibility: visible !important;
}

.products-slider-inner {
    height: 5rem;
}

.custom-clients-height {
    height: 11rem;
}

.custom-columns > .flow > .widget-text-area {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.3rem !important;
    margin-bottom: 0.5rem !important;
}

.custom-columns > .flow > .widget-re-captcha > .widget-body > .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.custom-columns > .flow > .form-group > .widget-text-area {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.3rem !important;
    margin-bottom: 0.5rem !important
}

.custom-columns > .flow > .widget-link-label > .widget-body > .field > a {
    font-size: 80%;
    font-weight: 400;
    color: black;
}

.custom-columns > .flow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* TimeLine */
.time-line-1, .time-line-2, .time-line-3, .time-line-4, .time-line-5, .time-line-6 {
    border-radius: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 3.5rem;
    align-items: center;
    font-size: 18px;
    border: 1px solid #29abe3;
    background-color: #29abe3;
}

.timeLine-fa {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 3.5rem;
    align-items: center;
    color: #b8bcbd;
}

.custom-columns > .flow > .widget-input, .custom-columns > .flow > .widget-button {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.3rem !important;
    margin-bottom: 0.5rem !important;
}

.custom-columns > .flow > .widget-re-captcha > .widget-body > .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.custom-columns > .flow > .widget-re-captcha {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.3rem !important;
    margin-bottom: 0.5rem !important
}

.custom-columns > .flow > .widget-link-label > .widget-body > .field > a {
    font-size: 80%;
    font-weight: 400;
    color: black;
}

@media screen and (min-width: 768px) and (max-width:1280px ) {
    .custom-columns > .flow > .widget-link-label {
        position: absolute !important;
        top: 51.5% !important;
        left: 10% !important;
    }
}

.custom-columns > .flow > .widget-link-label {
    position: absolute;
    top: 51.5%;
    left: 8%;
}

.custom-columns > .flow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .custom-columns > .flow > .label {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0.3rem !important;
        margin-bottom: 0.5rem !important;
        margin: auto;
    }

    .custom-columns > .flow > .widget-button > .widget-body > button {
        width: 14.72rem;
    }
/* TimeLine */
.singletimeline{cursor: pointer;}
.timelineRow .singletimeline:nth-child(1) .time-line-1 {background-color:#00a8cb !important; border: 1px solid #00a8cb; transition: all 0.2s; cursor: pointer;}
.timelineRow .singletimeline:nth-child(3) .time-line-1 {background-color:#00a4e4 !important; border: 1px solid #00a4e4; transition: all 0.2s;}
.timelineRow .singletimeline:nth-child(5) .time-line-1 {background-color:#0082cb !important; border: 1px solid #0082cb; transition: all 0.2s;}
.timelineRow .singletimeline:nth-child(7) .time-line-1 {background-color:#007dc3 !important; border: 1px solid #007dc3; transition: all 0.2s;}
.timelineRow .singletimeline:nth-child(9) .time-line-1 {background-color:#2462aa !important; border: 1px solid #2462aa; transition: all 0.2s;}
.timelineRow .singletimeline:nth-child(11) .time-line-1 {background-color:#095aa5 !important; border: 1px solid #095aa5; transition: all 0.2s;}

.timelineRow .singletimeline:nth-child(1):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline:nth-child(3):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline:nth-child(5):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline:nth-child(7):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline:nth-child(9):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline:nth-child(11):hover > .time-line-1 { transition: all 0.2s; font-size:25px;}
.timelineRow .singletimeline .circle{
    width: 8px;
    height: 8px;
    margin-top: -5px;
    position: relative;
    left: 48%;
    border-radius: 50%;
    top: -5px;
}
.timelineRow .singletimeline:nth-child(1) .circle{
    background-color: #00a8cb;
}
.timelineRow .singletimeline:nth-child(3) .circle{
    background-color: #01a4e5;
}
.timelineRow .singletimeline:nth-child(5) .circle{
    background-color: #0082cb;
}
.timelineRow .singletimeline:nth-child(7) .circle{
    background-color: #007dc3;
}
.timelineRow .singletimeline:nth-child(9) .circle{
    background-color: #2462aa;
}
.timelineRow .singletimeline:nth-child(11) .circle{
    background-color: #095aa5;
}

.timelineRow .singletimeline:nth-child(1) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #28abe3;
}
.timelineRow .singletimeline:nth-child(3) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #00a4e4;
}   
.timelineRow .singletimeline:nth-child(5) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #0082cb;
}
.timelineRow .singletimeline:nth-child(7) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #007dc3;
}  
.timelineRow .singletimeline:nth-child(9) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #2462aa;
}       
.timelineRow .singletimeline:nth-child(11) .dotted:after{content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #095aa5;
}          
 
.timelineRow .timeLine-icon:nth-child(2) {
    text-shadow: -1px 0 #00a8cb, 0 1px #00a8cb, 1px 0 #00a8cb, 0 -1px #00a8cb;
    -moz-text-shadow: -1px 0 #00a8cb, 0 1px #00a8cb, 1px 0 #00a8cb, 0 -1px #00a8cb;
    -webkit-text-shadow: -1px 0 #00a8cb, 0 1px #00a8cb, 1px 0 #00a8cb, 0 -1px #00a8cb;
}
.timelineRow .timeLine-icon:nth-child(4) {
    text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
    -moz-text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
    -webkit-text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
}
.timelineRow .timeLine-icon:nth-child(6) {
    text-shadow: -1px 0 #0082cb, 0 1px #0082cb, 1px 0 #0082cb, 0 -1px #0082cb;
    -moz-text-shadow: -1px 0 #0082cb, 0 1px #0082cb, 1px 0 #0082cb, 0 -1px #0082cb;
    -webkit-text-shadow: -1px 0 #0082cb, 0 1px #0082cb, 1px 0 #0082cb, 0 -1px #0082cb;
}
.timelineRow .timeLine-icon:nth-child(8) {
    text-shadow: -1px 0 #007dc3, 0 1px #007dc3, 1px 0 #007dc3, 0 -1px #007dc3;
    -moz-text-shadow: -1px 0 #007dc3, 0 1px #007dc3, 1px 0 #007dc3, 0 -1px #007dc3;
    -webkit-text-shadow: -1px 0 #007dc3, 0 1px #007dc3, 1px 0 #007dc3, 0 -1px #007dc3;
}
.timelineRow .timeLine-icon:nth-child(10) {
    text-shadow: -1px 0 #2462aa, 0 1px #2462aa, 1px 0 #2462aa, 0 -1px #2462aa;
    -moz-text-shadow: -1px 0 #2462aa, 0 1px #2462aa, 1px 0 #2462aa, 0 -1px #2462aa;
    -webkit-text-shadow: -1px 0 #2462aa, 0 1px #2462aa, 1px 0 #2462aa, 0 -1px #2462aa;
}

.time-line-1, .time-line-2, .time-line-3, .time-line-4, .time-line-5, .time-line-6 {
    border-radius: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 3.5rem;
    align-items: center;
    font-size: 18px;
    border: 1px solid #29abe3;
    background-color: #29abe3;
}

.timeLine-fa {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 3.5rem;
    align-items: center;
    color: #b8bcbd;
}
.timeLine-icon{		
    text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
    -moz-text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
    -webkit-text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
    color: #f7f9fa!important;
}
.timelineTitle{
  font-family:'Poppins', sans serif;
  font-size:15px;
  font-weight: 600;
  color:#203864;
  text-align:center;
  margin:13px 0;
}
.timelineContent{
font-family:'Poppins', sans serif;
font-size:12px;
text-align:center;
color:#425968;
font-weight:400;
}
.timelinePreComment{
font-size: 14px;
color: #425968;
font-family: Poppins;
  text-align:justify;
   line-height: 22px;
}
.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px !important;
    width: 100%;
}

    .owl-carousel .owl-nav button[class*="owl-"] {
        /*background-color: #aaadad !important;*/
        border-color: #00acc8 #00acc8 #008095 !important;
        color: #FFF !important;
        opacity: 0.8;
    }
    .service-carousel .owl-nav button[class*="owl-"] {
        border-color: #00acc8 #00acc8 #008095 !important;
        color: #425974 !important;
        opacity: 0.8;
    }
    .owl-carousel .owl-nav button[class*="owl-"] {
        border-radius: 0;
    }

    .owl-carousel .owl-nav button.owl-prev {
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
        outline: 0;
    }

        .owl-carousel .owl-nav button.owl-prev:before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "";
            position: relative;
            left: -1px;
            top: 1px;
            font-size: 25px;
        }

.owl-nav > button > span {
    visibility: hidden;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -35px;
}

.owl-carousel .owl-nav button.owl-next {
    right: -35px;
}
@media screen and (max-width: 767px)
{
    .owl-carousel .owl-nav button.owl-prev {
        left: -17px;
    }
    
    .owl-carousel .owl-nav button.owl-next {
        right: -17px;
    } 
    .timelineContainer{display:none;}
}
.owl-carousel .owl-nav button.owl-next {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    outline: 0;
}

    .owl-carousel .owl-nav button.owl-next:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "";
        position: relative;
        left: 2px;
        top: 1px;
        font-size: 25px;
    }

.owl-dots {
    visibility: hidden;
}

.owl-carousel .owl-item {
    height: 320px;
}
.service-carousel .owl-item {
    height: 270px;
}

.owl-carousel .item > img {
    height: 320px;
}

.custom-owl-detail-btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    opacity: 1;
    background-color: transparent !important;
}

.dotted:after {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dotted #29abe3;
}

.dotted {
    position: relative;
    margin: 10px auto;
    width: 50px;
}

.custom-company-height {
    height: 9rem;
}


.contact-form {
    background: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 70%;
}

    .contact-form .form-control {
        border-radius: 1rem;
    }

.contact-image {
    text-align: center;
}

    .contact-image i {
        border-radius: 6rem;
        margin-top: -3%;
        padding: 17px;
        background-color: white;
    }

.contact-form form {
    padding: 14%;
}

    .contact-form form .row {
        margin-bottom: -7%;
    }

.contact-form h3 {
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}

.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

.custom-columns > form {
    padding: 2rem;
}

#InformationRequestFormKVKK {
    padding: 0px !important;
    margin-left: 11px;
}

.img-wrap {
    position: relative;
    background-color: #f7f9fa;
}

.custom-img-wrap {
    position: relative;
    margin: auto;
    overflow: hidden;
}

    .custom-img-wrap img {
        width: 120px;
        height: 120px;
        object-fit: contain;
    }

.clients-image {
    /*filter: grayscale(100%);*/
    transition: .5s ease;
    backface-visibility: hidden;
}

.content-overlay {
    background: #29abe3;
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.custom-img-wrap:hover .content-overlay {
    opacity: 0.7;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.clients-text {
    font-weight: 700;
    opacity: 1;
    font-size: 18px;
}

.custom-img-wrap:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.content-details p {
    color: #fff;
    font-size: 0.8em;
}

/*.fadeIn-bottom {
    top: 80%;
}*/

.custom-slider-items:hover .company-offices-inner {
    display: none;
}

.company-image-wrap {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.company-overlay {
    background: rgba(5,5,5,.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.company-image-wrap:hover .company-overlay {
    opacity: 0.7;
}

.company-image-wrap:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}
.company-details .clients-text{
    font-size:21px; 
}
.card-title{
    font-family: Poppins;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 5px;
    color:#203864;
    }
  .card-text{
    font-size:15px;
    color:#666666;
    margin-bottom:25px !important;
    }
  .hizmetButon{
      border-color: #ff3b00;
      font-size: 13px;
      color: #ff3b00;
      font-family: Poppins;
      font-weight: 500;
       margin-bottom:5px;
        
  }
  .hizmetButon:hover{
    background-color:#425968;
    color:#fff;
    border-color:#fff;}
    .menuBtn {
        color: #fe3b00!important;
        font-size: 16px;
        font-weight: 300 !important;
        font-family: Poppins;
        border: 1px solid;
        padding: 10px;
    }
.btn-primary{
    background-color: #fe3b00 !important;
    border-color:#fe3b00 !important;
}
.allClientsBtn{
    border-color: #fe3b00 !important;

}
.allClientsBtn .custom-menu-link{ 
    color:#fe3b00 !important;
    font-family: 'Poppins';
}

.urunCarouselTitle .proTitle{
    font-family: Poppins;
  font-weight: 500 !important;
  font-size: 20px;

}
.urunCarouselTitle .proSubTitle{
    font-family: Poppins;
  font-weight: 300 !important;
  font-size: 12px;

}
.company-offices-inner{
    padding: 17px 25px 15px !important;
    display: none;
}
.clients-text{
font-weight:600 !important;
margin-bottom:10px;
}
.clients-text .proSubTitle{
font-weight:400;
font-size:13px;
}
.caroBtn{
font-family:Poppins, sans serif;
font-weight:400;
}
.custom-dropdown-menu .menuBtn{
    color: #fe3b00!important;
    font-size: 16px;
    font-weight: 300 !important;
    font-family: Poppins;
    border: 1px solid;
    padding: 10px;
}
.heading-h5 {
    font-family: 'Poppins', sans-serif!important;
    font-size: 1.25rem;
    color: #425968 !important;
    font-weight: 600;
}
/* topbarMenu*/

.topBarMenu ul li {
    padding: 10px 0.25rem !important;
}
.topBarMenu ul li:nth-child(2) {
    background-color: #075aa5;
}
.topBarMenu ul li:nth-child(3) {
    background-color: #e93d43;
}
.topBarMenu ul li:last-child {
    background-color: #e93d43;
}

@media (max-width: 574px) {
    .text-xs-left {
      text-align: left !important;
    }
    .text-xs-right {
      text-align: right !important;
    }
    .text-xs-center {
      text-align: center !important;
    }
  }
 
@media (max-width: 1024px){
    .fa-5x, .fa-6x{
        font-size:4rem;  
      }   
}

.mt35{
    margin-top: 23px;
}
.singleTimeLine{margin-bottom:10px;}
.timelineText-cift{padding-top: 18px;}
.timelineText-tek{padding-top: 28px;}
.timelineText-uc{padding-top: 7px;}
.singleTimeLine::after{

font-family: "Font Awesome 5 Free";
content: "\f101";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: relative;
font-weight: 900;
text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
-webkit-text-shadow: -1px 0 #00a4e4, 0 1px #00a4e4, 1px 0 #00a4e4, 0 -1px #00a4e4;
color: #fff;
top: -51px;
right: 23px;
}
@media (max-width: 1024px){
.singleTimeLine.ikinciSatir::after{display: none;}
.text-tablet-3{padding-top:7px;}
}
@media (max-width: 768px){
.text-tablet-3{padding-top:20px;}
}
@media (max-width: 767px){
.singleTimeLine::after{display: none;}
.text-tablet-3{padding-top:28px;}
}
.timeLine-con{
	border-radius: 15px;
    /*display: contents;*/
    justify-content: center;
    flex-direction: column-reverse;
    height: 5rem;
    align-items: center;
    font-size: 14px;
    border: 1px solid #29abe3;
    background-color: #29abe3;
	}

.singleTimeLine.firstTimeline::after{display: none;}