/*

Style   : Main CSS
Version : 1.0
Author  : Surjith S M
URI     : http://themeforest.net/user/surjithctly

Copyright © All rights Reserved
Surjith S M / @surjithctly


TABLE OF CONTENTS 
---------------------------------------------------

    • Global Styles
    • Spacer
    • Header
    • Navigation
    • BreadCrumb
    • Flex Slider
    • Homepage Content
    • About Page
    • Call to action
    • stats section
    • Leaders (Team)
    • Vision
    • Sidebar
    • Career Page 
    • Job stats
    • service page 
    • back to top 
    • Image Hover Effects
    • Skillbar
    • 404 page
    • Shortcodes
    • Preloader

    */


/* --------------- Global Styles --------------- */



@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Condensed:400,700);
@import url('flaticon.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&display=swap');

@font-face {

    font-family: 'config';

    src: url(../fonts/confg/ConfigCondensed-SemiBold.otf);
}

.slider-content h2 {
    font-family: 'config' !important;
}

:root {
    --title-background-color: #c0c0c0;
    --button-backgorund-color: #000094;
}

body {
    color: #8d8d8d;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    padding: 0;
    position: relative;
}

body.boxed {
    max-width: 1170px;
    background: #f4f5f8;
}

a {
    color: var(--button-backgorund-color);
    text-decoration: none;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.fa-search:before {
    content: "\f002";
    color: black;
    font-size: 20px;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #000;
}

.logo a img {
    max-width: 190px;
    margin-top: 3px;
}

/* .logo {
padding: 0;
} */

.social__box__img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;

}

.social__img {


    margin: 15px 25px 15px 0;
}

.links__item #desktop__menu__btn .menu-links__link {
    padding: 0 !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #727276;
}

.links__item .menu-links__link {

    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #727276;
   
}

.links__item .menu-links__link:hover {
    color: #727276;
}


#desktop__menu__btn>a {
    font-weight: bold !important;
}


.blog__btn {
    background-color: transparent;
    color: #00424c !important;
    font-weight: bold;
}

.container {
    max-width: 100% !important;
    width: 1170px !important;
}

.has-overlay img {
    height: auto !important;
}

.has-overlay h2 {
    text-transform: uppercase;
}

.first_slider img {
    max-width: 800px;
    object-fit: contain;
}

#top__seacrh__icon {
    background-color: var(--button-backgorund-color) !important;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

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

.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 700px
}

.slider-content h2 {
    font-size: 120px !important;
    margin-bottom: 15px !important;
    text-transform: none;
    text-align: left;

}

.slider__text__animastion {
    animation: fadeInUp;
    animation-duration: 1s;
    display: flex;
    justify-content: center;
}

.s_text {


    display: inline-block;

}

.s_text2 h2 {
    text-align: center !important;
}

.has-overlay.flex-active-slide .s_text {

    animation: zoomIn;
    animation-duration: 1s;
}

.s_text .milli {
    margin-left: 16px;
}

.has-overlay.flex-active-slide .first_slider {
    animation: zoomIn;
    animation-duration: 1s;
}

.has-overlay.flex-active-slide .s_text2 {

    animation: zoomIn;
    animation-duration: 1s;
}


.has-overlay.flex-active-slide .s_text3 {

    animation: zoomIn;
    animation-duration: 1s;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}



@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}



header {
    position: relative;
}

img {
    max-width: 100%;
}

ul {
    list-style-type: none;
}

ol,
ul {
    margin: 0px;
    padding: 0;
}

ul li,
ol li {
    color: #8d8d8d;
    line-height: 1.8;
}

ol.list-unstyled {
    margin-left: 0;
}

.list-unstyled li i {
    padding-right: 15px;
    color: #ffda43;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    color: #2a2a2a;
}

p {
    font-size: 16px;
    color: #6c6c6c;
    line-height: 1.688;
    margin-bottom: 20px;
    text-indent: 0px;
    text-align: left;
    font-weight: lighter;
}
/* 
p+p:last-child {
    margin-bottom: 0;
} */

blockquote {
    padding: 0px 10px;
    background: var(--title-background-color);
    font-size: 20px;
    color: #675F3F;
    line-height: 1.455;
    text-align: left;
    margin: 0;
    border: none;
    font-style: italic;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.blog-date-details {
    font-size: 16px;
    color: #6c6c6c;
    line-height: 1.688;
    margin-bottom: 20px;
    text-indent: 0px;
    text-align: left;
    font-weight: lighter;
    margin-bottom: 30px;
}

.light {
    font-weight: 100;
}

.btn {
    border-radius: 3px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 48px;
    padding: 0 22px;
    border: none;
    border: none;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.btn-primary {
    background: var(--button-backgorund-color);
    color: #fff;
}

.btn-primary:hover {
    background: #002D92;
}

.btn-default {
    background: var(--title-background-color);
    color: #4c443a;
}

.btn-default:hover {
    background: #ECC124;
}

section {
    padding: 60px 0;
}

.sidebar {
    padding: 20px 15px;

}

.sidebar-blog-categories {
    background-color: #f0f0f0;
}

.about-img-two {

    margin: 50px 0;
}

.about-img-two img {
    margin: 90px 0;
}





/* --------------- 1.1 Spacer --------------- */

.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50,
.spacer-60,
.spacer-70,
.spacer-80,
.spacer-90,
.spacer-100 {
    display: block;
    clear: both;
    overflow: hidden;
}

.spacer-5 {
    height: 5px
}

.spacer-10 {
    height: 10px
}

.spacer-20 {
    height: 20px
}

.spacer-30 {
    height: 30px
}

.spacer-40 {
    height: 40px
}

.spacer-50 {
    height: 50px
}

.spacer-60 {
    height: 60px
}

.spacer-70 {
    height: 70px
}

.spacer-80 {
    height: 80px
}

.spacer-90 {
    height: 90px
}

.spacer-100 {
    height: 100px
}

@media all and (max-width: 991px) {
    section {
        padding: 60px 0;
    }
}

@media all and (max-width: 992px) {
    br {
        display: none;
    }

}

@media all and (max-width: 480px) {
    section {
        padding: 20px 0;
    }
}


/* --------------- Header Styles --------------- */

.logo-top-info {
    padding: 20px 0;
}

.top-info {
    width: auto;
}

.top-info,
.social {
    float: left;
}

.top-info h3 {
    font-size: 15px;
    color: var(--button-backgorund-color);
    font-weight: bold;
    line-height: 1.2;
    margin-top: 0;
}

.top-info p {
    margin-bottom: 0;
    font-size: 15px;
    color: #76797f;
    line-height: 1.4;
}

.top-info>div {
    padding: 0 20px;
    float: left;
    border-right: 1px solid #e9ecf2;
}

.top-info>div:last-child {
    border: none;
}

.top-info:after {
    content: "";
    display: block;
    clear: both;
}

span.forex {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: rgba(118, 121, 127, 0.6);
    line-height: 1.571;
    position: relative;
    padding-left: 8px;
}

span.forex i {
    font-size: 17px;
    color: #35db24;
    padding-right: 3px;
    line-height: 1;
}

.social ul.social-icons {
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.social ul.social-icons li {
    display: inline-block;
}

.social ul.social-icons li:last-child a {
    margin: 0;
}

.social ul.social-icons li a:hover {
    background: var(--button-backgorund-color);
}

.social ul.social-icons li a {
    color: #fff;
    font-size: 19px;
    display: block;
    width: 47px;
    height: 47px;
    line-height: 52px;
    text-align: center;
    background: rgba(9, 62, 182, 0.65);
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.top-info-social {

    padding: 0;
}

.top-info-social:after {
    content: "";
    display: block;
    clear: both;
}

.top-info-social .pull-right {
    display: flex;
    width: 100%;
    justify-content: flex-end;

    height: 57px;
    align-items: center;
}

@media all and (max-width: 1199px) {
    .top-info>div {
        padding: 0 16px;
    }

    .social ul.social-icons li a {
        margin-right: 10px;
    }
}

@media all and (max-width: 991px) {
    .logo-top-info {
        padding: 25px 0 0;
    }

    .logo {
        text-align: left;
        margin-bottom: 20px;
    }

    .top-info-social {
        display: block;
    }

    .top-info-social .social {
        display: none;
    }
}

@media all and (max-width: 479px) {
    .logo img {
        width: 180px;
    }
}


/* --------------- Navigation --------------- */
.try__box {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;


}


.try__box .sasa {
    object-fit: contain;
    margin: 10px 15px !important;
    height: 100% !important;
    width: 300px !important;
    ;
}

.try__box .erdem {
    object-fit: contain;
    margin: 5px 15px !important;
    transition: 500ms all;
    height: 100% !important;
    width: 300px !important;
}

.has-overlay.flex-active-slide .erdem {
    width: 300px;

    animation-name: fadeInLeft;
    animation-duration: 2s;

}


.has-overlay.flex-active-slide .sasa {
    width: 300px;
    animation-name: fadeInRight;
    animation-duration: 2s;
    height: 100% !important;
}

.try__box span {
    display: block;
    background-color: #002c92ef;
    width: 3px;
    height: 70px;
    align-self: flex-end;
    margin: 0 15px;
    border-radius: 3px;
}

.flexslider {
    display: flex;
    justify-content: center;
}

.flex-control-paging {

    z-index: 9999999;
    display: flex;
    align-items: center;
    margin: auto;
    width: 60px;
    left: 51%;
}

.flex-control-paging li a.flex-active {
    background-color: white !important;
}

.about__slider .flex-direction-nav {
    display: none !important;
}

.flex-control-paging li a {
    background-color: rgba(255, 255, 255, 0.404);
}

.has-overlay.flex-active-slide .try__box span {
    animation-name: fadeIn;
    animation-duration: 5s;
}

.flexslider li.try__big__img:after {
    display: none;
}

.home__nav__none .flex-control-nav {
    display: none;

}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.main-menu {
    padding: 0;

    background-color: #F0F0F0;
}

.menu__container {
    display: flex;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
    /* width: 1190px !important; */
    justify-content: center;
    /* background-color: #F0F0F0; */
}



#navbar {

    background-color: #F0F0F0;
}

.language-picker {
    float: right;

}

.page-header__breadcrumb {
    display: none;
}

.new__bread {}

.language-picker ul {

    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}


.language-picker ul li {
    line-height: 0;
    margin-bottom: 0px;
}

.language-picker ul li a {
    font-weight: 400;
    font-size: 12px;
    color: black;
    margin-left: 4px;
}

#language .menu__item-icon {
    margin-left: 15px;
}

#language .menu__item-icon img {
    width: 25px;
}


ul.main-menu li a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #2d2b80;
    font-weight: light;
    line-height: 1.467;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

ul.main-menu li:last-child a {
    padding-right: 0;
}

ul.main-menu li a:hover,
ul.main-menu li.active>a {
    color: var(--button-backgorund-color);
}

/* ul.main-menu>ul>li {
    display: inline-block;
    padding: 0;
    position: relative;
    
} */

ul.main-menu>li.dropdown ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 120%;
    background: #fff;
    min-width: 220px;
    padding: 10px 0;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
    z-index: 1000;
}

ul.main-menu>li.dropdown ul li a {
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
}

ul.main-menu>li.dropdown ul:before {
    content: "";
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -20px !important;
    left: 30px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    -webkit-transition: 1s ease all;
    -o-transition: 1s ease all;
    transition: 1s ease all;
}

ul.main-menu>li.dropdown:hover ul,
ul.main-menu>li.dropdown:hover ul:before {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.menu-links__list li div i {
    font-size: 12px;
    line-height: 1;
    color: #aaa;
    cursor: pointer;
    margin: 0 0 5px 5px;

    transition: 400ms all;
}

li.dropdown i.fa.dropdown-toggle {
    display: block;
    position: absolute;
    top: 49%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
    color: #aaa;
    cursor: pointer;
}
#file-message {
    color: #ffffff;
    background: #d70000;
    padding-left: 10px;
}
#searchList .fa-search:before {
    color: #2B2B80;
}

.menu-links__list li div i {
    display: none;
}

@media all and (max-width: 991px) {
    nav.navbar-collapse {
        position: absolute;
        right: 0px;
        top: 100px;
        width: 250px;
        opacity: 0;
        z-index: 1000;
        height: 100% !important;
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .navbar-collapse.collapse {
        display: none !important;
        padding: 0;
        overflow: inherit;
    }

    .navbar-collapse.collapsing {
        padding: 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        opacity: 1;
        width: 100%;

    }

    .main-menu {
        background-color: #000094;
        color: white;
    }

    .navbar-toggle {
        display: block;
        right: 0;
        position: absolute;
        background: none;
        top: 0px;
        border: none;
        padding: 0 10px;
        margin: 24px 15px;
    }

    .menu-links__list li div i {
        display: block;
    }

    .navbar-toggle span.icon-bar {
        background: #61656f;
        height: 3px;
    }

    ul.main-menu>li {
        display: block;
    }

    ul.main-menu {
        padding: 10px 0;
    }

    ul.main-menu>li>a {
        padding: 15px 10px;
    }

    ul.main-menu>li.dropdown ul {
        left: -30px;
    }

    ul.main-menu>li.dropdown:hover ul,
    ul.main-menu>li.dropdown:hover ul:before {
        visibility: hidden;
        opacity: 0;
        top: 100%;
    }

    ul.main-menu>li.dropdown.open ul,
    ul.main-menu>li.dropdown.open ul:before {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    ul.main-menu>li.dropdown.open ul {
        left: 0;
    }
}


/* --------------- BreadCrumb --------------- */

.page-title {
    background: url('../images/page_title_bg.png') no-repeat left center;
    background-size: cover;
    padding: 70px 0;
}

.page-title h2.title {
    margin: 0 0 25px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 1.26;
}

.page-title p.description {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0;
}

.breadcrumbs {
    background: #f4f5f8;
    padding: 25px 0;
}

.breadcrumb {
    margin: 0 !important;
    background-color: transparent !important;
    padding: 25px 0 0 0;
}

.breadcrumbs span,
.breadcrumbs a {
    font-size: 15px;
    color: #61656f;
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumbs a:hover {
    color: var(--button-backgorund-color);
}

.breadcrumbs__box i {
    padding-right: 15px;
    color: #bebebe;
    vertical-align: middle;
}

.breadcrumbs__box .child a {
    font-size: 12px;
    color: #62656f;
    font-weight: bold;
    text-transform: capitalize;
}

.bread__home {
    font-weight: lighter !important;
}

.kurul__table {
    margin-top: 30px;
}

.banner__img {
    width: 1140px;
    height: 320px;
    object-fit: cover;
}

.breadcrumbs__box .child a:hover {
    color: blue;
    text-decoration: underline;
}

.breadcrumbs span.parent i {
    padding-right: 5px;
}

.breadcrumbs span {
    padding-right: 15px;
}

.eko__title {
    color: #69bd51 !important;
}

.home-new-row {
    display: flex;
    justify-content: center;
}

@media all and (max-width: 992px) {
    .page-title {
        padding: 70px 15px;
    }

    .language__menu {

        margin-right: 20px;
        display: flex;
        align-items: center;
    }

    .language-picker ul li {
        line-height: 0;
        display: flex;
        align-items: center;
    }

    /* body.active {
        height:100vh;
        overflow: hidden;
    } */

    .slider-content h2 {
        font-size: 55px !important;
    }

    .about-img-two img {
        margin: 20px 0;
    }

    .about-img-two {
        margin: 20px 0;
    }

    .try__box {
        position: relative;
        display: flex;
        align-items: end;
        justify-content: center;
    }

    .home-new-row {
        display: block;

    }

    .try__box .sasa {
        object-fit: contain;
        margin: 10px 15px !important;
        height: 100% !important;
        width: 135px !important;
        ;
    }

    .try__box .erdem {
        object-fit: contain;
        margin: 5px 15px !important;

        height: 100% !important;
        width: 135px !important;
    }

    .has-overlay.flex-active-slide .erdem {
        width: 100px;

        animation-name: fadeInLeft;
        animation-duration: 2s;

    }


    .has-overlay.flex-active-slide .sasa {
        width: 135px;
        animation-name: fadeInRight;
        animation-duration: 2s;
        height: 100% !important;
    }

    .try__box span {

        width: 3px;
        height: 35px;
        align-self: flex-end;
        margin: 0 15px;
        border-radius: 3px;
    }

}

@media all and (max-width: 480px) {
    .page-title h2.title {
        font-size: 42px;
        line-height: 1;
    }

    .page-title p.description {
        font-size: 16px;
    }

    .breadcrumbs {
        padding: 25px 0 0;
    }

    .breadcrumbs span {
        margin-bottom: 25px;
        display: inline-block;
    }
}


/* --------------- Flex Slider --------------- */

.flex-direction-nav a {
    width: 54px;
    height: 100px;
}

.flex-direction-nav a:before {
    content: " ";
    display: block;
    background: url('../images/arrow-left.png') no-repeat;
    width: 54px;
    height: 100px;
}

.flex-direction-nav a.flex-next:before {
    content: " ";
    background: url('../images/arrow-right.png') no-repeat;
}

.flex-control-nav {
    bottom: 40px;
}

.flex-control-paging li a {
    background: #aaa;
}

.flex-control-paging li a.flex-active {
    background: var(--title-background-color);
}

section.home-slider {
    padding: 0;
}

.flexslider {
    border: none;
    border-radius: 0;
    margin: 0;
}

/* .flexslider li.has-overlay:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    background: rgba(0, 0, 0, 0.44);
} */

.slider__blue__box {
    border: 1px solid black;
    background-color: #2d2b80;
    padding: 30px;
    color: white;
    width: 550px !important;
}

.slider__box__content {
    height: 100%;
    min-height: 365px;
    display: flex;
    align-items: flex-end;
}

.slider__blue__box h6 {
    color: inherit;
    font-size: 30px;
}

.slider__blue__box p {
    color: inherit;
    font-size: 18px !important;
    text-align: justify;
    margin: 0px 0 0 0 !important;

}

.slider-content {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 5;
    width: 100%;
}

.flexslider .slides>li {
    position: relative;
}

.slider-content h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 0.8;
    margin: 0 0 30px;
}

.slider-content p {
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    margin: 0 0 40px;
}

.slider-content .primary-btn {
    border-radius: 3px;
    background: var(--title-background-color);
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: #4c443a;
    font-weight: bold;
    padding: 0 40px;
    line-height: 60px;
}

.slider-content .primary-btn i {
    padding-left: 10px;
}

.slider-content .primary-btn:hover {
    background: #ECC124;
}

@media all and (max-width: 991px) {
    .slider-content h2 {
        font-size: 44px;
        margin-bottom: 25px;
    }

    .slider-content p {
        font-size: 18px;
        margin-bottom: 36px;
    }

    .slider-content .primary-btn {
        font-size: 18px;
        line-height: 54px;
        border: none;
    }

    .flexslider .slides>li {
        height: 500px;
    }

    .flexslider .slides>li img {
        height: 100%;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
        object-fit: cover;
    }
}

@media all and (max-width: 992px) {
    .slider-content h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .slider-content p {
        font-size: 17px;
        margin-bottom: 30px;
        line-height: 1.6;
    }

    .slider-content .primary-btn {
        font-size: 16px;
        line-height: 48px;
        padding: 0 30px;
        border: none;
    }

    .flex-direction-nav {
        display: none;
    }

    .links__item {
        overflow: hidden;
    }

    .fa-search:before {
        content: "\f002";
        color: black;
        font-size: 20px;
    }

    /* .search__dialog {
        top: 15%;
    }

    .header-area {
        border: 1px solid red;
        
    }

    .modal-backdrop {
        display: none;
    } */

}

@media all and (max-width: 600px) {
    .slider-content h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .slider-content p {
        font-size: 16px;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    .flexslider .slides>li {
        height: 420px;
    }
}

@media all and (max-width: 480px) {
    .slider-content h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .slider-content p {
        font-size: 14px;
    }

    .flexslider .slides>li {
        height: 450px;
    }
}

@media all and (max-width: 400px) {
    .slider-content h2 {
        font-size: 24px;
        margin-bottom: 12px;
    }
}


/* --------------- Homepage Content --------------- */

h2.color-title {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background: #000094;
    margin: 0;
    padding: 0 15px;
    line-height: 28px;
    text-transform: uppercase;
}

h4.subtitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    line-height: 1.4;
    margin: 12px 0;
}

h4.company-subtitle.subtitle {
    text-indent: 20px;
    text-align: justify;
}

/*Company Section*/

.company-image {
    position: relative;
    min-height: 370px;
}

.company-image.trhc {
    max-width: 75%;
    margin: 20px auto;
}

.company-image>div {
    position: absolute;
}

.company-image .img-left {
    width: 65%;

    transition: 500ms all;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dedede;
}

.company-image .img-left:hover {

    z-index: 99999;
    width: 70%;

    transition: 500ms all;
    opacity: 1;
    /* animation: flip;
    animation-duration: 1s; */
}

.company-image .img-left:hover img {
    opacity: 1;
    transition: 500ms all;
}

.company-image .img-right {
    width: 85%;
    transition: 500ms all;
    right: 0;
    top: 0;
}

.img-right img,
.img-left img {
    width: 100%;
    object-fit: cover;
}

.img-left:hover+.img-right {
    width: 55%;
    transition: 500ms all;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

}



.company-image .img-left img,
.company-image .img-right img {
    height: 100%;
    min-width: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
}

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

@media all and (max-width: 991px) {
    .company {
        display: block;
        text-align: center;
    }

    .company>div {
        margin: 0 auto 30px;
        float: none;
    }

    .company>div:last-child {
        margin-bottom: 0;
    }

    .company-image {
        width: 700px;
        max-width: 100%;
        margin: 0 auto;
    }

    .company-image>div.hover-effect {
        width: auto;
    }
}

@media all and (max-width: 787px) {
    .company>div {
        margin-bottom: 40px;
    }

    .company-image>div.hover-effect {
        position: relative;
        top: 0;
        transform: inherit;
    }

    .company-image .img-left {
        margin-bottom: 30px;
    }

    .img-left:hover+.img-right {
        width: 100%;
        transition: 500ms all;
        right: 0;
        top: 0;
        position: static;
        transform: none
    }

    .company-image .img-left:hover {

        z-index: inherit;
        width: 100%;
    }

}



@media all and (min-width: 787px) {
    .company-image .img-left img {
        opacity: 0.3;
    }
}

/*Ceo Section*/

section.home-ceo {
    background: #f4f5f8;
    padding: 25px 0 0 0;
    text-align: justify;
}



.home-vide {
    margin-top: 50px;
}

.row.ceo {
    display: flex;
    align-items: flex-start;
}

.row.ceo>div {
    display: block;
}

.ceo-details {
    padding: 20px 0;
}

.ceo-details h4.subtitle {
    font-size: 27px;
}

.ceo-details p {
    margin-bottom: 17px;

}


.tarih__img {
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.tarih__img .hover-effect {
    margin: 20px 0;

}

.tarih__img .hover-effect:first-of-type {

    margin-right: 15px;
}

.ceo-details p.ceo-name {
    margin-bottom: 0;
    color: #303539;
}

.ceo__name {

    display: inline-block;
    text-align: center;
}

.ceo__name p {
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}

a.link {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #ffbe00;
    font-weight: bold;
    text-transform: uppercase;
}

a.link:hover {
    color: #194ABA;
}

@media all and (max-width: 991px) {
    .row.ceo {
        display: block;
        text-align: center;
    }
}


/*Home Links Section*/

section.home-links {
    background: #f4f5f8;
    padding: 30px 0;
}

.row.links>div+div {
    width: auto;
}

.links h4.subtitle {
    margin: 0;
    line-height: 48px;
}

.links .btn-primary {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    color: #72777b;
    font-weight: bold;
    padding: 0 34px;
}

.links .btn-primary:hover {
    background: var(--button-backgorund-color);
    color: #fff;
}

@media all and (max-width: 1199px) {
    section.home-links {
        padding: 50px 0;
    }

    .row.links {
        text-align: center;
    }

    .row.links>div:first-child {
        display: block;
        float: none;
        width: auto;
    }

    .links h4.subtitle {
        line-height: 1;
    }

    .row.links>div+div {
        display: inline-block;
        float: none;
        margin-top: 30px;
    }
}

@media all and (max-width: 480px) {
    .row.links>div+div {
        display: block;
        float: none;
        margin-top: 30px;
    }

    .links .btn-primary {
        width: 100%;
    }
}


/*Process Section*/

h2.title-2 {
   
    font-family: 'Roboto', sans-serif;
    margin: 0;

    color: #2d2b80;
    font-weight: bold;
    font-size: 20px;
}

h2.title-services-other.title-2 {
    font-size: 30px;
}

h4.subtitle-2 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: #4C4F54;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 0 20px;
}

@media all and (max-width: 992px) {
    h2.title-2 {
        font-size: 30px;
    }

    h4.subtitle-2 {
        font-size: 16px;
    }

    .row.process>div {
        margin-bottom: 40px;
    }

    .row.process>div:last-child {
        margin-bottom: 0;
    }

    .tarih__img .hover-effect {
        margin: 20px 0;
    }
}

.ceo_text__box {
    text-align: justify;
    padding-top: 0;
}

.holding__btn {
    background-color: transparent;
    color: #000094;
    font-weight: bold;
    position: relative;
    font-size: 16px;
    align-self: baseline;
}

.holding__btn i:first-child {
    margin-left: 5px;

    font-size: 12px;
}

.holding__btn i {

    position: relative;
    font-size: 12px;
    transition: 500ms all;
    left: 0;
    color: #000094;
}

.holding__btn:hover i {
    left: 10px;
    transition: 500ms all;
    color: #0950b6;
}

.holding__btn:hover {
    opacity: 0.7;
}

ul.holding_ul li {
    /* text-align: center; */
    font-size: 16px;
    color: #000;
}

ul.holding_ul {
    margin-bottom: 20px;
}

/*Stats Section*/

section.home-stats {
    background: #f4f5f8;
    padding: 30px 0;
}

.row.stats>div {
    padding: 20px 15px;
    border-left: 1px solid #dee0e5;
}

.row.stats>div:first-child {
    border-left: none;
}

.row.stats>div:after {
    display: block;
    content: "";
    clear: both;
}

.stats img {
    float: left;
    padding-right: 12px;
}

.stats-info h4.counter,
.stats-info h4 span.counter {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    margin: 0;
    line-height: 1;
}

.stats-info {
    float: left;
}


.stats-info h4 {
    margin: 0 !important;
}

.stats-info p {
    margin-bottom: 0;
}

@media all and (max-width: 1099px) {
    .stats img {
        float: none;
        display: inline-block;
        padding: 0;
    }

    .row.stats {
        text-align: center;
    }

    .stats-info {
        float: none;
        display: block;
        margin-top: 20px;
    }
}

@media all and (max-width: 991px) {
    section.home-stats {
        padding: 0;
    }

    .row.stats>div {
        padding: 30px 20px;
        border-bottom: 1px solid #dee0e5;
        border-left: 1px solid #dee0e5;
    }

    .row.stats>div:nth-child(3),
    .row.stats>div:nth-child(4) {
        border-bottom: 0;
    }
}

@media all and (max-width: 480px) {
    .row.stats>div {
        float: none;
        display: block;
        width: 100%;
    }

    .row.stats>div:nth-child(3) {
        border-bottom: 1px solid #dee0e5;
    }
}


/*Services Section*/

.services-other .img-box {
    float: left;
    margin-right: 22px;
    display: inline-block;
    width: 78px;
    height: 78px;
    line-height: 74px;
    text-align: center;
    border: 2px solid #ffda44;
    cursor: pointer;
}

.animatte__col:hover .straject_animation {
    cursor: pointer;
    animation: flip;
    animation-duration: 1s;
    cursor: pointer;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}


.services-other .services-info {
    width: 100%;
    padding-left: 100px;
}

.services-other .services-info h4 {
    margin: 0 0 10px;
    line-height: 1;
    text-transform: uppercase;
}

.services-other .services-info p {
    margin-bottom: 0;
}

.row.service-list {
    margin: 0;
}

.row.services-other {
    border: 1px solid #dee0e5;
}

.border-bottom {
    border-bottom: 1px solid #dee0e5;
}

.border-top {
    border-top: 1px solid #dee0e5;
}

.border-left {
    border-left: 1px solid #dee0e5;
}

.border-right {
    border-right: 1px solid #dee0e5;
}

.padding-top-bottom {
    height: 130px;
}

.services-other .head {
    text-align: center;
}

.services-other p {
    text-indent: 0;
    line-height: 20px;
    text-align: left;
    margin: 0;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.status__box {
    text-align: center;
}

.services-other img.ortala,
.services-other .ortala {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.services-other .padding-0 {
    padding: 0px 0 0 15px;
}

.servies-other ul li {
    line-height: 15px !important;
}

.row.services-other li {
    line-height: 18px;
    list-style-type: disc;
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.3px;
}

.row.services-other li.dblue,
span.dblue {
    color: #0654c3;
}

span.blue.space {
    margin-left: 50px;
}

.row.services-other li.blue,
span.blue {
    color: #66bfff;
}

.services-other-footer {
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-top: 15px;
}

@media all and (max-width: 1170px) {
    .home__table {
        display: block;
        margin: 5px;
    }

    .home__table .padding-top-bottom {
        min-height: 200px;
    }

    .home__table .padding-top-bottom {
        height: 300px;
    }

    .home__table h4 {
        font-size: 12px;
        text-align: left;
    }

    .home__table ul li {
        text-align: left;
        margin: 8px !important;
    }



    .row.services-other>div {
        margin-bottom: 0 !important;
    }
}

@media all and (max-width: 1099px) {
    .row.services-other {
        text-align: center;
    }

    .services-other .img-box {
        float: none;
        margin: 0;
    }

    .services-other .services-info {
        padding: 30px 0 0;
    }

    .home__table {
        display: block;
        margin: 5px;
    }

    .home__table .padding-top-bottom {
        min-height: 200px;
    }

    .home__table .padding-top-bottom {
        height: 300px;
    }

    .home__table h4 {
        font-size: 11px;
        text-align: left;
    }

    .home__table ul li {
        text-align: left;
        margin: 8px !important;
    }



    .row.services-other>div {
        margin-bottom: 0 !important;
    }
}

@media all and (max-width: 991px) {
    .row.services {
        text-align: center;
    }

    .row.services>div {
        width: 500px;
        margin: 0 auto 40px;
        max-width: 100%;
    }

    .row.services>div:last-child {
        margin-bottom: 0;
    }

    .row.services-other>div {
        margin-bottom: 45px;
    }

    .row.services-other .clearfix {
        display: none;
    }

    .row.services-other>div:last-child {
        margin-bottom: 0;
    }

    .about-services .row.services {
        text-align: left;
    }

    .about-services .row.services>div {
        width: 50%;
    }

    .about-services .row.services a {
        display: block;
    }
}

@media all and (max-width: 992px) {
    .about-services .row.services {
        text-align: center;
    }

    .about-services .row.services>div {
        width: 500px;
    }

    .stats-info p {
        text-align: center;
    }

    .home__table__title__mobil {
        display: none;
    }

    .ceo__name {
        display: block;
    }

    .second__f_title {
        display: none;
    }
}


/*Testimonials Section*/

section.home-testimonials {
    background: #f4f5f8;
}

.section-title h2.title-2 {
    margin: 20px 0;
}

.home-testimonials blockquote {
    background: #ffffff;
    font-size: 19px;
    font-family: "Georgia";
    color: #677078;
    line-height: 1.684;
    text-align: left;
    border: none;
    margin: 0 0 50px;
    padding: 40px 33px;
    position: relative;
}

.home-testimonials blockquote:hover {
    box-shadow: 16px 27px 49px 0px rgba(0, 0, 0, 0.1);
}

.home-testimonials blockquote:before {
    content: open-quote;
    display: block;
    font-size: 121px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: rgba(255, 218, 68, 0.3);
    position: absolute;
    line-height: 60px;
    left: 20px;
}

.home-testimonials blockquote:after {
    content: close-quote;
    font-size: 0;
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 0;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

h4.client-name {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 0;
    text-align: center;
}

p.designation {
    text-align: center;
    margin: 0;
    float: none;
    width: 100%;
}

@media all and (max-width: 991px) {
    .home-testimonials .row>div {
        width: 400px;
        max-width: 100%;
        margin: 0 auto 50px;
    }

    .home-testimonials .row>div:last-child {
        margin-bottom: 0;
    }

    section.home-testimonials .spacer-50 {
        height: 20px;
    }
}


/* Blog Section */

section.home-news {
    background: #f4f5f8;

}

.news .blog-date {
    position: absolute;
    display: block;
    padding: 10px;
    background: var(--button-backgorund-color);
    top: 12px;
    right: 12px;
    z-index: 100;
}

.blog-img-box {

    max-height: 300px;
    line-height: 0;
    position: relative;
}


.blog__box:hover .more__blog_bg {
    display: flex;
}

.more__blog_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 29, 38, 0.85);
    transition: opacity 0.2s ease;
    opacity: 1;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.more__blog_bg a {
    border: 1px solid white;
    color: white;
    padding: 20px 25px;
    border-radius: 30px;
    transition: 500ms all;
}

.more__blog_bg a:hover {
    background-color: rgba(9, 80, 182, 1);
    color: white;
    transition: 500ms all;
    border-color: rgba(9, 80, 182, 1);
}

.blog-img-box img.card-img-top.img-fluid.rounded-0 {
    min-height: 250px;
    border-radius: 6px;
}
.blog-img-box {
    border-radius: 6px;
}

.blog-img-box a img {
    border-radius: 6px;
}
.blog__box:hover  img.card-img-top.img-fluid.rounded-0{
    border-radius: 6px !important;
}
h5#cumle {
    line-height: 20px;
    text-indent: 0px;
    text-align: left;
    color: #6c6c6c;
    margin-top: 15px;
    font-size: 16px;
    font-weight: lighter;
}



.blog__search {
    padding: 30px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    margin: 60px 0;
    border-radius: 30px;
    text-align: center;
}

.blog__search h2 {
    text-align: center;
    text-transform: capitalize;

}

.blog__search h6 {
    letter-spacing: 0.2px;
    color: #6b7280;
    font-size: 14px;
    margin-top: 15px;
}
#blog__details__img img {
 
    width: 360px;
    height: 360px;
    object-fit: cover;
    object-position: top;
}


/* .blog-img-box::before {
    content: '';
    position: absolute;
    background: #000094;
    opacity: .7;
    left: 0;
   
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1%;
    z-index: 99999888;
}  */
/* 
.blog__text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog-img-box .hover-effect {
display: none;
}

.blog-img-box  {
background-color: white;
}
.blog__text h6  {
    color: white;
    font-size: 28px;
    margin-bottom: 20px;
}
.blog__text p  {
    color: white;
    font-size: 16px;
    text-align: center;
    width: 80%;
   
}

.blog-img-box a.hover-effect {
    z-index: 0;
    width: 100%;
    height: 320px;
}

.blog-img-box img {
    width: 100%;
}

span.month {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 8px;
}

span.date {
    font-size: 28px;
        font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
}

.blog-content {
    background: #fff;
    box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.15);
    padding: 25px 20px;
    height: 150px;
} */
.news__col {

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

.home-news {
    padding: 40px 0;
}

.blog_container {

    width: 100%;

    border-radius: 1px;
    padding: 22px 22px;
    min-height: 285px;

    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
    justify-content: space-between;
    /* margin: 20px;  */
}



.blog_container:hover .blog__text h4 img {
    opacity: .8;
    /* transition: all .4s ease-in-out; */
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    /* animation-duration: 1s; */
}

.blog__one {
    background-color: white;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    transition: all .4s ease-in-out;
    position: relative;

}

.blog__two {
    /* background:url('..\sasa-images\duyurular.jpg'); */
    width: 100%;
    transition: 500ms all;
    position: relative;

}

.blog__text2__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}

.blog__two::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.274);
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
}

.blog__one::before {
    content: '';
    background-color: rgb(0 0 0 / 59%);
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
}


.blog__col {
    display: flex;
    justify-content: flex-end;
}

.blog__two .blog__text h6,
.blog__two .blog__text h4,
.blog__two .holding__btn,
.blog__two .holding__btn i,
.blog__two .blog__list li {
    color: white !important;
    position: relative;
    z-index: 99999;
}

.blog__text h6 {
    font-weight: 400;
    font-size: 13px;
    color: white;
    position: relative;
    z-index: 99999;
}

.blog__big__box {

    display: flex;
}

.blog__text h4 img {
    margin-left: 8px;
    width: 20px;
    object-fit: contain;

}

.blog__list {
    margin-top: 30px;
}

.blog__list li {

    color: white;
    position: relative;
    z-index: 99999;
    font-weight: 400;
    margin: 10px 0;
    position: relative;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.blog__list li a {
    color: white;
}

.blog__list li:hover {
    margin-left: 10px;
    transition: all .4s ease-in-out;
}

.blog__list li::before {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    background-color: white;
    left: -2%;
    bottom: 0;
    transition: all .4s ease-in-out;
}


.blog__list li:hover::before {
    width: 18%;
    transition: all .4s ease-in-out;
}

.blog__text h4 {
    font-weight: 400;
    font-size: 24px;
    color: white;
    position: relative;
    z-index: 99999;
}


.blog__icon img {
    margin-top: 26px;
}

.blog_container .holding__btn {
    font-weight: 400;
    font-size: 14px;
    color: white;
    position: relative;
    z-index: 99999;
}

.blog_container .holding__btn i {
    color: white;
}



.second__f_title {
    color: #f4f5f8 !important;
}

.holding__img {

    display: flex;
    justify-content: center;

    margin-bottom: 20px;
}

.holding .ceo-details {

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.video_title {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.video_title h2 {
    background-color: var(--title-background-color) !important;
}

.home-vide {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 0px 0 20px 0 !important;
}

.home-vide video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.c_col {
    padding: 5px !important;
}

.contact {
    padding: 0 20px;
}

.contact__title {

    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
}

.contact_form {

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

.contact_col {
    display: flex;
    justify-content: center;

    margin: auto;
}

.contact-area-box {
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #F4F5F8;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 25px 25px 15px !important;
    margin: 20px 0;
}

.contact-area-box p {
    text-indent: 0;
    padding-left: 18px !important;
}

.contact-area-box i {

    margin-right: 5px !important;
    margin-top: 5px;
}


.about-culture {
    border-top: 1px solid rgba(128, 128, 128, 0.425);
    padding: 20px 0 0 0 !important;
  
}
/* 
 #misyon , #deger {

color: white;
height: 0;

}  */

#misyon {
    height: 0;
}

.v__title {
    padding-bottom: 0px !important;
}


.about-culture.one {
    border: none;

  
}

.ceo.content__color:before {
    display: none;
}

.ceo.content__color {
    padding: 0 0 20px 0;
}

.home-vide-page {
    background-color: white !important;
    margin-top: 50px;
}

.tarihce__alt__img img {
    margin: 30px 0;
}

.about-culture:first-child {
    border-top: none;
}

.document__title {
    display: none;
}

.breadcrumbs {
    display: none;
}

.home-vide .color-title {
    text-align: center;
}

.breadcrumbs__box {

    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}

.breadcrumbs__box .container {
    padding: 0 !important;
}

.breadcrumbs__box .parent a,
.breadcrumbs__box .child {
    font-size: 12px;
    color: #62656f;
    font-weight: bold;
}

.breadcrumbs__box .parent:hover a {
    color: #30287d;
    text-decoration: underline;
}

.breadcrumbs__box i {

    padding: 0 10px 0 0;

}

.breadcrumbs__box i:first-of-type {
    padding-left: 0;
}


.breadcrumbs__box span {
    padding-right: 12px;
    font-weight: bold;
    cursor: pointer;
}

.breadcrumbs__box span i {
    padding-right: 6px;
}


.breadcrumbs__box span:last-child {

    font-weight: lighter !important;
}

.home-video-page {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:flex-start;
    align-items: flex-start;
    flex-direction: column;
 
}
#map-address {
    margin: 20px 0 !important;
}
.viode__box {
    width: 70%;
    margin-bottom: 40px;
}

.viode__box iframe {
    height:335px;
}

.viode__box h2 {
    font-size: 18px;
    font-weight: bold;
    color: #62656f;
    margin: 0;
    margin-bottom: 10px;
}
.video__container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.bread__col {
    padding: 0;

}

.bold-title {
    font-weight: 500;
}

.video__container .play__img {
    object-fit: contain;
    width: 150px;
}


.holding__img img {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: 180px;
}

.holding .subtitle-blog {
    margin-bottom: 50px;
}

.holding p {
    margin-bottom: 50px;
    font-size: 20px;

    color: #4C4F54;
    font-weight: bold;
    line-height: 1.8;
    margin: 10px 0 20px;
    padding: 0 50px;


}

.holding__page__link {
    text-align: center;
}

.holding__page__link a {
    color: blue;
}

.blog-content div h3 a {
    color: #41454f;
    font-size: 20px;
}




.cumlu-container {
    width: 100%;




}

.blog-content div h3 {
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.cumlu-container {
    width: 100%;

}

.cumlu-container #cumle {
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.blog-content div h3 a:hover {
    color: var(--button-backgorund-color);
}

.blog-content p {
    color: #AEB3B7;
    margin-bottom: 0;
}

.blog_container.blog__kap {
    margin: 0;
    padding: 0;
}

.blog__kap img {
    width: 100%;
    min-height: 285px;
    object-fit: cover;
    object-position: left center;
}


#LoginForm {
  
    margin:55px auto 0;
    width: 40%;
}

.login__con {
  
    display: flex;
    flex-direction: column;
}

.login__con input {
    border: 1px solid #80808054;
    margin-top: 8px;
    height: 50px;
    background-color: white !important;
    padding-left: 8px;
}

.login__con .required {
    color: #2B2B80;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.login__page__btn {
    width: 100%;
    display: block;
    background-color: #2B2B80;
    color: white;
}

.login__page__btn:hover {
    width: 100%;
    display: block;
    background-color: #2B2B80;
    color: white;
    opacity: 0.8;
}

#customer_register_link {
    color: #8d8d8d;
    font-weight: 700;
}
#customer_register_link:hover {
    color: #2B2B80;
}

.login-btn-group-pas-rem {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.blog-content a {
    color: #41454f;
}

.blog-content a:hover {
    color: #c7c5c5;
}

.blog__item__btn {

    background-color: #000094;
    color: white;
    width: 80%;
    margin: 26px auto 0;
}

.blog-content {

    /* border: 1px solid #f0f2f5; */
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: 500ms all;
    position: relative;

    height: 155px;
    padding: 25px 17px;

}

.blog-content:hover {

    transition: 500ms all;
}

/* .blog__box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000094;
    width: 100%;
    height: 0px;
    transition: 500ms all;
}

.blog__box:hover:before {
    transition: 500ms all;
    height: 100%;
} */
.blog__box:hover .blog-content {

    transition: 500ms all;
}

h5#cumle {
    line-height: 20px;
}

.blog__search__container {
    border: 1px solid rgb(229, 231, 235);
    background: transparent;
    /* box-shadow: 1px 1.7px 2px 0 rgba(0,0,0,.1); */
    border-radius: 0;
    line-height: 48px;
    height: auto;
    border-radius: 30px;
    padding: 0 15px;
    display: flex;


}

#small-searchterms-blog {

    padding: 0;
}

#small-search-box-form-blog {

    width: 50%;
    margin: 50px auto;

}



.blog__sidebar h3 {
    margin-left: 5px !important;
}

.blog__search__container .search-box-text {
    border: 0;
}

.blog__search__container .search-box-text:focus {
    border: 0;
}

.blog-services {
    padding: 30px 0;
}

.blog__sidebar {

    margin-top: 45px;
}

.search-box-button {
    background-color: #000094;
    border-radius: 100%;
    border: 0;
    outline: 0;
    padding: 0 !important;
    width: 48px;
    height: 48px;
}

.search-box-button:focus {
    outline: 0;
}

.search-box-button:hover {
    background-color: transparent;
}

.search-box-button .fa-search:before {
    color: #ffffff;
    transition: 500ms all;
}

.search-box-button:hover .fa-search:before {
    transition: 500ms all;
    color: #000000;
}

/*=========================================
                    BLOG
 ========================================= */
.search_bg {
    background-color: #f9f9fb;
    padding: 0;
    position: relative;

}

.search_bg::after {
    position: absolute;
    bottom: -6%;
    left: -1%;
    content: '';
    width: 106%;
    height: 200px;

    background-color: #f9f9fb;
    z-index: -5;
}

.blog__box {

        background-color: white;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
        padding: 20px 20px 20px 20px;
        position: relative;
    margin-bottom: 30px;

}


.blog-img-box img {
    width: 100%;
    height: 250px;

    transition: 500ms all;
    object-fit: cover;
    object-position: top;
}

#blog__more {
   margin-top: 15px;
}

.blog-img-box {
    overflow: hidden;
    /* border: 1px solid #F0F2F5; */
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    position: relative;
}

.blog-img-box::before {
    position: absolute;
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 1.3s!important;
    z-index: 3;
    bottom: 0;
    opacity: .7;
    left: 0;
}

.blog__box:hover .blog-img-box::before {
    transition-duration: 1.3s!important;
    height: 100%;
    width: 100%;
    opacity: 0;
}


.blog-img-box::after {
    position: absolute;
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 1.3s!important;
    z-index: 3;
    top: 0;
    opacity: .7;
    right: 0;
}

.blog__box:hover .blog-img-box::after {
    transition-duration: 1.3s!important;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.blog__box:hover img {
    transform: scale(1.1);
    transition: all 0.8s;
}


.blog__box:hover  .cumlu-container .post-title h4 {
    color: #2b2b80;
    transition: all 0.8s;
}
/* .blog__box:hover {
    transform: scale(1.08) translateZ(0);
    transition: 500ms all;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} */
.blog__tags {
    display: flex;
    color: #8d8d8d;

}

.blog__tag__item {
    color: #000094 !important;
    letter-spacing: 5px;
    text-transform: uppercase;


}

.cumlu-container .post-title h4 {
    font-weight: bold;
    font-size: 18px;
    color: #6c6c6c;
    margin: 0;
}

.post-title.hover-effect {
    background-color: transparent !important;
    margin: 0;
}

.post-title {
    width: 100%;
}

.blog__date {
    margin-right: 15px;
    font-size: 16px;
    font-weight: bold;


    font-weight: lighter;
}

h4.card-header {
    color: #000094;
    display: -webkit-box;
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical;
    overflow: hidden; */
    font-size: 18px;
    line-height: 1.5;
}

.blog__item__btn a {
    color: white;
    text-align: center;
    display: block;
}


@media all and (max-width: 991px) {
    .about-culture {
        padding: 0px 0 0 0 !important;
    }
    .row.news {
        text-align: center;
    }

    .row.news>div {
        width: 500px;
        margin: 0 auto 40px;
        max-width: 100%;
    }

    .row.news>div:last-child {
        margin-bottom: 0 !important;
    }

    .blog-services .row.news>div {
        width: 50%;
    }

    .blog-services .row.news>div.clearfix {
        display: none;
    }
}


.seacrh__icon__header {
    font-size: 19px;
    display: block;



    text-align: center;
    background: transparent;
    color: #fff;
    border-radius: 10px;
    /* margin-right: 15px;

    margin-right: 10px; */
}

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

.mobil__navmenu__bar .s_language,
.mobil__navmenu__bar .mobil__hamburger {
    display: none;
}

@media all and (max-width: 992px) {
    .blog-services .row.news>div {
        width: 400px;
        margin: 0 auto 40px;
    }

    .mobil__navmenu__bar {
        display: flex;

        align-items: center;
        justify-content: space-between;
        display: none;
    }

    .search_bg::after {
        bottom: -1%;
    }

    .mobil__navmenu__bar {


        display: flex;
    }

    .breadcrumbs__box {
        margin-top: 20px;
    }

    .seacrh__icon__header {

        background: transparent;
        color: black;
        margin-left: 10px;
        width: 28px;

        margin-top: 5px;
    }

    #language .menu__item-icon span {
        margin-bottom: 4px;
    }

    .mobil__navmenu__bar .s_language,
    .mobil__navmenu__bar .mobil__hamburger {
        display: block;
    }

    .search__dialog {
        top: 10%;
    }

    .modal-backdrop {
        background-color: transparent;
    }



    .news__col {
        display: block;
    }

    .blog__one,
    .blog__two {
        width: 100%;
    }

    .blog_container {
        margin: 20px 0;
    }

    .holding p {

        padding: 0 10px;
    }

    .has-overlay img {
        height: 449px !important;
    }

    .first_slider img {
        object-fit: contain !important;
        max-width: 100%;
    }

    .about-txt p,
    .widgets-social {
        padding: 15px;
    }

    .cumlu-container {
        width: 100%;
        max-width: 100%;


        padding: 0;
    }

    .blog-content div h3 {
        text-align: left;

    }

    .blog-content {
        height: auto;
    }

    .blog__item__btn {

        width: 100%;
        margin: 15px auto 0;
    }

    .blog__tags {
        line-height: 1.5;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media all and (max-width: 400px) {
    .blog-content h3 {
        font-size: 18px;
    }
}


/*blog single styles*/

.blog-slide {
    position: relative;
    margin-bottom: 50px;
}

.blog-slide .flex-direction-nav a {
    width: 32px;
    height: 49px;
}

.blog-slide .flex-direction-nav a:before {
    background: url('../images/blog-arrow-left.png') no-repeat;
    width: 32px;
    height: 49px;
}

.blog-slide .flex-direction-nav a.flex-next:before {
    content: " ";
    background: url('../images/blog-arrow-right.png') no-repeat;
}

.blog-slide:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.blog-slide:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.blog-slide:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.blog-slide:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

p.description a {
    text-decoration: underline;
    color: #e2ebff;
    display: inline-block;
}

p.description a:hover {
    color: #aaa;
}

.blog-single .cta {
    margin: 60px 0;
}

.blog-single h2.title-2 {

    margin-bottom: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #2d2b80;
}


.blog-single {
    padding: 0px 0;
}

.social-share {
    padding: 50px 0;
}


.blog__content__title {
    margin: 20px 0 !important;
    font-size: 24px;
  color:#64656e ;
}

.social-share a {
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #506abf;
    padding: 0 25px;
    line-height: 50px;
    display: inline-block;
    margin: 0 15px;
    border-radius: 4px;
}

.social-share a:hover {
    background: #2E49A0;
}

.social-share a i {
    padding-right: 15px;
    font-size: 18px;
}

.social-share a.tweet-share {
    background: #00baff;
}

.social-share a.tweet-share:hover {
    background: #118EBD;
}

.author-box {
    background: #f4f5f8;
    padding: 30px;
    margin-bottom: 60px;
}

.author-box img {
    float: left;
    margin-right: 15px;
}

.author-details {
    padding-left: 135px;
}

.author-details h4.subtitle {
    margin: 0 0 5px;
    font-size: 18px;
}

.author-share a {
    color: #c5c6c9;
    padding-right: 15px;
    font-size: 15px;
}

.author-share a:hover {
    color: #888;
}

.blog-single .comments h2.title-2 {
    margin: 10px 0 35px;
}

.comments {
    padding-left: 39px;
}

.comments-single {
    padding: 30px 30px 20px 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #bbd4e6;
    border-radius: 3px;
    margin-bottom: 35px;
    position: relative;
}

.comments-single.reply {
    margin-left: 40px;
}

.comments-single img {
    position: absolute;
    left: -39px;
    border: 1px solid #bbd4e6;
    padding: 4px;
    border-radius: 50%;
    background: #FFF;
}

.comments-single h3 {
    font-size: 20px;
    color: #333845;
    font-weight: bold;
    margin: 0 0 15px;
}

.comments-single h3 span {
    font-size: 16px;
    color: #677078;
    font-weight: normal;
    padding-left: 15px;
}

.comments-single a.reply-link {
    font-size: 16px;
}

.comment-box {
    margin-top: 60px;
}

form.commentform {
    padding: 35px 40px;
    margin: 10px 0 0;
    background: #f4f5f8;
}

form.commentform .form-control {
    margin-bottom: 20px;
}

@media all and (max-width: 600px) {
    .social-share a {
        margin-bottom: 20px;
    }

    .social-share a:last-child {
        margin-bottom: 0;
    }

    .author-box img {
        float: none;
        display: inline-block;
        margin: 0 0 25px;
    }

    .author-box {
        text-align: center;
    }

    .author-details {
        padding-left: 0;
    }

    .comments-single {
        padding: 50px 25px 25px;
        margin: 80px 0px;
    }

    .comments-single img {
        left: 50%;
        top: -39px;
        transform: translateX(-50%);
    }

    .comments .comments-single:last-child {
        margin-bottom: 0;
    }

    .comments {
        padding: 0;
    }

    .comments-single p {
        font-size: 15px;
    }
}

@media all and (max-width: 400px) {
    .comments-single p {
        font-size: 14px;
    }

    form.commentform {
        padding: 25px 20px;
    }
}


/*Career Single Styles*/

.row.career-info {
    margin: 0;
}

.row.career-info>div {
    padding: 0;
}

.career-box {
    padding: 30px 35px;
    background: var(--title-background-color);
}

.career-box i {
    font-size: 20px;
    color: #000;
    float: left;
    width: 20px;
    margin-right: 15px;
    text-align: right;
}

.career-box h4 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin: 0 0 15px;
    padding-left: 35px;
}

.career-box p {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding-left: 35px;
}

.job-info h2.title-2 {
    padding-bottom: 30px;
    font-size: 28px;
    line-height: 1;
}

.career-single-job p {
    margin-bottom: 30px;
}

.response {
    margin-bottom: 50px;
}

.response ul li {
    font-size: 16px;
    color: #1D1D1F;
    padding: 15px 0;
    border-bottom: 2px solid #f4f5f8;
    position: relative;
    padding-left: 30px;
}

.response ul li:first-child {
    padding-top: 0;
}

.response ul li:last-child {
    border-bottom: 0;
}

.response ul li i.fa {
    color: #ffda43;
    padding-right: 15px;
    font-size: 17px;
    position: absolute;
    top: 20px;
    left: 0;
}

.response ul li:first-child i.fa {
    top: 7px;
}

.response-btn {
    padding: 30px 15px;
    background: #f4f5f8;
}

.response-btn a.btn {
    padding: 0 60px;
    background: var(--title-background-color);
    color: #544d33;
}

.response-btn a.btn:hover {
    background: #ECC124;
}

@media all and (max-width: 991px) {
    section.career-single-job {
        padding-bottom: 30px;
    }
}


/* Partners Section */

section.home-partners h2.title-2 {
    margin-top: 0;
}

.row.partners {
    margin: 0;
}

.partner-images {
    border-radius: 3px;
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #ffffff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 100px;
    margin: 10px 0;
}

.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}


/* Publications Section */

.panel-group,
.plubication-downloads {
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #ffffff;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.panel-group .panel-default {
    background: #fff;
    border: none;
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 2px;
}

.panel-default>.panel-heading {
    background: #f0f0f0;
    box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.15);
    padding: 0;
    border-radius: 0;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.panel-default>.panel-heading:hover {
    background: #e8e6e6;
}

h4.panel-title {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 1;
    padding: 22px;
}

.panel-default>.panel-heading a {
    color: #30287d;
    display: block;
    position: relative;
}

.panel-default>.panel-heading a:hover {
    color: #000094c5;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 20px 22px;
}

.panel-default .panel-body p {
    margin-bottom: 0;
}

.panel-default>.panel-heading a:after {
    content: "-";
    position: absolute;
    font-size: 29px;
    font-family: 'Roboto', sans-serif;
    color: #000094;
    line-height: 20px;
    right: 0px;
    top: 0px;
    font-weight: 400;
}

.panel-default>.panel-heading a.collapsed:after {
    content: "+";
}

.plubication-downloads h2 {
    border: 1px solid #f4f4f4;
    background: var(--button-backgorund-color);
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    padding: 22px;
    margin: 0;
}

.download-file {
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #f4f5f8;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    color: #61656F;
    margin: 20px 0px;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
    padding: 0 12px;
}

.download-file i {
    color: #61656F;
    font-size: 22px;
    line-height: 50px;
    margin-right: 5px;
}

.download-file:hover {
    background: #c0c0c0;
}

.download-file:hover i,
.download-file:hover a,
.download-file:hover span {
    color: #61656F;
}

.download-file a {
    font-size: 18px;
    font-weight: 500;
    /* padding-left: 15px; */
    line-height: 50px;
    color: #61656F;
    display: block;
}

.psrm {
    margin-bottom: 15px;
}

.download-file span {
    float: right;
    font-size: 14px;
    color: #677078;
    line-height: 50px;
    display: inline-block;
}

.plubication-downloads ul {
    padding: 0 30px 20px;
}

ul.download-list li {
    font-size: 17px;
    color: var(--button-backgorund-color);
    line-height: 1;
    padding: 15px 5px;
    border-bottom: 1px solid #f4f5f8;
    font-weight: 100;
    position: relative;
}

ul.download-list li a:hover {
    color: var(--title-background-color);
}

ul.download-list li:last-child {
    border-bottom: 0;
}

.plubication-downloads p.download-title {
    font-size: 14px;
    color: #9EA6AE;
    line-height: 1;
    padding: 0 30px;
}

ul.download-list li span {
    position: absolute;
    right: 5px;
}

@media all and (max-width: 992px) {
    .publications .panel-group {
        margin-bottom: 40px;
    }
}

@media all and (max-width: 400px) {
    h4.panel-title {
        font-size: 18px;
        padding: 18px;
    }

    .download-file {
        padding: 0 15px;
        margin: 15px 20px 25px;
    }

    .download-file a {
        font-size: 18px;
    }

    .download-file i {
        font-size: 19px;
    }

    .download-file span {
        display: none;
    }

    ul.download-list li span {
        position: relative;
        display: block;
        margin-top: 10px;
        left: 0;
    }

    .plubication-downloads ul {
        padding: 0 20px 20px;
    }
}


/*Footer Styles*/

.pre-footer>div {
    padding: 0;
}

.contact-box {
    padding: 30px 38px;
    background: rgba(9, 62, 182, 1);
    height: 165px;
    transition: 500ms all;
    cursor: pointer;
}

.menu-links__list {
    display: flex;
    align-items: center;
}



.main-menu .menu-links__list li #menu__sub__list_0 li:hover a {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
}

.main-menu .menu-links__list li #menu__sub__list_1 li:hover a {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
}


.menu-links__list li #menu__sub__list_0 li #menu__sub__list_1 li a {

    text-decoration: none;
    color: #61656F;

}

.main-menu .menu-links__list li #menu__sub__list_0 li #menu__sub__list_1 li:hover a {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
}

.menu-links__list li div {

    font-size: 15px;
    font-family: "Roboto Condensed";
    color: #61656F;
    font-weight: 500;
    line-height: 1.467;
    text-transform: uppercase;
    padding: 20px 14px;
    align-items: flex-end;
    display: flex;
    position: relative;
    cursor: pointer;
}

.menu-links__list li #menu__sub__list_0 {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 9999;
    min-width: 160px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


#menu__sub__list_0 li a {
    padding: 15px 20px;
}

.first_slider video {
    max-width: 100%;
    height: 100%;
}

.holding__page {
    margin-top: 30px;
}

.holding__page h2 {
    margin-bottom: 20px;
}

.ceo-photo {
    padding: 15px;
}

.holding__page ul li {

    font-size: 16px;
    color: #677078;
    line-height: 1.688;

}

.col__page {
    padding: 0;
}

.content__right {
    margin-top: 15px;

}



.sidebar__title {
    background-color: blue;
    font-size: 17px;
    color: white;

    display: block;
    line-height: 1;
    border-bottom: 1px solid #fcfcfd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
}

.sidebar__title a {
    color: white !important;
    padding: 24px 12px;
}


.content__text p .bold-page-title {
    font-weight: bold;
}



.sidebar-blog-categories ul .sidebar__title a:hover {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: blue;
}

/* .sidebar-list {
    padding-bottom: 37px;
} */

.sidebar-list li .acive {
    background-color: black;
}

.sidebar-list li a.active {
    background-color: #e9e9e9;
}


.sidebar-list li a.active:hover {
    background-color: #e9e9e9;

}

.holding__page__img {
    margin-bottom: 20px;
}

.content__link {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;

    flex-wrap: wrap;
    width: 100%;

}

.sidebar-download {
    display: flex;

}

.p_space {
    margin-top: 20px;
}

.start,
.start__p {
    margin-top: 20px;
}

#page-content\ >div.block>div>div>div.document__content.typography>div>div>div.container>div>div.col-md-9.content__right>div>div>p:nth-child(8) {
    margin-top: 20px;
}



.applicatio__form {
    padding: 30px;
    background: #f4f5f8;
    margin-top: 20px;
    margin-bottom: 30px;
}

.applicatio__form .form-group label {
    display: block;
    margin-bottom: 12px;
}

.applicatio__form input,
.applicatio__form select {
    width: 100%;
    border: 0;
    min-height: 48px;
    outline: #14468c;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1) !important;

}

.applicatio__form--title {
    border-bottom: 1px solid black;
    padding: 15px 0;
    display: block;
    margin: 15px 0 25px 0;
    text-decoration: none;
    font-weight: bold;
    background-color: #000094;
    color: white;
    line-height: 1.3;
    text-align: center;
    cursor: none;
}


.applicatio__form .form-group label {
    margin-bottom: 8px;
}

.applicatio__form .card-contact {
    margin: 30px 0 40px;
}

.contact__btn__form {
    display: inline-block;
    padding: 15px 25px;
    background-color: #000094;
    color: white;
    border: none;
    transition: 500ms all;
}

.contact__btn__form:hover {
    opacity: 0.8;
    transition: 500ms all;
}

.information__btn {
    border: 1px solid #000094;
    padding: 3px 20px;
    color: #000094;
    margin: 5px;
    transition: 500ms all;
    border: 0;
    outline: 0;
    width: 170px;
    display: inline-block;
    text-align: center;
}

.information__btn:hover {
    background-color: #000094;
    transition: 500ms all;
}

.col__item {
    margin: 10px 5px;
}

.col__box {
    display: flex;


}

.col__item:first-of-type {
    margin-left: 0;
}

.col__item:last-of-type {
    margin-right: 0;
}

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

.information__box label {
    margin-bottom: 0 !important;
    line-height: 1.5;
}

.information__box input {
    display: inline;
    background-color: red;
    width: 15px;
    height: 15px;
    box-shadow: none !important;
    margin: 0 8px 0 0;
}

.information__btn {
    border: 1px solid #000094;
    padding: 5px 20px;
    color: #000094;
    margin: 0 5px;
    transition: 500ms all;
}

.information__btn:hover {
    background-color: #000094;
    color: white;
    transition: 500ms all;
}

.information__content p span {
    font-weight: bold;
}

.information__content p {
    line-height: 1.5;
    font-size: 16px;
}

.information__content {
    overflow-y: scroll;
    max-height: 70vh;
}

@media screen and (max-width:767px) {
    .col__box {
        display: block;


    }
    #LoginForm {
        width: 100%;
    }

    #small-search-box-form-blog {
        width: 100%;
        margin: 20px auto;
    }

    .information__btn {
        border: 1px solid #14468c;
        ;
        padding: 3px 20px;
        color: #14468c;
        margin: 5px;
        transition: 500ms all;
    }

}

.content__link--item {
    border-top: 1px solid #30287d;
    color: black;

    position: relative;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin: 15px 0;
    width: 45%;
}

.content__link--item a {
    padding: 40px 40px;
    font-size: 16px;
    color: #677078;
    background: #f0f0f0;
    display: block;
    text-align: center;
    height: 100%;
}

.content__link--item a:hover {
    background: #e8e6e6;
}

.content__link--item .content__bg::before {
    content: '';
    background-color: rgba(9, 62, 182, 1);
    width: 100%;
    height: 2px;
    position: absolute;
    left: -100%;
    top: 0;
    transition: 500ms all;


}

.more-button {
    background-color: #000094;
    color: white;
    border: 0;
    outline: 0;
    transition: 500ms all;
    margin-top: 25px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin: 15px auto;
}

.more-button:hover {
    opacity: 0.8;
    transition: 500ms all;
}

.content__right h6 {
    font-size: 16px;
    font-weight: bold;
    color: #6c6c6c;
    margin-bottom: 12px;
    line-height: 1.688;
}

h2#vizyon {
    margin-top: 0;
}

h2#misyon,
h2#deger {
    margin-top: 20px;
}


.content__text p {
    font-size: 16px;
    font-weight: lighter;
    color: #6c6c6c;
}

.content__pdf {
    margin-top: 15px;
}

.subpage__box {
    margin: 20px 0;
}

.content__text strong {

    display: inline-block;

}

ul.active li.sidebar-item2 {

    border: none;

}

.content__table table {
    border: 1px solid #8d8d8d57;
}

.yatirimci__table {
    margin-top: 20px;
}

#FormuGonder {
    margin: auto;
    width: 250px !important;
    height: 50px !important;
    animation: fadeInUp;
    animation-duration: 1s;
    background-color: #000094;
    color: #fff !important;
}

.ulu-title {
    margin-bottom: 15px;
    display: block;
}

.content__table table tr:nth-child(even) {

    background-color: rgba(9, 61, 182, 0.192);
}

.content__link--item:hover .content__bg::before {
    left: 100%;
    transition: 800ms all;
}

.user__detail {
    margin: 15px 0;
}

/* .content__text {
    margin: 20px 0;
} */

.content__text ul {
    list-style-type: none;
    margin-left: 20px;
}

.content__text ul li {
    font-size: 16px;
    color: #6c6c6c;
    line-height: 1.4;
    margin-bottom: 12px;
    position: relative;
    font-weight: lighter;
}

.content__text ul li:before {
    position: absolute;
    width: 10px;
    /* Genişlik değerini istediğiniz gibi ayarlayın */
    height: 10px;
    background-color: #858585;
    border-radius: 50%;
    content: '';
    left: -20px;
    top: 8%;
}

.home-ceo-page {
    background-color: white !important;
}

.menu-links__list li #menu__sub__list_0 li a {
    font-weight: bold;
    text-transform: none;
    color: #61656F;
    font-family: 'Roboto Condensed', sans-serif;
    transition: 500ms all;
}


.main-menu .menu-links__list li #menu__sub__list_0 li:hover #desktop__menu__btn {

    background-color: #000094;
    color: white;
    transition: 500ms all;
}

.main-menu .menu-links__list li #menu__sub__list_0 li:hover a {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
}


.main-menu .menu-links__list li #menu__sub__list_0 li:hover #navbar>div>ul>ul>li #desktop__menu__btn {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
}


.main-menu .menu-links__list li #menu__sub__list_1 li:hover #desktop__menu__btn {
    background-color: #000094;
    color: white;
    transition: 500ms all;
    text-decoration: none;
    ;
}




.menu-links__list li #menu__sub__list_0 li {
    position: relative;
    font-weight: 300;
}

.main-menu #menu__sub__list_0,
.main-menu #menu__sub__list_1,
.main-menu #menu__sub__list_2 {

    border-top: 1px solid #00000014;
}

.menu-links__list li #menu__sub__list_1 li {
    position: relative;
    font-weight: 300;
}



#menu__sub__list_1,
#menu__sub__list_2 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 300px;
    background-color: white;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}


@media screen and (min-width: 767px) {
    .main-menu .menu-links__list li #menu__sub__list_1 li:hover #menu__sub__list_2 {
        display: block !important;

    }

    .main-menu .menu-links__list li #menu__sub__list_0 li:hover #menu__sub__list_1 {
        display: block !important;

    }

    .main-menu .menu-links__list li:hover #menu__sub__list_0 {
        display: block !important;
    }
    

}

#menu__sub__list_0 li #desktop__menu__btn {
    font-weight: 500;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    padding: 15px 20px;
}


#menu__sub__list_0 li #desktop__menu__btn i {
    display: none;
}


.menu-links__list li #menu__sub__list_1 li a {
    background-color: white !important;

}


.main-menu .menu-links__list li #menu__sub__list_1 li:hover a {
    background-color: #000094 !important;
    color: white;
    transition: 500ms all;
    text-decoration: none;

}



.main-menu .menu-links__list li #menu__sub__list_1 li #desktop__menu__btn {
    background-color: white !important;
    color: #61656F !important;
}


.main-menu .menu-links__list li #menu__sub__list_1 li:hover #desktop__menu__btn {
    background-color: #000094 !important;
    color: white !important;
    transition: 500ms all;
    text-decoration: none;

}


.menu-links__list li #menu__sub__list_1 li #menu__sub__list_2 li a {
    background-color: white !important;
    color: #61656F !important;
}

.menu-links__list li #menu__sub__list_1 li #menu__sub__list_2 li:hover a {
    background-color: #000094 !important;
    color: white !important;
    transition: 500ms all;
    text-decoration: none;

}



@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.contact-box:hover {
    opacity: 0.9;
    transition: 500ms all;
}

#site_footer {
    margin-top: 60px;
}


.pre-footer>div:nth-child(2) .contact-box {
    background: rgba(9, 70, 182, 1);
}

.pre-footer>div:nth-child(3n) .contact-box {
    background: rgba(9, 80, 182, 1);
}

.contact__col .content__right__title {
    margin-top: 35px;
}

.contact-box i.fa {
    font-size: 20px;
    color: white;
    float: left;
    width: 20px;
    margin-right: 15px;
    text-align: right;
}

.contact-details {
    padding-left: 35px;
}

h4.pre-footer-title {
    font-size: 20px;
    color: white;
    font-weight: bold;
    margin: 0 0 15px;
}

.contact-details p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: white;
    line-height: 1.5;
    margin-bottom: 0;
    text-indent: 0px;
}


.contact-details p a {
    color: white;
}

footer .footer {
    padding: 30px 0 20px 0;
    background: #F2F2F2;
}


footer .copyright {
    padding: 15px 0;

    background-color: #ececec;
}

.text-right p {
    text-align: right;
}

.about-txt img {
    margin-bottom: 30px;
}

.about-txt p {
    color: #373333;
}

.copytext {
    line-height: 1.3;
    text-align: left;
    color: #6c6c6c;
    display: flex;
    align-items: baseline;
    margin-top: 5px;
    font-size: 16px;
}

.pswp {
    display: none;
}

.widgets-social a {

    width: 36px;
    height: 36px;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    text-align: center;

    border-radius: 50%;
    font-size: 15px;
}

.widgets-social a i {
    font-size: 20px;
}

.widgets-social a:last-child {
    margin: 0;

}

.search__more__btn {
    display: block;
}

.seacrh__page__list {

    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}



.seacrh__page__list h6 {
    font-size: 25px;
    color: #000094;
    text-transform: uppercase;
    font-weight: bold;
}

.seacrh__title {
    margin-top: 20px !important;
}

.seacrh__page__list a {
    font-weight: 500;
    font-size: 16px;
    text-indent: 0px !important;
    color: #677078;
    line-height: 1.688;
    width: 100%;

    text-indent: 20px;
    text-align: left;
    display: block;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.seacrh__page__list ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgb(0 0 0 / 7%);
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    left: 0;
    background-color: #F4F5F8;
    margin: 2px 0;

}

.seacrh__page__list ul li:hover {

    transition: 500ms all;
    background-color: #e9e9e9;
    position: relative;
    left: 3%;
}

.seacrh__page__list ul li:hover a {
    padding-left: 15px;
    transition: 500ms all;
}



.seacrh__page__list ul li a {
    padding-left: 15px;
}

/* .seacrh__page__list ul li:hover span ,.seacrh__page__list ul li:hover span i {
    color: white;
} */
.seacrh__page__list ul li::before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #000094;
    transition: 500ms all;
    bottom: 0;
}

.seacrh__page__list ul li:hover::before {
    width: 100%;
    transition: 500ms all;

}

.seacrh__page__list ul li span i {
    margin-left: 5px;
    margin-right: 15px;
    color: #000094;
}

.seacrh__page__list ul li span {
    font-weight: 400;
    font-size: 14px;
    color: #000094;
}

/* .seacrh__page__list a:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000094;
    left: 0;
    top: 5%;

} */
.widgets-social a:hover {

    opacity: 0.7;
}

h2.widget-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 1;
    margin: 30px 0;
    text-transform: uppercase;
}

.quick-links ul li a,
.our-services ul li a {
    color: #373333;
    line-height: 1.6;
    font-size: 16px;
    padding-bottom: 15px;
    display: block;
}

.quick-links ul li a:hover,
.our-services ul li a:hover {
    color: #7a7474;
}

.newsletter p {
    color: #373333;
}

#newsletter_text {
    color: #373333;
    line-height: 1.6;
    font-size: 16px;
    padding-bottom: 15px;
}

.footer-newsletter__form-button {
    width: 100%;
}

#footer-newsletter-address {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    margin: 20px 0;
    box-shadow: none;
}

.f_col {
    display: flex;
    justify-content: flex-end;
}

.footer-links__list .links__item {
    border-bottom: 1px solid #c2c2c2;
    padding: 10px 10px;
    width: 159px;
}

.footer-links__list .links__item .footer-links__link {
    padding: 0;
    color: #6c6c6c;
    font-size: 14px;
    transition: 500ms all;
    white-space: nowrap;
}

.footer-links__list .links__item .footer-links__link:hover {
    opacity: 0.5;
    transition: 500ms all;
}

.newsletter .form-group {
    margin-bottom: 15px;
}

.newsletter .has-error .help-block {
    color: #ECB100;
}

.newsletter input {
    padding: 0 15px;
    line-height: 48px;
    border: none;
    font-size: 16px;
    width: 100%;
}

.newsletter button {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 48px;
    border: none;
    border-radius: 0;
    padding: 0;
    background: #ffd427;
}

.newsletter button:hover {
    background: #ECC124;
    color: #000;
    outline: none;
}

.copyright-bar p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.33);
    line-height: 1.857;
    margin-bottom: 0;
    text-indent: 0;
    margin-left: 15px;
    font-size: 16px;
}

.copyright-bar a {
    color: #6c6c6c;
    padding-right: 15px;
    font-size: 16px;
}

.copyright-bar a:hover {
    opacity: 0.7;
}

.copyright-bar span {
    padding-right: 15px;
}

.row.pre-footer {
    position: relative;
    top: -73px;
}

.mobil__menu__btn {
    display: none;
}

.seacrh__mobile,
.seacrh__mobile__menu {
    display: none;
}

.menu__language__mobile {
    display: none;
}

.menu__language__dekstop {

    display: flex;
    align-items: center;
}

.subpage__img {
    margin: 20px 0;
    height: 210px;
    width: 100%;

}

.periyodik__table {
    margin-top: 20px;
}

.periyodik__table thead tr th {
    color: black;
}

.periyodik__table tbody tr td a {
    font-weight: 500;
}

.table-striped tr>td {
    padding: 15px !important;
    font-size: 16px;
}

.breadcrumb>li+li:before {
    display: none;
}

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

.subpage__img.vmd img {
    object-fit: contain;
}

.video__sasa {
    margin-top: 30px;
}

.breadcrumb-item a,
.breadcrumb-item.active span {
    font-size: 15px;
    color: #61656f !important;
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumb .breadcrumb-item i {
    color: #bebebe;
    margin: 0 8px;
}

.page-header {
    margin: 0px 0 0 0 !important;
    padding-bottom: 0px !important;
    border: 0;
}

.home-ceo-page {
    background-color: white;
    margin-top: 30px;
    padding-top: 0 !important;
    padding: 0 15px;
}

.vizyon__col {
    margin-top: 30px;
}

.stats-info p {

    text-indent: 0px;
}

.stats__con {
    display: flex;
    flex-direction: column;

}

.stast__container {
    display: flex;
    align-items: flex-start;
}



.menu__show {
    display: block;

}



.icon__transform {
    transform: rotate(0deg);
}


@media all and (max-width: 1120px) {
    .contact-box {
        padding: 30px 18px;
    }
}

@media all and (max-width: 991px) {
    .menu__language__mobile {
        display: flex;
        align-items: center;
    }

    #language li a {
        font-size: 20px;
    }


    #language li {
        margin-top: 8px;
    }

    .menu__language__dekstop {
        display: none;
    }

    .widget {
        width: 84%;
    }

    h2.widget-title {
        margin-top: 0;
    }

    .copyright-bar>div {
        text-align: center;
        padding-top: 15px;
    }

    .copyright-bar>div:first-child {
        padding-top: 0;
    }

    .row.pre-footer {
        padding: 0 15px;
    }

    .pre-footer>div {
        width: 100%;
    }

    .menu-links__list {
        display: block !important;
    }

    .menu__container {
        display: block;
        padding: 0;

    }

    .mobile__language {
        order: -1;
    }

    .menu-links__list li #menu__sub__list_0 {
        position: static;
        width: 100%;
        background-color: white;

    }

    .seacrh__mobile__menu {
        display: block;
        margin-left: 10px;

    }

    #small-search-box-form {
        display: flex;
        width: 100%;
    }

    #small-search-box-form .input-box {
        width: 100%;
    }

    .search__form .seacrh__mobile {
        display: flex;
        width: 100%;
    }

    .search__form {
        width: 100%;
        background-color: #030381 !important;
        display: flex;

    }

    .search__input {
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
    }

    .language-picker {
        float: none;
        margin-bottom: 0;
    }

    .mobile__search__btn {
        background-color: #0909252b;
        border: 0;
        outline: 0;
        padding: 0 15px;
    }

    .seacrh__box {
        height: 45px;
        width: 100%;
        background-color: #0909252b;
        border: 0;
        outline: 0;
        padding: 8px;
    }

    .seacrh__box::placeholder {
        color: white;
    }

    .desktop__search,
    .site-search {
        display: block !important;
    }

    .menu-links__list li #menu__sub__list_0 li {
        border-bottom: 1px solid #00000014;

    }

    .menu-links__list li #menu__sub__list_0 li:last-child {
        border-bottom: none;
    }

    #menu__sub__list_0 {
        padding: 0 !important;
        box-shadow: none;
    }

    .menu-links__list li div {
        color: white;
    }

    .menu-links__list li div {
        padding: 15px 15px;
    }

    ul.main-menu li a {
        padding: 20px 25px;
        color: white;
    }

    .menu-links__list li #menu__sub__list_0 {
        background-color: white;
    }

    .menu-links__list li #menu__sub__list_0 li a {
        padding: 20px 25px;
        text-decoration: none;
        text-transform: none;
        color: #61656F !important;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }

    ul.main-menu li a:hover,
    ul.main-menu li.active>a {
        color: white;
        opacity: 0.8;
    }

    .menu__dil__moile {
        display: block;

    }

    .menu-links__list li div i {

        transform: rotate(-90deg);
        transition: 400ms all;
    }

    /* .is-active-icon {
        transform: rotate(0deg);
        border: 1px solid red;
    } */

    .suggestions__list .suggestions__item .hidden {
        display: none !important;
    }



    ul.main-menu li a {
        padding: 10px 15px;
    }

    #menu__sub__list_0 li #desktop__menu__btn {
        color: #61656F;
        padding: 20px 25px;
    }

    #menu__sub__list_1,
    #menu__sub__list_2 {
        position: static;
    }

    #menu__sub__list_0 li #desktop__menu__btn i {
        display: block;
    }

    #menu__sub__list_1,
    #menu__sub__list_2 {
        width: 1000%;
        box-shadow: none;

    }



    #menu__sub__list_1 li a,
    #menu__sub__list_1 li #desktop__menu__btn {
        padding: 20px 40px !important;
    }

    #menu__sub__list_2 li a,
    #menu__sub__list_2 li #desktop__menu__btn {
        padding: 20px 60px !important;
    }

    .main-menu .menu-links__list li #menu__sub__list_1 li:hover a {
        background-color: transparent !important;
    }



    .menu-links__list li #menu__sub__list_2 li:hover a {
        background-color: transparent !important;
    }

    /* .menu-links__list li #menu__sub__list_1 li a,
    .menu-links__list li #menu__sub__list_2 li a,
    .menu-links__list li #menu__sub__list_1 li #desktop__menu__btn
    {
        background-color: rgb(9 80 182 / 83%) !important;
        color: white !important;
    }

    .menu-links__list li #menu__sub__list_1 li #menu__sub__list_2 li a{
        background-color: rgba(9, 80, 182, 1) !important;
        color: white !important;
    }
    #menu__sub__list_0 , #menu__sub__list_1 {
        overflow-y: scroll  !important;
    } */
}

@media all and (max-width: 992px) {
    .widget {
        width: 96%;
        max-width: 500px;
        margin-bottom: 40px;
    }

    .links__item .menu-links__link{
        color:white;
    }
    .widgets>div:last-child .widget {
        margin-bottom: 0;
    }

    .widgets-social {
        padding-bottom: 18px;
    }

    .menu-links__list {
        display: block;
    }

    .menu-links__list li #menu__sub__list_0 {
        position: static;
    }

    .menu-links__list li #menu__sub__list_0 {

        box-shadow: none;
    }

    .stast__container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .footer .widgets {
        padding: 0 0px;
    }

    .copytext,
    .copyright-bar p {
        padding-left: 8px;
    }

    .breadcrumbs__box .container {
        padding: 0 !important;

    }

    .breadcrumbs__box .parent a,
    .breadcrumbs__box .child {
        line-height: 1.5;
    }

    .breadcrumbs__box {
        padding-top: 0px;
    }

    .content__link--item a {
        padding: 40px 9px;
        line-height: 1.3;
    }

    .download-file a {
        font-size: 16px;
        line-height: 30px;
    }

    .menu__item__mobil {

        display: flex !important;
        justify-content: space-between;
        align-items: center !important;

    }

    .menu__item__mobil i {
        border: 1px solid #ffffff2e;
        background: rgba(0, 0, 0, .075) !important;
        color: black;
        padding: 10px;
    }

    #menu__sub__list_0 li #desktop__menu__btn {
        color: #61656F;
        padding: 12px 25px !important;
    }

    .submenu-active {
        display: block !important;


    }

    .desktop__search.site-search {
        display: block;
    }

    .seacrh__page__list ul li span {

        min-width: 115px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

}

@media all and (max-width: 480px) {
    .copyright-bar span {
        display: block;
        visibility: hidden;
        height: 5px;
    }
}


/*Contact Page Styles*/

.contact-area-box {
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #f4f5f8;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 25px 30px;
    transition: 500ms all;
}

.contact-area-box:hover {
    background-color: #E9E9E9;
    transition: 500ms all;
}

.contact-area-box h4.subtitle {
    margin: 0 0 25px;
    font-size: 16px;
    color: #2d2b80;
    font-weight: bold;
}

.about-cta h4.company-subtitle.subtitle {
    font-size: 18px;
}



.about-cta p {
    font-size: 16px;
}


.contact-area-box i {
    font-size: 18px;
    color: #2d2b80;
    float: left;
    width: 20px;
    margin-right: 20px;
    margin-top: 4px;
}

.contact-area-box p {
    display: block;
    padding-left: 40px;
    font-weight: lighter;
    font-size: 16px;
    color: #6c6c6c;
}

.pagination li a {
    height: 30px;
    overflow: hidden;
}

.page-link__arrow--right {
    fill: #2d2b80;
    /* Değiştirmek istediğiniz rengi burada belirtebilirsiniz */
}

.row.form h2.title-2 {
    font-size: 30px;
    margin-bottom: 35px;
}

.contact-map {
    position: relative;

}

.contact__title {
    margin-top: 105px;
}

.contact-map h2 {
    margin-top: 40px;
    font-size: 20px;
    margin-bottom: 35px;
    color: #2d2b80;
    font-weight: bold;
}

.contact-map ul.nav-pills {
    /* position: absolute; */
    left: 0;
    /* margin: 20px 30px; */
    z-index: 5;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.contact__input label {
    margin: 18px 0;
    color: #6c6c6c;
    font-size: 16px;
    font-weight: bold;
}

.text-prompt {
    margin: 18px 0 !important;
    display: inline-block;
}

.google-map {
    height: 550px;
}

.contact-map ul.nav-pills li a {
    font-size: 16px;
    color: #6c6c6c;
    padding: 0 35px;
    line-height: 40px;
    background: #f4f5f8;
    border-right: 1px solid #e8e8e8;
    border-radius: 0px;
    font-weight: bold;
}

.contact-map ul.nav-pills li:first-child a {
    border-radius: 3px 0px 0px 3px;
}

.contact-map .nav-pills>li+li {
    margin: 0;
}

.contact-map .nav-pills>li:last-child a {
    border: 0;
}

.contact-map ul.nav-pills li a:hover,
.contact-map ul.nav-pills li a:focus,
.contact-map ul.nav-pills li.active a,
.contact-map ul.nav-pills li.active a:hover,
.contact-map ul.nav-pills li.active a:focus,
.contact-map ul.nav-pills li a:hover {
    color: white;
    background: rgba(9, 62, 182, 0.65);
    border-color: transparent;
}

.contact-map iframe {
    width: 100%;
    border: none;
}


.surdur__title {

    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;

    display: flex;
    align-items: center;
    text-transform: uppercase;

    color: #020E28;
}

.surdur__img__box {
    background-color: #C1C1C1;
    font-style: italic;
    font-weight: 500;

    line-height: 30px;
    color: #0D0C0C;
}

.surdur__img__imza {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.surdur__img__imza p {
    font-style: normal;
    font-weight: 600;
    color: #0D0C0C;

}

#contactus-form {
    background: #F4F5F8;
    padding: 10px 18px;
    height: 100%;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
}

#contactus-form input,
#contactus-form textarea {
    border: none;
    box-shadow: 1px 1.7px 2px rgba(0, 0, 0, 0.1);

}

.contact-us-button {
    margin-top: 0px;
    background-color: #2d2b80;
    font-size: 18px;
    text-transform: capitalize !important;
}

.surdur__img__imza span {
    font-style: normal;
    display: block;
    font-weight: 400;
    font-size: 16px;
}


.surdur__img__imza img {
    width: 100px;
}

.surdur__text {
    padding: 10px;
}

.surdur_alt_img {
    display: flex;
    justify-content: center;
    margin: 100px 0;
}

.surdur__madde ul {
    list-style-type: disc;
    margin-left: 20px;
}

.surdur__madde ul li {
    color: #848484;
}


.surdur__madde p {
    margin-top: 10px;
}

.surdur_sidebar {
    padding-bottom: 30px !important;
}


section.contact-form {
    padding: 0 0 80px;
}

.well-form {
    padding: 30px;
    background: #f4f5f8;
}

.help-block {
    margin-top: 15px;
    font-size: 14px;
}

.alert {
    border-radius: 0;
}

.error-msg {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

.form-group {
    margin-bottom: 30px;
}

.contanct__banner {
    padding: 0;
}

.contact__title {
    margin-top: 20px !important;
    color: #2d2b80;
    font-weight: bold;
    font-size: 20px;
}

.contact__form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 32px;
    margin-bottom: 0 !important;
}

.captcha-box {
    margin-top: 0px;
}

.form-control {
    border: 1px solid rgb(219 217 217);
    background: #ffffff;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    line-height: 48px;
    height: auto;
    padding: 0 20px;
    margin: 0;
}

.form-control:focus {
    border: 1px solid rgba(244, 244, 244, 0.8);
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.2);
}

#contact__part{
 padding-top: 21px;
}
.text-prompt {
    color: #6c6c6c;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    font-weight: bold;
    font-size: 16px;
}

.contact-us-sasa .form-group {
    margin-bottom: 0px;
}

textarea.form-control {
    min-height: 160px;
}

.google-map {
    height: 350px;
}

button.btn.btn-warning {
    padding: 0;
    line-height: 60px;
    border-radius: 0;
    border: none;
    font-size: 19px;
    font-weight: bold;
    background: var(--button-backgorund-color);
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}



button.btn.btn-warning:hover {
    background: #002D92;
}

@media (max-width: 1199px) and (min-width:991px) {
    .contact-map ul.nav-pills li a {
        font-size: 16px;
        padding: 0 24px;
    }
}
@media (min-width:991px) {
    .form-box #af1fea063-08e0-4ee6-84d5-ccde3b3063e8, .form-box #a3a8f3e36-2e37-496c-95f9-eaf6d5ebe28d {
        width: 14.28%;
    }
    .col-md-2#ac2caf623-409c-46ee-a989-6d935de8a8a9, .col-md-2#a589cc303-089c-4474-a467-943d9f711eda {
        width: 20%;
    }
}

@media all and (max-width: 991px) {
    .row.contact-centers>div {
        width: 400px;
        max-width: 100%;
        margin: 0 auto 40px;
    }

    .row.contact-centers>div:last-child {
        margin-bottom: 0;
    }

    .row.form {
        text-align: center;
    }

    .row.form>div {
        width: 600px;
        max-width: 100%;
        margin: 0 auto 50px;
    }

    .row.form>div:last-child {
        margin-bottom: 0;
    }

    .contact-map iframe {
        max-width: 100%;
        min-height: 500px;
        height: auto;
    }
}

@media all and (max-width: 600px) {
    .contact-map ul.nav-pills li {
        float: none;
        margin-bottom: 5px;
    }

    .contact-map ul.nav-pills li a {
        border-radius: 3px !important;
        border: none;
    }

    .contact-map iframe {
        min-height: 400px;
    }
}

@media all and (max-width: 480px) {
    .contact-area-box {
        padding: 15px 20px;
    }

    .contact-area-box i {
        margin-right: 0;
        font-size: 16px;
        margin-top: 5px;
    }

    .contact-area-box p {
        padding-left: 25px;
        font-size: 14px;
    }

    .well-form {
        padding: 30px 25px;
    }
}


/* About Page */

section.about-company {
    padding: 30px 0 0 0;
}

.about-content {
    float: right;
}


/* Call to action */

section.about-cta {
    padding: 30px 0 0;
}

.cta {
    padding: 40px 45px;
    background: var(--title-background-color);
}

.cta h2 {
    font-size: 33px;
    color: rgb(103, 95, 63);
    line-height: 1.455;
    text-align: left;
    margin: 0;
    font-family: "Georgia";
}

@media all and (max-width: 991px) {
    .about-content {
        float: none;
    }
}

@media all and (max-width: 480px) {
    .cta {
        padding: 20px 25px;
    }

    .cta h2 {
        font-size: 26px;
    }
}


/* Culture */

.culture h2.culture-title {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px;
}

.culture h4.culture-subtitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: rgb(76, 79, 84);
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 20px;
}

.col__ile , .col-space {
    padding: 0 !important;
}

.culture-video {
    text-align: right;
}

.culture-video img {
    border: 10px solid #f9f9f9;
    box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}

.search-query {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.contact-us-sasa .form-control {
    height: 48px;
}

@media all and (max-width: 992px) {
    .contact__form{
        flex-direction: column;
        justify-content: space-evenly;
    }
    #contactus-form {
        height: 100%;
        margin-bottom: 40px;
    }
    .captcha-box {
         margin: 10px 0; 
    }

    .contact__form .form-group {
        margin: 0;
    }
    .contact__form {
        margin: 15px 0;
    }
    .culture-video {
        text-align: left;
        padding-bottom: 20px;
    }
    .psrm {
        margin-bottom: -5px;
        margin-top: 5px;
    }
    .international__img {
        margin-bottom: 15px;
    }
    .holding__page__img {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .cul.misyon {
        margin-top: 30px;
    }
    .cul.deger {
        margin-top: 35px;
    }

    .contact_form {
        padding: 15px;
        display: block;
    }

    .contact-map ul.nav-pills {
        display: block;
    }
}


/*stats section*/

section.about-stats {
    padding-top: 0;
}

.row.stats.stats-2 {
    background: #f4f5f8;
}

.row.stats.stats-2>div {
    padding: 30px 20px 40px 50px;
    border: 1px solid #e9ebef;
}

.row.stats.stats-2>div:first-child {
    border-top: 0;
    border-left: 0;
}

.row.stats.stats-2>div:nth-child(2) {
    border-top: 0;
    border-right: 0;
}

.row.stats.stats-2>div:nth-child(3) {
    border-left: 0;
    border-bottom: 0;
}

.row.stats.stats-2>div:nth-child(4) {
    border-right: 0;
    border-bottom: 0;
}

@media (max-width: 1099px) {
    .row.stats.stats-2>div {
        padding: 30px 20px;
    }
}


/* Accordion */

section.about-accordion {
    padding: 0;
}

@media (max-width: 991px) {
    section.about-accordion {
        padding: 0 15px;
    }
}

section.about-innovations {
    padding: 0 0 40px;
}


/*Tools Section*/

section.about-tools {
    padding: 5px 0 20px;
}

.row.tools {
    margin: 0;
}

.row.tools>div {
    padding: 40px 30px;
    background: transparent;
    border: 1px solid #f9f9f9;
}

.icon-container {
    height: 50px;
}

.row.tools>div p {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .row.tools>div {
        width: 400px;
        margin: 0 auto;
        max-width: 100%;
    }
}


/*Employees Section*/

section.about-employees {
    padding-bottom: 0;
}

.row.employees {
    display: flex;
    align-items: center;
}

.row.employees.top-sec {
    display: block;
    position: relative;
}

.row.employees.top-sec .text-right {
    float: right;
}

.row.employees.top-sec>div:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.employees h4.subtitle {
    font-size: 28px;
    margin-top: 0;
}

.row.employees img {
    border: 10px solid #f9f9f9;
    box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}

.row.employees p {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .row.employees {
        display: block;
    }

    .row.employees .text-right {
        text-align: left;
        margin-bottom: 30px;
        float: none !important;
    }

    .row.employees.top-sec>div:last-child {
        position: relative;
        transform: inherit;
        top: 0;
    }

    section.services-employees .spacer-80 {
        height: 50px;
    }

    .row.employees .text-left {
        margin-bottom: 30px;
    }
}


/*leaders*/

.row.leaders h4.subtitle {
    margin-bottom: 5px;
}

.img-hover-effect:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0%;
    background: rgba(255, 218, 68, 0.7);
    top: 0;
    left: 0;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.img-hover-effect:hover:after {
    height: 100%;
}

.social-links {
    position: absolute;
    top: 75%;
    width: 100%;
    z-index: 5;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.img-hover-effect:hover .social-links {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.social-links a {
    font-size: 22px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.66);
    display: inline-block;
    border-radius: 50%;
    color: #fff;
}

.social-links a:last-child {
    margin: 0;
}

.social-links a:hover {
    background: #000;
}

@media all and (max-width: 991px) {
    .row.leaders .img-hover-effect {
        display: block;
    }
}

@media all and (max-width: 992px) {
    .row.leaders>div {
        width: 360px;
        margin: 0 auto 40px;
        max-width: 100%;
    }

    .row.leaders>div.clearfix {
        display: none;
    }

    .row.leaders>div:last-child {
        margin-bottom: 0;
    }
}


/* Vision */

.vision h2.title-2 {
    padding-bottom: 30px;
    font-size: 28px;
    line-height: 1;
}

.vision ul li {
    font-size: 16px;
    color: #1D1D1F;
    padding: 15px 0;
    border-bottom: 2px solid #f4f5f8;
    padding-left: 30px;
    border-bottom: 2px solid #f4f5f8;
    position: relative;
}

.vision ul li:first-child {
    padding-top: 0;
}

.vision ul li:last-child {
    border-bottom: 0;
}

.vision ul li i.fa {
    color: #ffda43;
    padding-right: 15px;
    font-size: 17px;
    position: absolute;
    line-height: 30px;
    left: 0;
}

@media all and (max-width: 992px) {
    .row.vision>div {
        margin-bottom: 30px;
    }

    .row.vision>div:last-child {
        margin-bottom: 0;
    }
}


/*Sidebar*/

.sidebar-search-form {
    position: relative;
    margin-left: 36px;
}

.sidebar-search-form .search-query {
    width: 500px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sidebar-search-form .btn.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 48px;
    padding: 1px 20px;
    background: none;
    font-size: 18px;
    outline: none;
}

.page-title {



    position: relative;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;


}

.page-title::before {
    content: '';
    width: 1000%;
    height: 100%;
    background: rgba(0, 0, 0, 0.41);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;

}

.banner__container__spacing {
    padding: 0;
}

.page-title h2,
.page-title p {
    position: relative;
    bottom: 0;
    z-index: 999;
}

.page-title h1 {
    text-align: center;
    position: relative;

    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.26;
    z-index: 99999;
}

.page-title img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
}


h3.sidebar-title {
    font-size: 17px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    color: #C0C4C7;
    text-transform: uppercase;
    margin: 0 0 20px;
}




.highlights-section {
    position: relative;
    padding: 85px 0px 55px;
    background-color: #f4f4f4;
    margin-top: 20px;
}

.highlights-section .image-layer {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}

.highlights-section .image-layer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    border-top: 625px solid #f4f4f4;
    border-right: 200px solid transparent;
}

.highlights-section .content-column {
    position: relative;
}

.highlights-section .content-column .inner-column {
    position: relative;
}

.hightlight-block {
    position: relative;
    margin-bottom: 30px;
}

.hightlight-block .hightlight-inner {
    position: relative;
    padding: 32px 0px 28px;
    text-align: center;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hightlight-block .hightlight-inner .icon-box {
    position: relative;
    line-height: 1em;
    color: #cbcbcb;
    font-size: 50px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.hightlight-block .hightlight-inner h3 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #0f1341;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.hightlight-block .hightlight-inner .overlay-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.hightlight-block .hightlight-inner:hover {
    background-color: #093eb6;
}

.hightlight-block .hightlight-inner:hover h3,
.hightlight-block .hightlight-inner:hover .icon-box {
    color: #ffffff;
}

.highlights-section .services-column {
    position: relative;
}

.highlights-section .services-column .inner-column {
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
    padding: 45px 30px 50px;
    border: 1px solid #f2f2f2;
    background: #ffffff url(../images/resource/pattern-1.png);
    background-position: left bottom;
    background-repeat: repeat-x;
}

.highlights-section .services-column .inner-column .upper-box {
    position: relative;
    padding-left: 60px;
    padding-top: 8px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f2f2f2;
}

.highlights-section .services-column .inner-column .upper-box .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #093eb6;
    font-size: 40px;
    line-height: 1em;
}

.highlights-section .services-column .inner-column .upper-box h2 {
    position: relative;
    color: #020e28;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.highlights-section .services-column .inner-column .text {
    position: relative;
    color: #848484;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 50px;
}

.highlights-section .services-column .inner-column .services {
    position: relative;
    color: #020e28;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.highlights-section .services-column .inner-column .services .icon {
    margin-left: 4px;
}

.highlights-section .services-column .inner-column .services:hover {
    color: #000094;
}


.sec-title h2 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #020e28;
    line-height: 1.2em;
    padding: 0px 0px 24px;
    display: inline-block;
    text-transform: uppercase;
}

.sec-title .separator {
    position: relative;
    width: 75px;
    margin: auto;
    display: none;
}

.content__product__images {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    min-height: 300px;
    margin-top: 50px;
}

.table-striped {
    border: 1px solid #ebebeb;
}

.table-striped tr>th {
    padding: 15px !important;
}

.number__container {
    padding-top: 0 !important;
}

.content__product__item {
    margin: 10px;
    padding: 8px;
    transition: 800ms all;
    cursor: pointer;
    width: 30%;
    position: relative;
    padding: 30px 30px 0px 30px;
    background-color: #FFFFFF;
    height: 255px;
    overflow: hidden;
}

.content__product__item:before {
    content: '';
    position: absolute;
    bottom: 2%;
    width: 94%;
    height: 84%;
    background-color: #fff;;
    left: 3%;
    box-shadow: 0px 0px 12.61px 0.39px rgba(0, 0, 0, 0.14);
    transition: all 0.35s ease 0s;
}

.content__product__item img {
    position: relative;
    transition: all 0.35s ease 0s;
 
 }
 

.content__product__item:hover img {
   margin-top: 5%;
   transition: all 0.35s ease 0s;

}

 .content__product__item:hover:before  {
    height: 110%;
    transition: all 0.35s ease 0s;
    background-color: #e7e6e6;
} 

.content__product__item p a {
    text-align: center;
    margin: 15px 0;
    text-indent: 0px;
    color: #62656f;
    font-size: 16px;
    border-bottom: 1px solid #62656f;
    padding: 0px 0 10px;
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.content__product__item p {
    margin: 0;
}




.price_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 500px;
    max-height: 363px;
}

.sidebar__pdf {
    list-style: none !important;
    margin: 0 !important;
}


.sidebar__pdf li::before {
    display: none;
}

.centered {
    text-align: center;
}

.sec-title .separator:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 75px;
    height: 2px;
    background-color: #093eb6;
    display: none;
}

.sec-title .separator:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 2px;
    width: 25px;
    height: 4px;
    background-color: #093eb6;

}

.hightlight-block .hightlight-inner h3 {
    line-height: 1.5;
}


@media screen and (max-width:767px) {
    .sunmenu-active {
        border: 1px solid red;
        display: block;
    }



    .history-section .carousel-outer .content-slide .content-inner {
        margin: 0 25px;

    }

    .history-section .carousel-outer .content-carousel .owl-nav .owl-prev {
        left: 4px !important;
    }

    .history-section .carousel-outer .content-carousel .owl-nav .owl-next {
        right: 4px !important;
    }
}

.met_row {
    margin-top: 20px;
}

.hightlight-block .hightlight-inner {
    height: 200px;
    padding: 10px;
}

.sidebar-blog-categories ul li a {
    font-size: 14px;
    color: #62656f;

    display: block;

    line-height: 1.5;

    padding: 10px 0 10px 14px;
}

.content__right__title {
    padding: 12px 0 15px 0;
    font-size: 24px;
    font-weight: bold;
    color: #62656f;

}

.content__color {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #2d2b80;
    padding: 0 0 15px 12px;

}

.breadcrumbs__box .parent .fa-home {
    display: none;
}

.content__color::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 5px;
    height: 18px;
    background-color: #2d2b80;
}

.color__sidebar {
    border: 0 !important;
}

.color__sidebar a {
    font-size: 18px !important;
    font-weight: bold;
    color: #2d2b80;
    padding-top: 15px;


}

.genel__table {
    margin: 25px 0;
}

.genel__table table tbody tr td .table__pdf {

    display: flex;

}

.panel-group {
    margin-top: 20px;
}

h4.panel-title {
    font-size: 16px;
    line-height: 1.3;
}

.table__pdf {
    display: flex;
}

.table__pdf .fa-file-pdf-o {
    font-weight: 700;
    margin-right: 3px;
}

.table__pdf .download {
    margin-left: 5px;
}

.sidebar-blog-categories ul li a:hover {
    /* background: #e9e9e9; */
    color: #1a009b;
}

.sidebar>div {
    margin-bottom: 45px;
}

.sidebar>div:last-child {
    margin-bottom: 0;
}

.sidebar-download .download-file {
    background: var(--button-backgorund-color);
    margin: 0 15px 0 0;
    padding: 0 15px;
}

.sidebar-download .download-file:hover {
    background: #002D92;
}

.sidebar-download .download-file i {
    color: #fff;
}

.sidebar-download .download-file a {
    color: #fff;
}

.sidebar-download .download-file span {
    color: rgba(255, 255, 255, 0.5);
}

.sidebar-fact {
    padding: 20px 25px 25px;
    background: #f4f5f8;
}

.sidebar-fact h3 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 20px;
}

.sidebar-fact a.btn {
    background: var(--title-background-color);
    color: #544d33;
}

.sidebar-fact a.btn:hover {
    background: #f7cd22;
}

.sidebar-tags a {
    background: #f4f5f8;
    color: #adadad;
    display: inline-block;
    padding: 12px 12px;
    margin: 0 10px 12px 0;
}

.sidebar-tags a:hover {
    background: #ddd;
    color: #999;
}

.sidebar-single-links li {
    padding: 30px 0;
    border-bottom: 1px solid #f4f5f8;
}

.sidebar-single-links li:first-child {
    padding-top: 0;
}

.sidebar-single-links li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar-single-links h4.subtitle {
    margin: 0 0 15px;
    line-height: 1;
}

p.location-2 {
    margin-bottom: 0;
    line-height: 1;
}

p.location-2 span {
    color: #abafb3;
}

@media all and (max-width: 991px) {
    .sidebar {
        padding-top: 0;
        max-width: 100%;
        margin: 20px auto;
    }

    .response-btn {
        text-align: left;
    }

    .about-cta h4.company-subtitle.subtitle {
        font-size: 24px;
    }



    .about-cta p {
        font-size: 16px;
    }

    .holding__page ul li {
        margin: 10px 0;
    }

    .content__text strong {
        display: initial;
    }
}


/*Career Page */

.careers section {
    padding-bottom: 0;
}

.careers section:last-child {
    padding-bottom: 80px;
}

@media all and (max-width: 992px) {
    .culture h2.culture-title {
        font-size: 24px;
    }

    .culture h4.culture-subtitle {
        font-size: 16px;
    }

    .highlights-section .services-column .inner-column {
        margin: 0;
    }

    .content__product__item {
        width: 44%;
    }

    .content__product__images {

        justify-content: space-between;
    }

    .content__product__item p {
        text-indent: 0;
    }

    .table-striped tr>td {
        padding: 8px !important;
        font-size: 16px;
    }

    .table-striped tr>th {
        padding: 9px 6px !important;
    }

    .panel-body,
    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 0;
    }

    .panel-default .panel-body p {
        padding: 15px;
    }

    .applicatio__form {
        padding: 15px;
        margin: 30px 0px;
    }

    .user__detail {
        margin: 15px 0;
        line-height: 1.5;
    }

    .contact__title {
        margin-left: 0 !important;
    }

    h4.panel-title {
        font-size: 16px;
        line-height: 1.3;
    }

    h4.panel-title {

        padding: 22px 4px 22px 10px;
    }

    .information__link {

        white-space: wrap;
    }

    /*  .download-file a {
        display: flex;
       justify-content: space-between;
        line-height: 20px;
        align-items: flex-end; */
}

/* .download-file {
        padding: 0 12px 12px;
    } */
}


/*Job stats*/

.stats-box {
    border-radius: 3px;
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #ffffff;
    box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 10px 15px;
}

.stats-box h4,
.stats-box p {
    line-height: 1;
}

@media all and (max-width: 992px) {
    .row.job-stats>div {
        width: 400px;
        margin: 0 auto;
        float: none;
        max-width: 100%;
    }

    .row.job-stats>div:last-child .stats-box {
        margin-bottom: 0;
    }

    .stats-box h4 {
        line-height: 1.2;
    }

}


/*culture styles*/

.company-images>div {
    padding: 0;
}

.row.company-images {
    margin: 0;
    border: 10px solid #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}

.company-image-one.hover-effect {
    width: 100%;
    display: block;
}

.company-image-one img {
    width: 100%;
    height: 230px;
}

@media all and (max-width: 991px) {
    .careers-culture .col-md-5 {
        margin-bottom: 50px;
    }

    .life-box {
        margin-bottom: 40px;
    }

    .careers section:last-child {
        padding: 30px 0 60px;
    }
}

@media all and (max-width: 600px) {
    .company-images>div {
        width: 100%;
    }

    .company-image-one img {
        height: auto;
    }
}


/*Life Section styles*/

.life-box h4.subtitle {
    margin: 30px 0 15px;
}

.life-box .icon-container {
    min-height: 50px;
}


/*Open Postitioms styles*/

.open-positions ul li {
    padding: 25px 0px;
    padding-right: 190px;
    border-bottom: 1px solid #f4f5f8;
    position: relative;
}

.open-positions ul li:first-child {
    padding-top: 0;
}

.designation span {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #677078;
    background: #f4f5f8;
    padding: 0 10px;
    line-height: 24px;
    display: inline-block;
}

.designation h4.subtitle {
    margin: 0 0 5px;
}

.designation {
    float: left;
    width: 82%;
}

.open-positions ul li:after {
    content: "";
    display: block;
    clear: both;
}

.open-positions ul li a.btn {
    position: absolute;
    right: 0;
    padding: 0 25px;
    background: var(--title-background-color);
    color: #544d33;
}

.open-positions ul li a.btn:hover {
    background: #ECC124;
}

.location {
    float: right;
    text-align: right;
}

.location p.state {
    font-weight: 500;
    margin-bottom: 0;
}

.location p.country {
    color: #abafb3;
}

@media all and (max-width: 992px) {
    .designation {
        width: 80%;
    }

    .open-positions ul li {
        padding-right: 0;
    }

    .open-positions ul li a.btn {
        position: relative;
        margin-top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media all and (max-width: 480px) {
    .designation {
        float: none;
        width: 100%;
    }

    .location {
        float: left;
        text-align: left;
        margin-top: 15px;
        display: inline-block;
    }

    .open-positions ul li a.btn {
        float: right;
        font-size: 15px;
        line-height: 44px;
        padding: 0 20px;
        transform: inherit;
        left: 0;
    }
}


/*service page */

.services-content {
    float: right;
}

section.services-checmicals {
    padding: 0;
}

.services-vision img {
    border: 10px solid #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}

section.services-highlights {
    background: #f4f5f8;
}

.feature-box {
    text-align: center;
    background: #ffffff;
    box-shadow: 16px 27px 49px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 20px;
}

.feature-box p {
    margin-bottom: 0;
}

.service-slider,
.service-slider ul.slides li {
    position: relative;
}

.service-slider li img {
    width: 100%;
    min-height: 280px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
}

.slider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.66);
    text-align: center;
    padding: 0 15px;
}

.slider-caption p {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 14px 0;
}

.service-slider .flex-direction-nav a {
    width: 32px;
    height: 49px;
}

.service-slider .flex-direction-nav a:before {
    background: url('../images/service-arrow-left.png') no-repeat;
    width: 32px;
    height: 49px;
}

.service-slider .flex-direction-nav a.flex-next:before {
    content: " ";
    background: url('../images/service-arrow-right.png') no-repeat;
}

.service-slider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.service-slider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.service-slider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.service-slider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

@media only screen and (max-width: 991px) {
    .services-company a.hover-effect {
        display: block;
    }

    .service-slider {
        margin-bottom: 40px;
    }

    .services-content {
        float: none;
    }
}

@media only screen and (max-width: 992px) {
    
    .services-company a.hover-effect {
        display: block;
    }

    .services-company .row>div {
        width: 400px;
        max-width: 100%;
        margin: 0 0 40px;
    }

    .services-company .row>div.clearfix {
        display: none;
    }

    .services-company .row>div:last-child {
        margin-bottom: 0;
    }

    .row.vision .text-right {
        text-align: left;
    }

    section.services-vision {
        padding-top: 30px;
    }

    .services-highlights .row>div {
        width: 360px;
        margin: 0 auto 40px;
        max-width: 100%;
    }

    .services-highlights .row>div:last-child {
        margin-bottom: 0;
    }
}


/* back to top */

.cd-top {
    display: inline-block;
    height: 36px;
    width: 36px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #00A3EF url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top:hover {
    background-color: #0087C5;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 767px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
    #DynamicFormSave div {
        padding-left: 0;
        padding-right: 0;
    }
    #DynamicFormSave .form-box .mt-3{
        padding-left: 15px;
        padding-right: 15px;
    }
 
}
#DynamicFormSave .form-box .mt-3>div{
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-bottom: 5px;
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }
}


@media screen and (max-width:1024px) and (min-width:988px) {
    .sidebar-search-form .search-query {
        width: 438px;
    }
}

/*Image Hover Effects*/

.hover-effect img,
.img-hover-effect img {
    width: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hover-effect,
.img-hover-effect {
    background: #000;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 -1.5px;
}

.hover-effect:hover img {
    opacity: 0.6;
    transform: scale(1.1);
}


/* Skillbar */

.skillbar {
    position: relative;
    display: block;
    margin-bottom: 50px;
    width: 100%;
    background: #f4f5f8;
    height: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

div.process-bar>.skillbar:last-child {
    margin-bottom: 0;
}

.skillbar-title {
    position: relative;
    font-size: 15px;
    color: #677078;
    margin-bottom: 10px;
}

.skillbar-bar {
    height: 10px;
    width: 0px;
    background: #ffda44;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    overflow: inherit !important;
}

.home-news .color-title {
    background-color: var(--title-background-color);
}

.skillbar-bar:after {
    content: "";
    position: relative;
    display: block;
    float: right;
    width: 26px;
    height: 26px;
    right: -8px;
    top: -8px;
    background: #ffda44;
    border-radius: 50%;
    border: 3px solid #fff;
}

.skill-bar-percent {
    position: absolute;
    right: 0px;
    top: -25px;
    line-height: 1;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: var(--button-backgorund-color);
}


/* 404 page */

section.page-not-found {
    padding: 120px 0;
}

.error-page h1 {
    margin: 0;
    font-size: 150px;
    font-family: Roboto;
    font-weight: bold;
    color: var(--button-backgorund-color);
    line-height: 1;
}

.error-page h2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

.error-page h4 {
    margin-bottom: 30px;
    font-size: 21px;
}


/* Shortcodes */

.styled-list ol,
.styled-list ul {
    margin: 0px;
    list-style-position: inside;
}

.styled-list ol li,
.styled-list ul li {
    padding: 15px 0;
    border-bottom: 2px solid #f4f5f8;
}

.styled-list ol li:first-child,
.styled-list ul li:first-child {
    padding-top: 0;
}

.styled-list ul {
    list-style-type: disc;
}

.styled-list ul ul {
    margin: 15px 0px 0px 20px;
    list-style-type: circle;
}

.styled-list ol ol {
    margin: 15px 0px 0px 20px;
}

.styled-list ul ul li,
.styled-list ol ol li {
    border-bottom: none;
    padding: 8px 0;
}

.styled-list .list-unstyled {
    margin-left: 0;
}

.styled-list .list-unstyled ol {
    list-style-type: none;
}

.btn-block+.btn-block {
    margin-top: 10px;
}

.btn-row a.btn {
    line-height: 60px;
    padding: 0 36px;
}

.btn-col a.btn {
    margin-bottom: 20px;
    margin-left: 20px;
    float: left;
}

.btn-col a.btn:nth-child(odd) {
    margin-left: 0;
    clear: both;
}

a.btn.btn-block:nth-child(odd) {
    margin-bottom: 15px;
    margin-top: 30px;
}

a.btn.btn-block:first-child {
    margin-top: 0;
}

.btn-row a.btn.btn-normal {
    line-height: 48px;
    font-size: 14px;
    padding: 0 30px;
}

a.btn.btn-sm {
    line-height: 36px;
    font-size: 12px;
    padding: 0 24px;
}

.quote-post blockquote {
    background: var(--button-backgorund-color);
    color: #fff;
}

.drop-caps p:first-child::first-letter {
    background: var(--title-background-color);
    color: #675F3F;
    display: block;
    float: left;
    font-size: 36px;
    margin-right: 15px;
    margin-top: 5px;
    padding: 20px;
    border-radius: 4px;
}

.drop-caps.blue p:first-child::first-letter {
    background: var(--button-backgorund-color);
    color: #fff;
}

.tab-widget {
    border: 1px solid rgba(244, 244, 244, 0.8);
    background: #ffffff;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.nav-tabs>li {
    padding: 0;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid #eee;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

ul.nav-tabs {
    border-bottom: 1px solid #eee;
}

.nav-tabs>li>a {
    font-weight: bold;
    line-height: 1;
    padding: 20px 15px;
    background: #ffffff;
    color: var(--button-backgorund-color);
    border-radius: 0;
    border: none;
    margin: 0;
}

.nav-tabs>li>a:hover {
    background: #f9f9f9;
    color: #002D92;
    border: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: #f9f9f9;
    color: #002D92;
    border: none;
}

.tab-content>.tab-pane {
    padding: 22px;
}

@media (max-width: 991px) {
    .tab-widget {
        margin-bottom: 50px;
    }
    .quick-links.widget {
        margin-bottom: 0;
    }
    .text-mbl-information {
        margin-top: 0 !important;
    }

    .seacrh__mobile,
    .seacrh__mobile__menu {
        display: block;
    }
}

@media (max-width: 992px) {
    .banner__container__spacing.menu__container {
    padding-bottom: 40px;
}
    .btn-col {
        margin-bottom: 30px;
    }

    form.form-horizontal {
        margin-top: 50px;
    }

    .headings {
        margin-bottom: 50px;
    }

    table.table-striped {
        margin-bottom: 50px;
    }

    .row.styled-list h3 {
        margin-top: 0;
    }

    .row.styled-list>div {
        margin-bottom: 50px;
    }

    .row.styled-list>div:last-child {
        margin-bottom: 0;
    }
    /* .form-box #frmGroup_frmGroup_c2caf623-409c-46ee-a989-6d935de8a8a9:nth-child(6), .form-box #frmGroup_c2caf623-409c-46ee-a989-6d935de8a8a9:nth-child(11),
    .form-box #frmGroup_f1fea063-08e0-4ee6-84d5-ccde3b3063e8:nth-child(7), .form-box #frmGroup_f1fea063-08e0-4ee6-84d5-ccde3b3063e8:nth-child(14),
    .form-box #f1fea063-08e0-4ee6-84d5-ccde3b3063e8:nth-child(21) {
        border-bottom: 5px solid #5f81cf;
    padding-bottom: 20px;
    margin-bottom: 20px;
    } */
}

@media (max-width: 480px) {
    .nav-tabs>li {
        display: block;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #eee;
    }

    .btn-col a.btn {
        display: inline-block;
        margin: 0 0 20px;
        clear: both;
    }
}


/* Preloader */

.sk-cube-grid {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #2B2B80;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.prosedur__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.news__box__title {
    margin-bottom: 10px;
    text-align: center;
    margin-bottom: 15px !important;
}

.international__img {
    width: 55%;

}


.container__seacrh {
    background-color: #000094;
}

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

.logo__img {
    border: 1px solid #0000001f;
    padding: 10px;
    margin: 0 15px 15px 0;
    background-color: transparent !important;
    width: 22%;
}

.logo__img:hover {
    border: none;
}

.flexslider .slides img {

    margin: auto;
}

.search__dialog {
    margin: 0 !important;
    width: 100% !important;
}

.seacrh__modal {
    border-radius: 0;
    background-color: white;
    box-shadow: none;
    padding: 30px 0;
    width: 102%;
    border-bottom: 2px solid #2b2b80;
}

.search__input {
    width: 75%;
    margin: auto;
    background-color: white;
    outline: 0;
    border: 0;
    color: black;
    border-bottom: 2px solid grey;
    color: black;
}

.search__input::placeholder {
    color: #2b2b80;
    font-weight: bold;
}


.multiple-link-list {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    max-width: 220px;
    margin-top: 30px;
}

.media-link-list a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    color: white;
}



.media-link-list {
    padding: 30px;
    background-color: #000094;

}

.media-item {
    padding: 30px;
}

.media-item img {
    object-fit: contain;
}

.media-item {
    border-bottom: 4px solid #000094;
}

.modal__close__info:hover {
    background-color: #000094;
    color: white;
    cursor: pointer;
}

.input-box .search__input::placeholder {
    color: white;
    font-size: 20px;
    text-transform: capitalize;
}

#searchList {
    background-color: transparent;
    border: 0;
    outline: none;
}

.search__suggestions {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.suggestions__list {
    width: 100%;
    margin-right: 34px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

/* .suggestions__list .suggestions__item {
    display: flex !important;
} */

.ceo-title {
    background-color: rgba(128, 128, 128, 0.233) !important;
}

.suggestions__list .suggestions__item .suggestions__item-name {
    background-color: transparent;
    color: black;
    width: 100%;
    height: 100%;
    border-radius: 0;
    text-align: left;
    padding-left: 15px;
    transition: 500ms all;
}

.suggestions__list .suggestions__item .suggestions__item-name:hover {
  
    color: #000094;
    transition: 500ms all;
}

/* ==========================================================================
   Loader and Animation styles
   ========================================================================== */

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    /* change if the mask should have another color then white */
    opacity: 1;
    z-index: 11111;
    /* makes sure it stays on top */
    height: 100%;
    overflow: hidden;
}


/* ==========================================================================
  History Part
   ========================================================================== */
.history-section {
    position: relative;
    padding: 0px 0px 20px 0;
}

.history-section .sec-title {
    margin-bottom: 30px;
}

.history-section .history-carousel {
    position: relative;
}

.history-section .carousel-outer {
    position: relative;
}

.history-section .carousel-outer .thumbs-outer {
    position: relative;
    overflow: hidden;
}

.history-section .carousel-outer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 32px;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.history-section .history-carousel .thumbs-carousel {
    position: static;
    max-width: 130px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.history-section .history-carousel .thumbs-carousel .owl-stage-outer {
    overflow: visible;
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li {
    position: relative;
    color: #020e28;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li:before {
    display: none;
}

.history-section .history-carousel .thumbs-carousel li {
    position: relative;
    color: #e6e6e6;
    font-size: 36px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1em;
    text-align: center;
    padding: 15px 20px;
    transition: all 0.3s ease;
    display: inline-block;
    background-color: #ffffff;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-family: 'Rubik', sans-serif;
}

.history-section .history-carousel .thumbs-carousel .owl-nav {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 22px;
    color: #c4c4c4;
    font-weight: 700;
    width: 40px;
    display: inline-block;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next {
    position: absolute;
    top: 20px;
    right: 0px;
    left: auto;
    width: 40px;
    text-align: right;
    font-size: 22px;
    color: #c4c4c4;
    font-weight: 700;
    display: inline-block;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next:hover {
    color: #f55b14;
}

.history-section .carousel-outer .content-slide {
    position: relative;
}

.history-section .carousel-outer .content-carousel .owl-stage-outer {
    padding-top: 60px;
}

.history-section .carousel-outer .content-slide .content-inner {
    position: relative;
    text-align: center;
    padding: 45px 20px 45px;
    background-color: #f4f4f4;
}

.history-section .carousel-outer .content-slide .content-inner:before {
    position: absolute;
    content: '';
    left: 50%;
    top: -60px;
    margin-left: -150px;
    border-bottom: 100px solid #f4f4f4;
    border-left: 90px solid transparent;
}

.history-section .carousel-outer .content-slide .content-inner h3 {
    position: relative;
    color: #020e28;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 5px;
}

.history-section .carousel-outer .content-slide .content-inner .date {
    position: relative;
    color: #093eb6;
    font-size: 16px;
    margin-bottom: 20px;
    display: none;
}

.history-section .carousel-outer .content-slide .content-inner .text {
    position: relative;
    color: #848484;
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 400;
    max-width: 980px;
    margin: 0 auto;
}

.history-section .carousel-outer .content-carousel .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    ;
    width: 100%;
}

.ceo__name2 {
    display: flex;
    flex-direction: column;
    width: 200px;
}

.ceo__name2 p {
    margin-bottom: 0 !important;
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    width: 42px;
    height: 42px;
    color: #093eb6;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
    -moz-box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
    box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    width: 42px;
    height: 42px;
    color: #093eb6;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
    -moz-box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
    box-shadow: 0px 2px 12px 0px rgba(68, 68, 68, 0.5);
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next:hover,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev:hover {
    color: #ffffff;
    background-color: #093eb6;
}




.site-search {
    display: inline-block;
    cursor: pointer;

}

.site-search svg {
    width: 20px;
}

.seacr_bg {
    background-color: transparent;
    outline: 0;
    border: 0;
}

.mobil__navmenu {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobil__hamburger {
    width: 40px;
}

.status__container {
    margin-top: 25px;
}

.list-item-box{

    background: #f0f0f0;
}


.list-item-box:hover {
    background-color: #e8e6e6;
}
/* 
.list-item-box:nth-child(even) {

    background: #f4f5f8;
    display: flex;
} */

.list-item-line {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

#page-content\  > div.block > div > div > div.document__content.typography > div > div:nth-child(2) > div.col-md-9.content__right > div > div > div > div > div.list-item-link{display: none;}

.list-item-line-detail time {
padding-right: 20px;
}
.list-item-line-detail {
    display: flex;

    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.list-item-line-detail {}

.list-item-line-detail h2 a {
    font-size: 16px;
   
}

.list-item-line-detail h2 {
    margin: 22px !important;
   
    display: flex;
    align-items: center;
}

.list-item-link {

    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    margin: 0 25px;
}

.list-item-link i {
    font-weight: bold;
    font-size: 20px;

}

.suggestions--location--header {
    display: flex;
    flex-direction: column;
}

/* 
#page-content\ >div>div>div>div.page.blogpost-page>section>div.img-container.mt-3 {
    width: 700px;
    height: 486px;
    overflow: hidden;
}

#page-content\ >div>div>div>div.page.blogpost-page>section>div.img-container.mt-3>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
} */


/* düzenle  */
/* .cnrLangList li:nth-child(2) {
    display: none;
}

.cnrLangList li:nth-child(1) {
    display: block;
} */


body::-webkit-scrollbar {
    width: 1px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}



#site-scroll {
    color: #fff;
    line-height: 35px;
    cursor: pointer;
    font-size: 13px;
    width: 35px;
    height: 35px;
    right: 30px;
    position: fixed;
    border-radius: 50px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    bottom: 40px;
    z-index: 444;
    display: block;
    background: rgb(9 61 182 / 65%) url(../images/cd-top-arrow.svg) no-repeat center 50%
}

#site-scroll i {
    line-height: 35px;
}

.footer-erdem-logo {
    max-width: 150px;
}

.footer__logo__erdem {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 6% 0 10%;
}

#site_footer>footer>div>div>div>div.col-md-7.col-sm-6>div>div>a>img {
    margin: 0;
    margin-bottom: -1%;
    width: 135px;
}

.footer-erdem-logo {
    width: 135px;
}

.footer__logo__erdem .footer__line {
    background-color: #878786;
    display: block;
    height: 26px;
    width: 3px;
    margin: 0 15px 0 30px;
}

.is-active {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    position: fixed;
    width: 100%;
    transition: 300ms all;
    top: 0;
    z-index: 999999999;
}

.sticky__logo {
    display: none;
    justify-content: center;
    align-items: center;
    height: 62px;
    width: 130px;
    margin-right: 70px;

}

.sticky__logo.active {
    display: flex;
}

.sticky__search {
    display: none;
    justify-content: flex-start;
    align-items: center;
    height: 62px;
    width: 130px;
    margin-left: 70px;

}

#myModal.active {
    top: 6%;
}

.sticky__search.active {
    display: flex;
}

.sticky__logo a img {
    max-height: 30px;
}

.i-active .sticky__logo {
    display: block;
}

.report__box {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.report {
    border: 1px solid #00000017;
    margin: 15px 15px 15px 0;
    max-width: 350px;
    width: 350px;
    padding: 5px;
    transition: 500ms all;
}

.report:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: 500ms all;
}

.report img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.report p {
    margin-top: 15px;
    text-indent: 0;
    font-weight: 500;
    text-align: left;
    padding: 5px;
}

.report .dowland__button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    padding: 5px 5px 10px 0;
}

.report .hover-effect {
    width: 100%;
}

.suggestions--location--header {
    display: block;
}


.pro_box {
    
    width: 265px;
    height: 265px;
    background-image: url("../sasa-images/rapor__bg.jpg");
    background-size: cover;
  
    font-size: 18px;
    border: 1px solid #7ba8c7;
    color: #7f7f7f;

    line-height: 1.3;
    /* margin: 0 15px 15px 0; */
    margin-bottom: 30px;
    background-color: transparent;
    transition: 500ms all;
}


.danger__box {
    /* background-image: url("../sasa-images/Tehlikeli-Yuk-Rehberi.jpg"); */
    background-position: center;
    overflow: hidden;
    position: relative;
    background-size: cover;
    cursor: pointer;
    width: 265px;
    height: 265px;
    background-size: cover;
}


.danger__box img {
    width: 265px;
    height: 265px;
    object-fit: cover;
}


.danger__box .danger__text {
    position: absolute;
    content: 'Tehlikeli Yük Rehberi';
    background-color:#e8e6e6;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    transition: 300ms all;
    z-index: 7;
    cursor: pointer;
}

.danger__box:hover .danger__text {
    opacity: 1;
    transition: 300ms all;
}

.pro_box:hover {
    background-image: none;
    background-color: #e8e6e6;
    transition: 500ms all;
}

.danger__box:hover {
 
 
    transition: 500ms all;
}


.pro_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.pro_box a {
    color: #333;
    padding: 40px;
    line-height: 1.3;
  
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.pro_box_last {
    width: 265px;
    height: 265px;
}
.holding__mobil__img {
    display: none;
}
@media screen and (max-width:767px) {
    .fuar-box {
        margin-bottom: 20px !important;
    }
    .blog-services {
        padding: 0;
    }
 
    .bist-text {
        margin-top: 25px;
    }
    .ecovadis-img {
        height: 375px !important;
    width: 400px !important;
    margin-top: 20px;
    }
    .seacrh__modal {
        background-color: transparent;
        padding: 0;
        border: 0;
    }
    .pro_box_last {
    display: none !important;
    }
    .content__right .content {
        margin-bottom: 0;
    }
    .holding__desktop__img {
        display: none;
    }
    .pro_box {
        width: 100%;
    }
 
    .holding__mobil__img {
        display: block;
    }

    .search__form {
        background-color: rgba(255, 255, 255, 0) !important;
        -webkit-backdrop-filter: blur(80px);
        backdrop-filter: blur(80px);
        padding: 15px 15px;
    }

    .search__input {
        color: black;
    }

    .search--has-suggestions .suggestions--location--header {
        display: block;
        background: white;
        padding: 15px;
    }

    .search__input::placeholder {
        color: black;
    }

    .logo__img {

        margin: 10px 0;

        width: 100%;
    }
}







/* report  */

.year-count li {
    display: none;
}


.year-count li.active {
    display: block;
    color: #30287d;
    font-weight: light;
    font-size: 36px;
}

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

.page-select-filter {
    margin-left: 20px;
}


.content {
    margin-bottom: 50px;
    margin-top: 30px;
}

.content div {


    display: none;
}

.content div.active {
    display: flex;
    flex-wrap: wrap;

}

.blogpost_details .blog-single {
    display: flex;
}

.blogpost_details .blogpost__news {
    display: flex;
}  

.blogpost__img {
    width:35% ;
    height: 400px;
    border:20px solid  #e8e6e6;

}

.blog__content  {
    width: 65%;
    padding-left: 30px;
  
}
.year-count {
    margin: 0px 10px;
}

.year-select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.count-more-link {
    color: #30287d;
    border: 0;
    outline: 0;
    background-color: transparent;
}

.report__big__title {
    margin: 0;
    padding: 12px 0 15px 0;
    font-size: 24px;
    font-weight: bold;
    color: #62656f;
}

.report_box {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    width: 250px;
    height: 350px;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 15px;
}

.report_box img {
    width: 100%;
    height: 154px;
    object-fit: cover;
    transition: 500ms all;
}

.report_details {
    display: flex !important;
    background-color: white;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;

    margin: 0 !important;
    text-align: center;
    padding: 35px 5px;
    height: 166px;
    transition: 500ms all;
}

.year_report_dowland {
    display: block !important;
    margin: 0 20px !important;
    text-align: left;
}

.report_box .date {
    font-weight: bold;
    color: #62656f;
    font-size: 17px;
  
    text-align: center;
}

.report_box:hover .report_details {
    background-color: #e7e6e6;
    transition: 500ms all;
    height: 270px;
}


/* .report_box:hover .date {
    color: #fff;
} */

/* .report_box:hover .report_details {
    color: white;
} */


.report_details p .date {
    margin-top: 15px;
    font-size: 17px;
    font-weight: lighter;
    text-indent: 0;
    text-align: center;
    margin-left: 0;
    display: block;
    color: #62656f;
}

/* .report_box:hover .year_report_dowland a {
    color: white;
} */

.report_box:hover img {
    background-color: blue;
    transition: 500ms all;
    height: 100px;
}

.count-down,
.count-up {
    background: transparent;
    border: 0;
    outline: 0;

}

.count-down i,
.count-up i {
    font-size: 20px;
    color: blue;
    font-weight: lighter;
}

.year_report_dowland i {
    font-size: 30px;
    margin-right: 10px;
}

.categories__pages {
    justify-content: space-between;
}

.categories__pages .content__link--item {

    width: 30%;

}


.categories__pages2 {
    justify-content: flex-start;
}

.categories__pages2 .content__link--item {

    width: 30%;
    margin-right: 15px;

}

.cookie__box {
    background: #2b328a;
    color: #fff !important;
    text-align: center;
    display: block;
}

.add__div {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}


.card-bodyquote {
    background-color: #000000b5;
    position: fixed;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 999999999;
}

.cookie__btns {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.cookie__box h3 {
    font-size: 30px;
    font-style: normal;
    color: #fff !important;
    font-weight: 400;
    background: none;
    margin-top: 25px;
}
.cerez-info {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    font-style: normal;
}
.cookie__btns a {
    background-color: #fff;
    color: #2b328a !important;
    padding: 15px 20px;
    margin: 30px 20px !important;
    font-style: normal;
    border-radius: 0 !important;
    text-transform: capitalize;
    font-size: 16px !important;
}


.cookie__text {
    color: #fff;
    margin: 0;
    font-style: normal;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
}

.cookie__three__btn {
    background: #000094;
}

.cookie__three__btn:hover {
    background: #000094;
    opacity: 0.8;
    transition: 500ms all;
}

#page-content\ >section.home-news>div>div>div:nth-child(1)>div>div>ul>li:nth-child(3) {
    display: none;
}

.years__btns__box {
    display: flex;
}

.categories__pages {
    margin-top: 15px;
    margin-bottom: 40px;
}



.ios__img__container {

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.iso__img__box {
    width: 30%;
    height: 380px;
    margin: 30px 15px 20px 0;

    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.iso__img__box img {
    width: 90%;
    height: 300px;
    object-fit: cover;
    border: 1px solid rgba(128, 128, 128, 0.425);
}

.iso__img__box p {
    font-weight: bold;
    text-align: center;
    text-indent: 0;
}

.iso__pdf__btn {
    background-color: transparent;
    border: 0;
    outline: 0;
    overflow: hidden;
}

.content__right .btn-default {
    background-color: #000094;
    color: white;
    cursor: pointer;
}

.content__right .btn-default:hover {
    opacity: 0.7;
}

.number__section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin: 0px 0 0px 0;

}

.number__two {
    height: 50%;
    width: 100%;
}

.number__box {
    position: relative;
    height: 439px;

    width: 33%;
}

.number__box img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.number__two {
    width: 33%;
    height: 440px;
}

.number__two .number__box {
    width: 100%;

}

.number__details {
    position: absolute;

    background-color: #e5e5e5;
    display: inline;
    width: 39%;
    padding: 10px 10px 8px;
}

.number__box2 {
    margin-bottom: 5px;
    height: 220px;
    position: relative;
}

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

.number__details span {
    font-size: 14px;
    text-align: center;
    display: inline-block;
    color: black;
    line-height: 1.4;
}

.slider__blue__box .slider_p_spacing {
    margin-top: 0 !important;
}

.number__details .number_f {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;

}

.number__box2 img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.n__one .number_f {
    margin-left: 5px;
}



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

.n__four .number__details {
    width: 46%;
}

.n__four .number_f {
    margin-left: 25px;
}

.number__bold {
    font-weight: bold;
}

.n__two .number__details span:nth-child(2) {
    display: inline;
}

.n__two .number__details span:nth-child(3) {
    display: block;
    width: 100%;
}

.n__two .number__details {
    width: 48%;

    padding: 10px 5px;
}

.n__three .number__details {
    width: 32%;
}

.number__title {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: lighter;
    color: #6c6c6c;
}


.about__slider .has-overlay img {
    height: 451px !important;
    width: 631px !important;
    float: right;
    object-fit: cover;
}

.sasa__col {
    height: 450px;
    line-height: 380px;

}

.surdur__container {
    display: flex;
    justify-content: space-between;
}
.surdur__box {
    height: 310px;
    margin: 0 0 15px 0;
    width: 270px;
}
.surdur__box img {
    height: 189px;
}

.surdur__box .report_details span a {
    font-size: 17px;
    font-weight: bold;
    color: #62656f;
    line-height: 1.4;
}
.rakam__title {
    display: block;
    text-align: center;
    width: 100%;
}

.circle_btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #c8c8c8;
    border: 0;
    display: block;
    justify-content: center;
    align-items: center;
    transition: 500ms all;
    padding: 0;
}

.circle_btn a {
    width: 30px;
height: 30px;

display: flex;
justify-content: center;
align-items: center;
}
.circle_btn:hover {
    opacity: 0.5;
    transition: 500ms all;
}

.circle_btn i {
    color: white;
    font-size: 15px;
    margin-left: 3px;
    
    display: block;
}

.company__erdem__box .circle_btn i {
  
    margin-left: 1px;
    margin-bottom: 2px;
}
.sasa-details {

    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.sasa-subtitle .subtitle {
    margin: 0;
    font-size: 48px;
    color: #6c6c6c;
    font-weight: lighter;
    line-height: 55px;
}

.sasa-subtitle {
    margin-bottom: 30px;
}

.sasa-details strong {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 1.4;
    margin-bottom: 15px;
}

.sasa-details p {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 1.4;
    text-indent: 0;
}

.home-company {
    padding-top: 120px;
}

.three__sevices {
    background-color: #f3f3f3;
    text-align: center;
    padding: 13px 13px 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;

}

.three__sevices p {
    text-align: center;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: -0.7px;

}

.three__sevices__container {
    background-color: #f3f3f3;
}

.three__sevices .circle_btn {
    margin-top: 5px;
}

.three__sevices .services-title-one {
    color: #6c6c6c;
    font-weight: lighter;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 15px;
}

.company__erdem__container {

    position: relative;
}

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

.company__erdem__box {
    position: absolute;
    right: 3%;
    top: -7%;
    background-color: #f3f3f3;
    color: #6c6c6c;
    padding: 40px 20px 30px 20px;
    border-bottom: 2px solid black;
    width: 417px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
}

.company__erdem__box h6 {
    font-size: 24px;
    font-weight: medium;
    margin-bottom: 25px;
    color: #6c6c6c;
}

.company__erdem__box p {
    font-size: 17px;
    font-weight: lighter;
    line-height: 1.3;
    margin-bottom: 25px;
}
/* 
.company__erdem__box .circle_btn {
    margin-top: 40px;

} */

.company__erdem__box ul {
    font-size: 16pt;
    font-weight: lighter;
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 1.5;
    margin-bottom: 40px;
}


.company__erdem__box ul li {
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: -0.25px;
}


.sidebar-blog-categories ul li span {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    align-items: center;
    padding-right: 17px;
    font-weight: bold;
}

.sidebar-blog-categories .sidebar__submenu li {
    border-bottom: 1px solid #d8d8d8;
}

/* .sidebar-blog-categories .sidebar-item2 span {
    border-bottom: none;
} */


.sidebar__submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.sidebar__submenu2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.sidebar__submenu3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.sidebar__submenu.active {
    max-height: 1100px;
    display: block;
}

.sidebar__submenu2.active {
    max-height: 1100px;
    display: block;
}

.sidebar__submenu3.active {
    max-height: 1100px;
    display: block;
}

.sidebar__arrow {

    transition: 500ms all;
}

.sidebar__arrow.active {
    transform: rotate(90deg);
    transition: 500ms all;
}

.sidebar__submenu2 li {}

.sidebar-item>span>a {
    font-weight: bold;
}

.sidebar__submenu li a {
    padding-left: 45px !important;
}

.sidebar__submenu2 li a {
    padding-left: 55px !important;
}

.sidebar .color-title {
    color: #1a009b !important;
    background-color: #e9e6e6;
    font-weight: bold;

}

.sidebar .color-title-home {
    color: #1a009b !important;
    font-weight: bold;
}

#language .menu__item-icon {

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

#language .menu__item-icon span {
    margin-top: 5px;
    font-size: 16px;
    margin-left: 8px;
}

.report__pro {
   
    position: relative;
    overflow: hidden;
    border: none;
}

.report__pro a {
    position: relative;
    font-weight: bold;
    padding: 15px 40px;
}

.report__pro:before {
    position: absolute;
    content: "";
    background-color: #ffffffd6;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 500ms all;
}


.report__pro:hover::before {
    opacity: 0;
    transition: 500ms all;
}

.report__pro:before {
    position: absolute;
    content: "";
    background-color: #ffffffd6;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.report__after {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    background-color: #D7D7D7;
    height: auto;
    transition: 500ms all;
    
}

.report__pro:hover .report__after {
    top: 0px;
    transition: 500ms all;
}

.report__after a {
    color:grey ;
    font-weight: 400;
}


.report__pro:hover .report__after a{
    top: 0px;
    transition: 500ms all;
}

.report__pro:hover a {
 opacity: 0;
 transition: 500ms all;
}


.report__pro:hover .report__after a{
   
    opacity: 1;
    transition: 500ms all;
}

.map_container .tab-content>.tab-pane {
 padding: 0 !important;
}

.map_container {
    margin-top: 20px;
}

.map_container .nav-tabs>li.active>a, .map_container .nav-tabs>li.active>a:focus, .map_container .nav-tabs>li.active>a:hover {
    color: white;
    background: rgba(9, 62, 182, 0.65);
    border-color: transparent;
}

.map_container  ul{
    margin-bottom: 15px;
    border: 0 !important;
}
.map_container .nav-tabs>li>a {
    font-size: 16px;
    color: #6c6c6c;
    padding: 0 25px;
    line-height: 40px;
    background: #f4f5f8;
    border-right: none;
    border-radius: 0px;
    font-weight: bold;
    margin: 0 7px 0 0;
}

.map_container .nav-tabs>li {
    border: 0;
}

.map_container  .tab-content {
  background-color: #f4f5f8;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 75px auto;
    }
    .cookie__box {
        max-width: 50%;
    }
}
#nprogress {
    z-index: 9999;
}

@media screen and (max-width: 992px) {
        table.table-striped {
        margin-bottom: 25px;
    }
       .categories__pages {
    margin-bottom: 15px;
}
    .footer-links__list .links__item {
        width: 100%;
    }
    .categories__pages .content__link--item{
        width: 100%;
    }

    .blogpost_details .blog-single{
        flex-direction: column;
        
    }
    .dynamic-form-row .form-group {
    margin-bottom: 10px;
}
.home-vide {
    padding: 0px 0 0px 0 !important;
}
    .viode__box:last-child {
        margin-bottom: 20px;
    }

.blogpost_details .blogpost__news{
    display: block;
}

    .blogpost__img ,.blog__content  {
        width: 100%;
    }

    .blog__content {
        padding: 0;
        margin: 20px 0;
    }
    .banner__img {
        width: 100%;
    }

    .links__item #desktop__menu__btn .menu-links__link {
        color: white;
    }

    .categories__pages2 {
        flex-direction: column;
    }

    .categories__pages2 .content__link--item {
        width: 100%;
        margin-right: 0px;
    }


    .cookie__box,
    .cookie__btns {
        flex-direction: column;
    }

    .slider__box__content {
        min-height: 350px;
    }

    .number__section {

        flex-direction: column;
    }

    .number__two {

        width: 100%;
    }

    .number__box {
        position: relative;
        height: 300px;
        border: 1px solid black;
        width: 100%;
        margin-bottom: 5px;
    }

    .n__four {
        margin-top: 12px;
    }

    .year__report__container {
        flex-direction: column;
    }

    .company__erdem__box {
        width: auto;
    }

    .home-company {
        padding-top: 40px;
    }

    .number__section {
        margin-bottom: 20px;
    }
            .ceo-photo {
        padding: 0 0 0px 0;
        top: -27px;
        position: relative;
    }
        .number__title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .copytext,
    .copyright-bar p {
        padding-left: 0;
        margin-left: 0;
        margin-top: 10px;
    }

    .copytext {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .sasa__col {
        height: auto;
        margin-bottom: 40px;
    }

    .page-select-filter {

        margin-top: 25px;

    }

    .report_box {
        width: 100%;
    }

    .company__erdem__box {
        position: static;
        margin-top: 15px;
        width: auto;
    }

    .company__erdem__container {
        height: auto;
    }

    .ios__img__container {

        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .iso__img__box {
        width: 100%;


        margin: 20px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .iso__img__box p {
        text-align: left;
    }

    .sidebar {
        display: none;
    }

}

#DynamicFormSave .grecaptcha-badge {
    overflow: hidden;
    margin-bottom:20px;
}
.form-box-title {
    background: #14468c;
    color: #fff;
    webkit-box-shadow: 0 12px 25px 0 rgba(20,70,140,.43);
    -moz-box-shadow: 0 12px 25px 0 rgba(20,70,140,.43);
    box-shadow: 0 12px 25px 0 rgba(20,70,140,.43);
    text-align: center;
    line-height: 30px;
    font-family: 'Roboto',sans-serif;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .8px;
    padding: 1rem!important;
    text-transform: uppercase;
}
#DynamicFormSave  .mb-3 {
    margin-bottom: 1.5rem!important;
}
#DynamicFormSave .form-control, #DynamicFormSave  input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    height: 38px;
    background-clip: padding-box;
    
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#DynamicFormSave .form-control option{ 
    font-size: 13px;
}
#frmGroup_eb60beaa-86b7-4fb3-8e5b-9e7d1041b9e8 .form-box-title, #frmGroup_236b99b2-8457-4813-a288-0913e0e0715a .form-box-title,
#frmGroup_39ebe295-a4bc-40ce-b3ec-46c67d97b680 .form-box-title, #frmGroup_a89d68ad-d115-4896-8f3c-569bd688a872 .form-box-title {
    display: none;
}
.dynamic-form-row {
    margin-top: 50px;
}
.card-picture {
    margin-bottom: 20px;
}

#successModal .modal-body.d-flex {
    text-align: center;
}
#successModal .modal-body strong{
    width: 100%;
    display: block;
    margin: 8px 0;
}
#successModal .modal-body p{
    width: 100%;
    display: block;
    text-align: center;
}
#successModal .modal-footer {
    text-align: center ;
}
.pristine-error.invalid-feedback {
    display: none;
}
.has-error .form-control {
    border: 2px solid #a94442;
}


.desktop-blog-image {
    display: block;
    }
    
    .mobile-blog-image {
        display: none;
    }
    
    @media screen and (max-width:768px) {
        .desktop-blog-image {
     display: none;
        }
        .mobile-blog-image {
            display: block;
        }
        
    }



    .sidebar-blog-categories .menu-links__list{
        display: block;
      }
      .sidebar-blog-categories .menu-links__list li #menu__sub__list_0,
      .sidebar-blog-categories  #menu__sub__list_1, 
      .sidebar-blog-categories #menu__sub__list_2{
          display: none;
          position: unset;
          background: transparent;
          box-shadow: none;
          padding-left: 12px;
      }
      .sidebar-blog-categories .menu-links__list li #menu__sub__list_0.show,
      .sidebar-blog-categories  #menu__sub__list_1.show, 
      .sidebar-blog-categories #menu__sub__list_2.show{
          display: block !important;
          width: 100%;
          padding-left: 0;
      }
      .sidebar-blog-categories .menu-links__list li #menu__sub__list_0.show > li a{
          padding-left: 30px;
      }
      .sidebar-blog-categories  #menu__sub__list_1.show > li a{
          padding-left: 40px !important;
      }
      .sidebar-blog-categories #menu__sub__list_2.show > li a{
          padding-left: 55px !important;
      }
      .sidebar-blog-categories .menu-links__list li #menu__sub__list_0.show > li .menu__item__mobil a{
          padding-left: 15px !important;
      }
      /* .sidebar-blog-categories .menu-links__list li:hover #menu__sub__list_0{
          display: none !important;
      } */
      
      
      .sidebar-blog-categories .menu-links__list li #menu__sub__list_1 li a{
          background-color: transparent !important;
      }
      .sidebar-blog-categories .menu-links__list li div i,
      .sidebar-blog-categories #menu__sub__list_0 li #desktop__menu__btn i{
          display: inline-block;
          transform: rotate(-90deg);
      }
      
      .icon-transform-animate{
          transform: rotate(0) !important;
      }
      
      .sidebar-blog-categories .menu-links__list li div{
          justify-content: space-between;
      }
      .sidebar-blog-categories .menu-links__list li div,
      .sidebar-blog-categories #menu__sub__list_0 li #desktop__menu__btn{
          padding: 10px 14px;
      }
      
      .sidebar-blog-categories .links__item{
          border-bottom: 1px solid #00000014;
      }
      .sidebar-blog-categories .links__item:last-child{
          border-bottom: 0;
      }
      
      .sidebar-blog-categories #menu__sub__list_0 li a{
          padding: 7px 20px;
      }
      .sidebar-blog-categories .submenu__item.show{
          border-top: 1px solid #00000014;
      }
      
      .sidebar-blog-categories .menu-links__link:hover{
          color: #1a009b !important;
      }
      
      .sidebar-blog-categories .active-menu{
          background-color: #e9e6e6;
      }
      .sidebar-blog-categories .active-menu > a{
          color: #1a009b !important;
          font-weight: bold;
      }
      
      .sidebar-blog-categories .menu-links__list li div{
          text-transform: unset;
      }

      .menu__container .sticky__search.active {
        display: none;
      }

      .footer-livasoft {
        display: flex;
        align-items: center;
        justify-content: end;
        line-height: 1.3;
        text-align: left;
        color: #6c6c6c;
        align-items: baseline;
        margin-top: 7px;
        font-size: 16px;
        display: none;
      }

      .footer-livasoft a {
        padding: 0;
      }

      @media screen and (max-width:768px) {
        .footer-livasoft {
  
            justify-content: center;
         
          }
      }
      @media all and (max-width: 991px) {
        .report_box {
            margin-right: 0px;
        }
        .cookie__btns a {
            margin: 20px 0px 0px !important;
        }
        .cookie__btns {
            margin-bottom: 30px;
        }
        .viode__box {
    width: 100%;
}
    }
    @media only screen and (max-width: 992px) {
        .company__erdem__box {
        position: static;
        margin-top: 40px;
        width: auto;
        padding-top: 25px;
    }
    .number__container {
        padding-bottom: 0;
    }
    #site_footer {
    margin-top: 5px;
}
    .copytext a {
        display: block;
        text-align: center;
    }
}

    @media (min-width: 998px) {
        .modal-dialog {
            width: 50%;
        }
    }
    .modal-backdrop {
        z-index: 999999999;
    }
    .modal {
        z-index: 9999999999;
    }