#top-mask {
    height: 190px;
    background: url('../images/top-mask.png') top center no-repeat;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 3;
}

.form-rounded {
    border-radius: 2rem !important;
}

.input-group.form-rounded {
    border-radius: 2rem;
    background: white;
    padding: 11px;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
    color: #fff;
    background: #312783;
}

a.rounded {
    border-radius: 1rem !important;
}

.card.rounded,
.card-img.rounded {
    border-radius: 2rem !important;
}

.portfolio-image {
    max-height: 400px;
}

 

.fbox-content p {
    line-height: 1.3 !important;
}

#faq {
    background-color: #312783;
    min-height: 500px;
    border-radius: 60px 0 0 60px;
    padding: 25px 0 0 0;
}

    #faq .heading-block::after {
        border: none;
    }

    #faq .owl-carousel .owl-dots .owl-dot {
        background-color: #fff;
    }

    #faq .owl-dots {
        padding-bottom: 30px;
    }


#accordion ul {
    list-style-type: none;
}

    #accordion ul li {
        border: none;
    }

        #accordion ul li.active {
            background: transparent;
            border: 1px solid rgba(0, 0, 0, 0.125);
            border: none;
        }

        #accordion ul li.has-sub ul {
            list-style-type: none;
            padding-left: 15px;
            margin-top: 10px;
            padding: 0;
        }

            #accordion ul li.has-sub ul li.list-group-item {
                padding: 0.25rem 0 0.25rem 1rem;
                border: none;
            }

    #accordion ul a.active {
        color: white;
        background-color: #312783;
        padding: 10px;
        width: 100%;
        display: inline flow-root list-item;
    }

    #accordion ul li.has-sub ul li:before {
        content: "\e7a5";
        font-family: 'font-icons';
        display: inline-block;
        margin-left: -1em;
        width: 1em;
        color: rgba(0, 0, 0, 0.3);
    }

    #accordion ul li.first::before {
        content: "\e7a5";
        font-family: 'font-icons';
        display: inline-block;
        margin-left: -1.3em;
        width: 1em;
        color: rgba(0, 0, 0, 0.3);
    }

    #accordion ul li.top.has-sub a.x div:after {
        content: "\e7a7";
        font-family: 'font-icons';
        display: inline-block;
        margin-right: -1em;
        width: 1em;
        color: rgba(0, 0, 0, 0.3);
        padding-left: 8px;
    }

    #accordion ul li.top.has-sub a.active div:after {
        content: "\e7a3";
        font-family: 'font-icons';
        display: inline-block;
        margin-right: -1em;
        width: 1em;
        color: rgba(255, 255, 255, 0.7);
        padding-left: 8px;
    }


    #accordion ul li a div {
        display: inherit;
    }

    #accordion ul li .caret {
        display: none;
    }

.dark .footer-widgets-wrap a.grid-item {
    width: 83px;
    height: 83px;
    overflow: hidden;
}

.dark .footer-widgets-wrap a.grid-item {
    width: 83px;
    height: 83px;
    overflow: hidden;
}

.footer-widgets-wrap .instagram-box {
    padding-right: 10px;
    padding-left: 10px;
}

.page-title-parallax {
    background-attachment: inherit;
}

.transparent-header + .page-title-parallax .breadcrumb {
    margin-top: 0 !important;
}

#page-title.page-title-parallax.page-title-dark.img {
    background-size: cover;
    padding: 120px 0;
    background-position: center center;
}

.short-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* kaç satırla sınırlayacağımızı yazıyoruz */
    -webkit-box-orient: vertical;
    min-height: 28px;
}


.short-text {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important; /* kaç satırla sınırlayacağımızı yazıyoruz */
    -webkit-box-orient: vertical !important;
}

.slider-wrap {
    height: 345px !important;
    overflow: hidden !important;
}

    .slider-wrap .slide {
        height: 345px !important;
        overflow: hidden !important;
    }

.swiper-slide .mobile {
    display: none;
}

@media (max-width: 400px) {
    .slider-wrap {
        height: 200px !important;
        overflow: hidden !important;
    }

        .slider-wrap .slide {
            height: 200px !important;
            overflow: hidden !important;
        }
}

@media (max-width: 641px) {
    #top-mask {
        display: none;
    }

    .swiper-slide h2,
    .swiper-slide div.mobile {
        position: absolute;
    }

    .swiper-slide h2 {
        top: 34px;
        width: 100%;
    }

        .swiper-slide h2:nth-child(1) {
            top: 43%;
            left: 11%;
        }

    #slider .button {
        margin-top: 77px !important;
        font-size: 10px;
        padding: 5px;
        left: 10%;
    }

    .swiper-slide .mobile {
        display: block;
        width: 100%;
        text-align: center;
        bottom: 0px;
    }

    .swiper-slide .standart {
        display: none;
    }

    .one-page-arrow {
        display: none;
    }

    #faq {
        border-radius: 0;
    }
}

#footer-top {
    background: url('/library/images/footer-top.png') top center no-repeat;
    min-height: 166px;
}

    #footer-top .footer-top-logo {
        padding-top: 20px;
    }

.dark #footer, #footer.dark {
    background-color: transparent !important;
}


#footer-bg {
    background-color: #666666 !important;
}

#copyrights,
#copyrights a {
    color: #ffffff;
}


.ipost .entry-image {
    height: 242px !important;
    overflow: hidden !important;
}

.entry-title h4 {
    font-size: 1rem;
    padding: 0 18px;
}

.single-post .entry-meta {
    margin-bottom: 0;
}

.ipost {
    border: 1px solid #ccc;
}

    .ipost .entry-content {
        padding: 0 15px;
    }

#date-bar ul {
    display: inline-flex;
    list-style: none;
}

    #date-bar ul li {
        padding-left: 15px;
    }

        #date-bar ul li a {
            color: #666 !important;
        }

    #date-bar ul li {
        color: #666 !important;
    }

.row.gallery {
    height: 140px;
    overflow: hidden;
}

.entry-image {
    position: relative;
}

    .entry-image i {
        position: absolute;
        z-index: 2;
        top: 40%;
        color: white;
        font-size: 30px;
        left: 45%;
    }

#faq .lead {
    font-size: 1.05rem;
}

#accordionList {
    width: 100%;
}

.small .ipost .entry-image {
    height: 150px !important;
    overflow: hidden !important;
}

.small ul.entry-meta {
    margin: 0px !important;
}

.small .entry-content {
    display: none;
}

.btn:focus, .btn.focus {
    box-shadow: none;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 1px;
}

#search-list .breadcrumb {
    top: 18px !important;
}

@media (max-width: 999px) {
    #search-list .breadcrumb {
        display: none !important;
    }

    .menu-link .fa-angle-down {
        display: none;
    }
}

.lng ul {
    width: 125px;
    left: -75px;
    text-transform: initial !important;
}

    .lng ul .menu-link {
        text-transform: initial !important;
    }

#news {
    background-color: #ffffff;
}

#page-title {
    position: relative;
    padding: 4rem 0;
    background-color: #312783;
    border-bottom: 1px solid #312783;
}

    #page-title h1,
    #page-title h1 a {
        color: #ffffff;
    }

    #page-title .breadcrumb a {
        color: #ffffff;
    }

    #page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before {
        color: #ffffff;
    }

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #ffffff;
    content: "/";
}

#page-title span {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #ffffff;
    font-size: 16px;
}

.page-list .entry-title {
    text-align: center;
}

.entry-content dl, .entry-content dt, .entry-content dd, .entry-content ol, .entry-content ul, .entry-content li {
    margin: auto;
    padding: revert;
}

#accordion .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem;
    margin-right: 0;
}

.slider-caption p {
    margin-top: 0;
}

.font-white {
    color: #ffffff !important;
}

.title-in-image {
    color: #ffffff;
}

.dark .portfolio-desc span, .dark .portfolio-desc span a {
    color: #f3f3f3;
}

.entry-meta {
    margin-top: 0;
}

ul.entry-meta {
    margin-bottom: 0px;
}

.ipost .entry-content {
    padding-top: 0px;
    margin-top: 0px;
}


#your-messages .lead {
    font-size: 1.05rem;
}


#your-messages {
    background-color: #312783;
    min-height: 500px;
    border-radius: 0 60px 60px 0;
    padding: 25px 0 0 0;
}

    #your-messages .heading-block::after {
        border: none;
    }

    #your-messages .owl-carousel .owl-dots .owl-dot {
        background-color: #fff;
    }

    #your-messages .owl-dots {
        padding-bottom: 30px;
    }

    #your-messages h4, #your-messages .testi-content, #your-messages .testi-meta {
        color: #ffffff;
    }

    #your-messages .testimonial {
        border: none;
    }

.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
    color: #444;
    text-shadow: none;
}

.slider-caption {
    max-width: 540px;
}

    .slider-caption h2 {
        font-size: 3rem;
        letter-spacing: 2px;
        text-transform: none;
        line-height: 1.1em;
        margin-bottom: 0px;
        font-weight: lighter;
    }

    .slider-caption p {
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 1.3rem;
        /*color: #219bd8;
        font-style: italic;*/
    }


#slider .button {
    background-color: #51be51;
    margin-top: 26px;
}

#slider a {
    width: max-content;
}

.owl-home .owl-item {
    border-right: 1px solid #ccc;
}

#whatsapp {
    position: fixed;
    right: 0px;
    bottom: 0px;
    padding: 10px;
    color: #fff;
    z-index: 9;
}

    #whatsapp a {
        color: #fff;
        background: #28a745;
    }

footer p {
    margin-bottom: 0px !important;
}

.morphext {
    color: #51be51
}

#call-us {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    color: #fff;
    z-index: 9;
}

.stretched #gotoTop {
    bottom: 76px;
}

.retina-logo img {
    height: 80px !important;
}



.hover-effect {
    -webkit-transition: transform .25s ease, box-shadow .3s ease;
    -o-transition: transform .25s ease, box-shadow .3s ease;
    transition: transform .25s ease, box-shadow .3s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    box-shadow: none;
    border: 0;
}

    .hover-effect:hover {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

.fix-card {
    /*border: 1px solid #cccccc;*/
}

    .fix-card .card-footer {
        border-top-color: #EEE;
    }

.rating-stars i {
    color: #f4c150;
}

.fix-card .card-title a {
    color: #333;
}

:root {
    --themecolor: #0474c4;
}

.fix-card .card-title a:hover {
    color: var(--themecolor);
}

.fix-card .card-title-sub {
    font-size: 11px;
}

.card-title {
    height: 50px;
    overflow: hidden;
}

.home-form {
    background-color: #0474c4;
    background: url('/Library/images/home_bg1.jpg');
    background-size: cover;
}

    .home-form h2 {
        color: white;
        font-size: 3rem;
    }

.image_fade.float-lg-right {
    padding-left: 20px;
}

.card .blog-item-red {
    background-color: red;
}

    .card .blog-item-red a {
        color: white;
    }

    .card .blog-item-red .card-title {
        height: auto;
        text-align: center;
    }

#blogs {
    background: url('../images/bg-blog.jpg');
}

.ataturk {
    background-color: #444;
    color: #f3f3f3;
}

    .ataturk h1, .ataturk h2, .ataturk h3, .ataturk h4, .ataturk h5, .ataturk h6 {
        color: #f3f3f3;
    }

.dark .menu-link {
    color: #444;
}

.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
    color: #f3f3f3;
}


/*

@media (min-width: 1200px) {
    .vh-75 {
        height: 45vh !important;
    }
}

@media (max-width: 1119px) {
    .vh-75 {
        height: 45vh !important;
    }
}

@media (max-width: 835px) {
    .vh-75 {
        height: 33vh !important;
    }
}

@media (max-width: 800px) {
    .vh-75 {
        height: 30vh !important;
    }
}

@media (max-width: 737px) {
    .vh-75 {
        height: 30vh !important;
    }
}

@media (max-width: 668px) {
    .vh-75 {
        height: 25vh !important;
    }
}

@media (max-width: 597px) {
    .vh-75 {
        height: 25vh !important;
    }
}

@media (max-width: 414px) {
    .vh-75 {
        height: 25vh !important;
    }

}*/

@media (max-height: 1200px) {
    #slider {
        height: 75vh !important;
    }
}

@media (max-width: 800px) {
    #slider {
        height: 25vh !important;
    }
}

@media (max-height: 812px) {
    #slider {
        height: 75vh !important;
    }
}


@media (max-height: 736px) {
    #slider {
        height: 75vh !important;
    }
}




@media (max-height: 667px) {
    #slider {
        height: 75vh !important;
    }
}

@media (max-width: 414px) {
    #slider {
        height: 25vh !important;
    }
}



.header-top {
    background-color: #f3f3f3;
    padding: 5px 0;
}

    .header-top a {
        color: #333;
        font-size: 13px;
    }
.dark a:not([class*="btn-"]):hover {
    color: #000;
}
#header-wrap {
    background-color: #fdfeff !important;
}
#header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap {
    border-bottom: 0px solid transparent !important;
}
/*
.header-misc {
    height: 100px;
    background: white;
    width: 100px;
}

.dark .top-search-form input::placeholder {
    color: #444 !important;
}

.dark .top-search-form input {
    color: #444 !important;
}

#top-search {
    width:100% !important;
}
    #top-search span {
        padding-left: 24px;
        font-size: 14px;
    } */
#slider .button {
    background-color: #fff;
    border: 2px solid #4bc8c8;
}
    #slider .button.button-light {
        color: #4bc8c8;
    }
        #slider .button.button-light:hover {
            color: #4bc8c8;
        }

/* 
    .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
    background-color: #fff;
    color: #de050d;
}

.fbox-effect .fbox-icon i::after {
    box-shadow: 0 0 0 2px #fff;
}
    .dark .header-misc-icon > a {
    color: #333;
}
*/
.icon-boxes-home { 
}
.icon-boxes-home .row {
     padding:40px;
}
.icon-boxes-home {
    width: 100%;
}

.icon-boxes-home-div {
    width: 100%;
}
.fbox-outline .fbox-icon a {
    border: 1px solid #4bc8c8;
}
.fbox-icon i, .fbox-icon img {
    background-color: #fff;
    color: #4bc8c8;
}
.fbox-content h3 {   
    color: #666;
}
/*.fbox-content h3,
.fbox-content p {
    color: #fff;
}
*/
.dark .footer-widgets-wrap a {
    color: rgba(0, 0, 0, 0.75);
}

.dark #footer, #footer.dark {
    color: rgba(0, 0, 0, 0.75);
}

.dark .footer-widgets-wrap,
.dark .footer-widgets-wrap h1,
.dark .footer-widgets-wrap h2,
.dark .footer-widgets-wrap h3,
.dark .footer-widgets-wrap h4,
.dark .footer-widgets-wrap h5,
.dark .footer-widgets-wrap h6 {
    color: #f3f3f3;
}

.dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a, .dark .widget_recent_comments li a {
    color: #f3f3f3;
    
}
    .dark .widget_nav_menu li a:hover, .dark .widget_links li a:hover, .dark .widget_meta li a:hover, .dark .widget_archive li a:hover, .dark .widget_recent_entries li a:hover, .dark .widget_categories li a:hover, .dark .widget_pages li a:hover, .dark .widget_rss li a:hover, .dark .widget_recent_comments li a:hover {
        color: #fff;
    }
.dark .footer-widgets-wrap a:hover {
    color: #fff;
}
.footer-referances {
    border-top: 5px solid #00668d;
    border-bottom: 5px solid #00668d;
}
.dark #footer, #footer.dark {
    background-color: #d5d5d5 !important;
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #fff;
    background: #1c837c;
}
.sub-menu-container, .mega-menu-content {
    border-top: 0px !important;
    color:#444 !important;
}
 
    .sub-menu-container .menu-item:hover > .menu-link {
       
        color: #444;
    }
 

    #page-title.contact h1 {
        color: #e30613 !important;
    }

#page-title {
    position: relative;
    padding: 4rem 0;
    background-color: #4bc8c8;
    border-bottom: 1px solid #333;
}

#accordion ul a.active {
    color: white;
    background-color: #4bc8c8;
    padding: 10px;
}
    /*#blogs .oc-item{
    background-color:#fff;
}
#blogs .oc-item .entry {
    padding:10px;
}*/
    #blogs .owl-carousel {
        background-color: rgba(255,255,255,0.8);
        padding: 20px;
    }

        #blogs .owl-carousel .entry-title,
        #blogs .owl-carousel .entry-content {
            text-align: center;
        }

   

    .button.button-rounded {
        border-radius: 30px;
    }

.top-links-item > a > i {
    vertical-align: baseline;
}
.top-links-item > a {
    color: #fff;
    padding: 2px 4px 2px 6px;
}
.top-links-sub-menu, .top-links-section {
    width: 44px;
    border: 0px;
}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
    background-color: rgba(75, 200,200, 0.6);
}
.fbox-content p {
    line-height: 1.6 !important;
    color: #666 !important;
    font-family: 'Montserrat', sans-serif;
    padding-top: 20px;
}
.short-text-3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* kaç satırla sınırlayacağımızı yazıyoruz */
    -webkit-box-orient: vertical !important;
}
.uncatagories-section {
    background-color: #f1f1f1;
}
.uncatagories-section .col-md-3 h4{
    margin-top:20px;
}
.circle-img-parent {
    padding: 20px;
    /*width: 100%;
    height: 84%;*/
    height:260px;
}
    .circle-img-parent img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+, IE10 */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

    img.grayscale:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }
/*.circle-img-div {
    border: 4px solid #fff;
}*/
    .circle-img-div a:hover img.grayscale,
    .circle-img-div a:hover h4 {
        filter: none;
        -webkit-filter: grayscale(0%);
        color: #f58220;
    }
.button.button-dark {
    border: 2px #444 solid;
}
.button.button-dark:hover {
    background-color: #4bc8c8;
    border:2px #fff solid;
}
#blogs .container {
    padding: 80px 0 0;
}
.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #4bc8c8;
}
a {
    color: #666;
}
.title-orange {
    background-color: #f58220;
    color: #fff;
    border-radius: 2rem;
    padding: 4px 24px;
}
.course-card {
    border:1px #ccc solid !important;
}
.course-card a {
    overflow: hidden;
    height: 242px;
}
.dark #copyrights, #copyrights.dark {
    color: rgba(255, 255, 255, 0.4);
    background-color: #444;
}
.baslik{
    font-weight:bold;
}
.liste {
    padding-top:5px;
}