body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.bg-purple-aso { 
    border-radius: 5px;
    color:#fff;
    padding: 8px 15px;
}

.bg-purple {
    background-color:#222C83;
    color:white !important;
    text-decoration: none;
}

.bg-purple:hover {
    background-color:#0B1141;
}
 

.bg-gray {
    background-color:#f4f5f7;
}
.bg-gray:hover {
    background-color:#c1c1c1; 
}

.bg-gray-gradient {
    background: #FFEFBA;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gray-social-media { 
    border-radius: 5px;
    color:#000;
    padding: 4px 7px;
    border: 0px;
    width: 28px;
    height: 28px;
    display: inline-block; 
    vertical-align: middle;
}
 

.bg-gray-social-media i{
    font-size:12px;
}

.bg-purple-aso:hover {
    background-color:#0B1141;
    color:#f1f1f1;
    
}

.color-purple {
    color:#222C83;
    text-decoration: none;
}

.color-gray {
    color:#c1c1c1
}

.color-white {
    color:#fff;
    text-decoration: none;
}

.color-white:hover {
    color:#ccc;
    text-decoration: none;
}

.bg-gray-section-1 {
    background-color: #f6f6f6;
}

.bg-gray-section-2 {
    background-color: #fff;
}

.bg-gray-section-3 { 
    background-color: #e5e5e5; 
}

 
.bg-gray-section-4 {
    background-color: #fff;
}

.bg-gray-section-5 { 
    background-color: #212B83; 
}
 
.bg-gray-section-5 ul li a {
    color:white;
    text-decoration: none;
    font-size: 12px;
} 

.bg-gray-section-5 ul li a:hover {
    color:#060C3E; 
} 

.bg-f6f {
    background-color: #f6f6f6;
}

.aso-services {
    background-color: #fff;
   
}

.aso-services h3 {
    font-size:45px;
}

.items { 
    padding: 10px; 
    color:#212529;
    text-decoration: none;
}

.services-a {
    color:#212529;
    text-decoration: none;
}

.services-a:hover {
    color:#222C83
}

.items:hover { 
    background-color: #f6f6f6;
}

.items > .item { 
    background-color: #F6F6F6;
}

.items > .item:hover { 
    background-color: #fff;
}

.title-home {
    text-decoration: none;
}

.title-home::after {
    position: absolute;
    top: 17px;
    right: 10px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size:12px;
}

.font-size-13 {
    font-size:13px;
}

.font-size-14 {
    font-size:14px;
}



.font-size-15 {
    font-size: 15px;
}

.font-weight-700 {
    font-weight: 700;
}

.form-control::placeholder {
    font-size:13px;
}

.form-control:focus {
    border-color: #c4c4c4;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
}

.margin-right-xs { margin-right: .25em !important; }
.margin-right-sm { margin-right: .5em !important; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.carousel-indicators {
    margin-bottom: 70px;
}

.carousel-indicators img {
    border:1px solid #fff;
}

.carousel-indicators button[data-bs-target] {
    width: 90px; 

}

.carousel-caption {
    top:50%;
    left: 5% !important;
    right: 0% !important;
    text-align: left;
    width: 80%;
}

.carousel-caption h2 {
    line-height:  25px;
    font-weight: 900;
    text-shadow :1px 2px 0 #111,
    -0px -0px 0 #222C83,  
     0px -0px 0 #222C83,
    -0px  0px 0 #222C83,
     0px  0px 0 #222C83;
}

.carousel-caption a {
    color:#fff;
    text-decoration: none;
    font-size: 45px;
    font-weight: 900;
    text-shadow :1px 2px 0 #111,
    -0px -0px 0 #222C83,  
     0px -0px 0 #222C83,
    -0px  0px 0 #222C83,
     0px  0px 0 #222C83;
}

.carousel-caption a:hover {
    color:#ddd; 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.duyurular:before {
    border-left: 1vmin solid #212B83;
    left: 0;
}
.duyurular:before, .duyurular:after {
    content: '';
    top:20px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-bottom: 1vmin solid transparent;
    border-top: 1vmin solid transparent;
    vertical-align: middle;
    display: block;
}

.duyurular a {
    color:#1a1a1a; 
    text-decoration: none;
}

.duyurular h4 {
    line-height: 17px;
}

.duyurular a:hover {
    color:#091157;
}

.footer-menu .list-inline-item {
    display: list-item;
    margin-bottom: 7px;
}

.footer-bottom {
    background-color: rgb(9, 17, 87, 0.4); 
}

.footer-bottom-bottom {
    background-color: #fff;
}


.bg-gray-section-6 {
    background-color: rgba(150, 144, 162, 0.09);
   
}

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

.sub-page-back-i {
    width: 40px; height: 40px; background-color: #fff; justify-content: center;
}

.sub-page-back-i:hover {
    width: 40px; height: 40px; background-color: #efefef; justify-content: center;
}

.bg-gray-section-6 h1 {
    font-weight: 600;
    color:#1a1a1a;
}

.section-content {
    font-size:16px;
    padding: 20px 0;
    font-weight: 400;
}

.single-post .-layout1 .post-share .share-bar, .page-id-124 .-layout1 .post-share .share-bar {
    z-index: 10;
}

.share-bar {
    position: absolute;
    z-index: 1;
    background-color: rgba(150, 144, 162, 0.06);
    padding: 10px;
    border-radius: 3px;
    left: 10px;
    margin-top: 10px;
}

 
 .social-networks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.social-networks a {
   color:#1a1a1a;
   font-size: 15px;
   padding: 5px;
}

.single-post .-layout1 .post-share .share-bar, .page-id-124 .-layout1 .post-share .share-bar {
    left: -2rem;
    margin-top: 2rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.with-sticky-header .-sticky-block {
    top: 9vh;
}

.-sticky-block, .-sticky-block>.vc_column-inner>.wpb_wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 2;
    top: 0;
} 

.tarihce-list {
    border: 2px solid #f1f1f1;
    text-align: center;
    margin-bottom: 30px;
    height: 246px;
}

.tarihce-list .ad {
    background-color: #222C83;
    padding: 7px 0;
    color:#fff;
    font-size: 13px;

}

.tarihce-list img {
    margin: 20px 0 !important;
    width: 120px !important;
}

.tarihce-list .yil {
    background-color: #f1f1f1;
    padding: 7px 0;
    font-size: 12px;
}

.per-foto {
    border: 1px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 4px solid #ddd;
    height: 300px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}

.per-isim { 
    font-size: 14px;
    font-weight: 700;
    margin:6px 0;
}

.per-gorev {
    font-size:12px;

}

.per-foto {
    border: 1px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 4px solid #ddd;
    height: 300px;
    padding: 20px;
    overflow: hidden;
    width: auto;
    text-align: center;
    margin-bottom: 30px;
}

.sayi {
    background-color: #091157;
    color: #FFF;
    font-size: 36px;
    font-weight: 400;
    line-height: 80px;
    margin-bottom: 10px;
    margin-right: -30px;
    text-align: center;
}

.isim {
    background-color: #ddd;
    font-size: 16px;
    line-height: 80px;
    padding-left: 20px;
}

.isim a {
    color: #333;
    display: block;
}

.carousel-indicators {
    background-color: #222C83;
    left: 0;
    bottom: 0px;
    margin-left: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0px;

}

.carousel-indicators .active {
    background-color: #097585 !important; 
}

.carousel-indicators [data-bs-target] {
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    background: transparent;
    height: 25px;
    text-indent: initial;
}

.carousel-indicators button[data-bs-target] {
    width: 77.5px;
    border-right: 0px solid #fff;
}

.carousel-caption {
    background-image: url('https://www.aso.org.tr//site/files/images/manset-title-bg.png');
    height: 155px;
    margin: -170px 0 0 0;
    padding: 54px 0 0 30px;
    width: 100%;
    left: 0% !important;
    position: relative;
    text-shadow: 1px 1px #000;
}

.carousel-caption a {
    font-size: 18px;
    color:#fff;
    text-decoration: none;
}

.carousel-indicators button a {
    color: #ccc;
    font-weight: 700;
    text-decoration: none;
}

.carousel-indicators button a:hover {
    color: #097585;
    font-weight: 700;
    text-decoration: none;
}

.widget {
    background-color: #f4f4f4;
    padding: 35px;
    margin-bottom: 40px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.widget .widget__title {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 30px;
}

.widget-categories ul {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgb(40 40 40 / 5%);
}

.widget-categories ul li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget-categories ul li a {
    position: relative;
    display: block;
    padding: 0 20px;
    color: #222222;
    line-height: 48px;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 2px solid #f4f4f4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
}

.widget-categories ul li a.active,
.widget-categories ul li a:hover {
    background-color: #222C83;
    color: #ffffff;
}

.list-inline-item:not(:last-child) {
    margin: 0;
}

.president {
    height: 100%; 
}

.mrrr {
    margin-right: 10px;
}

.pp-5 {
    padding: 3rem;
}

.f-pp5 {
    padding: 0rem 0rem;
}

.ozgecmis img {
    width: 100%;
}

.ozgecmis-text {
    background-color: #212B83; padding:10px;
}

.ozgemis-text {
    color:#fff;
    font-size:16px;
}

.ozgecmis-text span {
    font-weight: bold;
}

.ozgemis-unvan {
    font-size:12px;
    color:#fff;
}

.contact-maps {
    display: flex; 
}

.yk {
    width: 100%;
}

.yk-member {
    border: 1px solid #efefef;
    padding: 10px;
    margin-bottom: 20px; 
    text-align: center;
}

.yk-member h4 {
    font-size: 16px;
    font-weight: 600;
}

.yk-info {
    margin: 10px 0;
}

.yk-member img {
    width: 180px;
}

@media screen and (min-width:480px) and (max-width:767px),screen and (min-device-width:480px) and (max-device-width:767px) {
    .navbar {
        padding: 0 !important;
    }

    .carousel {
        margin-bottom: 30px;
    }

    .president {
        height: 100%;
        margin-top: -6px;
    }

    .calendar__date {
        font-size: 1rem !important;
    }

    .calendar-full {
        margin-bottom: 30px;
    }

    .calendar__sidebar {
        margin-bottom: 30px !important;
    }

    .bg-gray-section-3 {
        padding:20px 5px !important;
    }

    .border-m {
        border-right: 0px !important;
    }
    .row-cols-5>* {
        width: 50% !important;
    }

    .mrrr {
        margin-right: 0 !important;
    }
    
    .pp-5 {
        padding: 1rem!important;
    }

    .f-pp5 {
        padding: 0rem 1rem;
    }

    .contact-maps {
        display: block !important;
        align-items: center;
        justify-content: center;
    }

    .carousel-caption {
        bottom:0rem;
        padding: 53px 0 0 15px;
    }
}

.card {border:1.3px solid #212B83 !important; }