@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
@import url('https://fonts.cdnfonts.com/css/gilroy-regular');
@import url('https://fonts.cdnfonts.com/css/gilroy-medium');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
   font-family: 'Montserrat', sans-serif;
    max-width: 100%;
    background: #f2fcfd;
    position: relative;
    overflow-x: hidden;
}

a {
    color: #212a44;
    text-decoration: none;
    transition: 0.3s ease all;
    font-family: 'Montserrat', sans-serif;
}

.form-control:focus {
    box-shadow: unset;
}

.btn-primary.focus, .btn-primary:focus, .btn:focus {
    box-shadow: unset;
}

a:focus, img:focus {
    outline: none !important;
}

a:hover {
    color: #212a44;
    text-decoration: none;
}

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    outline: unset !important;
  font-family: 'Montserrat', sans-serif;
}

b {
    font-weight: bold;
}

img {
    max-width: 100%;
}

header {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
    z-index: 3;
    background: #fff;
    padding: 20px 0px;
}

header .logo {
}

header .logo img {
}

header .btn-g2 {
    display: inline-block;
    vertical-align: top;
}

header .btn-g {
    position: relative;
    text-align: right;
    display: flex;
    justify-content:end;
    align-items: center;
}

header .btn-g .btn {
}

header .btn-g .btn.btn-light {
    padding: 8px 19px;
    box-shadow: unset;
    background: #f2fcfd;
    border: 0px;
}

header .btn-g .btn.btn-primary:not(:disabled):not(.disabled).active, header .btn-g .btn.btn-primary:not(:disabled):not(.disabled):active, header .btn-g .btn.btn-primary:hover {
    background-size: 200% 100%;
    background-position: 100% 100%;
}

header .btn-g .btn.btn-primary {
    padding: 10px 19px;
    margin-left: 3px;
    background-image: -moz-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -webkit-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -ms-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    border: 0px;
    box-shadow: unset;
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1) all;
    background-size: 200% 100%;
    font-family: 'Gilroy-Regular', sans-serif;
    background-position: 0 100%;
    font-weight: 200;
}

header .btn-g .btn.btn-dark .number {
    background: #0089f3;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    min-width: 22px;
    min-height: 22px;
    display: flex;
    justify-content: center;
    box-shadow: 0 7px 16px 0 rgba(41, 53, 108, .25);
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    transform: translate(30%, -30%);
    font-size: 14px;
    padding: 2px 4px;
}

header .btn-g .btn.btn-dark {
    width: 50px;
    height: 50px;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #57758c;
    border: 0px;
    position: relative;
}

header .menu {
    display: flex;
    align-items: center;
    height: 100%;
}

header .menu .navbar {
}

header .menu .navbar-nav.submenuActive > li > a {
    color: #c6d2da;
}

header .menu .navbar-nav {
}

header .menu .navbar-nav > li {
    z-index: 7;
}

header .menu .navbar-nav > li:not(:last-child) > a {
    border-right: 1px solid #b1c1cd;
}

header .menu .navbar-nav > li:not(:first-child) > a {
    border-left: 1px solid #c6d2da;
}

header .menu .navbar-nav > li.megaMenu:hover > a {
    color: #ffffff;
}

header .menu .navbar-nav > li:hover > a {
    color: #c6d2da;
}

header .menu .navbar-nav > li > a {
    display: block;
    position: relative;
    padding: 0px 12px;
    color: #9db2c3;
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 600;
   font-family: 'Montserrat', sans-serif;
}

header .menu .navbar-nav > li.megaMenu > .dropdown {
    position: absolute;
    width: 1200px;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    will-change: transform, opacity;
    transition: all .1s;
    opacity: 0;
    padding: 0px;
    z-index: 9;
}

header .menu .navbar-nav > li.megaMenu:hover {
}

header .menu .navbar-nav > li.megaMenu:hover > .dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%);
    transition: all .3s;
    transition-delay: .2s;
    padding: 37px 0px 0px;
}

header .menu .navbar-nav > li.megaMenu:hover > a:before {
    opacity: 1;
    bottom: -50px;
    transition: 0.3s 0.3s ease all;
    pointer-events: auto;
}

header .menu .navbar-nav > li.megaMenu > a:before {
    content: "\f0de";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 60px;
    bottom: -60px;
    opacity: 0;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
    line-height: 0px;
    z-index: 1;
    transition: 0.1s ease bottom;
    transition-delay: 0s;
    pointer-events: none;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dee6ee;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist {
    padding: 48px 40px;
    margin: 0px;
    height: 450px;
    list-style-type: none;
    background: #f7f9fa;
    border-right: 1px solid #dee6ee;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li:not(:last-child) > a {
    border-bottom: 1px solid #dee6ee;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li:hover > a:after {
    right: 0px;
    opacity: 1;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li > a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: 0.3s ease all;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li > a {
    display: block;
    color: #57758c;
    padding: 11px 0px;
    font-size: 18px;
    position: relative;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.7;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li:hover > a {
    color: #4ca1cd;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li:hover {
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sollist > li {
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi.active {
}

header .menu .navbar-nav > li.megaMenu:hover > .dropdown .menuBox .sayfaAciklamasi .sayfaaciklamalari.active {
    opacity: 1;
    transition: 0.3s 0.3s ease all;
    pointer-events: auto;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi .sayfaaciklamalari {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    padding: 30px 15px;
    bottom: 0px;
    transition: 0.3s 0.1s ease all;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi {
    position: relative;
    height: 100%;
    padding: 30px 15px;;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi h1 {
    color: #57758c;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi p {
    color: #99adbf;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 24px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi a {
    font-size: 16px;
    font-weight: 700;
    color: #57758c;
    display: inline-block;
    line-height: 26px;
    padding: 2px 20px 2px 0px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi a i {
    display: inline-block;
    margin: 0px 5px;
    transition: 0.3s ease margin;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi a:hover {
    color: #4ca1cd;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi a:hover i {
    margin-left: 20px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .sayfaAciklamasi h1 span {
    color: #4ca1cd;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .egitimtab {
}

header .menu .navbar-nav > li.megaMenu:hover > .dropdown .menuBox .egitimListesi .egitimtab.active {
    opacity: 1;
    transition: 0.3s 0.3s ease all;
    pointer-events: auto;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .egitimtab {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    padding: 0px 30px;
    bottom: 0px;
    transition: 0.3s 0.1s ease all;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi {
    height: 100%;
    padding: 0px 30px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .liste {
    display: flex;
    height: 100px;
    color: #57758c;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #dee6ee;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .liste svg {
    width: 25px;
    height: 35px;
    vertical-align: middle;
    height: 100%;
    margin-right: 9px;
    float: left;
    transition: 0.3s ease all;
    fill: #99adbf;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .row {
    margin: 0px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .row > div {
    padding: 0px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .liste span {
    display: inline-block;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .liste:hover {
    color: #4ca1cd;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .egitimListesi .liste:hover svg {
    fill: #4ca1cd;
}


.tedavimanset{
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 116px;
    z-index: 2;
    padding: 10px 0px;
}
.tedavimanset .tedavi{
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    margin:5px;
    box-shadow: 0 3px 4px 0 rgb(44 71 146 / 25%);
}
.tedavimanset .tedavi .img{
    border-radius: 50%;
    border: 2px dashed #57759d;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    margin-right: 10px;

}
.tedavimanset .tedavi .img img{
    width: 58px;
    height: 55px;
    object-fit:cover;
    border-radius:50%
}
.tedavimanset .tedavi .icerik{
    color: #57759d;
    width:120px;
overflow:hidden;
  text-overflow: ellipsis;
 
}
.tedavimanset .tedavi .icerik h5{
    font-size:15px;
}
.menuOverlay.active {
    opacity: 1;
    pointer-events: auto;
}

.menuOverlay {
    opacity: 0;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 6;
    transition: 0.3s ease all;
    pointer-events: none;
}

.btn.btn-circle {
    border-radius: 100%;
}

.btn {
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
    font-size: 16px;
    font-weight: 600;
    padding: 12px 40px;
    transition: 0.3s ease all;
    border-radius: 11px;
}

.btn.btn-primary {
    background: #54c4d1;
    border-color: #54c4d1;
}

.btn.btn-light {
    color: #57758c;
}

section.slider {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
    z-index: 1;
    position: relative;
    padding-top:50px;
}

section.slider .swiper-slider {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    max-width: 100%;
    background: no-repeat center bottom;
    background-size: cover;
    z-index: 2;
}

section.slider .swiper-slide .container {
    height: 100%;
    position: relative;
}

section.slider .swiper-slide {
    background: url('../img/sliderbg.png') #f2fcfd top center no-repeat;
    height: 900px;
    padding-top: 200px;
    background-size: auto 100%;
}

section.slider .swiper-slide .svgBox .background .arkaplan {
    fill: #0090FF;
}

section.slider .swiper-slide .svgBox .background .st1 {
    opacity: 0.2;
}

section.slider .swiper-slide .svgBox .background .st2 {
}

section.slider .swiper-slide .svgBox .background {
}

section.slider .swiper-slide .svgBox .background svg {
    border-radius: 40px;
    box-shadow: 0px 19px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

section.slider .swiper-slide .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 70px 40px;
    overflow: hidden;
}

section.slider .swiper-slide .svgBox {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 450px;
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1) all;
    transform: scale(0);
}

section.slider .swiper-slide .svgBox .content .baslik {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    text-transform: uppercase;
    margin-top: 410px;
}

section.slider .swiper-slide .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

section.slider .swiper-slide .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

section.slider .swiper-slide .svgBox .content p {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

section.slider .swiper-slide .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -40px;
    bottom: 40px;
    width: 100%;
    max-width: 200px;
    padding-bottom: 45%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
}

section.slider .swiper-slide .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

section.slider .swiper-slide .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

section.slider .swiper-slide .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

section.slider .swiper-slide .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 25px;
}

section.slider .swiper-slide .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

section.slider .swiper-slide .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

section.slider .swiper-slide .yaziBox {
    position: relative;
    max-width: 100%;
    display: inline-block;
    width: calc(100% - 460px);
    vertical-align: middle;
    padding: 20px 53px;
    max-width: 625px;
    overflow: hidden;
}

section.slider .swiper-slide .yaziBox h2 {
    color: #57758c;
    font-family: 'Gilroy-Bold', sans-serif;
    font-size: 54px;
    line-height: 68px;

    font-weight: 900;
}

section.slider .swiper-slide .yaziBox h2 b {
    position: relative;
    left: -100vw;
    transition: 0.6s 0.3s cubic-bezier(0.4, 0, 0.2, 1) all;
}

section.slider .swiper-slide .yaziBox h2 span {
    position: relative;
    left: -100vw;
    transition: 0.6s 0.4s cubic-bezier(0.4, 0, 0.2, 1) all;
}

section.slider .swiper-slide .yaziBox p {
    font-size: 18px;
    color: #97afbd;
    font-weight: 600;
    line-height: 23px;
    position: relative;
    left: -100vw;
    transition: 0.6s 0.5s cubic-bezier(0.4, 0, 0.2, 1) all;
}

section.slider .swiper-slide .btn:nth-child(odd) {
    position: relative;
    bottom: -100vh;
    transition: 0.6s 0.5s cubic-bezier(0.4, 0, 0.2, 1) all;
}

section.slider .swiper-slide .btn:nth-child(even) {
    position: relative;
    bottom: -100vh;
    transition: 0.6s 0.6s cubic-bezier(0.4, 0, 0.2, 1) all;
}

section.slider .swiper-slide.swiper-slide-active .btn {
    bottom: 0px;
}

section.slider .swiper-slide.swiper-slide-active .svgBox {
    transform: scale(1);
}

section.slider .swiper-slide.swiper-slide-active .yaziBox p {
    left: 0px;
}

section.slider .swiper-slide.swiper-slide-active .yaziBox h2 b {
    left: 0px;
}

section.slider .swiper-slide.swiper-slide-active .yaziBox h2 span {
    left: 0px;
}

section.slider .swiper-arrows {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 200px;
    z-index: 2;
    top: 50%;
    text-align: right;
    transform: translateY(-50%);
    pointer-events: none;
}

section.slider .swiper-arrows .box {
    position: relative;
    display: inline-block;
    z-index: 2;
    pointer-events: auto;
}

section.slider .swiper-arrows .box .swiper-button-prevV {
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    background: #57758c;
    color: #fff;
    font-size: 35px;
    padding: 7px 16px;
    line-height: 0px;
    margin: 10px auto;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

section.slider .swiper-arrows .box .swiper-button-nextT {
    cursor: pointer;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    color: #57758c;
    font-size: 60px;
    line-height: 0px;
    border: 3px solid #57758c;
    padding: 6px 19px;
    background: #e2f3f7;
}

section.slider .swiper-pagination {
    position: absolute;
    top: 250px;
    text-align: left;
    right: 0px;
    height: 80px;
    left: auto;
    transform: unset;
    width: 52.5%;
    display: flex;
    align-items: center;
}

section.slider .swiper-pagination-bullet .icon {
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: #57758c;
    width: 100%;
    height: 100%;
    display: none;
    transition: 0.3s ease all;
}

section.slider .swiper-pagination-bullet:hover {
    opacity: 1;
}

section.slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover .icon {
    display: block;
    background: #e2f3f7;
    padding: 1px;
}

section.slider .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    border-radius: 0px;
    margin: 5px !important;
    background: #57758c;
    opacity: 1;
    position: relative;
    z-index: 6;
    border-radius: 100%;
    border: 4px solid #57758c;
    vertical-align: middle;
    transition: 0.3s ease all;
}

section.slider .swiper-pagination-bullet-active .icon {
    display: block;
}

section.slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e2f3f7;
    width: 78px;
    height: 78px;
    vertical-align: middle;
    padding: 15px;
}

section.egitimKategorileri {

    z-index: 2;
    position: relative;
}

section.egitimKategorileri .icerik {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
}

section.egitimKategorileri h1 {
    font-size: 54px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}

section.egitimKategorileri p {
    color: #57758c;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 40px;
}

section.egitimKategorileri h1 > span {
    position: relative;
    color: #57758c;
}

section.egitimKategorileri h1 > span:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: -2px;
    left: -5px;
    right: -5px;
    z-index: -1;
    background: #d5eef6;
}
section.besyildiz h1 {
    font-size: 54px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}

section.besyildiz p {
    color: #57758c;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 40px;
}

section.besyildiz h1 > span {
    position: relative;
    color: #57758c;
}


.kategoriler {
}

.kategoriler.merdiven {
    padding: 85px 0px;
}

.kategoriler.merdiven .row {
    margin: 0px -5px;
}

.kategoriler.merdiven .row > div {
    padding: 0px 5px;
}

.kategoriler .kategori:hover .backgroundColor, .kategoriler .swiper-slide-active .kategori .backgroundColor {
    /* fill: #fbbf0e;*/
}

.kategoriler .kategori .backgroundColor {
    fill: #57759d;
    transition: 0.3s ease all;
}

.kategoriler .kategori .transparentLayer {
    opacity: 7.000000e-02;
}

.kategoriler .kategori {
    position: relative;
    display: block;
    margin-bottom: 10px;
    z-index: 0;
}

.kategoriler .kategori .background svg {
    transition: 0.3s ease all;
    border-radius: 10px;
}

.kategoriler .kategori:hover .background svg, .kategoriler .swiper-slide-active .kategori .background svg {
    box-shadow: 0px 19px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.kategoriler > .row > div:nth-child(1) {
    margin-top: 0px;
}

.kategoriler > .row > div:nth-child(2) {
    margin-top: -40px;
}

.kategoriler > .row > div:nth-child(3) {
    margin-top: -80px;
}

.kategoriler > .row > div:nth-child(4) {
    margin-top: 0px;
}

.kategoriler > .row > div:nth-child(5) {
    margin-top: -40px;
}

.kategoriler > .row > div:nth-child(6) {
    margin-top: -80px;
}

.kategoriler > .row > div {
}

.kategoriler .kategori {
}

.kategoriler .kategori .background {
}

.kategoriler .kategori .background .kutu {
}

.kategoriler .kategori .content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 15px 25px 20px;
}

.kategoriler .kategori .content span {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 20px;
    display: block;
}

.kategoriler .kategori .content .icon {
    width: 50px;
    height: 50px;
    fill: #fff;
}
 .ds-none{
        display:none;
    }

.archive, .archive__wrp {
    display: block
}

@media (max-width: 992px) {
    .archive {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

@media (max-width: 768px) {
    .archive {
        overflow: hidden;
        padding-bottom: 90px
    }

    .archive .custom-container {
        padding-right: 0;
        padding-left: 0
    }
}

.archive-slider {
    display: flex;
    align-items: center;
    min-height: 30vw;
    position: relative;
    z-index: 2;
    padding-bottom: 110px;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width: 1200px) {
    .archive .pad-left {
        padding-left: 0
    }

    .archive-slider {
        min-height: inherit
    }
}

@media (max-width: 992px) {
    .archive-slider {
        min-height: inherit;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .dm-none{
        display:none;
    }
    .ds-none{
        display:block;
    }
    .super-box {
    width: 100%;
    height: 260px;}
    .urunozellikler .urunozellikler-arka .nav-pills > li > a:before{
        opacity:0;

        
    }
}

@media (max-width: 576px) {
    .archive-slider {
        padding-bottom: 30px;
        margin-bottom: 20px
    }
}

.archive-slider__for {
    display: flex;
    position: relative;
    padding: 0 90px 50px 0;
    z-index: 222;
    align-self: stretch;
    align-items: center;
    background: linear-gradient(to right, #f2f7fd 70%, rgba(242, 247, 253, 0) 100%)
}

.archive-slider__nav, .archive-slider__nav-wrp, .box__item--center .box__icon {
    align-self: center;
    -ms-grid-row-align: center
}

@media (max-width: 1200px) {
    .archive-slider__for {
        padding-right: 80px
    }
}

@media (max-width: 992px) {
    .archive-slider__for {
        text-align: left;
        margin-bottom: 0;
        padding: 0
    }

    .archive-slider__txt {
        max-width: 60%
    }
}

@media (max-width: 768px) {
    .archive-slider__for {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 576px) {
    .archive-slider__for {
        position: static;
        padding-left: 15px;
        padding-right: 15px
    }
}

.archive-slider__txt {
    margin-bottom: 30px
}

.archive-slider__bottom {
    display: block
}

@media (max-width: 992px) {
    .archive-slider__bottom {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (max-width: 768px) {
    .archive-slider__txt {
        max-width: 100%;
        margin-bottom: 0
    }

    .archive-slider__bottom {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        padding: 0 30px
    }

    .archive-slider__bottom .button-all {
        order: -1
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .archive-slider__bottom {
        position: absolute;
        top: 0;
        right: 0
    }

    .archive-slider__bottom .button-all {
        order: 0
    }
}

@media (max-width: 576px) {
    .archive-slider__bottom {
        justify-content: center;
        position: absolute;
        bottom: 0;
        top: auto;
        width: 100%;
        left: 0;
        margin-bottom: 0;
        padding: 0 15px
    }
}

@media (max-width: 330px) {
    .archive-slider__bottom {
        flex-wrap: wrap;
        bottom: -25px
    }
}

.archive-slider__btn {
    margin: 0 15px
}

.archive-slider__btn:first-of-type {
    margin-left: 0
}

@media (max-width: 576px) {
    .archive-slider__btn:first-of-type {
        margin-right: 20px
    }
}

.archive-slider__btn:last-of-type {
    margin-right: 0
}

@media (max-width: 768px) {
    .archive-slider__btn:last-of-type {
        margin-left: 0;
        margin-right: 15px
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .archive-slider__btn:last-of-type {
        margin-right: 30px;
        margin-left: 15px
    }
}

@media (max-width: 576px) {
    .archive-slider__btn:last-of-type {
        margin-right: 0
    }

    .archive-slider__btn {
        width: calc(50% - 10px)
    }

    .archive-slider__btn:only-child {
        text-align: center;
        justify-content: center;
        width: 100%;
        margin: 0
    }

    .archive-slider__btn:only-child.button-all {
        background: linear-gradient(to left, #4545a1 0, #44449f 100%);
        color: #fff;
        padding: 10px 30px;
        border-radius: 7px;
        box-shadow: 0 5px 12px 0 rgba(41, 53, 108, .25);
        min-height: 50px;
        text-transform: uppercase;
        font-size: 15px
    }
}

@media (max-width: 330px) {
    .archive-slider__btn {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
        justify-content: center
    }

    .archive-slider__btn:first-child {
        margin-right: auto
    }

    .archive-slider__btn:last-child {
        margin-bottom: 0
    }
}

.archive-slider__arrows {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(40%);
    z-index: 4
}

.archive-slider__nav {
    height: auto;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%
}

.archive-slider__nav-wrp {
    align-items: center
}

@media (max-width: 992px) {
    .archive-slider__arrows {
        display: none
    }

    .archive-slider__nav {
        display: block;
        width: 100%;
        position: relative;
        left: 0;
        padding: 0
    }

    .archive-slider__nav .tns-nav {
        display: none
    }

    .archive-slider__nav-wrp {
        display: block;
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .archive-slider__nav-wrp {
        overflow: auto;
        padding: 30px 25px 60px
    }

    .archive-slider__nav-wrp::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: 0 0
    }

    .archive-slider__nav-wrp::-webkit-scrollbar-track {
        background: 0 0
    }

    .archive-slider__nav-wrp::-webkit-scrollbar-thumb {
        background: 0 0
    }

    .archive-slider__nav-wrp::-webkit-scrollbar-thumb:hover {
        background: 0 0
    }
}

@media (max-width: 576px) {
    .archive-slider__nav-wrp {
        padding: 30px 15px 60px
    }
}

.archive-slider__nav-inner {
    position: relative;
    align-items: center
}

.archive-slider__nav.owl-carousel .owl-item {
    opacity: 0;
    transition: all .5s;
    transform: scale(.3) translateX(170%)
}

.archive-slider__nav.owl-carousel .owl-item.active {
    opacity: 1;
    transform: scale(1) translateX(0)
}

.archive-slider__nav.owl-carousel .owl-item.active:first-of-type {
    transform: scale(1)
}

.archive-slider__nav.owl-carousel .owl-item.current .books__item:after {
    transform: translateY(1px)
}

.archive-slider__nav.owl-carousel .owl-item.current .books__img {
    transform: translateY(-.5vw)
}

.archive-slider__nav.owl-carousel .owl-item.current .books__img--hover {
    opacity: 1
}

.archive-slider__nav.owl-carousel .owl-stage-outer {
    overflow: visible
}

@media (min-width: 992px) {
    .archive-slider__nav .active {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    .archive-slider__nav .active:after {
        transform: translateY(1px)
    }

    .archive-slider__nav .active .books__img {
        transform: translateY(-.7vw)
    }

    .archive-slider__nav .active .books__img--hover {
        opacity: 1
    }

    .archive-slider__nav .slick-current .books__item:after {
        box-shadow: 0 24px 54px 0 rgba(28, 48, 87, .36)
    }

    .archive-slider__nav .slick-current .books__img {
        transform: translateY(-.7vw)
    }

    .archive-slider__nav .slick-current .books__img--hover {
        opacity: 1
    }
}

.archive-slider__nav-item {
    display: block;
    padding: 10px;
    transition: all .3s;
    opacity: 1;
    transform: scale(1);
    max-width: 285px
}

.archive-slider__nav-item .books__item {
    transform-origin: 50% 100%;
    min-height: 200px
}

@media (min-width: 992px) {
    .archive-slider__nav-item.swiper-slide {
        opacity: 0;
        transition: all .3s
    }

    .archive-slider__nav-item.swiper-slide-active, .archive-slider__nav-item.swiper-slide-next, .archive-slider__nav-item.swiper-slide-next + .swiper-slide, .archive-slider__nav-item.swiper-slide-next + .swiper-slide + .swiper-slide {
        opacity: 1;
        transform: scale(1)
    }
}

@media (max-width: 1200px) {
    .archive-slider__nav-item {
        padding: 7px
    }
}

@media (max-width: 992px) {
    .archive-slider__nav-item {
        max-width: 200px;
        padding: 5px;
        opacity: 1;
        transform: scale(1)
    }

    .archive-slider__nav-item.swiper-slide {
        transition: all .3s
    }

    .archive-slider__nav-item.swiper-slide-active, .archive-slider__nav-item.swiper-slide-next, .archive-slider__nav-item.swiper-slide-prev {
        opacity: 1;
        transform: scale(1)
    }
}

@media (max-width: 768px) {
    .archive-slider__nav-item.swiper-slide {
        opacity: 1;
        transition: all .3s
    }

    .archive-slider__nav-item.swiper-slide-active, .archive-slider__nav-item.swiper-slide-next, .archive-slider__nav-item.swiper-slide-prev {
        opacity: 1;
        transform: scale(1)
    }

    .archive-slider__nav-item {
        padding: 0;
        margin-right: 20px
    }
}

@media (min-width: 992px) {
    .archive-slider__nav-item.swiper-slide-active .books__item {
        transform: scale(1.05) translateX(-7px);
        box-shadow: 0 24px 54px 0 rgba(28, 48, 87, .36)
    }

    .archive-slider__nav-item.swiper-slide-active .books__item .books__img {
        transform: translateY(-7px);
        -webkit-filter: none;
        filter: none
    }

    .archive-slider__nav-item.swiper-slide-active .books__item .books__img--hover {
        opacity: 1
    }
}

.hero-slider__buttons, .hero-slider__title, .hero-slider__txt {
    opacity: 0;
    transform: translateY(-25%)
}

.archive-slider__nav-item.disable {
    padding: 0
}

.archive-slider__img {
    display: block;
    border-radius: 10px
}

.archive-slider__img-wrp {
    display: block;
    border-radius: 11px
}

.egitim-kart {
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.guncel-kart {
    display: block;
    overflow: hidden;
    box-shadow: 2px 3.464px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    border-radius: 0px 10px 10px 10px;
}

.owl-guncelProgramlar .owl-stage {
    padding-bottom: 50px;
    padding-top: 50px;
}

.owl-guncelProgramlar {
    margin-left: 0px;
}

.secili-program {
    transform: scale(1.075) !important;
    margin-left: 10px !important;
    margin-right: 15px !important;
}

.owl-guncelProgramlar .owl-stage-outer {
    margin-right: -20px;
}

.owl-guncelProgramlar .owl-item {
    transition: all 0.3s ease;
}
.owl-guncelProgramlarr .owl-item {
    transition: all 0.3s ease;
}
.guncel-programlar {
    height: 500px;
    margin-top: 70px;
}

.owl-guncelProgramlar .owl-nav {
    position: absolute;
    top: 110px;
    right: -55px;
    width: 80px;
    text-align: center;
}

.owl-guncelProgramlar .owl-nav button:focus {
    outline: none;
}

.owl-guncelProgramlar .owl-prev {
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar .owl-prev > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.owl-guncelProgramlar .owl-next {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar .owl-next > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}
.owl-guncelProgramlarr .owl-nav {
    position: absolute;
    top: 110px;
    right: -55px;
    width: 80px;
    text-align: center;
}

.owl-guncelProgramlarr .owl-nav button:focus {
    outline: none;
}

.owl-guncelProgramlarr .owl-prev {
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlarr .owl-prev > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.owl-guncelProgramlarr .owl-next {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlarr .owl-next > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}


.owl-besyildiz .owl-prev {
    height: 90px;
    border-radius: 100%;
    display: inline-block;
    width: 90px;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-besyildiz .owl-prev > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.owl-besyildiz .owl-next {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-besyildiz .owl-next > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}
.social-media ul li{
    width: 30px;
    font-size: 21px;
}
.social-media ul{
    margin:5px;
    padding: 0;
}
.social-media ul li a i{
color: #53c1d1;}

section.guncel-programlar .icerik {
    /* height: 100%; */
    display: inline-block;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    padding: 70px 0px 70px 30px;
    max-width: 420px;
}

section.guncel-programlar h1 {
    font-size: 54px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}

section.guncel-programlar p {
    color: #57758c;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 40px;
}

section.guncel-programlar h1 > span {
    position: relative;
    color: #57758c;
}

section.guncel-programlar h1 > span:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: -2px;
    left: -5px;
    right: -5px;
    z-index: -1;
    background: #d5eef6;
}

section.yorumlar .icerik {
    height: 100%;
    display: inline-block;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    padding: 70px 0px;
}

section.yorumlar h1 {
    font-size: 54px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}

section.yorumlar p {
    color: #57758c;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 40px;
}

section.yorumlar h1 > span {
    position: relative;
    color: #57758c;
    display: block;
}

section.yorumlar h1 > span:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: -2px;
    left: -5px;
    right: -5px;
    z-index: -1;
    background: #d5eef6;
}

section.yorumlar .ust-baslik {
    font-weight: 300;
    font-size: 31px;
    color: #57758c;
}

.swiper-yorumlar {
    padding: 20px 20px;
    height: 210px;
}

.swiper-yorumlar .swiper-slide a {
    opacity: 0;
    transition: 0.4s ease all;
}

.swiper-yorumlar .swiper-slide {
    transform: scale(0.8);
    transition: 0.4s ease all;
}

.swiper-yorumlar .swiper-slide-next, .swiper-yorumlar .swiper-slide-active, .swiper-yorumlar .swiper-slide-next + .swiper-slide {
    transform: scale(1);
    opacity: 1;
}

.swiper-yorumlar .swiper-slide-next a, .swiper-yorumlar .swiper-slide-active a, .swiper-yorumlar .swiper-slide-next + .swiper-slide a {
    opacity: 1;
}

.yorumlar {
    position: relative;
}

.yorumlar .yorum-block {
    display: inline-block;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 3.464px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.yorumlar .isim-unvan {
    display: flex;
    width: 100%;
    padding: 10px 10px;
    border-bottom: 1px solid #d6eef6;
}

.yorumlar .isim {
    display: inline-block;
    color: #57758c;
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    width: 50%;
    text-align: left;
}

.yorumlar .unvan {
    display: inline-block;
    text-align: right;
    width: 50%;
    font-size: 13px;
    color: #57758c;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-height: 36px;
}

.yorumlar .profil-aciklama {
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
}

.yorumlar .profil-res {
    display: inline-block;
    width: 12%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    margin-right: 5px;
}

.yorumlar .aciklama {
    display: -webkit-inline-box;
    width: 85%;
    text-align: left;
    font-size: 14px;
    color: #57758c;
    font-weight: 300;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    vertical-align: top;
}

.swiper-yorumlar:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 190px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgb(226, 243, 247) 80%, rgb(226, 243, 247) 100%);
}

.yorumlar .swiper-arrows {
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 55px;
    text-align: center;
    cursor: pointer;
    left: calc(50% - 35px);
}

.yorumlar #js-prev1 > i {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 10px;
    bottom: 0px;
    color: #57758c;
    font-weight: 900;
    font-size: 60px;
    cursor: pointer;
}

.yorumlar #js-prev1 {
    width: 80px;
    height: 80px;
    background-color: white;
    color: white;
    border-radius: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    outline: none;
}

.yorumlar #js-next1 > i {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 10px;
    bottom: 0px;
    color: white;
    font-weight: 900;
    font-size: 35px;
    cursor: pointer;
}

.yorumlar #js-next1 {
    width: 50px;
    height: 50px;
    background-color: #57758c;
    color: white;
    border-radius: 100%;
    position: relative;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    outline: none;
}

section.haber {
    margin: 150px 0px;
}

.swiper-haberler .haber-block {
    display: inline-block;
    width: 100%;
}

.swiper-haberler .haber-res {
    display: inline-block;
    width: 100%;
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 2px 3.464px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    transition: all 0.6s ease;
}
.swiper-haberler .content{
    position: absolute;
    top: 60px;
    z-index: 99;
    left: 125px;
}
.swiper-haberler .haber-res-bosluk {
    padding: 20px 40px;
}

.swiper-haberler .haber-text-block {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    transition: all 0.9s ease;
    padding: 0px 20px 20px 20px;
}

.swiper-haberler .tarih {
    color: #57758c;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    transition: all 0.9s ease;
    position: relative;
}

.swiper-haberler .baslik {
    color: #54c4d1;
    font-weight: 700;
    font-size: 35px;
    display: inline-block;
    width: 100%;
    line-height: 40px;
    margin-bottom: 10px;
    transition: all 1.0s ease;
    position: relative;
}

.swiper-haberler .baslik > span {
    display: inline-block;
    width: 100%;
    color: #57758c;
}

.swiper-haberler .aciklama {
    color: #57758c;
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    transition: all 1.1s ease;
    position: relative;
}

.swiper-haberler .btns {
    display: inline-block;
    width: 100%;
    transition: all 1.2s ease;
    position: relative;
    padding: 10px 0px;
}

.swiper-haberler .btns > .btn-primary {
    margin-right: 10px;
}

.swiper-haberler .swiper-arrows {
    position: absolute;
    width: 80px;
    top: calc(50% - 75px);
    text-align: center;
    left: calc(25% + 15px);
    z-index: 3;
}

.swiper-haberler .swiper-arrows div:focus {
    outline: none;
}

.swiper-haberler #js-prev2 {
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    cursor: pointer;
}

.swiper-haberler #js-prev2 > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.swiper-haberler #js-next2 {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    cursor: pointer;
}

.swiper-haberler #js-next2 > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}

.swiper-haberler .swiper-slide .haber-res {
    transform: scale(0);
}

.swiper-haberler .swiper-slide .tarih {
    left: -1000px;
}

.swiper-haberler .swiper-slide .baslik {
    left: -2000px;
}

.swiper-haberler .swiper-slide .aciklama {
    left: -3000px;
}

.swiper-haberler .swiper-slide .btns {
    left: -4000px;
}

.swiper-haberler .swiper-slide-active .haber-res {
    transform: scale(1);
}

.swiper-haberler .swiper-slide-active .tarih {
    left: 0px;
}

.swiper-haberler .swiper-slide-active .baslik {
    left: 0px;
    color: #54c4d1;
}

.swiper-haberler .swiper-slide-active .aciklama {
    left: 0px;
}

.swiper-haberler .swiper-slide-active .btns {
    left: 0px;
}

.footer-iletisim-block {
    display: inline-block;
    width: 100%;
    padding: 0px 30px;
    margin: 25px 0px;
}

.footer-iletisim-block .m-hizmet {
    display: inline-block;
    font-size: 21px;
    font-weight: 800;
    color: #54c4d1;
    text-align: right;
    width: 275px;
    line-height: 30px;
}

.footer-iletisim-block .m-whatsapp {
    display: inline-block;
    width: 275px;
    font-size: 21px;
    font-weight: 800;
    color: #54c4d1;
    text-align: left;
    line-height: 30px;
}

.footer-iletisim-block .m-hizmet > a {
    display: inline-block;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    color: #57758c;
}

.footer-iletisim-block .m-whatsapp > a {
    display: inline-block;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    color: #57758c;
}

.footer-iletisim-icon {
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background: #57758c;
    margin: 0px 10px 0px 10px;
}

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

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

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

.satir-bosluk {
    margin-top: 60px;
}

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

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

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

.footer-block {
    display: inline-block;
    width: 100%;
        text-align: center;
}

.footer-block .baslik {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 800;
    color: #54c4d1;
    padding-bottom: 10px;
}

.footer-block .list-baslik {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    color: #57758c;
}

.footer-block ul {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer-block li {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
}

.footer-block a {
    display: inline-block;
    width: 100%;
    color: #57758c;
    font-size: 12px;
    font-weight: 400;
}

.copyright {
    font-size: 12px;
    color: #57758c;
    font-weight: 700;
    padding-top: 25px;
}

.arka-block {
    position: absolute;
    border-radius: 100px;
}

.stil1 {
    top: 1600px;
    left: -500px;
    left: calc(50% - 1225px);
    width: 1600px;
    height: 1880px;
    background-color: #e2f3f7;
    transform: rotate(70deg);
    z-index: 0;
}

.stil2 {
    background: linear-gradient(180deg, rgba(84, 196, 209, 1) 0%, rgba(72, 146, 203, 1) 58%);
    width: 2000px;
    height: 2000px;
    top: 950px;
    transform: rotate(20deg);
    right: -2080px;
    right: calc(50% - 2850px);
}

.stil3 {
    left: -850px;
    left: calc(50% - 1625px);
    bottom: -645px;
    height: 1000px;
    width: 1000px;
    background-color: #e2f3f7;
    transform: rotate(30deg);
    background: linear-gradient(180deg, rgba(84, 196, 209, 1) 0%, rgba(72, 146, 203, 1) 58%);
}

.blocklar-dis {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    overflow: hidden;
}

.guncel-programlar .kategori:hover .backgroundColor, .kategoriler .swiper-slide-active .kategori .backgroundColor {
    fill: #fbbf0e;
}

.guncel-programlar .kategori .backgroundColor {
    fill: #57759d;
    transition: 0.3s ease all;
}

.guncel-programlar .kategori .transparentLayer {
    opacity: 0.3;
}

.guncel-programlar .kategori {
    position: relative;
    display: block;
}

.guncel-programlar .kategori .background svg {
    transition: 0.3s ease all;
    border-radius: 10px;
}

.guncel-programlar .kategori:hover .background svg, .kategoriler .swiper-slide-active .kategori .background svg {
    box-shadow: 0px 19px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.guncel-programlar .kategori .content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    /* background: url(../img/content-bg.png)center center no-repeat; */
    justify-content: center;
    background: #fff;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 5px 20px;
    border-radius: 15px;
    border: 2px solid rgb(84 196 209);
}
.guncel-programlar a.kategori .content2 {
    position: absolute;
    left: 115px;
    bottom: 0px;
    top: 108px;
    right: 0px;
    width: 120px;
    height: 120px;
}
.guncel-programlar .kategori .content span {
    color: #4d677a;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;

    display: block;
}

.guncel-programlar .kategori .content .icon {
    width: 50px;
    height: 50px;
    fill: #fff;
}

.footer-list2 a {
    font-weight: 800;
}

.urundetay .sayfabaslik h1 {
    text-shadow: 0px 0px 4px #00000054;
    font-size: 30px;
    font-weight: 800;
    color: white;
    line-height: 25px;
}

.hakkimizda .baslik {
    font-size: 30px;
    font-weight: 800;
    color: white;
    line-height: 25px;
    padding-bottom: 40px;

}
.hakkimizda-araalan h2{
    color: #4b9ecc;
    font-weight: 900;
    font-size: 34px;
    line-height: 38px;
}
.hakkimizda .baslik > span a,
.hakkimizda .baslik > span {
    font-size: 15px;
    font-weight: 400;
    color: white;
    display: inline-block;
}

.hakkimizda .baslik > span {
    display: block;
}

.hakkimizda {
    display: inline-block;
    width: 100%;
    margin-top: 150px;
}

.stil4 {
    left: -850px;
    left: calc(50% - 1175px);
    height: 1000px;
    top: -600px;
    width: 1000px;
    background-color: #e2f3f7;
    transform: rotate(70deg);
    background: linear-gradient(180deg, rgba(84, 196, 209, 1) 0%, rgba(72, 146, 203, 1) 58%);
}

.sol-menu {
    display: inline-block;
    width: 100%;
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    padding: 50px 25px 50px 0px;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
}

.sol-menu ul {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.sol-menu li {
    display: inline-block;
    width: 100%;
    border-radius: 0 20px 20px 0;
    background: #e2f3f7;
    margin-top:5px;
}

.sol-menu a {
    display: inline-block;
    width: 100%;
    color: #57758c;
    font-weight: 700;
    padding: 10px 6px;
    font-size: 14px;
    transition: all 0.3s ease;

    position: relative;
}

.sol-menu a:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 18px;
    top: 5px;
    right: 40px;
    opacity: 0;
    transition: all 0.3s ease;
}

.sol-menu a:hover:after {
    opacity: 1;
    right: 20px;
}

.sol-menu a:hover, .sol-menu a.active {
    background: #4c6689;
    color: #fff;
    border-radius: 0 20px 20px 0;

}
span.basvur{
    color: #8399aa;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
}
.kurumsal-block {
    display: inline-block;
    width: 100%;
    background-color: white;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.kurumsal-block .block-yazi {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #57758c;
    padding: 20px 0px;
}
.kurumsal-block .image img{
width: 100%;
height: 480px;
object-fit: contain;}
.alt-satir-bosluk {
    margin-bottom: 300px;
}

.stil5 {
    right: calc(50% - 1650px);
    top: -300px;
    height: 1000px;
    width: 1000px;
    background-color: #e2f3f7;
    transform: rotate(30deg);
    background: linear-gradient(180deg, rgba(84, 196, 209, 1) 0%, rgba(72, 146, 203, 1) 58%);
}

.stil6 {
    left: calc(50% - -80px);
    height: 1250px;
    top: -700px;
    width: 1250px;
    background-color: #00000012;
    transform: rotate(30deg);
}

.iletisim .baslik {
    font-size: 30px;
    font-weight: 800;
    color: white;
    line-height: 25px;
    padding-bottom: 40px;
}

.iletisim .baslik > span {
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 100%;
    display: inline-block;
}

.iletisim {
    display: inline-block;
    width: 100%;
    margin-top: 150px;
}

.iletisim .iletisim-block {
    display: inline-block;
    width: 100%;
    background-color: white;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
    border-radius: 10px;
    padding: 0px 15px;
}

.iletisim .iletisim-alt-block {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #57758c;
    position: relative;
    text-align: center;
    padding: 80px 40px 60px 40px;
    min-height: 225px;
    border-left: 1px solid #e2f3f7;
}

.iletisim-block > div > div:nth-child(1) > .iletisim-alt-block {
    border: none !important;
}

.iletisim .iletisim-alt-block1:before {
    content: '';
    position: absolute;
    height: 135px;
    width: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 70px);
    background: #54c4d1;
    opacity: 0.2;
    -webkit-mask-image: url('../img/location.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    z-index: 0;
}

.iletisim .iletisim-alt-block2:before {
    content: '';
    position: absolute;
    height: 135px;
    width: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 70px);
    background: #54c4d1;
    opacity: 0.2;
    -webkit-mask-image: url('../img/telephone.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    z-index: 0;
}

.iletisim .iletisim-alt-block3:before {
    content: '';
    position: absolute;
    height: 135px;
    width: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 70px);
    background: #54c4d1;
    opacity: 0.2;
    -webkit-mask-image: url('../img/envelope.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    z-index: 0;
}

.iletisim .iletisim-alt-block > a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #57758c;
    position: relative;
}

.iletisim .iletisim-form {
    display: inline-block;
    width: 100%;
}

.iletisim input {
    display: inline-block;
    width: 100%;
    margin: 0px 15px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #41515d;
    border: none;
    padding: 10px 20px;
    border-radius: 7px;
    border: 1px solid #cadade;
}

.iletisim input::placeholder {
    color: #9aadbd;
}

.iletisim textarea::placeholder {
    color: #9aadbd;
}

.iletisim textarea {
    display: inline-block;
    width: 100%;
    margin: 0px 15px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    padding: 10px 20px;
    border: 1px solid #cadade;
}

.iletisim .ilteisim-btns {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 15px 0px;
    margin-bottom: 20px;
}

.iletisim .ilteisim-btns > button {
    margin-left: 5px;
    font-size: 16px;
    color: #57758c;
    font-weight: 600;
    border: none;
    background: #54c4d1;
    color: white;
    border-radius: 7px;
    padding: 10px 35px;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.iletisim .ilteisim-btns > button:hover {
    background-color: #e2e6ea !important;
    border-color: #54c4d1;
}

.iletisim .ilteisim-btns > button:nth-child(1) {
    background-color: white;
    color: #54c4d1;
}

.iletisim .ilteisim-btns > button:nth-child(2) {
    background-color: #54c4d1;
    color: white;
}

.ust-bosluk {
    margin-top: 75px;
}

.urundetay .sayfabaslik {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    line-height: 33px;
    padding-bottom: 40px;
}

.urundetay .sayfabaslik > span > a {
    color: #d4e1e8;
    font-weight: 500;
}

.urundetay .sayfabaslik > span {
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 100%;
    line-height: 20px;
    display: inline-block;
}

.urundetay {
    display: inline-block;
    width: 100%;
    margin-top: 150px;
    max-height: 775px;
}

.urundetay .svgBox .background {
    content: '';
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 35px;
    box-shadow: 0px 19px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    height: 540px;
}

.urundetay .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 70px 40px;
    overflow: hidden;
}

.urundetay .svgBox {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 450px;
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1) all;
    height: 545px;
}

.urundetay .svgBox .content .baslik {
    color: #fff;
    font-size: 28px;
    font-weight: 200;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 300px;
}

.urundetay .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

.urundetay .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

.urundetay .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

.urundetay .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -40px;
    bottom: 40px;
    width: 100%;
    max-width: 200px;
    padding-bottom: 45%;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.urundetay .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

.urundetay .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.urundetay .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

.urundetay .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 25px;
}

.urundetay .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.urundetay .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.urundetayarka {
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
    background-color: white;
    padding: 30px;
    margin-top: 80px;
}

.urundetayicerik {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100%;
}

.urundetayicerik .baslik > b {
    font-size: 35px;
    font-weight: 800;
    color: #57758c;
    display: inline-block;
    width: 100%;
}

.urundetayicerik .baslik {
    font-weight: 400;
    display: inline-block;
    width: 100%;
    font-size: 35px;
    color: #57758c;
}

.urundetayicerik .icerik {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #57758c;
}

.urundetayicerik .icerik-detay {
    display: inline-block;
    width: 100%;
}

.urundetayicerik .icon-text {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

.urundetayicerik .icon-text > .tarih {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    margin-bottom: 25px;
}

.urundetayicerik .icon-text > .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
}

.urundetayicerik .icon-text > .tarih > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.urundetayicerik .icon-text > .saat {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    margin-bottom: 25px;
}

.urundetayicerik .icon-text > .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/saat.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
}

.urundetayicerik .icon-text > .saat > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.urundetayicerik .icon-text > .location {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    position: relative;
    margin-bottom: 25px;
    padding-left: 35px;
}

.urundetayicerik .icon-text > .location:before {
    content: '';
    width: 30px;
    position: absolute;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/location.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
    bottom: 0px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    left: 0px;
}

.urundetayicerik .icon-text > .location > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 5px;
}

.urundetayicerik .ustcizgi {
    border-top: 1px solid #e0f2f7;
}

.urundetayicerik .fiyat {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #57758c;
    background-color: #e2f3f7;
    padding: 5px 10px;
    border-radius: 10px;
}

.urundetayicerik .fiyat > span {
    font-size: 22px;
}

.urundetayicerik .ekle-sec {
    display: inline-block;
    width: 100%;
    text-align: right;
    /* height: 100%; */
    padding-top: 10px;
}

.urundetayicerik .kullanici-sec {
    display: inline-block;
    width: 100%;
    position: relative;
}

.urundetayicerik .kullanici-sec .secenekler {
    border-radius: 4px;
    padding: 9px;
    background: #e9eff2;
    display: flex;
    justify-content: space-around;
}

.urundetayicerik .kullanici-sec .adetSec span {
    line-height: 28px;
    font-size: 17px;
    display: inline-block;
    padding: 0px 0px;
    font-weight: 600;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.urundetayicerik .kullanici-sec .adetSec i:hover {
    color: #57758c;
}

.urundetayicerik .kullanici-sec .adetSec i {
    cursor: pointer;
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 12px;
    border-radius: 100%;
    color: #97acbe;
    box-shadow: 0 17px 46px 0 rgba(19, 29, 51, .2);
    transition: 0.3s ease all;
}

.urundetayicerik .kullanici-sec .adetSec {
    border-radius: 4px;
    padding: 9px;
    background: #e9eff2;
    justify-content: space-around;
    margin-top: 10px;
    display: none;
}

.urundetayicerik .kullanici-sec .secenekler .secenek:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: #fff;
    box-shadow: 0 17px 46px 0 rgba(19, 29, 51, .2);
    border-radius: 4px;
    transition: 0.3s ease all;
    transform: scale(0);
}

.urundetayicerik .kullanici-sec .secenekler .secenek.selected:before {
    transform: scale(1);
}

.urundetayicerik .kullanici-sec .secenekler .secenek.selected {
    color: #57758c;
}

.urundetayicerik .kullanici-sec .secenekler .secenek i {
    position: relative;
}

.urundetayicerik .kullanici-sec .secenekler .secenek {
    height: 33px;
    width: 39px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #7893aab8;
    position: relative;
}

.urundetayicerik .kullanici-sec .seciliText {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
    text-align: center;
}

.urundetayicerik #secilik {
    font-size: 11px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: #57758c;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 45px);
}

 .sepet-ekle {
    display: inline-flex;
    width: 100%;
}

.sepet-ekle > a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: white;
    background-color: #32ce7b;
    border-radius: 4px;
    padding: 13px 5px;
    border: 1px solid #32ce7b;
    transition: all 0.3s ease;
    height: 51px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    margin-left: 10px;
}

.urundetayicerik .sepet-ekle > a:hover {
    color: #32ce7b;
    background-color: white;
}

.urundetayicerik .k-active {
    background-color: white !important;
    border: 10px;
}

.urundetayicerik .k-active > i {
    color: #313198 !important;
}

.slider .ozellikler {
    margin-top: 40px;
    display: inline-block;
}

.slider .ozellikler p {
}

.urunozellikler .urunozellikler-arka {
    width: 100%;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
    border-radius: 10px;
    min-height: 700px;
    background-color: white;
    overflow: hidden;
    margin-top: 50px;
}

.urunozellikler .urunozellikler-arka .tab-pane p {
    font-size: 15px;
}

.urunozellikler .urunozellikler-arka .tab-pane {
    padding: 30px;
}

.urunozellikler .urunozellikler-arka .nav-pills {
    border-bottom: 2px solid #57758c2e;
}

.urunozellikler .urunozellikler-arka .nav-pills > li:not(:last-child):before {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: #e0e6ea;
    z-index: 2;
}

.urunozellikler .urunozellikler-arka .nav-pills > li {
    position: relative;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a {
    position: relative;
    display: block;
    padding: 50px 0px;
    background: #f8fbfe;
    font-size: 18px;
    font-weight: bold;
    color: #54c4d1;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a.active:after {
    left: 20px;
    right: 20px;
    height: 5px;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a:after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0px;
    height: 0px;
    background: #57758cad;
    transition: 0.3s ease all;
    height: 2px;
    bottom: -3px;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a:before {
    content: '\f078';
    position: absolute;
    right: 25px;
    width: 25px;
    height: 25px;
    color: #57758c;
    padding-top: 3px;
    background-color: white;
    top: calc(50% - 13px);
    border-radius: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 15px;
    box-shadow: 4px 0px 5.64px 0.36px rgba(87, 117, 140, 0.14);
    font-family: "Font Awesome 5 Free";
    transition: 0.3s ease all;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a:hover {
    color: #57758ca3;
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a.active:before {
    box-shadow: 4px 0px 5.64px 0.36px rgba(87, 117, 140, 0.22);
    background: #57758c;
    color: #fff;
    transform: rotate(540deg);
}

.urunozellikler .urunozellikler-arka .nav-pills > li > a.active {
    background: #fff;
    color: #57758c;
}

.urunozellikler .ozellik-menu {
    display: inline-block;
    width: 100%;
}

.urunozellikler .ozellik-menu ul {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.urunozellikler .ozellik-menu li {
    display: inline-block;
}

.urunozellikler .ozellik-menu li:last-child > a {
    border: none !important;
}

.urunozellikler .ozellik-menu a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 800;
    color: #54c4d1;
    padding: 35px 75px 32px 50px;
    text-align: center;
    border-right: 1px solid #e0f2f7;
    position: relative;
}

.urunozellikler .o-active {
    border-bottom: 3px solid #57758c;
}

.urunozellikler .o-active > a {
    font-size: 18px;
    font-weight: 800;
    color: #57758c;
}

.urunozellikler .o-active > a:before {
    color: white;
    background-color: #57758c;
}

.urunozellikler .menu-icerik {
    display: inline-block;
    width: 100%;
    padding: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #57758c;
}

.urunozellikler {
    margin-bottom: 175px;
}

.m-menu {
    display: none;
    font-size: 25px;
    color: #57758c;
    text-align: right;
    width: 100%;
    padding: 0px 15px;
    position: relative;
}

.searchBox.active {
    opacity: 1;
    pointer-events: auto;
}

.searchBox {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    justify-content: center;
    height: 100vh;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
}

.searchBox .container {
    position: relative;
    height: 100%;
}

.searchBox .searchArea {
    position: relative;
    height: 100vh;
    transition: 0.4s ease all;
}

.searchBox.active .searchArea form {
    top: 50%;
    opacity: 1;
}

.searchBox .searchArea form {
    opacity: 0;
    position: absolute;
    top: 30%;
    width: 100%;
    transform: translateY(-50%);
    transition: 0.4s ease all;
}

.menuOverlay2.active {
    opacity: 1;
    pointer-events: auto;
}

.menuOverlay2 {
    opacity: 0;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.81);
    z-index: 5;
    transition: 0.3s ease all;
    pointer-events: none;
}

.searchBox .searchArea input:focus {
    outline: unset;
}

.searchBox .searchArea input {
    width: 100%;
    line-height: 56px;
    padding: 10px 20px;
    border: 0px;
    background: #f2fcfd;
    border-radius: 12px;
    color: #57758c;
    font-size: 16px;
    font-weight: 600;
}

.searchBox .searchArea button:hover {
    box-shadow: 0px 9px 22.32px -3.32px rgb(77, 86, 97);
}

.searchBox .searchArea button {
    background-image: -moz-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -webkit-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -ms-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    width: 56px;
    height: 56px;
    transition: 0.3s ease all;
    border-radius: 8 cx;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    bottom: 0px;
    right: 10px;
    color: #fff;
}

#harita {
    height: 300px;
}

.sepetBox.active {
    right: 0px;
    pointer-events: auto;
    opacity: 1;
    margin-top: 0px;
}

.sepetBox {
    position: absolute;
    min-width: 500px;
    right: 0px;
    top: 100%;
    padding-top: 31px;
    right: 0px;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s ease all;
    margin-top: -20px;
    z-index: 10;
    text-align: left;
}

.sepetBox .sepetArea:before {
    content: '';
    width: 20px;
    height: 20px;
    transform: translateY(-50%) rotate(45deg);
    display: inline-flex;
    color: #f1f6fc;
    top: 3px;
    font-size: 15px;
    background: #f8fbfe;
    border-radius: 4px;
    position: absolute;
    right: 21px;
}

.sepetBox .sepetArea {
    position: relative;
}

.sepetBox .sepetArea .sepettitle {
    border-bottom: 1px solid #d1d5da;
    border-radius: 8px 8px 0 0;
    background: #f8fbfe;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px;
    font-weight: 700;
    color: #88a0b5;
    font-size: 19px;
}

.cart-content {
}

.mobileHeader .mSepetBox .cart-content .cart-footer {
    background: transparent;
}

.mobileHeader .mSepetBox .cart-content .cart-footer span {
    color: #fff;
    justify-content: space-around;
}

.cart-content .cart-footer {
    display: block;
    padding: 15px 40px;
    background: #dfe7ef00;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.cart-content .cart-footer .btn {
}

.cart-content .cart-footer span {
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center;
    color: #57758c;
}

.cart-content .cart-footer span b {
    font-size: 23px;
    margin-left: 2px;
    vertical-align: middle;
}

.cart-content .cart-footer span small {
    font-size: 13px;
    margin-left: -5px;
}

.cart-content .cart_item:not(:last-child):after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0px;
    height: 1px;
    background: #d1d5da4a;
}

.cart-content .cart_item {
    display: flex;
    padding: 20px 25px;
    position: relative;
}

.cart-content .cart_item .cart_img {
    display: inline-block;
    vertical-align: top;
}

.cart-content .cart_item .cart_img .svgBox .background .arkaplan {
    fill: #57759d;
}

.cart-content .cart_item .cart_img .svgBox .background .st1 {
    opacity: 5.000000e-02;
}

.cart-content .cart_item .cart_img .svgBox .background .st2 {
    opacity: 0.15;
}

.cart-content .cart_item .cart_img .svgBox .background {
    z-index: 5;
    position: relative;
}

.cart-content .cart_item .cart_img .svgBox .background svg {
}

.cart-content .cart_item .cart_img .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 10px 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 5px;
    z-index: 6;
    background: transparent;
}

.cart-content .cart_item .cart_img .svgBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    transition: 0.3s ease all;
    top: 0px;
    width: 84px;
    vertical-align: top;
}

.cart-content .cart_item .cart_img .svgBox .content .baslik {
    color: #fff;
    font-size: 8px;
    font-weight: 200;
    line-height: 11px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.cart-content .cart_item .cart_img .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

.cart-content .cart_item .cart_img .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

.cart-content .cart_item .cart_img .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

.cart-content .cart_item .cart_img .svgBox .content .icon {
    transform: scale(1.5);
    opacity: 0.5;
}

.cart-content .cart_item .cart_img .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -8px;
    bottom: 4px;
    width: 40px;
    padding-bottom: 50%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

.cart-content .cart_item .cart_img .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

.cart-content .cart_item .cart_img .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.cart-content .cart_item .cart_img .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.cart-content .cart_item .cart_img .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 8px;
}

.cart-content .cart_item .cart_img .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.cart-content .cart_item .cart_img .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.mobileHeader .mSepetBox .cart-content .cart_item .cart_remove a {
    color: #fff;
}

.mobileHeader .mSepetBox
.cart-content .cart_item .cart_info a {

    color: #fff;
}

.mobileHeader .mSepetBox .cart-content .cart_item .cart_info span {
    color: #fff;
}

.cart-content .cart_item .cart_info a {
    font-size: 15px;
    font-weight: 500;
    color: #88a0b5;
    line-height: 18px;
    display: block;
}

.cart-content .cart_item .cart_remove {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}

.cart-content .cart_item .cart_remove a:hover {
    color: #596977;
}

.cart-content .cart_item .cart_remove a {
    color: #88a0b5;
}

.cart-content .cart_item .cart_remove i {
}

.cart-content .cart_item .cart_info span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #708190;
    line-height: 34px;
}

.cart-content .cart_item .cart_info {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: top;
    padding: 5px 10px;
}

.sepetBox .sepetArea .content {
    background: #fff;
    border-radius: 0px 0px 8px 8px;
}

.sepetBox .sepetArea .empty-content {
    padding: 15px 15px;
}

.sepetBox .sepetArea .empty-content .empty-content__icon {
    color: #57758c;
    font-size: 55px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 10px;
}

.sepetBox .sepetArea .empty-content .empty-content__icon .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke: currentColor;
    object-fit: contain;
    stroke-width: 0;
    fill: currentColor;
}

.sepetBox .sepetArea .empty-content .empty-content__title {
    display: block;
    color: #3b5e7b;
    opacity: .9;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.girisBox.active {
    pointer-events: auto;
    opacity: 1;
    margin-top: 0px;
}

.girisBox {
    position: absolute;
    min-width: 400px;
    top: 100%;
    padding-top: 31px;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s ease all;
    margin-top: -30px;
    z-index: 10;
}

.girisBox .girisArea:before {
    content: '';
    width: 20px;
    height: 20px;
    transform: translateY(-50%) rotate(45deg);
    display: inline-flex;
    color: #f1f6fc;
    top: 3px;
    font-size: 15px;
    background: #f8fbfe;
    border-radius: 4px;
    position: absolute;
    right: 110px;
}

.girisBox .girisArea {
    position: relative;
}

.girisBox .girisArea .giristitle {
    border-bottom: 1px solid #d1d5da;
    border-radius: 8px 8px 0 0;
    background: #f8fbfe;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px;
    font-weight: 700;
    color: #88a0b5;
    font-size: 19px;
}

.girisBox .girisArea .content {
    background: #fff;
    padding: 25px;
}

.girisBox .girisArea .content .login-form__icon {
    color: #556379;
    font-size: 19px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    opacity: 0.9;
}

.girisBox .girisArea .content .login-form__box input {
    padding-left: 40px;
}

.girisBox .girisArea .content .login-form__box {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.girisBox .girisArea .content .login-form__icon .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke: currentColor;
    object-fit: contain;
    stroke-width: 0;
    fill: currentColor;
}

.girisBox .girisArea .content .sifremiunuttum {
    font-weight: 300;
    color: #849cb0;
    font-size: 12px;
    display: block;
    text-align: left;
    margin-top: -5px;
    margin-bottom: 15px;
}

.girisBox .girisArea .content .btn {
}

.girisBox .girisArea .girisfooter {
    display: block;
    padding: 15px 40px;
    background: #dfe7ef;
    border-radius: 0 0 8px 8px;
    text-align: center;
    border-top: 1px solid #d1d5da;
}

.girisBox .girisArea .girisfooter a {
    display: inline-flex;
    padding: 10px;
    color: #57758c;
    font-weight: 800;
    font-size: 18px;
}

.girisBox input {
    display: block;
    width: 100%;
    border: none;
    font-weight: 400;
    color: #556379;
    background: #fff;
    box-shadow: unset;
    padding: 10px 20px;
    height: 50px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #dfe7ef;
}

.mobileHeader {
    display: none;
}

.mobileHeader.active .button-toggle span {
    background: #fff;
}

.mobileHeader.active .top .btn-mobiluyegirisibtn {
    color: #fff;
}

.mobileHeader .button-toggle {
    cursor: pointer;
    background: none;
    box-shadow: none;
    border: none;
    transition: all .3s;
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 30;
    outline: unset !important;
}

.button-toggle span {
    display: block;
    width: 33px;
    height: 4px;
    background: #57759d;
    border-radius: 10px;
    margin: 0;
    position: absolute;
    top: 23px;
    left: 14px;
    transition: all .3s;
}

.mobileHeader.active .button-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(-4px, 4px);
}

.mobileHeader.active .button-toggle span:nth-child(2) {
    transform: translateX(-50px);
    opacity: 0;
}

.mobileHeader.active .button-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(-4px, -4px);
}

.mobileHeader.active .button-toggle span {
    width: 42px;
}

.button-toggle span:nth-child(1) {
    transform: translateY(-13px);
}

.button-toggle span:nth-child(2) {
    left: 10px;
    width: 42px;
}

.button-toggle span:nth-child(3) {
    transform: translateY(13px);
}

.mobileHeader .top {
    background: #fff;
    padding: 25px 0px;
}

.mobileHeader .top .logo {
    display: block;
    position: relative;
    z-index: 30;
    padding: 5px 0px;
}

.mobileHeader .top .logo img {
}

.mobileHeader .top .btn-mobiluyegirisibtn {
    position: relative;
    z-index: 30;
    display: flex;
    height: 50px;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #57759d;
    font-size: 30px;
}

.mobileHeader .mMenu {
    background: #4a99cc;
    position: absolute;
    left: 0px;
    right: 100%;
    top: 0px;
    bottom: 0px;
    z-index: 29;
    padding-top: 106px;
    pointer-events: none;
    transition: 0.2s ease all;
    background-image: -moz-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 15%);
    background-image: -ms-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
}

.mobileHeader .mMenu.active {
    transition: 0.4s ease all;
    pointer-events: auto;
    opacity: 1;
    right: 0px;
}

.mobileHeader .mMenu.active .content {
    opacity: 1;
    transition: 0.3s 0.3s ease all;
}

.mobileHeader .mMenu .content {
    opacity: 0;
    min-width: 100vw;
    transition-delay: 0s;
    padding: 0px 25px;
}

.mobileHeader .mMenu .arama {
}

.mobileHeader .mMenu .arama form {
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    border: 1px solid #fff;
}

.mobileHeader .mMenu .arama input::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.mobileHeader .mMenu .arama input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.mobileHeader .mMenu .arama input::placeholder {
    color: #fff;
}

.mobileHeader .mMenu .arama input {
    width: 100%;
    border: 0px;
    height: 47px;
    background: #ffffff3d;
    border-radius: 100px;
    padding-left: 45px;
    color: #fff;
    font-weight: 500;
}

.mobileHeader .mMenu .arama button {
    position: absolute;
    background: transparent;
    box-shadow: unset;
    width: 47px;
    height: 47px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0px;
}

.mobileHeader .mMenu .navbar-nav {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.mobileHeader .mMenu .navbar-nav > li.active > a {
    color: #57759d;
}

.mobileHeader .mMenu .navbar-nav > li.active {
    background: #fff;
    box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    border-radius: 7px;
}

.mobileHeader .mMenu .navbar-nav > li {
    transition: 0.3s ease all;
}

.mobileHeader .mMenu .navbar-nav > li.megaMenu > a:before {
    content: '';
    display: block;
    border-color: currentColor transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mobileHeader .mMenu .navbar-nav > li.megaMenu > ul > li.megaMenu > a:before {
    content: '';
    display: block;
    border-color: #57759d transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mobileHeader .mMenu .navbar-nav > li > a {
    display: block;
    font-size: 20px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    transition: none;
    padding: 10px 15px;
    padding-right: 10px;
    color: #fff;
    font-weight: 600;
    position: relative;
}

.mobileHeader .mMenu .navbar-nav > li > ul {
    max-height: 0px;
    overflow: hidden;
    list-style-type: none;
    margin: 0px;
    transition: 0.2s ease all;
    padding: 0px 10px;
}

.mobileHeader .mMenu .navbar-nav > li.active > ul {
    max-height: 100vh;
    padding: 5px 10px;
    padding-top: 0px;
    transition: 0.4s ease all;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li.active {
    border-bottom: transparent;
    border-radius: 10px;
    background: #dee6ee47;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li {
}

.mobileHeader .mMenu .navbar-nav > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #dee6ee;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li > a {
    padding: 6px 20px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.7;
    position: relative;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li.active > a {
    border-bottom: 1px solid #dee6ee;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li.active > ul {
    max-height: 100vh;
    padding: 5px 30px;
    transition: 0.5s ease all;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li > ul > li > a {
    display: block;
    padding: 6px 0px;
    font-weight: 300;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #e5ebf1;
}

.mobileHeader .mMenu .navbar-nav > li > ul > li > ul > li {
}

.mobileHeader .mMenu .navbar-nav > li > ul > li > ul {
    max-height: 0px;
    overflow: hidden;
    transition: 0.1s ease all;
    list-style-type: none;
    padding: 0px 30px;
    margin: 0px;
}

.mobileHeader .mMenu .mobileSepetAc:before {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -4px;
    top: -4px;
    background: #ffffff59;
    border-radius: 100px;
    z-index: -1;
}

.mobileHeader .mMenu .mobileSepetAc span {
    background: #0089f3;
    z-index: 5;
    top: 0;
    right: 0;
    min-width: 22px;
    min-height: 22px;
    display: flex;
    justify-content: center;
    box-shadow: 0 7px 16px 0 rgba(41, 53, 108, .25);
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    font-size: 14px;
    padding: 2px 4px;
    margin-left: 10px;
}

.mobileHeader .mMenu .mobileSepetAc {
    display: block;
    background: #fff;
    border-radius: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #57759d;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

.mobileHeader .mMenu .mobileSepetAc i {
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -10px;
}

.mobileHeader .mUyeGirisi {
    background: #4a99cc;
    position: absolute;
    left: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 29;
    padding-top: 106px;
    pointer-events: none;
    transition: 0.2s ease all;
    background-image: -moz-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 15%);
    background-image: -ms-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
}

.mobileHeader .mUyeGirisi.active {
    transition: 0.4s ease all;
    pointer-events: auto;
    opacity: 1;
    left: 0px;
}

.mobileHeader .mUyeGirisi.active .content {
    opacity: 1;
    transition: 0.3s 0.3s ease opacity;
}

.mobileHeader .mUyeGirisi .content {
    opacity: 0;
    min-width: 100vw;
    transition-delay: 0s;
    padding: 0px 25px;
    transition: 0.1s 0.0s ease opacity;
    position: absolute;
    right: 0px;
}

.mobileHeader .mUyeGirisi .sifremiunuttum {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}

.mobileHeader .mUyeGirisi .btn {
    border-radius: 100px;
    color: #4993cb;
    background: #fff;
    margin-top: 20px;
}

.mobileHeader .mUyeGirisi .giristitle {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    padding: 0px 20px 20px 20px;
}

.mobileHeader .mUyeGirisi .login-form__box {
    margin-bottom: 15px;
}

.mobileHeader .mUyeGirisi .login-form__box .login-form__input::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.mobileHeader .mUyeGirisi .login-form__box .login-form__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.mobileHeader .mUyeGirisi .login-form__box .login-form__input::placeholder {
    color: #fff;
}

.mobileHeader .mUyeGirisi .login-form__box .login-form__input {
    border: 0px;
    border-bottom: 1px solid #ffffff4f;
    background: transparent;
    width: 100%;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
}

.mobileHeader .mUyeGirisi .girisfooter {
    border-top: 2px solid #fff;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
}

.mobileHeader .mUyeGirisi .girisfooter a {
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    padding: 15px 20px;
}

.mobileHeader .mSepetBox {
    background: #4a99cc;
    position: absolute;
    left: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 29;
    padding-top: 106px;
    pointer-events: none;
    transition: 0.2s ease all;
    background-image: -moz-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(14, 81, 132) 0%, rgb(84, 196, 209) 15%);
    background-image: -ms-linear-gradient(66deg, rgb(72, 146, 203) 0%, rgb(84, 196, 209) 100%);
}

.mobileHeader .mSepetBox.active {
    transition: 0.4s ease all;
    pointer-events: auto;
    opacity: 1;
    left: 0px;
}

.mobileHeader .mSepetBox.active > .content {
    opacity: 1;
    transition: 0.3s 0.3s ease opacity;
    display: block;
}

.mobileHeader .mSepetBox > .content {
    opacity: 0;
    /* min-width: 100vw; */
    transition-delay: 0s;
    padding: 0px 25px;
    display: none;
}

.mobileHeader .mSepetBox .content.empty-content {
    padding: 15px 15px;
}

.mobileHeader .mSepetBox .content .empty-content .empty-content__icon {
    color: rgba(255, 255, 255, 0.42);
    font-size: 55px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 10px;
}

.mobileHeader .mSepetBox .content .empty-content .empty-content__icon .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke: currentColor;
    object-fit: contain;
    stroke-width: 0;
    fill: currentColor;
}

.mobileHeader .mSepetBox .content .empty-content .empty-content__title {
    display: block;
    color: #ffffff;
    opacity: .9;
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
}

section.urunler {
}

section.urunler {
}

section.urunler .h1baslik {
    font-size: 30px;
    font-weight: 800;
    color: white;
    line-height: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #57758c52;
    margin-bottom: 40px;
}

section.urunler .h1baslik > span a,
section.urunler .h1baslik > span {
    font-size: 15px;
    font-weight: 400;
    color: white;
    display: inline-block;
}

section.urunler .h1baslik > span {
    display: block;
    margin-top: 9px;
}

section.urunler {
    display: inline-block;
    width: 100%;
    margin-top: 150px;
}

.urunler .urun .incele {
    display: block;
    background: #57758c;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50px;
    z-index: 1;
    bottom: 8px;
    border-radius: 25px;
    transition: 0.3s ease all;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 20px;
    display: none;
}

.urunler .urun:hover .incele {
    bottom: -30px;
}

.urunler .urun {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.urunler .urun:hover {
}

.urunler .urun:hover .svgBox {
}

.urunler .urun .svgBox .background .arkaplan {
    fill: #57759d;
}

.urunler .urun .svgBox .background .st1 {
    opacity: 5.000000e-02;
}

.urunler .urun .svgBox .background .st2 {
}

.urunler .urun .svgBox .background {
}

.urunler .urun .svgBox .background svg {
    border-radius: 20px;
}

.urunler .urun .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 15px 25px 15px 25px;
    overflow: hidden;
    margin-bottom: 5px;
        text-shadow: 3px 1px 17px #050708;
}

.urunler .urun .svgBox {
    position: relative;
    max-width: 100%;
    display: block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    transition: 0.3s ease all;
    top: 0px;
}

.urunler .urun .svgBox .content .baslik {
    color: #fff;
    font-size: 17px;
    font-weight: 200;
    line-height: 21px;
    text-transform: uppercase;
    position: absolute;
    bottom: 25px;
}

.urunler .urun .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

.urunler .urun .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

.urunler .urun .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

.urunler .urun:hover .svgBox .content .icon {
    transform: scale(1.5);
    opacity: 0.5;
}

.urunler .urun .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -40px;
    bottom: 40px;
    width: 100%;
    max-width: 132px;
    padding-bottom: 45%;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

.urunler .urun .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

.urunler .urun .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.urunler .urun .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 150px;
}

.urunler .urun .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 8px;
}

.urunler .urun .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.urunler .urun .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

section.girisPage {
    display: inline-block;
    width: 100%;
    margin-top: 150px;
}

section.girisPage .h1baslik {
    font-size: 30px;
    font-weight: 800;
    color: white;
    line-height: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #57758c52;
    margin-bottom: 40px;
}

section.girisPage .h1baslik > span a,
section.girisPage .h1baslik > span {
    font-size: 15px;
    font-weight: 400;
    color: white;
    display: inline-block;
}

section.girisPage .h1baslik > span {
    display: block;
    margin-top: 9px;
}

section.girisPage .girispanel {
    border-radius: 10px;
    box-shadow: 0 7px 16px 0 rgba(41, 53, 108, .2);
    background: #f7f9fd;
    overflow: hidden;
    margin-bottom: 50px;
}

section.girisPage .girispanel .content {
    padding: 25px;
}

section.girisPage .girispanel .title {
    display: flex;
    justify-content: space-between;
}

section.girisPage .girispanel .title a.active:before {
    height: 2px;
}

section.girisPage .girispanel .title a:before {
    content: '';
    height: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #4892cb;
    transition: 0.3s ease all;
}

section.girisPage .girispanel .title a {
    width: 50%;
    text-align: center;
    padding: 20px;
    font-weight: 600;
    background: #fff;
    color: #57758c;
    position: relative;
}

section.girisPage .girispanel .title a.active {
    color: #4892cb;
    background: #f7f9fd;
}

section.girisPage .girispanel .form-group {
}

section.girisPage .girispanel .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #41515d;
    margin-right: 15px;
    margin-bottom: 5px;
}

section.girisPage .girispanel .sifrmeniunuttum {
    font-weight: 600;
    color: #849cb0;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-top: -5px;
    margin-bottom: 15px;
}

section.girisPage .girispanel .form-group .form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #41515d;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid #cadade96;
    box-shadow: 0px 4px 8.64px -4.64px rgba(0, 0, 0, 0.16);
}

section.sepet .empty-content .btn-info {
    padding: 12px 40px;
    background: #57758c;
    border-color: #57758c;
}

section.sepet .empty-content .btn-primary {
    padding: 13px 40px;
    background-image: -moz-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -webkit-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    background-image: -ms-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%);
    border: 0px;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1) all;
    background-size: 200% 100%;
    background-position: 0 100%;
}

section.sepet .empty-content {
    display: block;
    padding: 15px 15px;
    text-align: center;
    width: 100%;
}

section.sepet .empty-content .empty-content__icon {
    color: #57758c;
    font-size: 55px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 10px;
}

section.sepet .empty-content .empty-content__icon .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke: currentColor;
    object-fit: contain;
    stroke-width: 0;
    fill: currentColor;
}

section.sepet .empty-content .empty-content__title {
    display: block;
    color: #3b5e7b;
    opacity: .9;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

section.sepet {
    margin-top: 150px;
    display: inline-block;
    width: 100%;
    position: relative;
}

section.sepet .sepetBanner {
}

section.sepet .sepetBanner .steps {
    max-width: 800px;
    display: block;
    margin: 0 auto;
    padding: 8px 10px;
    border-radius: 40px;
    background: #fff;
    justify-content: space-evenly;
    color: #6a8599;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
    text-align: center;
}

section.sepet .sepetBanner .steps .activesteps {
    display: inline-block;
    background: #4892cb24;
    border-radius: 30px;
    border: 1px solid #4892cb;
    color: #4892cb;
}

section.sepet .sepetBanner .steps .step:not(:first-child):before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #4892cb8a;
    position: absolute;
    left: -10px;
    top: calc(50% - 2.5px);
}

section.sepet .sepetBanner .steps .step {
    padding: 10px 30px;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
    position: relative;
    margin: 0 10px;
}

section.sepet .sepetBanner .steps .step i {
    margin-right: 3px;
    font-size: 15px;
    line-height: 14px;
}

section.sepet .sepetBanner h1 {
    text-align: center;
    color: #57758c;
    margin: 30px;
    font-size: 36px;
    font-weight: 600;
}

section.sepet .sepetArea {
    margin-bottom: 100px;
}

section.sepet .sepetArea .sepetPanel {
    display: block;
    box-shadow: 0 13px 35px 0 rgba(41, 53, 108, .16);
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 30px 15px;
}

section.sepet .sepetArea .sepetPanel .basliklar {
    border-bottom: 1px solid #57758c29;
    padding: 25px 25px 25px 25px;
}

section.sepet .sepetArea .sepetPanel .baslik1 {
    font-weight: 600;
    color: #57758c;
}

section.sepet .sepetArea .sepetPanel .baslik2 {
    color: #57758c;
    font-weight: 600;
    font-size: 15px;
}

section.sepet .sepetArea .sepetPanel .sepetContent .sepetItem {
    padding: 15px 0px;
    border-bottom: 1px solid #dedede;
    position: relative;
}

section.sepet .sepetArea .sepetPanel .sepetContent {
    background: #6a85990d;
    padding: 0px 25px 25px 25px;
}

section.sepet .sepetArea .sepetPanel .adetSec span {
    line-height: 28px;
    font-size: 17px;
    display: inline-block;
    padding: 0px 0px;
    font-weight: 600;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

section.sepet .sepetArea .sepetPanel .adetSec i:hover {
    color: #57758c;
}

section.sepet .sepetArea .sepetPanel .adetSec i {
    cursor: pointer;
    width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 9px;
    border-radius: 100%;
    color: #97acbe;
    box-shadow: 0 17px 46px 0 rgba(19, 29, 51, .2);
    transition: 0.3s ease all;
}

section.sepet .sepetArea .sepetPanel .adetSec {
    border-radius: 4px;
    padding: 9px;
    background: #e9eff2;
    justify-content: space-between;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .background .arkaplan {
    fill: #57759d;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .background .st1 {
    opacity: 5.000000e-02;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .background .st2 {
    opacity: 0.15;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .background {
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .background svg {
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 10px 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 5px;
}

section.sepet .sepetArea .sepetPanel .sepetItem p {
    font-size: 13px;
    margin-top: 10px;
    line-height: 21px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .text {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 5px;
    color: #61758c;
    width: calc(100% - 108px);
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    transition: 0.3s ease all;
    top: 0px;
    width: 100px;
    vertical-align: top;
    float: left;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .baslik {
    color: #fff;
    font-size: 9px;
    font-weight: 200;
    line-height: 11px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

section.sepet .sepetArea .sepetPanel .sepetItem:hover .svgBox .content .icon {
    transform: scale(1.5);
    opacity: 0.5;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -28px;
    bottom: 4px;
    width: 70px;
    padding-bottom: 70%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 8px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

section.sepet .sepetArea .sepetPanel .sepetItem:hover .sepetSil {
    opacity: 1;
}

section.sepet .sepetArea .sepetPanel .sepetItem .sepetSil {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #57758c40;
    border: 1px solid #57758c59;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    opacity: 0.2;
    transition: 0.3s ease all;
    color: #00000045;
    cursor: pointer;
    z-index: 2;
}

section.sepet .sepetArea .sepetPanel .sepetItem .sepetSil:hover {
    color: #000;
}

section.sepet .sepetArea .sepetPanel .sepetItem:last-child {
    border: 0px;
}

section.sepet .sepetArea .sepetPanel .sepetItem .fiyat {
    font-weight: 500;
    margin-top: 20px;
    color: #364c5d;
}

section.sepet .sepetArea .sepetSidebar {
    display: block;
    box-shadow: 0 13px 35px 0 rgba(41, 53, 108, .16);
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
    overflow: hidden;
}

section.sepet .sepetArea .sepetSidebar .sheader {
    border-bottom: 1px solid #57758c29;
    padding: 25px 25px 25px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f9fa;
}

section.sepet .sepetArea .sepetSidebar .sheader .title {
    font-weight: 600;
    color: #57758c;
    font-size: 18px;
}

section.sepet .sepetArea .sepetSidebar .sheader .text {
    color: #0092cf;
    font-weight: 500;
    font-size: 18px;
}

section.sepet .sepetArea .sepetSidebar .sepetBilgileri {
    padding: 14px;
    border-bottom: 1px solid #dde4e8;
    font-size: 14px;
    color: #57758c;
}

section.sepet .sepetArea .sepetSidebar .sepetBilgileri span {
    display: block;
    font-weight: 600;
    font-size: 16px;
}

section.sepet .sepetArea .sepetSidebar .sfooter {
    padding: 20px 20px;
    background: #f7f9fa;
}

section.sepet .sepetArea .sepetSidebar .sfooter span {
    font-size: 16px;
    color: #7194af;
}

section.sepet .sepetArea .sepetSidebar .sfooter .fiyat {
    font-size: 20px;
    font-weight: bold;
    color: #57758c;
    line-height: 35px;
}

section.sepet .sepetArea .sepetSidebar .sfooter .btn:hover i {
    margin-left: 25px;
}

section.sepet .sepetArea .sepetSidebar .sfooter .btn i {
    position: absolute;
    /* right: 25px; */
    top: 50%;
    line-height: 0px;
    margin-left: 10px;
    transition: 0.3s ease all;
}

section.sepet .sepetArea .sepetSidebar .sfooter .btn:Hover {
    opacity: 1;
}

section.sepet .sepetArea .sepetSidebar .sfooter .btn {
    margin-top: 20px;
    position: relative;
    opacity: 0.8;
}

header .profil-dropdown:hover .profil {
    background: #4da6cd;
    color: #fff;
    border-radius: 4px;
}

header .profil-dropdown .profil .img span {
    width: 18px;
    height: 18px;
    position: absolute;
    color: #fff;
    border-radius: 100%;
    background: #1877f2;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -5px;
    top: -5px;
}

header .profil-dropdown .profil .img {
    position: relative;
    width: 26px;
    height: 25px;
    background-color: #fff;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

header .profil-dropdown:hover .profil:after {
    color: #fff;
    transform: rotate(-180deg);
}

header .profil-dropdown .profil:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #3c5085;
    position: absolute;
    right: 16px;
    transition: 0.3s ease all;
}

header .profil-dropdown .profil {
    background: #e2f3f7;
    border-radius: 4px;
    border-radius: 11px;
    transition: 0.3s ease all;
    padding: 13.5px 16px;
    height: 48px;
    color: #3c5085;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

header .profil-dropdown:hover {
    z-index: 8;
}

header .profil-dropdown {
    width: 175px;
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

header .profil-dropdown:hover .dropdownn {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) scale(1);
}

header .profil-dropdown .dropdownn ul:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background: #f2fcfd;
    transform: rotate(45deg);
    z-index: -1;
    right: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

header .profil-dropdown .dropdownn {
    transition: 0.3s ease all;
    position: absolute;
    z-index: 2;
    border-radius: 6px;
    min-width: 220px;
    pointer-events: none;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    padding: 30px 0px;
}

header .profil-dropdown .dropdownn ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #f2fcfd;
    border-radius: 4px;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
}

header .profil-dropdown .dropdownn ul > li {
}

header .profil-dropdown .dropdownn ul > li:nth-child(even) a {
}

header .profil-dropdown .dropdownn ul > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

header .profil-dropdown .dropdownn ul > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

header .profil-dropdown .dropdownn ul > li:hover > a {
    background: #4da6cd;
    color: #fff;
}

header .profil-dropdown .dropdownn ul > li:hover > a i {
    color: #fff;
    transform: scale(1.5);
    opacity: 0.2;
}

header .profil-dropdown .dropdownn ul > li > a i {
    color: #3c508563;
    margin-right: 10px;
    font-size: 19px;
    line-height: 22px;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    width: 20px;
    text-align: center;
    transition: 0.3s ease all;
}

header .profil-dropdown .dropdownn ul > li > a span {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 16px;
    background: #1877f2;
    border-radius: 100%;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 9px);
    color: #fff;
}

header .profil-dropdown .dropdownn ul > li:not(:last-child) > a {
    border-bottom: 1px solid #c6d2da;
}

header .profil-dropdown .dropdownn ul > li > a {
    display: block;
    font-weight: 500;
    height: 46px;
    color: #57758c;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    padding-left: 50px;
    font-size: 15px;
}

.haberler {
}

.haberler .haberln:hover .baslik {
    background: #4892cb24;
}

.haberler .haberln {
    box-shadow: 0 7px 16px 0 rgba(41, 53, 108, .25);
    background: #fff;
    display: block;
    border-radius: 8px;
    padding: 10px;
    height: 190px;
    margin-bottom: 20px;
    overflow: hidden;
}

.haberler .haberln .baslik {
    background: #f8fbfe;
    position: relative;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    border-bottom: 1px solid #57758c2b;
    margin-bottom: 10px;
    transition: 0.3s ease all;
}

.haberler .haberln .baslik span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 120px;
    color: #57758c;
    font-weight: 500;
    transition: 0.3s ease all;
}

.haberler .haberln .baslik small {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #57758c;
    line-height: 46px;
    transition: 0.3s ease all;
}

.haberler .haberln:hover .baslik small {
}

.haberler .haberln:hover .baslik span {
}

.haberler .haberln .img {
    width: 160px;
    padding-bottom: 23%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #dce5eb;
}

.haberler .haberln p {
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    width: calc(100% - 180px);
    vertical-align: top;
}

.haberler .haberln p > b {
    color: #57758c94;
    margin-left: 5px;
}

.egitimyorumlar {
    margin-top: -20px;
}

.egitimyorumlar .yorumyap {
    position: relative;
    margin: 25px 0px;
}

.egitimyorumlar .yorumyap form {
}

.egitimyorumlar .yorumyap input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e0e6ea;
    background: #f8fbfe;
    line-height: 60px;
    padding: 10px 30px;
    transition: 0.3s ease all;
    font-weight: 600;
    color: #556379;
}

.egitimyorumlar .yorumyap input:focus {
    border: 1px solid #8da1b1;
}

.egitimyorumlar .yorumyap .btn-gonder:hover {
    transform: translateY(-50%) scale(0.9);
}

.egitimyorumlar .yorumyap .btn-gonder {
    position: absolute;
    right: 25px;
    width: 50px;
    height: 50px;
    padding: 0px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    background: #4892cb;
    color: #fff;
    transition: 0.3s ease all;
}

.egitimyorumlar .yorumyap .btn-gonder i {
}

.egitimyorumlar .yorum:not(:last-child) {
    border-bottom: 1px solid #e0e6ea;
}

.egitimyorumlar .yorum:hover {
    background: #f8fbfe;
}

.egitimyorumlar .yorum {
    padding: 20px 30px;
}

.egitimyorumlar .yorum .baslik {
    display: block;
    color: #8da1b1;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 10px;
}

.egitimyorumlar .yorum p {
    line-height: 1.375;
    color: #7d97ad;
    margin-bottom: 20px;
    letter-spacing: .2px;
    font-weight: 500;
    font-size: 17px;
    color: #7d97ad;
}

.egitimyorumlar .yorum .tarih {
    font-size: 15px;
    font-weight: 500;
    color: #8da1b1;
}

.egitimyorumlar .yorum .tarih i {
    font-size: 20px;
    vertical-align: middle;
    color: #4892cb;
}

.kartpanel form:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #dde4e8;
}

.kartpanel form {
    padding: 30px 0px;
    position: relative;
}

.kartpanel {
}

.kartpanel .form-group {
    margin: 0px;
    height: 100%;
}

.kartpanel .form-group span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    font-weight: 500;
    color: #57758c;
    padding-bottom: 10px;
}

.kartpanel .form-group input {
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #dde4e8;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #57758c;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background-image: -moz-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%) !important;
    background-image: -webkit-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%) !important;
    background-image: -ms-linear-gradient(66deg, rgb(84, 196, 209) 0%, rgb(74, 145, 209) 100%) !important;
}

.taksitpanel {
}

.taksitpanel span {
    display: block;
    height: 100%;
    font-weight: 500;
    color: #57758c;
    line-height: 25px;
    padding-bottom: 10px;
    font-size: 16px;
}

.taksitpanel .odemeSecenegi:before {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #0089f3;
    bottom: 0px;
    transition: 0.3s ease all;
}

.taksitpanel .odemeSecenegi.active:before {
    left: 0px;
    right: 0px;
    bottom: -10px;
}

.taksitpanel .odemeSecenegi {
    transition: 0.3s ease all;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 5px 0px;
    position: relative;
}

.taksitpanel .odemeSecenegi.active {
    margin-top: -10px;
}

.taksitpanel .odemeSecenegi.active svg {
    fill: #0089f3;
}

.taksitpanel .odemeSecenegi.active span {
    color: #0089f3;
}

.taksitpanel .odemeSecenegi svg {
    width: 35px;
    height: 25px;
    vertical-align: middle;
    fill: #57758c;
}

.taksitpanel .odemeSecenegi span {
    color: #57758c;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 0px;
    margin: 0px 4px;
}

.card-wrapper {
    margin: 30px 0px;
}

.profilSidebar {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    border-radius: 4px;
    margin: 20px 0px;
}

.profilSidebar span {
    font-size: 13px;
    display: block;
    color: #58768c;
    padding-left: 2px;
    font-weight: 300;
}

.profilSidebar h1 {
    line-height: 18px;
    font-size: 31px;
    margin-bottom: 18px;
    font-weight: 600;
    color: #58768c;
}

.profilSidebar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: -20px;
    margin-right: -20px;
}

.profilSidebar ul > li {
    border-bottom: 1px solid #f2f8fd;
}

.profilSidebar ul > li > a:hover:before, .profilSidebar ul > li > a.active:before {
    width: 100%;
}

.profilSidebar ul > li > a:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 0px;
    bottom: -1px;
    height: 1px;
    background: #3c5085;
    transition: 0.3s ease all;
}

.profilSidebar ul > li > a:hover, .profilSidebar ul > li > a.active {
    color: #3c5085;
}

.profilSidebar ul > li > a {
    display: block;
    font-size: 13px;
    position: relative;
    line-height: 42px;
    padding: 0px 20px;
    font-weight: 500;
}

.bilgilerimArea h1 {
    font-size: 24px;
}

.bilgilerimArea h2 {
    font-size: 19px;
}

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

.bilgilerimArea {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    border-radius: 4px;
    margin: 20px 0px;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

.siparislerim {
    margin: 20px 0px;
}

.siparislerim .siparis {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    border-radius: 4px;
    margin: 5px 0px;
}

.siparislerim .siparis .siparisdurumu i {
    background: #d8d8d8;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    margin-right: 3px;
}

.siparislerim .siparis .siparisdurumu {
    font-size: 13px;
}

.siparislerim .siparis .siparisdurumu .hazirlaniyor i {
    color: #fff;
}

.siparislerim .siparis .siparisdurumu .hazirlaniyor {
    color: #ccc;
}

.siparislerim .siparis .siparisdurumu .kargoda i {
    color: #fff;
    background: #f39306;
}

.siparislerim .siparis .siparisdurumu .kargoda {
    color: #f39306;
}

.siparislerim .siparis .siparisdurumu .teslimedildi i {
    color: #fff;
    background: #4ad17c;
}

.siparislerim .siparis .siparisdurumu .teslimedildi {
    color: #4ad17c;
}

.siparislerim .siparis .siparisdurumu .iptal i {
    color: #fff;
    background: #dc3545;
}

.siparislerim .siparis .siparisdurumu .iptal {
    color: #dc3545;
}

.siparislerim .siparis .ozet > .row {
    margin: 0px -5px;
}

.siparislerim .siparis .ozet > .row > div {
    padding: 0px 5px;
}

.siparislerim .siparis .ozet {
}

.siparislerim .siparis .ozet .img {
}

.siparislerim .siparis .ozet .siparisno {
    font-size: 13px;
}

.siparislerim .siparis .ozet .siparisno b {
}

.siparislerim .siparis .ozet .siparisno small {
    display: block;
    font-size: 13px;
    color: #d2d2d2;
}

.siparislerim .siparis .ozet .fiyat {
    color: #4ad17c;
    font-weight: bold;
    width: 100%;
    text-align: right;
}

.siparislerim .siparis .ozet .flex-m {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.siparislerim .siparis .ozet .siparisDetayBtn i {
    transition: 0.3s ease all;
}

.siparislerim .siparis.active .ozet .siparisDetayBtn i {
    transform: rotate(-180deg);
}

.siparislerim .siparis .ozet .siparisDetayBtn {
    font-size: 19px;
    width: 39px;
    height: 30px;
    background: #c1d0d7;
    color: #54708a;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-weight: bold;
}

.siparislerim .siparis .ozet .fiyat small {
    display: block;
    font-size: 12px;
    color: #d2d2d2;
    text-align: right;
}

.siparislerim .siparis.active .detay {
    max-height: 1000vh;
    padding: 20px 0px;
}

.siparislerim .siparis .detay {
    max-height: 0px;
    transition: 0.3s ease all;
    overflow: hidden;
}

.siparislerim .siparis .detay .urunler {
}

.siparislerim .siparis .detay .urunler .urun .flex-m {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.siparislerim .siparis .detay .urunler .urun {
    border-bottom: 1px solid #f2f8fd;
    padding: 10px 0px;
}

.siparislerim .siparis .detay .urunler .urun .urundadi {
    width: 100%;
}

.siparislerim .siparis .detay .urunler .urun .fiyat {
    display: block;
    color: #4ad17c;
    font-weight: bold;
    width: 100%;
}

.siparislerim .siparis .detay .urunler .urun .aciklama p {
    margin: 0px;
    font-size: 12px;
    color: #000000bd;
}

.siparislerim .siparis .detay .urunler .urun .aciklama {
}

.siparislerim .siparis .detay .urunler .urun .img {
}

.siparislerim .siparis .detay .adresbilgi {
}

.siparislerim .siparis .detay .adresbilgi h1 {
    margin: 10px 0px 20px;
}

.siparislerim .siparis .detay .adresbilgi h3 {
    font-size: 17px;
}

.siparislerim .siparis .detay .adresbilgi p {
    color: #0000005c;
}

.siparislerim .siparis .ozet .img .svgBox .background .arkaplan {
    fill: #57759d;
}

.siparislerim .siparis .ozet .img .svgBox .background .st1 {
    opacity: 5.000000e-02;
}

.siparislerim .siparis .ozet .img .svgBox .background .st2 {
    opacity: 0.15;
}

.siparislerim .siparis .ozet .img .svgBox .background {
    z-index: 5;
    position: relative;
}

.siparislerim .siparis .ozet .img .svgBox .background svg {
}

.siparislerim .siparis .ozet .img .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 10px 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 5px;
    z-index: 6;
    background: transparent;
}

.siparislerim .siparis .ozet .img .svgBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    transition: 0.3s ease all;
    top: 0px;
    width: 84px;
    vertical-align: top;
}

.siparislerim .siparis .ozet .img .svgBox .content .baslik {
    color: #fff;
    font-size: 8px;
    font-weight: 200;
    line-height: 11px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.siparislerim .siparis .ozet .img .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

.siparislerim .siparis .ozet .img .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

.siparislerim .siparis .ozet .img .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

.siparislerim .siparis .ozet .img .svgBox .content .icon {
    transform: scale(1.5);
    opacity: 0.5;
}

.siparislerim .siparis .ozet .img .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -8px;
    bottom: 4px;
    width: 40px;
    padding-bottom: 50%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

.siparislerim .siparis .ozet .img .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

.siparislerim .siparis .ozet .img .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.siparislerim .siparis .ozet .img .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.siparislerim .siparis .ozet .img .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 8px;
}

.siparislerim .siparis .ozet .img .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.siparislerim .siparis .ozet .img .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .background .arkaplan {
    fill: #57759d;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .background .st1 {
    opacity: 5.000000e-02;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .background .st2 {
    opacity: 0.15;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .background {
    z-index: 5;
    position: relative;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .background svg {
    border-radius: 5px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 10px 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 5px;
    z-index: 6;
    background: transparent;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    transition: 0.3s ease all;
    top: 0px;
    width: 84px;
    vertical-align: top;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .baslik {
    color: #fff;
    font-size: 8px;
    font-weight: 200;
    line-height: 11px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .baslik b {
    display: block;
    font-weight: 800;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .baslik span {
    display: block;
    font-weight: 800;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content p {
    font-size: 17px;
    font-weight: 200;
    color: #fff;
    width: 100%;
    max-width: 200px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .icon {
    transform: scale(1.5);
    opacity: 0.5;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .icon {
    background: #fff;
    position: absolute;
    right: -8px;
    bottom: 4px;
    width: 40px;
    padding-bottom: 50%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .saat {
    font-size: 17px;
    line-height: 35px;
    color: #fff;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url(../img/saat.svg);
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .bilgilendirme {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .tarih {
    display: block;
    font-size: 17px;
    color: #fff;
    line-height: 17px;
    margin-bottom: 8px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #fff;
    margin-right: 10px;
    top: 2px;
}

.siparislerim .siparis .detay .urunler .urun .img .svgBox .content .tarih small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

.odeme-sonuc {
    text-align: center;
    display: block;
}

.odeme-sonuc.success > i {
    color: #65e294;
    border-color: #65e294;
}

.odeme-sonuc.success > span {
    color: #4ad17c;
    font-weight: 500;
}

.odeme-sonuc.danger > i {
    color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0px 2px 20px 0 rgba(220, 53, 69, 0.79);
}

.odeme-sonuc.danger > span {
    color: #dc3545;
    font-weight: 500;
}

.odeme-sonuc.danger > p {
    color: #dc3545;
    font-size: 14px;
}

.odeme-sonuc > i {
    width: 100px;
    height: 100px;
    border: 3px solid #c1d0d7;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #c1d0d7;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 40px;
}

.odeme-sonuc > span {
    display: block;
    margin-bottom: 30px;
}

.odeme-sonuc > p {
}

.mobileHeader .mUyeGirisi ul:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background: #f2fcfd;
    transform: rotate(45deg);
    z-index: -1;
    right: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.mobileHeader .mUyeGirisi ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #f2fcfd;
    border-radius: 4px;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
}

.mobileHeader .mUyeGirisi ul > li {
}

.mobileHeader .mUyeGirisi ul > li:nth-child(even) a {
}

.mobileHeader .mUyeGirisi ul > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.mobileHeader .mUyeGirisi ul > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mobileHeader .mUyeGirisi ul > li:hover > a {
    background: #4da6cd;
    color: #fff;
}

.mobileHeader .mUyeGirisi ul > li:hover > a i {
    color: #fff;
    transform: scale(1.5);
    opacity: 0.2;
}

.mobileHeader .mUyeGirisi ul > li > a i {
    color: #3c508563;
    margin-right: 10px;
    font-size: 19px;
    line-height: 22px;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    width: 20px;
    text-align: center;
    transition: 0.3s ease all;
}

.mobileHeader .mUyeGirisi ul > li > a span {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 16px;
    background: #1877f2;
    border-radius: 100%;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 9px);
    color: #fff;
}

.mobileHeader .mUyeGirisi ul > li:not(:last-child) > a {
    border-bottom: 1px solid #c6d2da;
}

.mobileHeader .mUyeGirisi ul > li > a {
    display: block;
    font-weight: 500;
    height: 46px;
    color: #57758c;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    padding-left: 50px;
    font-size: 15px;
}

.jq-icon-success {
    color: #fff;
    background-color: #4eabce;
    border-color: #4eabce;
}

.jq-icon-success .jq-toast-loaded {
    background-color: #475f80 !important;
    top: auto;
    bottom: 0px;
}

.swal2-icon.swal2-success .swal2-success-ring {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(78, 171, 206, 0.2) !important;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.swal2-icon.swal2-success {
    border-color: rgb(73, 152, 204) !important;
}

.swal2-modal .swal2-styled {
    background-color: rgb(73, 152, 204) !important;
    border-left-color: rgb(73, 152, 204) !important;
    border-right-color: rgb(73, 152, 204) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    height: 5px;
    background-color: rgb(73, 152, 204) !important;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.swal2-modal .swal2-title {
    color: #475f80;
}

.sayfalama {
    position: relative;
    width: 100%;
}

.sayfalama a {
    width: 50px;
    height: 50px;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #57758c;
    color: #fff;
}

.sayfalama a.active, .sayfalama a:hover {
    background: #fff;
    color: #57758c;
}

.accordion .card .btn{
    box-shadow: none;
    color: #52b4ce;
    padding: 0px;
    width: 100%;
        overflow: hidden;
    text-align: left;
}

.sosyal-iconlar{
    position: fixed;
    z-index: 99;
    right: 10px;
    top: 200px;
    width: 20px;
    text-align: center;
}
.sosyal-iconlar ul{
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
}
.sosyal-iconlar ul li{
    display: inline-block;
    width: 100%;
}
.sosyal-iconlar ul li a{
    display: inline-block;
    width: 100%;
}
.sosyal-iconlar ul li a i{
    color: #4c6689;
    font-size: 18px;
}

.sosyal-iconlar .bizitakipedin{font-weight: 500;font-size: 16px;color: #57759d;width: 170px;display: inline-block;transform: rotate(-90deg);position: absolute;left: -75px;top: 200px;}

.urundetayicerik .icon-text > .egitmen {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    position: relative;
    margin-bottom: 25px;
    padding-left: 35px;
}

.urundetayicerik .icon-text > .egitmen:before {
    content: '';
    width: 30px;
    position: absolute;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/teacher.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
    bottom: 0px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    left: 0px;
}

.urundetayicerik .icon-text > .egitmen > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
    .besyildiz .row{
        display: block !important;
    }
    .super-boxs {
        margin: auto !important;
        width: 250px !important;
        height: 400px;
    }
    .besyildiz .box {
        position: absolute;
        width: 250px !important;}

    .searchBox {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    header {
        display: none;
    }

    .m-menu {
        display: inline-block;
    }

    header .btn-g {
        text-align: center;
        padding-top: 20px;
    }

    header .btn-g .btn.btn-light {
        padding: 8px 12px;
    }

    header .btn-g .btn.btn-primary {
        padding: 8px 12px;
    }

    header .btn-g .btn.btn-dark {
        width: 40px;
        height: 40px;
    }

    .menu {
        display: inline-block !important;
        position: absolute;
        right: 0px;
        width: 320px;
        top: 40px;
        z-index: 99;
    }

    header .menu .navbar {
        display: inline-block;
        width: 100%;
    }

    .menu #ustmenul {
        display: inline-block;
        width: 100%;
    }

    header .menu .navbar-nav {
        background-color: #f7f9fa;
    }
}

.sepetPanel .content .sheader .title{

}

#kayitform{
    padding: 25px;
}

.girispanel {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0px;
}

.girispanel .content {
    padding: 25px;
}

.girispanel .title {
    display: flex;
    justify-content: space-between;
}

.girispanel .title a.active:before {
    height: 2px;
}

.girispanel .title a:before {
    content: '';
    height: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #4892cb;
    transition: 0.3s ease all;
}

.girispanel .title a {
    width: 50%;
    text-align: center;
    padding: 20px;
    font-weight: 600;
    background: #fff;
    color: #57758c;
    position: relative;
}

.girispanel .title a.active {
    color: #4892cb;
    background: #f7f9fd;
}

.girispanel .form-group {
}

.girispanel .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #41515d;
    margin-right: 15px;
    margin-bottom: 5px;
}

.girispanel .sifrmeniunuttum {
    font-weight: 600;
    color: #849cb0;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-top: -5px;
    margin-bottom: 15px;
}

.girispanel .form-group .form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #41515d;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid #cadade96;
    box-shadow: 0px 4px 8.64px -4.64px rgba(0, 0, 0, 0.16);
    height: auto !important;
}
.girispanel .btn{
    opacity: 0.8;
}
.girispanel .btn:Hover{
    opacity: 1;
}
.girispanel .btn i{
    transition: all 0.3s ease;
}
.girispanel .btn:hover i{
    margin-left: 25px;
}

.sepet-giris-title{
    border-bottom: 1px solid #57758c29;
    padding: 25px 25px 25px 25px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    align-items: center;
    background: #f7f9fa;
    font-size: 18px;
}

.sepet-giris-title a{
    color: #57758c;
}

.okudum{display: inline-flex;width: 100%;vertical-align: middle;}

.okudum input{display: inline-block;height: 20px;width: 17px;}

.okudum span{display: inline-block;font-size: 13px;height: 20px;padding-left: 10px;font-weight: 500;background: #fff;color: #57758c;}

.okudum span a{color: #4892cb;font-weight: 500;}




section.slider .swiper-arrows {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 200px;
    z-index: 2;
    top: 50%;
    text-align: right;
    transform: translateY(-50%);
    pointer-events: none;
}

section.slider .swiper-arrows .box {
    position: relative;
    display: inline-block;
    z-index: 2;
    pointer-events: auto;
}

section.slider .swiper-arrows .box .swiper-button-prevV {
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    background: #57758c;
    color: #fff;
    font-size: 35px;
    padding: 7px 16px;
    line-height: 0px;
    margin: 10px auto;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

section.slider .swiper-arrows .box .swiper-button-nextT {
    cursor: pointer;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    color: #57758c;
    font-size: 60px;
    line-height: 0px;
    border: 3px solid #57758c;
    padding: 6px 19px;
    background: #e2f3f7;
}

section.slider .swiper-pagination {
    position: absolute;
    top: 250px;
    text-align: left;
    right: 0px;
    height: 80px;
    left: auto;
    transform: unset;
    width: 52.5%;
    display: flex;
    align-items: center;
}

section.slider .swiper-pagination-bullet .icon {
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: #57758c;
    width: 100%;
    height: 100%;
    display: none;
    transition: 0.3s ease all;
}

section.slider .swiper-pagination-bullet:hover {
    opacity: 1;
}

section.slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover .icon {
    display: block;
    background: #e2f3f7;
    padding: 1px;
}

section.slider .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    border-radius: 0px;
    margin: 5px !important;
    background: #57758c;
    opacity: 1;
    position: relative;
    z-index: 6;
    border-radius: 100%;
    border: 4px solid #57758c;
    vertical-align: middle;
    transition: 0.3s ease all;
}

section.slider .swiper-pagination-bullet-active .icon {
    display: block;
}

section.slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e2f3f7;
    width: 78px;
    height: 78px;
    vertical-align: middle;
    padding: 15px;
}

.urundetay .svgBox .background .st1{
    opacity: 0.2;
}
.urundetay .svgBox .background .st2{
}

.mesleki-yeterlilik{
    display: inline-block;
    width: 100%;
    padding: 25px 0px 200px 0px;
}

.mesleki-yeterlilik .arka{
    display: inline-block;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    padding: 30px 30px;
    box-shadow: 2px 3.464px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    display: inline-flex;
}

.mesleki-yeterlilik .arka a{
    display: inline-flex;
    width: 100%;
}

.mesleki-yeterlilik .arka a .logolar{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 85px;
    width: 100%;
}

.mesleki-yeterlilik .arka a .logo{display: inline-block;width: 90%;background-position: center;background-repeat: no-repeat;background-size: contain;}


.mesleki-yeterlilik .arka span{display: inline-block;padding: 11px 20px;font-size: 21px;font-weight: 700;color: #54c4d1;}

section.slider .swiper-slide .yaziBox .icon-text {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

section.slider .swiper-slide .yaziBox .icon-text > .tarih {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    margin-bottom: 25px;
}

section.slider .swiper-slide .yaziBox .icon-text > .tarih:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/takvim.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
}

section.slider .swiper-slide .yaziBox .icon-text > .tarih > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

section.slider .swiper-slide .yaziBox .icon-text > .saat {
    display: block;
    font-size: 17px;
    color: #54c4d1;
    line-height: 17px;
    margin-bottom: 25px;
}

section.slider .swiper-slide .yaziBox .icon-text > .saat:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    -webkit-mask-image: url('../img/saat.svg');
    background: #617d93;
    margin-right: 10px;
    top: 2px;
}

section.slider .swiper-slide .yaziBox .icon-text > .saat > small {
    display: block;
    font-size: 12px;
    line-height: 17px;
}

section.slider .swiper-slide .yaziBox .saatvetarih{
    transition: all 0.9s ease;
    left: -100vw;
    position: relative;
    margin-bottom: 10px;
}

section.slider .swiper-slide.swiper-slide-active .yaziBox .saatvetarih{
    left: 0px;
}

.bankahesapdis{
    display: block;
    width: 100%;
    background-color: white;
    box-shadow: 2px 3.464px 53.01px 3.99px rgba(76, 138, 208, 0.43);
}
.bankahesapdis .bankabilgi{}
.bankahesapdis .bankabilgi span{
    font-weight: 600;
}

.bankahesapbaslik{
    font-size: 30px;
    font-weight: 800;
    color: #4c9bcc;
    line-height: 25px;
    padding: 75px 0px 25px 0px;
}

.urundetayicerik .islemler{
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.sertifikasorgula{display: inline-flex;width: 100%;}

.sertifikasorgula input{
    width: 100%;
    height: auto;
    border: 1px solid #dcdee4;
    background-color: #e1eaeb;
    margin-bottom: 20px;
    padding: 11px 10px;
    color: #3a3c41;
    font-weight: 500;
}

.sertifikasorgula button{
    padding: 12px 25px;
    background-color: #3a3c41;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
    width: 175px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.sertifikasorgula button:hover{
    background-color: #4991cb;
}

.setifikadis{display: inline-block;width: 100%;border: 1px solid #e1eaeb;padding: 25px 20px;}

.setifikadis .sertifikabilgi{display: block;width: 100%;margin-bottom: 10px;border-bottom: 1px solid #dee8ea;padding-bottom: 5px;font-size: 15px;font-weight: 400;color: #57758c;}

.setifikadis .sertifikabilgi span{
    font-weight: 500;
    min-width: 115px;
    display: inline-block;
}

.message{
    padding: 20px 25px;
    border-left: 3px solid #e4b9b9;
    background-color: #f2dede !important;
    color: #a94442 !important;
}

.message2{
    padding: 20px 25px;
    border-left: 3px solid #b9e4bf;
    background-color: #dff2de !important;
    color: #42a958 !important;
}

.cerezpolitikasi{position: fixed;left: 10px;bottom: 120px;z-index: 9;max-width: 375px;background-color: #4c6689;border-radius: 5px;padding: 5px 0px;}
.cerezpolitikasi .text{display: block;width: 100%;padding: 7px 15px;font-size: 12px;color: white;font-weight: 300;}
.cerezpolitikasi .text a{
    display: block;
    width: 100%;
    color: #54c4d1;
    font-weight: 500;
    font-size: 13px;
}
.cerezpolitikasi .kapat{display: block;width: 100%;text-align: right;padding: 10px 15px;}
.cerezpolitikasi .kapat button{
    border: none;
    background-color: #54c4d1;
    color: white;
    box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.16);
    font-size: 13px;
    font-weight: 400;
    padding: 5px 10px;
    transition: 0.3s ease all;
    border-radius: 5px;
    cursor: pointer;
}
.cerezpolitikasi .kapat button:hover{
    background-color: white;
    color: #54c4d1;
}

.sosyalicons{
    display: block;
    width: 100%;
    margin-bottom: 50px;
}
.sosyalicons .text{
    display: inline-flex;
    width: 100%;
    padding: 5px 0px;
}
.sosyalicons .text .yazi{
    color: #57758c;
    display: inline-block;
    width: 150%;
    font-size: 30px;
    font-weight: 300;
}
.sosyalicons .text .yazi span{display: block;width: 100%;font-weight: 500;}
.sosyalicons .text .icon{
    display: inline-block;
    width: 20%;
    padding: 10px 0px;
}
.sosyalicons .text .icon i{font-size: 48px;color: #57758c;padding: 15px 0px;}
.iconlar{
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.iconlar li{
    display: inline-block;
    margin: 15px 15px;
    box-shadow: 2px 3.464px 22.32px 1.68px rgba(76, 138, 208, 0.43);
    border-radius: 10px;
}
.iconlar li a{
    display: block;
    width: 100%;
    padding: 20px 25px;
    color: #57758c;
    border-radius:10px;
}
.iconlar li a:hover{
    background-color:#57758c;
    color:white;

}
.iconlar li a i{
    font-size: 40px;
}
@media only screen and (min-width: 480px) and (max-width: 579px) {
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 1200px) {
}
.guncel-programlar img{
    border-radius: 0px 25px 25px 25px;
    width:100%;
    height: 120px;
    object-fit: cover;
}
.guncel-programlar .item:hover{
    box-shadow: -5px 1px 24px #4c8ad0a1;
    transition: 300ms;
}
.guncel-programlar .owl-item.cloned.active.secili-program{
    border-radius: 30px;
    box-shadow: -5px 1px 24px #4c8ad0a1;
}
.guncel-programlar .item{
    border-radius: 30px;
    transition: 300ms;
}
.guncel-programlar .kategori .content:before{
    content:"";
    width:25px;
    height:19px;
    background:url(../img/contentbeforre.png);
    position:absolute;
    top: -11px;
    left: 21px;
    background-repeat: no-repeat;

}
.language li ul{
    opacity: 0;
    transition: 300ms;
    margin: 0;

    position: absolute;
    background: #fff;
    margin-top: 10px;
    padding: 5px;
    border-radius: 10px;
}
.language li{
    list-style: none;
}
.language li img{
    margin: 0px 0px 0px 3px;
}
.language li ul img{
    width:30px;
    margin:0;
}
.language li:hover ul {
    opacity:1;

    transition: 300ms;

}
.language li a:focus ul {
    opacity:1;

    transition: 300ms;

}
.language li:hover ul li{
    margin-top:5px;
}

.mt-100{
    margin-top:100px;
}
.mb-100{
    margin-bottom:100px;
}
a#btnyorumyap{
    background: #32ce7b;
    color: #fff;
    padding: 15px;
    float: right;
    border-radius: 7px;
    margin-top:10px;
}
.owl-carousel .owl-item .background img{
    height: 350px;
    /* object-fit: cover; */
}
#animated-thumbnails-gallery img{
    border-radius: 15px;
    width: 100%;
    height: 300px;
    object-fit: cover;

}
#animated-thumbnails-gallery .item{
    border-radius: 15px;
    margin-top:15px;
    background: #cfe4f48c;
    padding: 10px;
    color: #577da8;
    font-weight: 600;
    transition: 300ms;
    text-align: center;
    font-size: 19px;
}
#animated-thumbnails-gallery .item p{
    margin-top:5px;
}
#animated-thumbnails-gallery .item:hover{
    box-shadow: 2px 3.464px 53.01px 3.99px rgb(76 138 208 / 43%);
    transition: 300ms;
}
.kurumsal-block .item img{
    height: 100px;
    object-fit: contain;
}
.besyildiz{
    margin-top:50px;
}
.besyildiz .box {
    position: absolute;
    width: calc(100% / 5 - 70px);
    height: 350px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow ease 1s;
    transition: -webkit-box-shadow ease 1s;
    transition: box-shadow ease 1s;
    transition: box-shadow ease 1s, -webkit-box-shadow ease 1s;
}


.besyildiz .icon {
    position: relative;
    margin-top: 8px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
    will-change: transform;
    font-size: 50px;
    color: #54c4d1;
}

.besyildiz .icon_bg {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 1px solid rgba(225, 227, 232, 0.18);
    -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
    will-change: transform;
}

.besyildiz .title {
    position: relative;
}

.super-box:hover .box {
    /*   border: 1px solid rgba(225, 227, 232, 0.18); */
    -webkit-box-shadow:  0px 9px 22.32px 1.68px rgb(76 138 208 / 43%);
    box-shadow: 0px 9px 22.32px 1.68px rgb(76 138 208 / 43%);
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
}

.super-box:hover .icon_bg {
    -webkit-transform: translateY(-32px) scale(6);
    transform: translateY(-32px) scale(6);
}

.super-box:hover .icon {
    -webkit-transform: translateY(-100px) scale(1.4);
    transform: translateY(-100px) scale(1.4);
    font-size:25px;
}
.super-boxs {
    width:calc(100% / 5);
}
.super-box {
    width: 100%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.besyildiz .text {
    position: relative;
    top: -66px;
    text-align: center;
    opacity:1;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
}

.besyildiz .super-box:hover ~ .text {
    opacity: 0;
    -webkit-transform: translateY(-4px) scale(.8);
    transform: translateY(-4px) scale(.8);

}


.besyildiz .box p{
    position: absolute;
    width: 170px;
    top: 111px;
    opacity: 0;
    font-size: 13px;
    color: #5d6494;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
}
.super-box:hover .box p{
    opacity: 1;
}

.dr {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width:100px;
}
.block-yazi.bilgi img{
    object-fit: contain;
    padding: 0 25px 25px;
    float:left;
    width:50%;
    border-radius: 36px;
    margin-top: 25px;
}
.yorumlar h6{
    color: #57758c;
    font-weight: 700;
}
.yorumlar p{
        margin-bottom: 0;
    color: #6c8193;
}
.container{
    padding-left:25px;
    padding-right:25px;
}

section.guncel-programlar2 h1 {
    font-size: 44px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}

section.guncel-programlar2 .background img {
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 10px;
}

section.guncel-programlar2 .content{
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #54c4d1;
    background: #ffffff;
    width: 70%;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid;
    font-weight: 600;
    }
    
    
    
    
    .owl-guncelProgramlar2 .owl-nav {
    position: absolute;
    top: 110px;
    right: -55px;
    width: 80px;
    text-align: center;
}

.owl-guncelProgramlar2 .owl-nav button:focus {
    outline: none;
}

.owl-guncelProgramlar2 .owl-prev {
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar2 .owl-prev > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.owl-guncelProgramlar2 .owl-next {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar2 .owl-next > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}
.guncel-programlar3{
    height: 700px;
}


   
    .owl-guncelProgramlar3 .owl-nav {
    position: absolute;
    top: 110px;
    right: -55px;
    width: 80px;
    text-align: center;
}

.owl-guncelProgramlar3 .owl-nav button:focus {
    outline: none;
}

.owl-guncelProgramlar3 .owl-prev {
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar3 .owl-prev > i {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 5px;
    bottom: 0px;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: #57758c;
}

.owl-guncelProgramlar3 .owl-next {
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    margin: 0 auto;
    background-color: #57758c;
    font-size: 60px;
    position: relative;
    box-shadow: 0px 9px 22.32px 1.68px rgba(76, 138, 208, 0.43);
}

.owl-guncelProgramlar3 .owl-next > i {
    position: absolute;
    top: 7px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    color: #ffffff;
}

.video-info h3 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin: 15px 0 10px 0;
}

.video-description {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0;
}



iframe {
    border-radius: 8px;
}

section.guncel-programlar3 h1 {
    font-size: 43px;
    font-weight: bold;
    color: #54c4d1;
    line-height: 68px;
    margin-bottom: 20px;
}