/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.cdnfonts.com/css/androgyne');

body {
    color: #010101;
    font-weight: 300;
}

body.content {
    background: rgb(248, 249, 250);
    background: linear-gradient(180deg, rgba(248, 249, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

p,
li {
    font-weight: 300;

}



a {
    color: #c59bf1;
}

a:hover {
    color: #a17ac9;
}

@keyframes float {
    0% {
        transform: translatex(3rem);
    }

    50% {
        transform: translatex(6rem);
    }

    100% {
        transform: translatex(3rem);
    }
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    /*margin-bottom: 4rem; */
    overflow: hidden;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
    color: aliceblue;
    top: 17rem;
    text-align: left;
    display: flex;
    left: 0;
    right: 0;
    padding: inherit;
    width: 100%;
    height: fit-content;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 94vh;
}

.carousel-item img {
    display: block;
    min-width: 100%;
    /* height: 100%; */
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0;
    /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
}


/* CUSTOM CSS
------------------------- */


.header-transparent {
    margin-top: -50px;

}

.navbar-brand img {
    width: 130px;
    transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
}

nav.navbar {
    padding: 0;
    /* position: absolute; */
    top: 0;
    z-index: 999;
    width: 100%;
    transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
}

.navbar-nav li.nav-item {}

.nav-link {
    font-size: 1rem;
    padding: 0;
}

a.nav-link {
    padding: 65px 20px 15px;
    color: black;
    font-weight: 400;
}

a.nav-link.active,
a.nav-link:hover {
    color: #a17ac9 !important;
}

.nav-item:first-child a.nav-link {}

h6.sub-header {
    font-weight: 200;
    border-bottom: 1px solid #eeeeee;
    margin: 30px 0 20px;
    padding-bottom: 10px;
}

img.second-image {
    position: absolute;
    width: 300px;
    height: 300px;
    z-index: 999999;
    right: 363px;
    top: 290px;
    border: 15px solid white;
}

.row.featurette.my-5 {
    position: relative;
}

a {
    text-decoration: none;
}

.readmore {
    font-weight: 700;
    color: #0d4b98;
    font-size: 0.8rem;
    background: #ffffff;
    padding: 15px 50px;
    border-radius: 42px 0;
    border: 1px solid #c7a6f2;
}

.readmore.green {
    color: #ffffff;
    background: #c7a6f2;
}

a.readmore.gray {
    color: #7d7d7d;
    border: 1px solid #7d7d7d;
}

a.readmore i {
    padding: 7px 0;
    color: #f16e09;
}

a.readmore span {

    margin-left: 11px;
}

.row.counter {
    background: #3a3185;
    max-height: 350px;
    color: white;
    margin-top: 100px;
    position: relative;
    overflow-y: clip;
    margin-right: 0px;
    margin-bottom: 100px;
}

.counter .col-md-5 {
    padding-left: 0;
}

.counter .col {
    padding: 30px 70px;
    text-align: right;
    border-right: 1px solid #eeeeee87;
    margin: 30px 0;
}

.counter h2 {
    font-size: 4rem;
    margin-bottom: 0;
    font-weight: 700;
}

.counter h6 {
    font-size: 1.4rem;
    font-weight: 400;
}

.counter p {
    font-size: 0.8rem;
    color: #bfbfbf;
}

.counter .col:first-child img {
    position: absolute;
    width: 641px;
    top: 0;
    left: -309px;
    top: -100px;
}

.container.marketing {}

.counter .col:first-child {
    border: none;
}

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

.yetenekler .card {
    border-radius: 0;
    padding: 30px 10px;
    border-bottom: 1px solid #e1f5fe;
}

.yetenekler .col {
    margin: 0;
    padding: 0;
}

.yetenekler .card-body {
    padding: 15px 0;
}

.yetenekler a.readmore i {
    background: white;
    color: #3a3185;
    border: 1px solid #3a3185;
    margin: 0;
}

.yetenekler a.readmore:hover i {
    background: #3a3185;
    color: white;
}

.owl-carousel .owl-item img {
    filter: opacity(1);
}

.owl-carousel .owl-item.active img:hover {
    cursor: pointer;
}

.f-adres h6 {
    font-size: 0.9rem;
    font-weight: 400;
    color: #4b4b4b;
}

.f-adres i {
    font-size: 1rem;
    color: #626569;
    margin-right: 6px;
}

.f-adres p {
    font-size: 0.9rem;
    color: #ffffff;
}

.f-adres {}

footer li.mb-1 {
    font-size: 0.9rem;
    font-weight: 300;
    padding-bottom: 4px;
}

footer ul.list-unstyled {
    margin-top: 15px;
}

footer .col-md h6.mt-4 {
    font-size: 0.9rem;
    font-weight: 400;
    color: #4b4b4b;
}

.copyright {
    border-top: 1px solid #d1d1d1;
    font-size: 0.8rem;
    font-weight: 500;
    color: #c59bf1;
    padding: 20px 0 0;
}

.copyright p {
    font-weight: 500;
}

.copyright a {
    color: black;
}

.copyright a.nav-item {
    padding: 5px;

}

section.breadcrumb {
    padding: 13rem 0 4rem;
    /* text-align: left; */
    color: white;
    background: #EDA4BD;
    background: linear-gradient(89deg, #8ecee9 0%, #c59bf1 100%);
    box-shadow: 0px 10px 20px #0000005c;
    margin-bottom: 3rem;
    border-bottom: 5px solid #c59bf1;
    background-image: url('/themes/default/assets/img/yogabread.jpg');
    background-size: cover;
    position: relative;
    background-position: center;
}

.breadcrumb .col li {
    font-size: 0.7rem;
    display: block;
    float: left;
}

.news-details {
    display: flex;
    position: relative;
    margin: 30px 0;
}

.news-social {
    position: relative;
    width: 100%;
}

.frontnews .card p.date {
    font-size: 0.9rem;
    font-weight: 500;
    color: gray;
    margin-bottom: 5px;
    width: 100%;
}

.news-social ul li {
    margin: 0 7px;
    color: gray;
}

.news-social ul li a {
    color: gray;
}

.frontnews span {}

section.about {
    background: url("../img/background.png");
    background-size: cover;
    padding: 30px 0;
    background-repeat: no-repeat;


    background-attachment: fixed;
    background-position-x: left;
}

section.dis-cozumler {
    /* background: #2B2B2B; */
    padding: 75px;
    /* color: white; */
}

.card-body {
    padding: 1rem 0;
}

.card {
    border: transparent;
    background: transparent;
}

p.card-text {
    margin-bottom: 8px;
    color: #bfbfbf;
    font-size: 0.9rem;
}

section.brosur {
    padding: 75px;
    background-color: #fafafb;
}

section.cozumler {
    padding: 75px 0;
}

.brosur li.list-group-item {
    padding: 20px 0;
    background: transparent;
    font-weight: 300;
    font-size: 1rem;
}

.brosur li.list-group-item i {
    float: right;
}

.brosur .list-group-flush>.list-group-item:last-child {
    border-bottom-width: 1px;
}

.brosur .incele {
    z-index: 9999;
    padding: 89px 0;
    background: #e57919;
    width: 200px;
    height: 200px;
    border-radius: 10rem;
    text-align: center;
    color: white;
    font-weight: 600;
    position: absolute;
    margin: auto;
    top: 10rem;
    left: 14rem;
}

.footer-top h4 {
    line-height: 2rem;
    margin-bottom: 30px;
}

.btn-primary {
    color: white;
    background-color: #c59bf1;
    border-color: #c59bf1;
}

.btn-primary:hover {
    background-color: #a17ac9;
    border-color: #a17ac9;
}

.footer-logo {
    border-right: 1px solid #bdbdbd;
}

.copyright .b-logo {
    margin-top: -97px;
    position: relative;
    z-index: 99;
}

.copyright ul.social {
    margin-top: -36px;
    display: block;
}

.copyright ul.social li {
    background: white;
    width: 30px;
    height: 30px;
    padding: 2px 0;
    font-size: 1rem;
    border: 1px solid #c59bf1;
}

.copyright i {
    color: #c59bf1;
}

.pimeks {
    padding: 17px 13px 10px;
    background-color: #f8f9fa;
    width: fit-content;
    display: block;
    position: relative;
    margin-top: -38px;
    margin-bottom: auto;
    box-shadow: 0px -8px 9px #3e484c21;
    max-width: 150px;
    margin: auto;
}

.pimeks p {
    color: #373e42;
    font-weight: 500;
    font-size: 0.7rem;
    text-align: center;
    margin: 5px 0 0;
}

.carousel-caption h1 {
    color: black;
    font-weight: 600;
    font-size: 5.3rem;
    /* line-height: 2rem; */
    font-family: 'Androgyne', cursive;
    text-align: center;
    margin: auto;
    text-shadow: 0 0 20px #00000066;
    line-height: 5rem;
    color: #fbf6ff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #2A2A2A;
    font-weight: 600;
}

.header nav.navbar navbar-transparent {
    position: absolute;

}

header.page,
header.contact {
    width: 100%;
    position: absolute;
}

section.breadcrumb h3 {
    padding-top: 20px;
}

.navbar-brand {
    /* padding-top: 1rem; */
    /* padding-bottom: 1rem; */


}

li.nav-item:last-child a.nav-link {
    padding-right: 0 !important;
}

ul.submenu {
    list-style: none;
    position: absolute;
    font-size: 0.8rem;
    background: #c59bf1;
    padding: 0;
    display: none;
    min-width: 200px;
    width: max-content;
    animation: fadeIn;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 0.5s;
    /* don't forget to set a duration! */
}

ul.submenu a {
    color: white;
    padding: 8px 10px;
    display: block;
    max-width: 250px;
    border: 1px solid #a7b6ed;
    border-bottom: none;
}

ul.submenu a:hover {
    background: rgb(255 255 255);
    color: #0d4b98;
}

li.nav-item.dropdown:hover .submenu {
    display: block;
}

@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(254, 197, 0);
    background: linear-gradient(89deg, #8ecee9db 0%, #c59bf1cf 100%);
    z-index: 99999999;
}

.loading-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
}

.loading-text span {
    display: inline-block;
    margin: 0 5px;
    color: #ffffff;
    font-family: "Quattrocento Sans", sans-serif;
}

.loading-text span:nth-child(1) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
    animation: blur-text 1.5s 0s infinite linear alternate;
}

.loading-text span:nth-child(2) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
    animation: blur-text 1.5s 0.2s infinite linear alternate;
}

.loading-text span:nth-child(3) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
    animation: blur-text 1.5s 0.4s infinite linear alternate;
}

.loading-text span:nth-child(4) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
    animation: blur-text 1.5s 0.6s infinite linear alternate;
}

.loading-text span:nth-child(5) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
    animation: blur-text 1.5s 0.8s infinite linear alternate;
}

.loading-text span:nth-child(6) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1s infinite linear alternate;
    animation: blur-text 1.5s 1s infinite linear alternate;
}

.loading-text span:nth-child(7) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
    animation: blur-text 1.5s 1.2s infinite linear alternate;
}


.loading-text span:nth-child(8) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.4s infinite linear alternate;
    animation: blur-text 1.5s 1.4s infinite linear alternate;
}


.loading-text span:nth-child(9) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.6s infinite linear alternate;
    animation: blur-text 1.5s 1.6s infinite linear alternate;
}


.loading-text span:nth-child(10) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.8s infinite linear alternate;
    animation: blur-text 1.5s 1.8s infinite linear alternate;
}

@-webkit-keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}

@keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}

.loading-img {
    max-width: 200px;
    margin: auto;
    position: absolute;
    top: -279px;
    bottom: 0;
    left: 0;
    right: 0;
    height: fit-content;

}

.contact-block h6 span {
    display: block;
    color: gray;
    font-weight: 300;
    margin-top: 5px;
    font-size: 0.9rem;
    font-style: italic;
}

.carousel-item {
    /* height: 87vh; */
}

.breadcrumb .col ol {
    margin: 0;
}

.breadcrumb .col {
    position: relative;
}

.breadcrumb .col li a {
    color: white;
}

h3.hizmet-baslik {
    position: relative;
    top: -50%;
    margin: auto;
    width: fit-content;
    color: white;
}

.black-banner {
    background: #080000;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.black-banner img {
    opacity: 0.7;
}

.contact-block {
    padding: 0 100px 39px;
    text-align: center;
    line-height: 1.8rem;
    position: relative;
    border: 1px solid #f3f1f1;
}

.contact-block h6 {
    color: #3a3185;
    padding: 30px 0 10px;
}

.contact-block i {
    position: absolute;
    left: 0;
    padding: 5px 15px;
    background: #3a3185;
    color: white;
}

.contact-page form .input {
    border: none;
    background: #f3f1f1;
    padding: 10px;
    width: 100%;
}

.contact-page form label {
    position: relative;
    float: none;
    font-size: 0.9rem;
    width: 80%;
    padding-bottom: 5px;
}

.inputBox {
    margin: 5px 0;
}

.contact-page form {
    margin: 30px 0;
}

.contact-page form textarea {
    width: 100%;
    background: #f3f1f1;
    border: none;
    height: 150px;
    margin-bottom: 20px;
}

#contact-form .col-md-6 {
    padding: 0 20px;
}

input#flexCheckChecked {
    float: left;
}

.contact-page form label.form-check-label {
    width: inherit;
    float: left !important;
    padding: 4px 10px;
}


.header-transparent a.nav-link.active,
.header-transparent a.nav-link:hover {
    color: #fdbe01 !important;
}

.dis-cozumler h5 {
    color: #010101;
}

.ust-image {
    display: block;

    overflow: hidden;
    margin-bottom: 30px;
}

.top-header li {
    display: inline;
    padding: 5px 10px;
}

.top-header ul {
    font-size: 0.8rem;
    text-align: right;
    margin: 0;
}

.top-header {
    padding: 10px 0;

    color: #AFAFAF;
}

main.background {}

section.top-about {
    padding-bottom: 61px;
    z-index: 99999;

    position: relative;
}

section.top-about a {
    display: block;
    position: relative;
}

section.top-about h5 {
    margin-bottom: 14px;
}

.about-img {
    height: 415px;
    position: absolute;
}

.about2-img {
    z-index: 999;
    position: relative;
    top: -100px;
    left: -100PX;
    height: 200px;
}

.about3-img {
    z-index: 999;
    position: absolute;
    right: 0;
    height: 167px;
    bottom: 0;
}

.alt-baslik {
    color: #0d4b98;
}

section.faaliyet {
    background-image: url(../img/faaliyet-back.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.dis-cozumler h3 span {
    color: #626569;
    font-size: 1rem;
}

.dis-cozumler h3 span:before {
    content: "";
    border-bottom: 2px solid #0d4b98;
    width: 100px;
    display: inline-block;
    margin: 0 11px;
    margin-bottom: 4px;
}

section.dis-cozumler .owl-carousel {}

.dis-cozumler .owl-nav.disabled {
    display: block;
    position: absolute;
    top: -158px;
    right: 11%;
    padding: 20px;
}

.dis-cozumler .owl-nav.disabled button {
    width: 40px;
    height: 40px;
    background-size: cover !important;
}

.dis-cozumler .owl-nav.disabled button.owl-prev {
    background: url("../assets/img/Group 342.png");
}

.dis-cozumler .owl-nav.disabled button.owl-next {
    background: url("../assets/img/Group 343.png");
}

.dis-cozumler .owl-nav.disabled button span {
    display: none;
}

a.proje-button {
    font-size: 0.9rem;
}

section.logos {
    background: #333232;
    padding: 50px;
}

section.logos img {
    margin: auto;
    display: block;
    position: relative;
}

.footer-top {
    padding: 77px 0 100px;
}

.footer-top h2 span {
    color: #0d4b98;
}

span {}

footer a {
    font-size: 0.9rem;
    color: white;
}

footer h6 {
    color: #666666;
}

footer {
    background: url("../assets/img/1q.png");
}

.search {
    padding: 3.7rem 0 0;
}

.search li {
    display: inline;
    margin: 0 13px;
}

.search ul {
    margin-bottom: 0;
}

.search li:first-child i {
    padding: 10px;
    color: #c46caf;
}

.search li {
    color: #636569;
    font-size: 0.9rem;
}

.breadcrumb p {
    font-size: 0.8rem;
}

.ust-img {

    overflow: hidden;
    margin-top: -6rem;
    margin-bottom: 15px;
    padding: 7px;
    background: white;
    z-index: 2;
    position: relative;
    border-radius: 10px;
}

.ust-img img {
    width: 100%;
    border-radius: 5px;
}

section.logos .col img {
    width: 79%;
}

.blog-thumb {
    position: relative;
}

.blog-card {
    border: 1px solid #e0e0e0;
}

.blog-content {
    padding: 10px 15px 20px;
}

.blog-content p.meta-info {
    color: gray;
    font-size: 0.9rem;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 6px;
}

a.blog-btn {
    font-size: 0.9rem;
}

.sidebar-blog {
    border-right: 1px solid #dedede;
}

.sidebar-blog p {
    font-weight: 300;
    font-size: 0.9rem;
}

.blog-content h6 {
    line-height: 1.4rem;
}

.sidebar-blog span {
    font-weight: 500;
    display: block;
}

div#contact-form {}

#contact-details p {
    font-size: 0.9rem;
}

i {
    color: #626569;
}

.dis-cozumler .card img {
    border-radius: 0 0 38px 0;
}

.dis-cozumler .proje-button {
    position: absolute;
    bottom: 94px;
    right: 0;
    width: 75px;
}

.dis-cozumler .proje-button img {
    border-radius: 0;
}

.dis-cozumler .proje-button img:hover {
    filter: opacity(1) !important;
}

.dis-cozumler .proje-button img {
    display: none;
    z-index: 9999;
    position: relative;
}

.dis-cozumler .card:hover .proje-button img {
    display: block
}

.yetenekler .card .col-md-4 a {
    height: 270px;
    overflow: hidden;
    display: block;
}

.dis-cozumler .card:hover a:before {
    /*  content: "";
    background: url('/themes/default/assets/img/b-block.png');
    width: 100%;
    height: 77%;
    display: block;
    position: absolute;
    z-index: 1;
    background-size: cover;
    left: 0;
    background-color: #ffffff;
    opacity: 0.3;
    border-radius: 0 0 38px 0;*/
}

hr {
    color: #b0b0b0;
}

.referanslar .card img {
    border-radius: 0 0 38px 0;
}

li.lang {
    border-left: 1px solid gainsboro;
    padding-left: 10px;
}

.giris li a {
    padding: 8px 35px;
    border-radius: 25px;
    font-size: 0.8rem;
    border: 1px solid #0d4b98;
    background: #0d4b98;
    color: white;
    position: relative;
    display: block;
}

.giris li:first-child a {
    background: transparent;
    color: #0d4b98;
    transition: 0.1s ease;
}

.giris ul {
    margin: 0;
}

.giris li a:hover {
    background: #22aee5;
    color: white;
    /* animation: fadeIn; */
    /* animation-duration: 0.5s; */
    transition: 0.3s ease;
    border-color: #22aee5;
}

.carousel-caption h1 span {
    color: #000000;
    font-weight: 100;
    /* line-height: 2; */
}

.owl-theme .owl-nav.disabled+.owl-dots {
    display: block;
}

section.center-about h5 span {
    color: #22aee5;
}

section.center-about h5 {
    line-height: 2.0rem;
    text-align: justify;
    font-weight: 300;
}

.about .accordion {
    padding: 99px 50px;
    border: 1px solid white;
    border-radius: 50%;
    height: 500px;
    width: 500px;
    background: white;
    box-shadow: 0 0 6px #0000006b;
}

.about .accordion-item {
    border: none;
    border-radius: 50%;
}

.about .accordion-button::after {
    display: none;
}

.accordion-button:not(.collapsed) {
    background: transparent;
    color: #0d4b98;
    box-shadow: none;
}

.border-kesik {
    border: 1px dashed #ffffff75;
    border-radius: 50%;
    width: fit-content;
    border-width: 2px;
    padding: 20px;
}

.border-duz {
    border: 1px solid #ffffff75;
    border-radius: 50%;
    width: fit-content;
    padding: 20px;
}

.about .accordion img {
    height: 50px;
    margin: 0 15px;
}

.about .accordion .collapsed img {
    filter: grayscale(1);
}

.accordion a.btn {
    background: #19559e;
    color: white;
    border-radius: 30px;
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 25px;
    transition: 0.3s ease;
}

.faaliyet .card {
    background: white;
    padding: 30px 20px;
    border-radius: 0;
    box-shadow: 0px 0px 16px #00000066;
    min-height: 517px;
}

h3.h1 {
    color: black;
    padding-bottom: 20px;
    position: relative;
    font-size: 3rem;
    font-weight: 200;
}

.faaliyet p {}

.faaliyet a.btn-light {
    width: fit-content;
    background: transparent;
    border: 1px solid #0d4b98;
    color: #0d4b98;
}

.btn {
    border-radius: 30px;
    padding: 5px 25px;
    font-size: 0.9rem;
}

.faaliyet a.btn-light:hover {
    color: white;
    background: #0d4b98;
}

section.front-box {
    background-image: url(../img/frontboxback.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 79px 0 150px;
    background-color: white;
    background-position: bottom;
}

.col-box {
    background: black;
    padding: 55px;
    border-radius: 50%;
    width: 250px;
    margin: auto;
    height: 250px;
}

.col-box img {
    height: 78px;
    margin: auto;
    display: block;
}

.col-box h6 {
    color: white;
    text-align: center;
    margin-top: 20px;
}

.front-box .col-lg:nth-child(1) .col-box {
    background: #22aee5;
}

.front-box .col-lg:nth-child(2) .col-box {
    background: #5E9625;
}

.front-box .col-lg:nth-child(3) .col-box {
    background: #0d4b98;
}

.front-box .col-lg:nth-child(4) .col-box {
    background: #88C64A;
}

.frontnews .card a {
    width: 5%;
    margin-right: 20px;
    float: right;
}

.frontnews .card p {
    width: 80%;
    float: left;
}

section.frontnews {
    padding: 73px 0;
}

.frontnews .card .row {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.frontnews .card {
    border: 1px solid #e5e5e5;
    padding: 15px 25px;
    border-radius: 0;
}

.frontnews .card .row:last-child {
    border: none;
    margin-bottom: 0px;
}

.frontnews .col-md-4 img {
    margin-bottom: 20px;
}

.frontnews h5 {
    margin-bottom: 40px;
}

.frontnews .twitter h5 {
    color: #1ea1f2;
}

.twitter-box {
    height: 352px;
    overflow: scroll;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

.firmalar .item img {

    width: auto;
    margin: auto;
}

section.firmalar {
    padding: 50px 0;
    min-height: 165px;
    display: none;
}

.firmalar .footer-logo {
    border: 1px solid #0d4b98;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    padding: 50px 20px;
    background: white;
    position: absolute;
}

footer .nav i {
    color: white;
    padding: 8px;
    font-size: 1.2rem;
}

.nav.adres {
    border-bottom: 1px solid white;
}

footer {
    color: white;
}

.col-head {
    width: 280px;
    margin: auto;
    height: 280px;
    padding: 10px;
    border: 1px dashed transparent;
    border-radius: 50%;
    border-width: 2px;
    display: block;
}

.col-head:hover {
    border: 2px dashed #cccccc;
    cursor: pointer;
}

.col-head:hover .col-box {
    box-shadow: 0px 0px 20px #cccccc;
}

.sidebar li.list-group-item {
    border: none;
    border-bottom: 1px solid #f4f4f4;
}

.sidebar li.list-group-item.active a {
    background: transparent;
    color: #c59bf1;
    font-weight: 500;
}

.sidebar li.list-group-item.active {
    background: transparent;
}

.sidebar li.list-group-item a {
    color: black;
    font-weight: 200;
}

.sidebar li.list-group-item:hover a {
    color: #0d4b98;
}

.sidebar li.list-group-item:hover::after {
    content: "";
    background: url(/themes/default/assets/img/external.png);
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover;
    float: right;
}

.sidebar li.list-group-item.active::after {
    content: "";
    background: url(/themes/default/assets/img/external.png);
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover;
    float: right;
}

ul.submenu li:last-child a {
    border-bottom: 1px solid #a7b6ed;
}



.memberlist .member-image {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    min-height: 200px;
}

.memberlist .member {
    padding: 15px;
}


.member-info {
    border-bottom: 1px solid gray;
    padding-bottom: 20px;
}

.member-info h6 a {
    text-decoration: none;
    color: black;

    display: block;
    padding-top: 10px;
    font-size: 1.3rem;
}

.member-image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    max-height: 100%;
    margin: auto;
}

.company-tags a {
    color: #fff;
}

.adress .row {
    margin-top: 5px
}

.adress .row a,
.member-mail a {
    text-decoration: none;
    color: black;
}

.contact-form,
.adress {
    margin: 20px 0;
}

.member-firma {
    font-weight: 500;
}

.member-address,
.member-mail,
.member-phone {
    margin-bottom: 0;
    padding-bottom: 3px;
}

.member-info h4 {}

.firma-bilgileri .member-image img {}

.profile-image img {
    width: 180px;
}

.member-info label {
    font-weight: 500;
    min-width: 140px;

}

.member-info .telefon {
    margin-bottom: 3px;
}

.member.row {
    margin-bottom: 10px;
}

.company-tags {
    padding: 5px 8px;
    border-radius: 3px;
    background-color: #e67c3c;
    color: white;
    margin: 0px 5px;
}

.uyeler-card .uyeler-thumb img {
    width: 100%;

    margin-bottom: 10px;
    border-radius: 20rem;

    box-shadow: 0px 0px 20px #0000001c;
    padding: 4px;
}

.uyeler-content h6 {
    text-align: center;
}

.uyeler-content p {
    text-align: center;
    font-size: 0.9rem;
}

.uyeler-content p.uyeler-statu {
    margin-bottom: 5px;

}



ul.nav.justify-content-start i {
    color: #c59bf1;
    padding: 7px 0px;
    font-size: 1.2rem;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 3px;
}


ul.nav.justify-content-start a:hover i {
    color: white;
    background: #c59bf1;
    border: #c59bf1;
}

.member-info p {
    margin-bottom: 2px;
}

.nav-pills .nav-link {
    padding: 8px 35px;
    border-radius: 25px;
    font-size: 0.8rem;
    border: 1px solid #0d4b98;
    color: #0d4b98;
    position: relative;
    display: block;
    margin-right: 10px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

    border: 1px solid #0d4b98;
    color: #fff;
    background: #0d4b98;

}

.contact-page .form-group.md-form {
    margin-bottom: 10px;
}

input:disabled {
    color: #c3c3c3;
}

header.header.sticky {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    box-shadow: 0px 0px 20px #00000094;
}

.mt-7 {
    margin-top: 7rem !important;
}

.giris li a.span-ikon {
    display: none;
}

.faaliyet-text {
    margin-top: 20px;
    min-height: 116px;
}

.front-box .col-lg:nth-child(1) {
    animation-delay: 0.9s;
}

.front-box .col-lg:nth-child(2) {
    animation-delay: 1.2s;
}

.front-box .col-lg:nth-child(3) {
    animation-delay: 1.5s;
}

.front-box .col-lg:nth-child(4) {
    animation-delay: 1.8s;
}

.accordion a.btn:hover {
    background: #22aee5;
}

section.breadcrumb.breadcrumbwimg {
    padding: 13rem 0 4rem;
}

header.page a.nav-link,
header.contact a.nav-link {
    color: white;
}

header.contact .top-header ul li a,
header.page .top-header ul li i,
header.page .top-header ul li a,
header.contact .top-header ul li i {
    color: white;
}

section.breadcrumb .container {
    z-index: 2;
}

.hizmet-back {
    position: absolute;
    background-color: #00000075;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: right;
    z-index: 1;
}

.yetenekler .first-section {
    margin-top: -2rem;
    background: white;
    border-radius: 10px;
    padding: 2rem 1rem;
    box-shadow: 0px -14px 14px #0000000f;
}

.top-header li {
    display: inline;
    padding: 5px 10px;
}

.top-header ul {
    font-size: 0.8rem;
    text-align: right;
    margin: 0;
    display: initial;
    margin-right: 2rem;
}

.copyright li {
    display: inline;
    padding: 5px 10px;
}

.copyright ul {
    font-size: 0.8rem;
    text-align: right;
    margin: 0;
    display: initial;

}

.top-header {
    padding: 10px 0 20px;
    color: #ffffff;
    position: absolute;
    z-index: 999999;
    width: 100%;
    text-align: right;
}

.top-header ul li a,
.top-header ul li i {
    color: black;
    font-weight: 400;
}

.top-header .top-link li {
    border-right: 1px solid #ccc7c4;
}

.top-header .top-link li:last-child {
    border: none;
}

ul.social li {

    border: 1px solid gray;
    border-radius: 20rem;
    width: 25px;
    height: 25px;
    position: relative;
    text-align: center;
    float: right;
    padding: 2px;
    margin: 2px;
}

.top-header ul li img {
    filter: brightness(3);
}

.top-header ul li img:hover {
    filter: brightness(1);
}

.carousel-caption h1 span.white {
    color: white;
    font-weight: 700;
    display: inline-block;
    font-size: 4rem;
    font-family: var(--bs-font-sans-serif);
}

.carousel-item .carousel-caption img {
    min-width: auto;
    height: auto;
}

.clouds {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: -8rem;
    animation: float 16s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.clouds img {
    margin-left: -12rem;
    width: 122%;
}

h2.title {
    font-weight: 100;
    font-size: 3rem;
    margin-bottom: 2rem;
}

h2.title strong {
    font-weight: 800;
}

p.subtitle {
    font-size: 1.5rem;
    margin: 0;
}

.center-about h6 {
    margin-top: 20px;
    font-weight: 200;
    font-size: 1.2rem;
}

.center-about {}

header.header.sticky .top-header {
    display: none;
}

header.header.sticky .navbar {
    background: white;
    box-shadow: 0px 3px 20px #00000057;
    transition: all 1500ms cubic-bezier(0.55, 0, 0.1, 1);
}

header.header.sticky .navbar-brand img {
    width: 100px;
    transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
}

header.header.sticky .navbar-brand {
    padding: 0;
}

section.sayılar {
    padding: 7rem 0 10rem;
    background-image: url(../img/faaliyet-back.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.calisma-ortami h3 {
    font-weight: 100;
    margin-bottom: 2rem;
}

.calisma-ortami .col {
    padding: 0.1px;
    display: block;
    position: relative;
}

section.enyakin {
    background-image: url('../img/Oval.png');
    background-repeat: no-repeat;
    background-position: -100px;
    background-size: contain;
    margin: 100px 0;
}

section.hafta {
    background-image: url('../img/Oval-2.png');
    background-repeat: no-repeat;
    background-position: -100px;
    background-size: contain;
    position: relative;
    margin: 100px 0;
}

.btn-green {
    background: #87d4e8;
    color: white;
    /* box-shadow: 0px 0px 20px #00000075; */
}

.btn-purple {
    background: #c59bf1;
    color: white;
}

h3 span {
    font-weight: 800;
}

h3.blur {
    filter: blur(5px);
    padding: 0;
    margin-bottom: -2rem;
    font-size: 3.5rem;
    color: #0000001a;
}

.faaliyet p.subtitle {
    font-size: 1rem;
    width: 80%;
    margin: auto;
    margin-bottom: 50px;
}

.faaliyet h5 {
    font-weight: 300;
    font-size: 1.1rem;
    color: black;
}

.faaliyet .col-4 {
    padding: 1px;
}

.faaliyet .col-4 img {
    width: 100%;
}

.btn-green:hover {
    color: white;
    background: #c59bf1;
}

.enyakin-div img {
    border-radius: 50%;
}

.hafta p {
    font-weight: 100;
}

.box-shadow {
    box-shadow: 0px 0px 20px #00000075;
    ;
}

.gununsozu {
    width: 300px;
    background: white;
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
    position: relative;
    bottom: 5rem;
    box-shadow: 0px 0px 15px #00000017;
    margin: auto;
}

.hafta .col {
    position: relative;
}

.gunun-head {
    position: absolute;
    top: -19px;
    background: #c59bf1;
    color: white;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: 100;
    font-size: 0.9rem;
    left: 30%;
}

.btn-orange {
    background: #EE8451;
    color: white;
}

.item {
    text-align: center;
}

.yogamarketi {
    background-image: url(../img/urunler-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    PADDING: 5rem 0;
}

.font-light {
    font-weight: 200;
}

.btn-orange:hover {
    background: #a65a35;
    color: white;
}

section.videolar {}

img.play {
    position: absolute;
    width: 80px !important;
    top: 5rem;
    left: 10rem;
}

.event-history,
.event-title,
.event-link {
    float: left;
}

.event-history {
    width: 9%;
    text-align: right;
}

.event-title {
    max-width: 80%;
    padding-left: 5%;
}

.event-history span:first-child {
    font-size: 2.5rem;
    font-weight: bold;
    color: #c41016;
    text-align: center;
    margin: auto;
    display: block;
    line-height: 2.2rem;
}

.event-history .tarih {
    font-size: 14px;
    text-align: center;
    margin: auto;
    display: block;
    text-transform: uppercase;
}

.event-history span {
    /* padding-right: 11px; */
}

.event-history hr {
    margin: 0;
    border-color: black;
}

.home-event-loop {
    min-height: 96px;
    padding: 22px 0;
    border-bottom: 1px solid #f3f1f1;
}

.live {
    background-color: #b7312c;
    width: 61px;
    padding: 2px;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin: auto;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 300;
}

.live::before {
    content: "";
    color: white;
    font-size: 23px;
    line-height: 17px;
    position: relative;
    float: left;
}

.event-title a {
    color: black;
    font-weight: 300;
}

.event-link a {
    border: 2px solid #c59bf1;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: block;
    padding: 18px 21px;
}

.event-link a i {
    color: #c59bf1;
    font-size: 1.2rem;
}

.event-link a:hover i {
    color: white;
}

.event-link a:hover {
    background: #c41116;
}

.event-link {
    float: right;
}

footer h5 {
    padding-top: 100px;
}

.navbar-transparent {
    position: absolute;
}

.member-image img {
    width: 100%;
    border-radius: 1rem;
    /* box-shadow: 0px 0px 19px #00000021; */
    display: block;
    position: relative;
    background: white;
    border: 1px solid black;
    border: 1px solid #c971af17;
    margin-bottom: 1rem;
}

.sticky a.nav-link {
    padding: 35px 20px !important;
}

.footer-logo img {
    width: 200px;
}

.contact-info p {
    margin-bottom: 0.3rem;
}

.contact-info label {
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.contact-info {
    border: 1px solid #c971af17;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 10px #00000008;
}

footer::before {
    content: "";
    background: url(../img/footer-top.png);
    width: 100%;
    height: 2rem;
    display: block;
    position: absolute;
    z-index: 999;
    background-repeat-y: no-repeat;
    background-size: contain;
    top: 0;
}

.yogamarketi .owl-carousel .owl-item img {
    border-radius: 10rem;
}

.hafta img {
    border-radius: 20rem;
}

.search-mod {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000de;
    z-index: 99999999;
}

.search-mod form {
    top: 20%;
    position: relative;
    margin: auto;
    width: fit-content;
}

.search-mod form input {
    width: 49rem;
    padding: 1rem;
    border-radius: 0.5rem 0 0 0.5rem;
    border: none;
}


a.close-search {
    position: absolute;
    right: 2rem;
    top: 0rem;
    font-size: 4rem;
    color: white;
    text-shadow: 3px 1px 1px black;
}

.search-mod form button {
    padding: 1rem;
    border: none;
    background: white;
    border-radius: 0 0.5rem 0.5rem 0;
}

.sticky .search {
    padding: 2rem 0 0;
}

.info-list ul.tutor-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-list i {
    color: $theme-color;
    width: 16px;
    margin-right: 2px;
    font-size: 16px;
}

.info-list strong {
    font-weight: 500;
    color: $title-color;
}



.info-list ul.tutor-ul li {
    border-bottom: 1px dashed #d3dbeb;
    padding: 12px 0;
}

.info-list ul.nav li {
    border-bottom: none;
    padding: 0;
}

.info-list ul.tutor-ul li:last-child {
    border-bottom: none;
}

a.btn-block {
    width: 100%;
    padding: 1rem;
}

.member-image.profile-image {
    padding: 2rem;
    border: 1px solid #c971af17;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px #00000008;
    margin-bottom: 2rem;
}

.info-list ul.tutor-ul li:last-child .btn {
    margin-top: 1rem;
}

.member-contact i {
    color: #eda4bd;
    padding: 0 0.3rem;
}

.member-contact .d-inline {
    /* padding: 0 1rem; */
}

.member-contact .d-inline:before {
    content: "|";
    color: #80808042;
    padding: 0 1rem;
}

.member-contact .d-inline:first-child::before {
    display: none;
}

.member .nav-tabs .nav-link {
    padding: 0.7rem 0;
    border: 1px solid white;
    background: #f3f7fb;
    color: #4d5765;
    border-bottom: 3px solid white;
    width: 100%;
}

.member .nav-tabs .nav-link.active {
    color: #c59bf1;
    border-bottom: 3px solid #c59bf1;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.member .nav-tabs {
    border: none;
}

.member-tabs {
    padding: 0;
    border: 1px solid #c971af17;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px #00000008;
    margin-bottom: 2rem;
    overflow: hidden;
}

.member-tabs .tab-content {
    padding: 2rem;
}

.member-tabs thead.thead-dark tr th {
    padding: 1rem;
}

.member-tabs tbody tr td,
.member-tabs tbody tr th {
    padding: 1.4rem 0.5rem;
}

.member-tabs table thead {
    border: 1px solid #f4f4f4;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dee2e6 !important;
}

.egitmen-image {
    /* border: 4px solid #c59bf1; */
    padding: 2rem;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #00000008;
}

.egitmen-box {
    width: 100%;
    position: absolute;
    margin-top: -17rem;
    z-index: 2;
    padding: 0px 42%;
}

.egitmen-box .egitmen-image {
    background: white;
}

section.breadcrumb.uyeler {
    padding: 14rem 0 13rem;
}

section.breadcrumb.uyeler h1 {
    font-size: 3rem;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #eda4bd;
    border-color: #eda4bd;
}

.blog-content p {
    line-break: anywhere;
}

.btn-purple:hover {
    background: #a17ac9;
    color: white;
}

.copyright li:hover {}

.copyright ul.social li:hover {
    background: #c59bf1;
    border: #c59bf1;
    border: 1px solid white;
}

.copyright ul.social li:hover i {
    color: white;
}

.owl-faaliyet .owl-nav button.owl-next {
    right: -2rem;
}

.owl-faaliyet .owl-nav button.owl-prev,
.owl-faaliyet .owl-nav button.owl-next,
.owl-faaliyet button.owl-dot {
    top: 5rem;
    position: absolute;
    font-size: 5rem;
    opacity: 0.5;
}

.owl-faaliyet .owl-nav button.owl-prev {
    left: -2rem;
}

.owl-faaliyet .owl-nav button.owl-prev:hover,
.owl-faaliyet .owl-nav button.owl-next:hover,
.owl-faaliyet button.owl-dot {
    opacity: 1;
}





.owl-video .owl-nav button.owl-next {
    right: -2rem;
}

.owl-video .owl-nav button.owl-prev,
.owl-video .owl-nav button.owl-next,
.owl-video button.owl-dot {
    top: 5rem;
    position: absolute;
    font-size: 5rem;
    opacity: 0.5;
}

.owl-video .owl-nav button.owl-prev {
    left: -2rem;
}

.owl-video .owl-nav button.owl-prev:hover,
.owl-video .owl-nav button.owl-next:hover,
.owl-video button.owl-dot {
    opacity: 1;
}





a.whatsapp {
    position: fixed;
    width: 4rem;
    right: 3rem;
    bottom: 6rem;
    opacity: 0.6;
    z-index: 500;
}

a.whatsapp:hover {
    opacity: 1;
}

@property --progress-value {
    syntax: "<integer>";
    inherits: false;
    initial-value: 0;
}

@keyframes html-progress-1 {
    to {
        --progress-value: 22;
    }
}

@keyframes css-progress {
    to {
        --progress-value: 87;
    }
}

@keyframes js-progress {
    to {
        --progress-value: 73;
    }
}

@keyframes html-progress-2 {
    to {
        --progress-value: 115;
    }
}

@keyframes css-progress {
    to {
        --progress-value: 87;
    }
}

@keyframes js-progress {
    to {
        --progress-value: 73;
    }
}

@keyframes html-progress-3 {
    to {
        --progress-value: 160;
    }
}

@keyframes css-progress {
    to {
        --progress-value: 87;
    }
}

@keyframes js-progress {
    to {
        --progress-value: 73;
    }
}

@keyframes html-progress-4 {
    to {
        --progress-value: 25000;
    }
}

@keyframes css-progress {
    to {
        --progress-value: 87;
    }
}

@keyframes js-progress {
    to {
        --progress-value: 73;
    }
}




.progress-bar {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;

    /* to center the percentage value */
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-bar::before {
    counter-reset: percentage var(--progress-value);
    content: counter(percentage) "";
    color: black;
    font-weight: 500;
    font-size: 2.2rem;
}

.html-1 {
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
        conic-gradient(#c7a6f2 calc(var(--progress-value) * 1%), #8fcce9 0);
    animation: html-progress-1 2s 1 forwards;
}

.html-1::before {
    animation: html-progress-1 2s 1 forwards;
}


.html-2 {
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
        conic-gradient(#c7a6f2 calc(var(--progress-value) * 1%), #8fcce9 0);
    animation: html-progress-2 2s 1 forwards;
}

.html-2::before {
    animation: html-progress-2 2s 1 forwards;
}

.html-3 {
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
        conic-gradient(#c7a6f2 calc(var(--progress-value) * 1%), #8fcce9 0);
    animation: html-progress-3 2s 1 forwards;
}

.html-3::before {
    animation: html-progress-3 2s 1 forwards;
}

.html-4 {
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
        conic-gradient(#c7a6f2 calc(var(--progress-value) * 1%), #8fcce9 0);
    animation: html-progress-4 2s 1 forwards;
}

.html-4::before {
    animation: html-progress-4 2s 1 forwards;
}

.css {
    background: radial-gradient(closest-side,
        white 79%,
        transparent 80% 100%,
        white 0),
        conic-gradient(hotpink calc(var(--progress-value) * 1%), pink 0);
    animation: css-progress 2s 1 forwards;
}

.css::before {
    animation: css-progress 2s 1 forwards;
}

.js {
    background: radial-gradient(closest-side,
        white 79%,
        transparent 80% 100%,
        white 0),
        conic-gradient(hotpink calc(var(--progress-value) * 1%), pink 0);
    animation: js-progress 2s 1 forwards;
}

.js::before {
    animation: js-progress 2s 1 forwards;
}


progress {
    visibility: hidden;
    width: 0;
    height: 0;
}

.progress-bar-container {
    float: left;
    margin: 1rem;
    margin-top: 3rem;
}

section.sayılar {
    padding: 6rem 0;
    background: rgb(255, 239, 246);
    background: linear-gradient(180deg, rgb(197 157 241 / 8%) 0%, rgba(255, 255, 255, 1) 100%);
    position: relative;
    display: block;
}

section.sayılar:before {
    content: "";
    background: url(../img/footer-top.png);
    width: 100%;
    height: 2rem;
    display: block;
    position: absolute;
    z-index: 999;
    background-repeat-y: no-repeat;
    background-size: contain;
    top: 0;
}

.blog-incontent {
    position: absolute;
    bottom: 0;
    padding: 0.2rem 1rem;
    color: white;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.blog-incontent h6 {
    font-size: 1.3rem;
    padding-top: 0.5rem;
}

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

header.page.sticky a.nav-link,
header.contact.sticky a.nav-link {
    color: black;
}

.slider {
    height: 61rem;
    overflow: hidden;
    position: relative;
}

.slider .slider1,
.slider .slider2,
.slider .slider3 {
    position: absolute;
    width: 100%;
}

.slider .slider3 {
    left: -2%;
    top: 12rem;
}

.slider .slider1 {
    z-index: 1;
    bottom: -22rem;
    left: -6%;
}

.slider .slider1 img {
    width: 114%;
}

.slider .slider2 {
    left: -1%;
}

.slider .slider2 img {
    width: 110%;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    height: 30rem;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: #c59bf1;
    color: white;
    transform: rotateY(180deg);
    padding: 2rem;
}

ul.social li.lang {
    border: none;
    margin-left: 1rem;
}

.share-list {
    display: flex;
    flex-direction: row;
}

.share-list a {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 0.2rem 0.4rem;
    cursor: pointer;
    overflow: hidden;
    margin: 0.1rem;
}

.share-list a img {
    max-width: 100%;
    max-height: 100%;
    filter: invert(100%);
}

a.fb-h {
    background: #3b5998;
}

a.tw-h {
    background: #00acee;
}

a.li-h {
    background: #0077b5;
}

a.re-h {
    background: #ff5700;
}

a.pi-h {
    background: #c8232c;
}



.share-buttons-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (max-width: 1399.98px) {
    .firmalar .footer-logo {
        height: 170px;
        width: 170px;
        margin: auto;
    }

    .enyakin img.img-fluid {
        margin-left: 0rem;
    }
}

@media (max-width: 1199.98px) {
    .col-box {
        width: 200px;
        height: 200px;
        padding: 40px;
    }

    .firmalar .footer-logo {
        height: 140px;
        width: 140px;
        padding: 40px 20px;
    }

    .giris li a {}

    .giris {
        flex: none;
        margin-left: 20px;
    }

    .search {
        padding: 0;
        flex: none;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 15px !important;
    }

    .col-head {
        width: fit-content;
        height: fit-content;
    }
}

@media (max-width: 991.98px) {
    .giris li a {
        display: none
    }

    .giris li a.span-ikon {
        display: block;
        padding: 0;
        border: none;
    }

    .giris li a.span-ikon i {
        color: #0d4b98;
        padding: 10px 5px;
    }


    .giris li a.span-ikon:hover {
        background: none;
    }

    .giris li a.span-ikon:hover i {
        color: #22aee5;
    }

    .search li {
        margin: 0;
    }

    a.navbar-brand {}

    .navbar-dark .navbar-nav .nav-link {
        padding: 9px !important;
    }

    .yetenekler .card img {
        height: auto
    }

    .yetenekler .card {
        padding: 20px 10px;
        min-height: 410px;
    }

    section.center-about h5 {
        font-size: 1rem;
        line-height: 1.6rem;
    }

    .col-box {
        padding: 30px 15px;
        width: 170px;
        height: 170px;
    }


    .firmalar.home-f .footer-logo {
        position: relative;
        width: fit-content;
        padding: 6px;
        height: fit-content;
        border: none;
        top: -5px;
    }

    .col-box img {
        height: 50px;
    }

    .twitter-box {
        height: 600px;
    }

    .contact-image {
        display: none;
    }
}

@media (min-width: 768px) {


    .navbar-expand-md .navbar-collapse.mobile {
        display: none !important;
    }

}

@media (max-width: 767.98px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }


    .featurette .col-md-6.ps-5 {
        padding-left: 0 !important;
        margin-top: 30px;
    }

    img.second-image {
        display: none;
    }

    .row.counter {
        margin: inherit;
    }

    .counter .col {
        padding: 0 19px;
    }

    .navbar-dark .navbar-toggler {
        background: #3a3185;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 7px 10px !important;
    }

    nav.navbar.sticky,
    nav.navbar {
        position: fixed;
        background: #ffffff;
        border-bottom: 3px solid #3a3185;
    }

    a.navbar-brand,
    .sticky a.navbar-brand {
        box-shadow: none !important
    }

    .navbar-dark .navbar-nav .nav-link {
        color: black;
    }

    .navbar-nav {
        border-top: 2px solid #3a3185;
        padding-top: 15px;
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: black;
        border: none !important;
    }

    ul.submenu {
        list-style: none;
        position: relative;
        font-size: 0.8rem;
        background: transparent;
        padding: 0px 10px 10px;
        display: none;
        width: 100%;
        border-bottom: 1px solid #3a3185;
    }

    ul.submenu a {
        padding: 5px 0;
        max-width: 100%;
        border: none !important;
        color: black;
    }

    .giris li a.span-ikon {
        font-size: 1rem;
    }

    .giris {
        margin: 0;
    }

    .search li {
        font-size: 1rem;
    }

    div#navbarCollapse.no-mobile {
        display: none !important;
    }

    .giris li a {
        display: block;
        padding: 5px 21px;
    }

    .giris li a.span-ikon {
        display: none;
    }

    .navbar-brand img {
        width: 80px;
    }

    .search {
        padding-right: 10px;
    }

    .carousel-caption {
        width: auto;
    }

    .about .accordion {
        padding: 80px 50px;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .border-kesik {
        padding: 10px;
    }

    .border-duz {
        padding: 10px;
    }

    .col-md-6.twitter {
        margin-top: 50px;
    }

    .firmalar .col-md-2 {
        display: none;
    }

    .firmalar .col-md-5:last-child {
        display: none;
    }

    .f-adres {
        text-align: center;
    }

    .col-box {
        width: 250px;
        height: 250px;
        padding: 80px 50px;
    }

    .sidebar li.list-group-item {
        padding: 0.5rem 0;
    }

    .list-group.sidebar {
        padding-bottom: 20px;
    }

    div#contact-details {
        text-align: center;
    }

    .contact-page h2 {
        text-align: center;
    }

    #contact-form .col-md-6:last-child {
        display: none;
    }

    section.breadcrumb {
        border: none;
    }
}

@media (max-width: 575.98px) {
    #myCarousel-m.mobile {
        display: block;
    }

    #myCarousel.nomobile {
        display: none;
    }

    .carousel-caption {
        top: 2rem;
    }

    .carousel-caption h1 {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .about .accordion .nav {
        /* display: block; */
        width: fit-content;
        margin: auto;
    }

    ul.nav {}

    .about .accordion {
        padding: 40px 20px;
    }

    .border-duz {
        border: none;
        padding: 0;
    }

    .border-kesik {
        border: none;
        padding: 0;
    }

    .about .accordion button {
        padding: 0 10px;
    }

    .about .accordion button img {
        display: none;
    }

    .carousel-caption h1 span {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

}

@media (min-width: 40em) {

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 3rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

/*
@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }

}
*/

footer {
    padding-bottom: 70px;
    background: url("../img/footer-back.png"), linear-gradient(89deg, #8ecee9 0%, #c59bf1 100%);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: right;
    position: relative;
}

@media (min-width:0px) and (max-width:576px) {


    .navbar-nav {
        border-top: none;
        padding-top: auto;
    }

    a.nav-link {
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;

    }

    .owl-nav {
        display: none;
    }

    .slider {
        height: 20rem;

    }

    .clouds {

        top: -2rem;

    }

    .slider .slider1 {

        bottom: -4rem;
    }

    .carousel-caption {
        top: 5rem;
    }
}

@media (min-width:0px) and (max-width:576px) {
    .navbar-nav {
        border-top: none;
        padding-top: auto;
    }

    a.nav-link {
        padding: 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;


    }

    .copyright ul.social {
        margin-top: auto;
        display: block;
    }

    .slider {
        height: 20rem;

    }

    .clouds {

        top: -2rem;

    }

    .slider .slider1 {

        bottom: -4rem;
    }

    .carousel-caption>h1 {
        font-size: 2rem;
    }

    .carousel-caption h1 span.white {


        font-size: 2rem;

    }

    .carousel-caption {
        top: 5rem;
    }
.egitmen-box {
    padding: 0px 30%;
}
}

@media (min-width:576px) and (max-width:768px) {
    .navbar-nav {
        border-top: none;
        padding-top: auto;
    }

    a.nav-link {
        padding: 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .owl-nav {
        display: none;
    }

    .slider {
        height: 30rem;

    }

    .clouds {

        top: -2rem;

    }

    .slider .slider1 {

        bottom: -6rem;
    }

    .carousel-caption>h1 {
        font-size: 2rem;
    }

    .carousel-caption h1 span.white {


        font-size: 2rem;

    }
.egitmen-box {
    padding: 0px 30%;
}

}

@media (min-width:768px) and (max-width:992px) {
    .navbar-nav {
        border-top: none;
        padding-top: auto;
    }

    a.nav-link {
        padding: auto;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .slider {
        height: 40rem;

    }

    .clouds {

        top: -3rem;

    }

    .slider .slider1 {

        bottom: -10rem;
    }
.egitmen-box {
    padding: 0px 30%;
}

}

@media (min-width:992px) and (max-width:1200px) {
    .slider .slider1 {
        top: 30rem;
        z-index: 1;
        bottom: -19rem;
        left: -6%;
    }


}

@media (min-width:1200px) and (max-width:1700px) {
    .slider .slider1 {
        /* top: 30rem; */
        z-index: 1;
        bottom: -6rem;
        left: -6%;
    }
}