@charset "utf-8";
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito/Nunito-Regular-Lat.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Regular.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito/Nunito-Regular.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Regular.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito/Nunito-Bold-Lat.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Bold.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito/Nunito-Bold.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Bold.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 900;
    src: local("Nunito Black"), local("Nunito-Black"), url("../fonts/Nunito/Nunito-Black_Lat.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Black.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 900;
    src: local("Nunito Black"), local("Nunito-Black"), url("../fonts/Nunito/Nunito-Black.woff2") format("woff2"), url("../fonts/Nunito/Nunito-Black.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/MaterialIcons-Regular.eot");
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("/fonts/MaterialIcons-Regular.woff2") format("woff2"), url("/fonts/MaterialIcons-Regular.woff") format("woff"), url("/fonts/MaterialIcons-Regular.ttf") format("truetype")
}

*, *:before, *:after {
    box-sizing: border-box !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 p {
    font-weight: 400;
    line-height: 1.3;
    color: inherit
}

.contentH1 {
    font-size: 32px
}

.contentH2 {
    font-size: 26px
}

.contentH3 {
    font-size: 22px
}

.btn {
    text-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
    margin-top: -2px;
    margin-left: 0;
    margin-right: 15px
}

footer ul li a {
    text-decoration: none
}

a:link, input {
    text-decoration: none;
    cursor: pointer
}

.btn.focus, .btn:focus, .btn:hover {
    color: inherit;
    text-decoration: none
}

body {
    font-family: Nunito, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #757575
}

.stripedBack {
    background: linear-gradient(135deg, #f68918 0%, #f68918 31%, #ae3e9f 31%, #ae3e9f 42%, #d2645c 42%, #d2645c 49%, #8a19e3 0%, #ffc107 0%)
}

nav ul a:hover {
    background-color: transparent
}

nav .badge {
    min-width: 1rem !important;
    border-radius: 10px;
    background-color: #ff4500
}

nav .glyphicon {
    margin-right: 0
}

.badge .cartCountBack {
    color: #fff !important;
    background: red;
    position: relative;
    top: -8px;
    right: 1px
}

i.right {
    float: right;
    margin-left: 0;
    margin-right: 0
}

nav, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar {
    background: #fff;
    box-shadow: 1px 2px 4px #ffc10785
}

.navbar-default {
    border: none
}

.gorselOgrenci {
    min-height: 353px
}

.gorselOgrenci h2 {
    color: orange
}

.icerik .img-responsive {
    display: inline-block
}

.yaziOgrenci {
    padding: 6% 50px
}

#defaultNavbar1 .btnFill, .btnFill {
    font-size: 16px !important;
    color: #fff;
    background: orange;
    border-radius: 20px;
    transition: all .8s
}

#defaultNavbar1.btnBorder, .btnBorder {
    font-size: 16px !important;
    color: orange;
    background: #fff;
    border-radius: 20px;
    border: 1px orange solid;
    transition: all .8s
}

#defaultNavbar1 .btnBorderWhite, .btnBorderWhite {
    font-size: 16px !important;
    color: #fff;
    border-radius: 20px;
    border: 1px #fff solid;
    transition: all .8s
}

.wrap, .wrap-outer {
    height: 100vh;
    position: relative;
    max-height: 100vh;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

#defaultNavbar1 .dropdown-menu > li > a:focus, #defaultNavbar1 .dropdown-menu > li > a:hover {
    background-color: #fff
}

#defaultNavbar1 .dropdown-menu {
    border-radius: 8px;
    text-align: right;
    margin-top: 6px
}

#defaultNavbar1 .dropdown-toggle.btn.btnFill {
    padding-left: 23px;
    padding-right: 19px;
    margin: 7px 0 0 7px
}

#defaultNavbar1 .btnFill:focus, .btnFill:focus {
    text-decoration: none;
    color: #fff
}

.sinifBtn {
    background: #fff;
    padding: 10px 20px;
    font-size: 45px;
    font-weight: 900;
    border-radius: 12px;
    margin: 2px 8px 20px 5px;
    cursor: pointer;
    border: none;
    transition: all .5s
}

#defaultNavbar1 .btnFill:hover, .btnFill:hover {
    transform: scale(1.1);
    color: #fff
}

#defaultNavbar1 .btnBorder:hover, .btnBorder:hover {
    transform: scale(1.1);
    color: orange
}

.btnBorderWhite:hover {
    transform: scale(1.1)
}

.btnBorderSepet:hover {
    color: orange
}

.btnTaptap:hover {
    transform: scale(1.1)
}

.sinifBtn:hover {
    transform: scale(1.1)
}

.sinifHeader {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    margin: 15px 20px
}

@media (max-width: 600px) {
    .sinifHeader {
        font-size: 24px
    }
}

.ilkBg {
    background: #ff9e01 url("../img/index/ilko.png")
}

.ortaBg {
    background: #4169e1 url("../img/index/ortao.png")
}

.bodyBg {
    background: #4169e100 url("../img/index/body.png")
}

.fade-carousel {
    position: relative;
    height: 360px
}

.carousel-control {
    min-width: 60px;
    width: 7%
}

.fade-carousel .carousel-inner .item {
    height: 360px
}

.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7
}

.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1
}

.bannerButton {
    position: absolute;
    bottom: 60px;
    width: 120px;
    left: calc(50% - 60px);
    text-align: center;
    padding: 9px;
    background: orange;
    color: #fff;
    border-radius: 21px;
    font-weight: 700
}

.fade-carousel .slides .slide-0, .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6 {
    height: 360px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.fade-carousel .slides .slide-3 {
    background-image: url("../img/index/banner/basari-l.jpg")
}

.fade-carousel .slides .slide-0 {
    background-image: url("../img/index/banner/btd-sonuc-l.jpg")
}

.fade-carousel .slides .slide-1 {
    background-image: url("../img/index/banner/ucretsiz-online-tekrar-l.jpg")
}

.fade-carousel .slides .slide-2 {
    background-image: url("../img/index/banner/uyumlu-l.jpg")
}

.fade-carousel .slides .slide-4 {
    background-image: url("../img/index/banner/kullan-l.jpg")
}

.fade-carousel .slides .slide-5 {
    background-image: url("../img/index/banner/evden-ilk-okuma-yazma-paketi-l.jpg")
}

@media (max-width: 480px) {
    .fade-carousel .slides .slide-0, .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6 {
        height: 420px
    }

    .fade-carousel {
        position: relative;
        height: 420px
    }

    .fade-carousel .slides .slide-3 {
        background-image: url("../img/index/banner/basari-xs.jpg")
    }

    .fade-carousel .carousel-inner .item {
        height: 420px
    }

    .fade-carousel .slides .slide-0 {
        background-image: url("../img/index/banner/btd-sonuc-xs.jpg")
    }

    .fade-carousel .slides .slide-1 {
        background-image: url("../img/index/banner/ucretsiz-online-tekrar-xs.jpg")
    }

    .fade-carousel .slides .slide-2 {
        background-image: url("../img/index/banner/uyumlu-xs.jpg")
    }

    .fade-carousel .slides .slide-4 {
        background-image: url("../img/index/banner/kullan-xs.jpg")
    }

    .fade-carousel .slides .slide-5 {
        background-image: url("../img/index/banner/evden-ilk-okuma-yazma-paketi-xs.jpg")
    }

    .fade-carousel .slides .slide-6 {
        background-image: url("../img/index/banner/1donem-lgs-xs.jpg")
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .fade-carousel .slides .slide-3 {
        background-image: url("../img/index/banner/basari-s.jpg")
    }

    .fade-carousel .slides .slide-0 {
        background-image: url("../img/index/banner/btd-sonuc-s.jpg")
    }

    .fade-carousel .slides .slide-1 {
        background-image: url("../img/index/banner/ucretsiz-online-tekrar-s.jpg")
    }

    .fade-carousel .slides .slide-2 {
        background-image: url("../img/index/banner/uyumlu-s.jpg")
    }

    .fade-carousel .slides .slide-2 {
        background-image: url("../img/index/banner/kullan-s.jpg")
    }

    .fade-carousel .slides .slide-5 {
        background-image: url("../img/index/banner/evden-ilk-okuma-yazma-paketi-s.jpg")
    }

    .fade-carousel .slides .slide-6 {
        background-image: url("../img/index/banner/1donem-lgs-s.jpg")
    }
}

@media (min-width: 768px) and (max-width: 1380px) {
    .fade-carousel .slides .slide-0, .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6 {
        height: 360px
    }

    .fade-carousel .slides .slide-3 {
        background-image: url("../img/index/banner/basari-m.jpg")
    }

    .fade-carousel .slides .slide-0 {
        background-image: url("../img/index/banner/btd-sonuc-m.jpg")
    }

    .fade-carousel .slides .slide-1 {
        background-image: url("../img/index/banner/ucretsiz-online-tekrar-m.jpg")
    }

    .fade-carousel .slides .slide-2 {
        background-image: url("../img/index/banner/uyumlu-m.jpg")
    }

    .fade-carousel .slides .slide-4 {
        background-image: url("../img/index/banner/kullan-m.jpg")
    }

    .fade-carousel .slides .slide-5 {
        background-image: url("../img/index/banner/evden-ilk-okuma-yazma-paketi-m.jpg")
    }

    .fade-carousel .slides .slide-6 {
        background-image: url("../img/index/banner/1donem-lgs-m.jpg")
    }
}

@media (min-width: 1381px) and (max-width: 1920px) {
    .fade-carousel {
        position: relative;
        height: 480px
    }

    .fade-carousel .carousel-inner .item {
        height: 480px
    }

    .fade-carousel .slides .slide-0, .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6 {
        height: 480px
    }
}

.sinifText {
    font-size: 23px !important;
    display: block;
    font-weight: 400
}

.lgsText {
    position: absolute;
    margin-top: -10px;
    font-size: 19px;
    color: #ff8c00;
    margin-left: -5px
}

.lgsSpan {
    font-size: 23px !important;
    display: block;
    font-weight: 400
}

.ilkOkulBtn {
    color: #ff9e01
}

.ortaOkulBtn {
    color: #ff8c00
}

.sinifBtn span.nokta {
    font-size: 12px
}

.btnBorderSepetpriceSticky {
    font-size: 16px;
    color: orange;
    background: #fff;
    border-radius: 10px;
    border: 1px orange solid;
    position: relative;
    bottom: -15px
}

.btnBorderSepetpriceSticky:hover {
    color: #fff;
    background: orange
}

.priceSticky {
    color: #607d8b;
    padding: 0 22px;
    font-size: 22px
}

.sticky_satinal {
    display: none;
    text-align: center;
    z-index: 4;
    background: #fff;
    padding: 10px 5px;
    position: fixed;
    top: 57px;
    width: 50%;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 1px 6px 0 #d2d1d1;
    margin: 0 25%
}

@media (max-width: 600px) {
    .sticky_satinal {
        width: 90%;
        margin: 0 5%
    }
}

.sepet_box {
    box-shadow: 0 0 2px 0 rgba(252, 165, 2, .85);
    -webkit-box-shadow: 0 0 2px 0 rgba(252, 165, 2, .85);
    border-radius: 8px;
    padding: 5px 0 0
}

.sepet_flex {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.book_name {
    font-size: calc(14px + (20 - 14) * ((100vw - 340px) / (1900 - 340)));
    font-weight: 700;
    margin-bottom: 3px;
    text-align: center
}

.nav-tabs > li > a {
    color: orange;
    text-align: center
}

.satinalPage .nav-tabs > li.active > a, .satinalPage .nav-tabs > li.active > a:focus, .satinalPage.nav-tabs > li.active > a:hover {
    color: orange;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.satinalPage .nav-tabs li {
    padding-right: 5px;
    padding-left: 5px
}

.satinalPage label {
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px
}

.satinalPage input[type=radio] {
    font-size: 18px
}

.market_prod {
    color: orange;
    font-size: calc(18px + (26 - 18) * ((100vw - 340px) / (1900 - 340)));
    font-weight: 700;
    margin-bottom: 15px
}

.satinalPage .btn.active, .satinalPage .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.satinalPage label.btn span {
    font-size: 1.5em
}

.satinalPage label input[type=radio] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline
}

.satinalPage label input[type=radio] ~ i.fa.fa-check-circle-o {
    display: none
}

.satinalPage label input[type=radio]:checked ~ i.fa.fa-circle-o {
    display: none
}

.satinalPage label input[type=radio]:checked ~ i.fa.fa-check-circle-o {
    color: orange;
    display: inline
}

.satinalPage label:hover input[type=radio] ~ i.fa {
    color: orange
}

.satinalPage label input[type=checkbox] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline
}

@media (max-width: 600px) {
    select.input-lg {
        padding: 10px 8px
    }
}

label input[type=checkbox] ~ i.fa.fa-check-square-o {
    display: none
}

label input[type=checkbox]:checked ~ i.fa.fa-square-o {
    display: none
}

label input[type=checkbox]:checked ~ i.fa.fa-check-square-o {
    color: orange;
    display: inline
}

label:hover input[type=checkbox] ~ i.fa {
    color: orange
}

div[data-toggle=buttons] label.active {
    color: orange
}

label input[type=checkbox] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline
}

div[data-toggle=buttons] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0 solid #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

div[data-toggle=buttons] label:hover {
    color: #337ab7
}

div[data-toggle=buttons] label:active, div[data-toggle=buttons] label.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.disabledTab {
    cursor: not-allowed !important;
    color: grey !important
}

.book_box {
    background: #fff;
    border-top: 3px rgba(252, 165, 2, .85) solid;
    border-bottom: 3px rgba(252, 165, 2, .85) solid;
    border-radius: 8px;
    text-align: center;
    padding: 10px 5px 0;
    margin-bottom: 50px;
    transition: box-shadow .3s
}

.book_box:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(252, 165, 2, .85);
    -moz-box-shadow: 0 0 20px 0 rgba(252, 165, 2, .85);
    box-shadow: 0 0 20px 0 rgba(252, 165, 2, .85)
}

.btnBorderSepet {
    font-size: 16px;
    color: orange;
    background: #fff;
    border-radius: 10px;
    border: 1px orange solid;
    position: relative;
    bottom: -15px
}

.book_box:hover .btnBorderSepet {
    color: #fff;
    background: orange !important
}

.priceRow {
    text-align: center;
    margin: 0 auto
}

.priceTotal {
    font-size: 16px
}

@media (min-width: 1280px) {
    .priceRow {
        width: 90%
    }
}

@media (min-width: 1430px) {
    .priceRow {
        width: 80%
    }
}

.priceTime {
    font-size: 20px;
    color: orange;
    margin: 2px 0
}

.priceTime.lgsP {
    font-size: 16px;
    font-weight: 700
}

.price {
    color: #607d8b;
    font-size: 28px;
    margin: 8px 0 -9px
}

.price del {
    color: #607d8b75
}

.priceSale {
    padding: 2px 9px;
    margin: 0;
    background: #ff5722;
    display: inline;
    border-radius: 12px;
    color: #fff;
    font-size: 18px
}

saleDel {
    font-size: 22px
}

@media (max-width: 640px) {
    .priceSale {
        padding: 2px 3px;
        font-size: 12px
    }

    saleDel {
        font-size: 16px
    }
}

.priceHeader {
    font-weight: 700;
    text-align: center;
    color: #607d8b;
    margin: 1px 0 4px
}

.findOut {
    background: #ffeb3b;
    padding: 3px 12px;
    border-radius: 11px;
    color: #607d8b;
    font-size: 12px
}

#kart {
    border-radius: 12px;
    box-shadow: 0px 0px 8px 1px #9e9e9e;
    margin-top: 20px
}

#kartSec .dropdown-menu {
    left: 25%
}

#rewardAmount {
    width: 110px;
    display: inline-block
}

#installmentTable td, #installmentTable label.btn span {
    font-size: 16px
}

#installmentTable label.btn span {
    vertical-align: text-bottom
}

#installmentTable td:not(:first-child) {
    padding-top: 21px
}

.table tbody tr.highlight td {
    background-color: #ddd
}

@media (max-width: 520px) {
    .priceTime {
        font-size: 20px
    }

    .price {
        font-size: 21px
    }

    .btnBorderSepet {
        font-size: 14px
    }

    .priceRow .btn {
        padding: 6px 4px
    }

    .priceRow .col-xs-3 {
        padding-right: 5px;
        padding-left: 5px
    }
}

.siniflar h1, .siniflar h2, .siniflar h3, .genel h1, .genel h2, .genel h3, .genel h4 {
    color: orange
}

.siniflar h3 {
    font-weight: 700
}

.photoFrame {
    background: #fff;
    border-radius: 12px;
    padding: 17px 17px 30px;
    box-shadow: 2px 3px 13px 0px grey
}

.rotate5 {
    transform: rotate(5deg)
}

.rotate-5 {
    transform: rotate(-5deg)
}

.marTopRes {
    margin-top: 100px
}

@media (max-width: 992px) {
    .marTopRes {
        margin-top: 50px
    }

    .photoFrame {
        width: 97%
    }
}

.lgsButton {
    background: #fff;
    color: #ff4500;
    padding: 10px;
    border-radius: 12px
}

.siniflar .panel-group .panel {
    margin-bottom: inherit
}

.icerikHeader {
    font-size: 30px;
    margin: 4px 0;
    color: #f19006
}

.icerikSvg {
    height: 45px;
    margin: 4px 12px
}

.icerikP {
    font-size: 16px;
    margin-left: 13px;
    padding-top: 10px
}

h4.icerikP {
    font-size: 18px
}

.icerikE {
    margin: 4px 0
}

.taptap_logo {
    margin-top: 50px
}

.taptapBtnCov {
    margin-bottom: 31px;
    display: block
}

.taptapSize {
    max-height: 261px;
    min-width: 156px
}

@media (max-width: 768px) {
    .navbar-nav li a button {
        width: 100%
    }

    .sinifBtn {
        padding: 8px 14px;
        font-size: 34px;
        margin: 2px 1px 9px 5px
    }

    .taptap_logo {
        margin-top: 19px
    }

    .btnTaptap {
        margin-top: 17px !important;
        margin-bottom: 13px !important;
        font-size: 14px !important;
        padding: 7px 25px
    }

    .ilkBg.right-align, .ortaBg.left-align {
        text-align: center
    }
}

.h4 {
    font-weight: 400;
    line-height: 1.3;
    color: inherit
}

#banner iframe {
    height: 356px
}

#bannerSg iframe {
    height: 200px
}

@media (max-width: 760px) {
    #banner iframe {
        height: 460px
    }
}

@media (min-width: 1561px) {
    #banner iframe {
        height: 560px
    }
}

.kampanya {
    color: #fff;
    padding: 20px
}

.kampanya h2 {
    font-weight: 700
}

.kampanya h2, .kampanya h3 {
    margin: 10px
}

.ogrtmlrGunu {
    background: #9c27b0
}

.cumhuriyetBay {
    background: #c30707
}

.onlineSinavArea {
    background-color: #fff;
    padding: 15px;
    border: 2px orange solid;
    border-radius: 12px
}

.lgsTable.table > tbody > tr > td, .lgsTable.table > tbody > tr > th, .lgsTable.table > tfoot > tr > td, .lgsTable.table > tfoot > tr > th, .lgsTable.table > thead > tr > td, .lgsTable.table > thead > tr > th {
    border-top: 1px solid #f7e8d2
}

.lgsTable.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffc10726
}

.logo-img {
    padding: 10px;
    width: 180px
}

.btn {
    font-size: 14px;
    font-weight: 400;
    margin: 0 2px
}

.nav > li > a {
    padding: 6px 3px
}

.links ul > li {
    font-size: 16px;
    list-style: inside none none !important;
    color: #757575
}

.links ul {
    padding-left: 0
}

.title {
    font-size: 16px;
    font-weight: 400
}

.border-a {
    border: 2px #00aeef solid;
    width: 16%;
    min-width: 130px
}

.footer {
    background-color: #424242;
    padding: 34px 0 4px;
    border-top: 1px dashed #fff
}

footer .son a {
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    font-weight: 700
}

.footerLinks a {
    padding-right: 25px;
    color: #757575
}

.grey {
    background: #e5e6e9
}

.navbar-right {
    margin-top: 7px;
    margin-right: 0
}

.eba {
    text-align: center;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 18px;
    padding: 10px
}

.eba img {
    width: 100px
}

.neler {
    margin: 10px
}

.neler a {
    border: 1px blue solid;
    background-color: #6391e1;
    padding: 15px 10px
}

.cross {
    visibility: hidden;
    position: relative;
    font-size: 2.2rem
}

.cross:before {
    border-bottom: 4px solid #ff00005c;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg)
}

.cross:before, .cross:after {
    content: "";
    width: 9rem;
    position: absolute;
    top: 50%
}

.ark {
    padding: 42px;
    width: 100%
}

@media (max-width: 401px) {
    .ark {
        padding: 30px;
        min-width: 144px
    }
}

.fiyat {
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0
}

.ay {
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 900;
    line-height: 1.1
}

.no-space-row {
    padding: 0 30px
}

sup {
    top: -5px
}

input[type=text], input[type=num], input[type=tel], input[type=number], input[type=password], textarea {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    -moz-appearance: textfield
}

#isexpanded {
    margin-left: 15px
}

@media (max-width: 992px) {
    #isexpanded {
        margin-left: -15px
    }
}

.expandable {
    display: block
}

#isexpanded:checked ~ .expandable {
    display: none
}

[id^=accordion] .panel-heading {
    font-size: 16px !important;
    color: orange;
    background: #fff;
    border-radius: 20px;
    border: 1px orange solid
}

.siniflar .panel, .genel .panel, .satinalpage .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-collapse h4 {
    font-size: 16px
}

.siniflar .table > tbody > tr > td, .siniflar .table > tfoot > tr > td, .siniflar .table > tfoot > tr > th, .siniflar .table > tbody > tr > th, .siniflar .table > thead > tr > td, .siniflar .table > thead > tr > th {
    padding: 3px;
    border-top: 1px solid orange
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid orange;
    border-radius: 12px
}

[id^=accordion] .panel-title > a {
    display: block;
    padding: .4em .6em;
    outline: none;
    font-weight: 700;
    text-decoration: none
}

[id^=accordion] .panel-title > a.accordion-toggle:before, [id^=accordion] a[data-toggle=collapse]:before {
    content: "\e114";
    float: left;
    font-family: "Glyphicons Halflings";
    margin-right: 1em
}

[id^=accordion] .panel-title > a.accordion-toggle.collapsed:before, [id^=accordion] a.collapsed[data-toggle=collapse]:before {
    content: "\e080"
}

.son-kenar {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important
}

.boxTatilPlani {
    background-color: #ffffff90;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 20px 10px;
    border-radius: 12px
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0
}

ul.social-network li {
    display: inline;
    margin: 0 5px
}

.social-network a.icoRss:hover {
    background-color: #f56505
}

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icolinkedin:hover {
    background-color: #1274b3
}

.social-network a.icoYoutube:hover {
    background-color: red
}

.social-network a.icoInstagram:hover {
    background-color: #ff69b4
}

.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i .social-network a.icoGoogle:hover i, .social-network a.Youtube:hover i, .social-network a.icolinkedin:hover i {
    color: #fff
}

a.socialIcon:hover, .socialHoverClass {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 16px
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.icoFacebook, .icoTwitter, .icoGoogle, .icolinkedin, .icoYoutube, .icoInstagram {
    background-color: #424242
}

#destekPage .sec {
    padding: 20px 5px;
    border-radius: 50px
}

#destek {
    z-index: 12;
    cursor: pointer;
    position: fixed;
    bottom: 9px;
    right: 9px;
    padding: 8px 16px;
    background: orange;
    border-radius: 21px
}

#destek:hover {
    padding: 10px 20px;
    background: #ff4500;
    transition: all .8s
}

#destek a {
    line-height: 12px
}

#destek a:hover {
    color: #fff
}

.sssHide {
    display: none
}

.width30 {
    width: 33.3%
}

#destekContent {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 12px 12px;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid
}

.tabLink {
    text-align: center;
    font-weight: 700
}

#whatsapp {
    z-index: 15;
    position: relative;
    -webkit-transition: transform .3s ease;
    border-radius: 50%
}

a.ogrcTxt, a.veliTxt, a.ogrtmTxt {
    font-size: 1.6em
}

.icon-bar {
    background-color: #fff
}

#sidebar.nav > .active > ul {
    display: block
}

#destekPage .panel-heading .panel-title a, #destekPage .panel-collapse .panel-body {
    color: #2f4f4f
}

#destekPage .panel-default > .panel-heading {
    border-radius: 12px;
    background: #fff
}

#destekPage .panel-body {
    border: 1px solid #2f4f4f30;
    border-radius: 12px
}

#destekPage .nav-tabs > li > a {
    color: #337ab7
}

#kvk p, #kvk li, #uyeSozlesme p, #uyeSozlesme li {
    line-height: 22px;
    padding: 8px 0;
    list-style-type: circle
}

.kutlama {
    position: absolute;
    top: 80px;
    right: 10px
}

@media (max-width: 768px) {
    .kalite_s {
        text-align: center;
        margin-top: 30px
    }
}

.glyphicon {
    margin-right: 10px
}

.panel-body table tr td {
    padding-left: 15px
}

.panel-body .table {
    margin-bottom: 0
}

.bakim {
    font-size: 60px;
    font-weight: 600
}

.bakim-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.bakim-renk {
    background: gold
}

.bakim-border-top {
    border-top: 5px gold dashed
}

.bakim-border-bottom {
    border-bottom: 5px gold dashed
}

.bakim-font-1 {
    font-size: 36px
}

.bakim-font-2 {
    font-size: 24px
}

@media (min-width: 120px) and (max-width: 500px) {
    .bakim-font-1 {
        font-size: 24px
    }

    .bakim-font-2 {
        font-size: 16px
    }
}

#top-link-block.affix-top {
    position: absolute;
    bottom: -450px;
    right: 30px
}

#top-link-block.affix {
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 300
}

.sec {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 5px;
    -webkit-box-shadow: 10px 10px 6px 0px #00000080;
    -moz-box-shadow: 10px 10px 6px 0px #00000080;
    box-shadow: 10px 10px 6px 0px #00000080;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.sec2 {
    border-radius: 8px;
    padding: 30px 5px;
    background: #cecece;
    cursor: no-drop
}

.sec2 img {
    cursor: no-drop;
    opacity: .5
}

.ogrcTxt {
    color: #8cc051 !important
}

.veliTxt {
    color: #4b89dc !important
}

.ogrtmTxt {
    color: #e9573e !important
}

.ogrc a, .veli a, .ogrtm a {
    text-decoration: none;
    text-decoration-color: red
}

.sec:hover {
    -webkit-box-shadow: 6px 6px 10px -10px #777;
    -moz-box-shadow: 6px 6px 10px -10px #777;
    box-shadow: 6px 6px 10px -10px #777
}

.lgsHeader {
    font-size: 30px;
    margin: 4px 0;
    color: #ed1b24 !important
}

.lgsSoru {
    padding: 30px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px orange solid
}

.lgsSoru .alert {
    margin-bottom: 0
}

.lgspaketi ul {
    list-style: disc
}

.lgspaketi ul li {
    line-height: 30px
}

.taksonometri {
    max-height: 500px
}

.lgsTable tbody {
    background-color: #fff
}

h2.lgsHeader img {
    height: 40px
}

.taptap_l {
    margin: 10% 9%
}

.taptap_r {
    margin: 8% -3%
}

.taptap_bosluk {
    padding: 8% 10%
}

.renk1 {
    background-color: #45c8f4
}

.renk2 {
    background-color: #ffc617
}

.renk3 {
    background-color: #14b6bb
}

.renk4 {
    background-color: #f59423
}

.renk5 {
    background-color: #ed3573
}

.renk6 {
    background-color: #b2d03a
}

.renk7 {
    background-color: #b4b5b9
}

.renk8 {
    background-color: #f291bc
}

.beyaz {
    color: #fff !important
}

.font-taptap {
    font-size: 18px
}

.baslik {
    font-size: 28px;
    font-weight: 600
}

.project {
    margin-bottom: 30px;
    vertical-align: top;
    float: left
}

.project figure {
    position: relative;
    display: inline-block;
    -moz-box-shadow: 0 3px 0 #e2e2e2, transparent 0 0 0;
    -webkit-box-shadow: 0 3px 0 #e2e2e2, transparent 0 0 0;
    box-shadow: 0 3px 0 #e2e2e2, transparent 0 0 0;
    -webkit-box-shadow: 0 3px 0 #e2e2e2;
    -moz-box-shadow: 0 3px 0 #e2e2e2;
    box-shadow: 0 3px 0 #e2e2e2
}

.project figure figcaption {
    position: relative;
    z-index: 10;
    padding: 8px 18px 11px;
    background: #fff;
    -ms-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: left;
    color: #555
}

.project figure:hover .actions {
    opacity: 1
}

.project figure .actions {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 95%;
    opacity: 0;
    background-color: rgba(29, 29, 29, .7);
    -ms-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.project figure img {
    border: 0;
    width: 100%
}

.btn-warning bnt-action {
    margin: 0 0 auto
}

figcaption .project-details {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #0093d0;
    height: 27px;
    width: 85%;
    margin-bottom: 5px;
    overflow: hidden
}

figcaption .project-creator {
    font-size: 13px;
    color: #545454;
    display: block
}

figcaption .project-creator {
    font-size: 13px;
    color: #545454;
    display: block
}

.project figure .actions button {
    padding: 13px 20px;
    font-size: 16px;
    top: calc(50% - 46px);
    position: absolute;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    line-height: 18px;
    letter-spacing: 1px
}

.ornek-nav {
    border-color: #00b5ec;
    background-color: #00b5ec
}

.ornek-blue {
    background-color: #00b5ec
}

.btn-ornek {
    background: 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.baslikh2 {
    font-size: 24px;
    font-weight: 400
}

.freeTopicsArea h3 {
    font-size: 32px;
    font-weight: 700
}

.courseTree .project figure {
    -moz-box-shadow: 0 3px 12px #9e9e9e, transparent 0 0 0;
    -webkit-box-shadow: 0 3px 12px #9e9e9e, transparent 0 0 0;
    box-shadow: 0 3px 12px #9e9e9e, transparent 0 0 0;
    -webkit-box-shadow: 0 3px 12px #9e9e9e;
    -moz-box-shadow: 0 3px 12px #9e9e9e;
    box-shadow: 0 3px 12px #9e9e9e
}

.courseTree {
    background: #fdc10d52;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px
}

.courseTree figcaption {
    height: 80px
}

.courseTree figcaption span {
    display: contents
}

.courseTree .courseSection {
    color: orange;
    text-align: center
}

.courseTree #courseName {
    background: #fff;
    padding: 15px 20px;
    display: block;
    border-radius: 12px;
    color: #ff9800;
    text-align: center;
    font-weight: 700;
    margin: 0
}

.courseTree figcaption .project-details {
    color: #ff9800
}

@media (max-width: 640px) {
    figcaption .project-details {
        font-size: 14px;
        line-height: 22px;
        width: 95%
    }
}

.login-signup {
    padding: 0 0 25px
}

.btn-success {
    background: #2ecc71;
    border-radius: 9px;
    border: 2px solid #2ecc71;
    webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.btn-success:hover, .btn-success:focus {
    background: rgba(26, 161, 157, 0);
    border: 2px solid #2ecc71;
    webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    color: #2ecc71
}

ul {
    list-style-type: none
}

article[role=login] {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .24);
    webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    padding: 30px 50px;
    margin-bottom: 20px;
    border-radius: 9px
}

article[role=login] input[type=submit] {
    padding: 10px 15px;
    font-size: 16px
}

article[role=login]:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 1px 15px rgba(0, 0, 0, .23);
    webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.nav-tab-holder {
    float: right
}

.nav-tab-holder .nav-tabs {
    float: none;
    display: table;
    table-layout: fixed;
    width: 100%
}

.login-signup input {
    height: 45px;
    padding-left: 12px
}

.login-signup {
    padding: 0 0 25px
}

.nav-tab-holder {
    float: none;
    overflow: hidden
}

.icon-block {
    vertical-align: middle;
    padding-right: 13px;
    font-size: 36px
}

.formGiris {
    border: 2px solid orange;
    border-radius: 22px
}

.formGirisBayi {
    border: 2px solid grey;
    border-radius: 22px
}

.girisBtn {
    background-color: orange;
    color: #fff;
    border-radius: 22px
}

.girisBtnBayi {
    background-color: grey;
    color: #fff;
    border-radius: 22px
}

.manifest > p {
    font-size: 18px
}

#kalite ul {
    list-style: disc
}

#kalite ul li {
    line-height: 24px
}

#kalite img {
    padding: 60px 40px;
    max-height: 400px
}

.tebrikler {
    background: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 40px 20px
}

.pinCode {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    background: orange;
    padding: 20px;
    border-radius: 12px;
    border: 3px dashed #fff
}

#invoiceNameLastName {
    text-transform: capitalize
}

#pincodes {
    letter-spacing: 7px
}

#vanilla-toast-container {
    position: fixed;
    top: 90px;
    right: 0;
    width: 320px;
    text-align: right
}

#vanilla-toast {
    display: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    padding: 20px 17px;
    background: #778899;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
    border-bottom: 2px solid #44444480;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}

#vanilla-toast-text {
    display: inline
}

#vanilla-toast-close-button {
    display: none;
    margin-left: 15px;
    font-size: 15px
}

#vanilla-toast.success {
    background: green
}

#vanilla-toast.info {
    background: #00bfff
}

#vanilla-toast.warning {
    background: orange
}

#vanilla-toast.error {
    background: red
}

.acikuclu {
    width: 100%;
    height: 500px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 1280px) {
    .acikuclu {
        height: 400px
    }
}

@media (max-width: 640px) {
    .acikuclu {
        height: 350px
    }
}

.text-pos {
    position: absolute;
    top: 30%;
    left: 16%
}

.acikuclu-sec {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 15px;
    -webkit-box-shadow: 11px 10px 30px -6px rgba(0, 0, 0, .21);
    -moz-box-shadow: 11px 10px 30px -6px rgba(0, 0, 0, .21);
    box-shadow: 11px 10px 30px -6px rgba(0, 0, 0, .21)
}

.acikuclu-bckg {
    background-color: #f0f6f6
}

.bayi_bul {
    padding: 15px;
    border-radius: 12px;
    margin: 12px;
    text-align: center;
    background: orange;
    color: #fff;
    margin: 20px
}

.truncate2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mar0 {
    margin: 0
}

.marBot0 {
    margin-bottom: 0
}

.marBot5 {
    margin-bottom: 5px
}

.marBot10 {
    margin-bottom: 10px
}

.marBot20 {
    margin-bottom: 20px
}

.marBot30 {
    margin-bottom: 30px
}

.marBot40 {
    margin-bottom: 40px
}

.marBot50 {
    margin-bottom: 50px
}

.marTop5 {
    margin-top: 5px
}

.marTop10 {
    margin-top: 10px
}

.marTop12 {
    margin-top: 12px
}

.marTop20 {
    margin-top: 20px
}

.marTop30 {
    margin-top: 30px
}

.marTop40 {
    margin-top: 40px
}

.marTop50 {
    margin-top: 50px
}

.martop_30 {
    margin-top: 8%
}

.marleft15 {
    margin-left: 15px
}

.marleft-15 {
    margin-left: -15px
}

.martop15 {
    margin-top: 20px
}

.marAuto {
    margin: auto
}

.pad0 {
    padding: 0
}

.bold {
    font-weight: 700
}

.orangeText {
    color: orange
}

.overflowH {
    overflow: hidden
}

.whiteBg {
    background: #fff
}

.text-decoration-none {
    text-decoration: none !important
}

.hand {
    cursor: pointer
}

.beyaz-yazi {
    color: #fff !important
}

.m30 {
    padding-top: 30px;
    padding-bottom: 20px
}

.bosluk {
    padding: 0 30px
}

.bosluk2 {
    padding: 30px 0
}

.inline {
    display: inline-block
}

.block {
    display: block
}

.bpx {
    font-size: 18px;
    color: #0f7dff
}

.br12 {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important
}

.br12Bottom {
    border-radius: 0 0 12px 12px
}

.br12Top {
    border-radius: 12px 12px 0 0
}

.verAlgBot {
    vertical-align: bottom
}

.verAlgSup {
    vertical-align: super
}

.verAlgSub {
    vertical-align: sub
}

.verAlgMid {
    vertical-align: middle
}

.boslukh150 {
    height: 150px
}

.boslukh100 {
    height: 100px
}

.boslukh50 {
    height: 50px
}

.boslukh40 {
    height: 40px
}

.boslukh20 {
    height: 20px
}

.boslukh0 {
    height: 0
}

.h3fake {
    font-size: 18px !important;
    color: #757575 !important;
    font-weight: 400 !important
}

#promotionCode {
    text-transform: uppercase
}

span.small-error {
    font-size: .8em;
    color: red
}

.invalid {
    background-color: #ff000029;
    border-color: red
}

.teog_logo {
    width: 40%
}

.kodris_b {
    background: url("../img/kodris/kodris_satin_al_back.jpg");
    padding: 5%;
    border-radius: 8px
}

@media (max-width: 480px) {
    video {
        width: 100%
    }

    .sizdenVideo {
        width: 100%
    }

    .kutlama {
        width: 100px
    }

    .page404 {
        height: 300px
    }

    .page500 {
        height: 300px
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    video {
        width: 100%
    }

    .sizdenVideo {
        width: 100%
    }

    .kutlama {
        width: 120px
    }

    .page404 {
        height: 400px
    }

    .page500 {
        height: 400px
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .kutlama {
        width: 180px
    }

    .page404 {
        height: 450px
    }

    .page500 {
        height: 450px
    }
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

#username_area {
    position: relative;
    display: block
}

#tckn_gorunum {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 24px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 36px;
    background-image: url("files/hideshowpass.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    outline: 0
}

.tckn_gizle {
    background-position: center top !important
}

.tckn_goster {
    background-position: center bottom !important
}

#username_area #tckn_gorunum {
    width: 28px;
    height: 35px;
    right: 3px;
    top: 5px;
    background-position: center -43px
}

#username_area .tckn_gizle {
    background-position: center -3px !important
}

#username_area .tckn_goster {
    background-position: center -43px !important
}

.error-label {
    color: red;
    padding-top: 15px;
    display: block;
    text-align: center
}

@media print {
    .noprint, .noprint * {
        display: none !important
    }

    select {
        -o-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

.no-gutter {
    padding: 0
}

.btn--no-margin {
    margin: 0
}

.p--no-margin {
    margin: 0
}