﻿@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

html, body, form { height: 100%; margin: 0; padding: 0; }
body {
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
}
a, a:hover { text-decoration: none !important; }
.display-5 { font-size: 4rem; font-weight: 300; line-height: 1.2; }
.font-size-14px { font-size: 14px !important; }

.circle-icon { background: #ffc0c0; width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 100px; vertical-align: middle; padding: 30px; }

/* ### Top Bar ### */
.top-bar { height: 50px; }
.top-bar ul.social-links { list-style-type: none; margin: 0; padding: 0; }
ul.social-links li { width: 44px; overflow: hidden; padding-left: 6px; padding-right: 6px; display: inline-flex; align-items: center; justify-content: center; transition: background-color .4s; }
ul.social-links li:first-child { margin-left: -6px; }
.social-links li:nth-child(1):hover { background-color: #5576a5; }
.social-links li:nth-child(2):hover { background-color: #55aed4; }
.social-links li:nth-child(3):hover { background-color: #d82b2b; }
.social-links li:nth-child(4):hover { background-color: #c03174; }
ul.social-links a {  }
ul.social-links a img { width: 32px; transition: width .4s; }
ul.social-links li:hover img { width: 64px; left: -25%; }

.top-bar a.login-register { color: #333; text-decoration: none; transition: all .4s; }
.top-bar a.login-register:hover { background-color: #039be5; color: #f9f9f9; }

/* ### Site Header ### */
.site-header {
    background: url(../img/bg-header.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
}
.site-header:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #151421; opacity: .8; }


/* ### Site Header > Site Navbar ### */
.site-navbar { background-color: rgba(255, 255, 255, .1); }
.site-navbar ul.navbar-nav a { color: inherit; font-weight: 400; display: block; padding-top: 10px; padding-bottom: 10px; text-decoration: none; }
.site-navbar ul.navbar-nav li { color: #bebebe; margin-left: 15px; margin-right: 15px; text-align: center; border-bottom: 3px solid transparent; transition: all .2s; }
.site-navbar ul.navbar-nav li.active,
.site-navbar ul.navbar-nav li:hover { color: #fff; border-bottom: 3px solid #00bee4; }

/* ### Site Header > Özel Akademi Detail ### */
.besportals-detail .detail-box-inner { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background-color: rgb(248, 248, 249); color: #6e6e6e; }
.detail-box-inner .header { width: 100%; text-align: center; font-weight: 400;
                            font-size: 1.5rem; line-height: 1.8rem; height: 3.6rem;
}
.detail-box-inner .content { display: inline-block; text-align: center; }

@media (max-width: 767.98px) { .besportals-detail h1 { font-size: 3rem; } }

/* ### Hizmet ### */
.hizmet { padding-top: 100px; padding-bottom: 100px; position: relative; }
.hizmet .img { position: absolute; top: 0; bottom: 0; background-size: cover; z-index: 0; }
.hizmet .img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(205, 205, 205, .6); }
.hizmet .img-left { left: 0; background-position: center left; }
.hizmet .img-right { right: 0; background-position: center right; }
.hizmet .container { position: relative; z-index: 1; }

@media (max-width: 767.98px) {
    .hizmet .img-left:before { background-color: rgba(235, 235, 235, .86); }
    .hizmet .img-right:before { background-color: rgba(255, 255, 255, .9); }
}

/* ### Ara Bilgi ### */
.ara-bilgi { background-color: #039be5; padding: 80px 0; }
.ara-bilgi .lead { color: #fff; font-size: 2rem; font-weight: 400; line-height: 1.4em; }

/* ### Örnek Video ### */
.ornek-video { position: relative; }

/* ### Üyelik Zamanı ### */
.uyelik-zamani { padding: 60px 0; background-color: #f7631b; }
.uyelik-zamani .baslik { color: #fff; font-weight: 600; letter-spacing: 3px; }
.uyelik-zamani span { font-size: 18px; font-weight: bold; }
.uyelik-zamani a { padding: 15px 40px; color: #333; background-color: #fff; font-weight: 500; font-size: 16px; letter-spacing: 3px; }

/* ### Örnek Dersler ### */
.ornek-dersler { background-image: url(../img/w-bg-1.jpg); background-position: center; position: relative; }
.ornek-dersler:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(90, 90, 90, .1); }
.course {
    border-radius: 6px; background-color: #fff; /*box-shadow: 0 1px 8px rgba(29, 34, 47, .35);*/ border: 1px solid rgba(29, 34, 47, .4);
    transition: border-color .25s ease-in-out, background-color .25s ease-in-out;
}
.course:hover { border-color: rgba(22, 122, 192, .84); }
.course-img { /*border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*width: 150px;
    height: 150px;*/
    margin: 0px auto;
}
    .course-img img {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .course-img > img {
        width: 150px;
        height: 100%;
    }
.course-body { padding: 23px 30px; }
.course-title { margin-bottom: 0; text-align:center;}
.course-title a { font-size: 18px; color: #384158; display: block; }
.course-teacher { font-size: 14px; font-weight: 400; color: #384158; margin-top: 10px; }
.course-text { margin-top: 13px; color: #76777a; }
.course-text p { margin-bottom: 0; }
.course-footer { padding-left: 30px; padding-right: 30px; }
.course-footer-content { width: 100%; border-top: solid 1px #e5e5e5; padding-top: 16px; padding-bottom: 16px;
                         display: flex; flex-direction: row; align-items: center; justify-content: space-between;
}
.course-info { display: inline-block; font-size: 14px; font-weight: 400; color: #55555a; }
.course-info:first-child { margin-right: 18px; }
.course-info i { color: #ffc80a; }
.course-price { display: flex; }
.course-price .price-discount { display: inline-flex; align-items: center; justify-content: center; background-color: #f90909; padding-left: 9px; padding-right: 9px;
                                border-radius: 3px; color: #fff; font-weight: 500; margin-right: 8px;
}
.course-price .price-detail { display: flex; flex-direction: column; font-size: 19px; font-weight: 500; color: #14bdee; line-height: 20px; }
.course-price .price-detail del { font-size: 13px; color: #909090; }

/* ### Footer ### */
.site-footer { background-color: #1c2331; position: relative; background: url(../img/bg-footer.jpg) no-repeat center center; background-size: cover; }
.site-footer:before { content: ''; position: absolute; background: rgba(22, 122, 192, .94); top: 0; right: 0; bottom: 0; left: 0; }
.site-footer a { color: #fff; }
.site-footer a:hover { color: #cbcbcb; }
.site-footer .seperator { position: relative; border-top: 1px solid rgba(255, 255, 255, .4); margin: 0 8%; }
.site-footer .copyright { background-color: rgba(0, 0, 0, .2); position: relative; }

/* ### Sayfalama ### */
ul.met-pagination { list-style-type: none; display: flex; margin: 0; padding: 0; }
ul.met-pagination li { margin: 6px; }
ul.met-pagination li > a,
ul.met-pagination li.current-page > span { display: block; min-width: 51px; padding: 6px 12px; text-align: center; font-weight: 500; border-radius: 16px; color: #484848; background-color: #eee; }
ul.met-pagination li > a:hover { background-color: #bfbfbf; }
ul.met-pagination li.current-page > a,
ul.met-pagination li.current-page > span { background-color: #167ac0; color: #fff; }
ul.met-pagination li > span.three-dots { display: block; height: 100%; font-size: 1.25rem; line-height: 1.25rem; font-weight: bold; letter-spacing: 2px; }

/* #### Alisveris Sepeti ### */
.sepet-urun-fiyat { display: flex; flex-direction: column; }
.sepet-urun-fiyat .urun-fiyat { display: inline-flex; flex-direction: row; }
.urun-fiyat .genel-indirim { display: inline-flex; align-items: center; justify-content: center; background-color: #f90909; padding-left: 9px; padding-right: 9px; border-radius: 3px; color: #fff; font-weight: 500; margin-right: 8px; }
.urun-fiyat .genel-fiyat { display: flex; flex-direction: column; }
.urun-fiyat .fiyat-indirimli,
.extra-indirim .fiyat-indirimli { font-size: 22px; font-weight: 500; }
.urun-fiyat .fiyat-gecersiz { color: #6c757d !important; font-size: 16px !important; line-height: 16px; font-weight: 500; }
.sepet-urun-fiyat .extra-indirim { display: flex; flex-direction: column; background-color: #f4f4f4; }
.extra-indirim .fiyat-indirimli { line-height: 22px; }