@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: Poppins-Bold;
    src: url("../fonts/Poppins/Poppins-Bold.ttf");
}

@font-face {
    font-family: Poppins-Light;
    src: url("../fonts/Poppins/Poppins-Light.ttf");
}

@font-face {
    font-family: Poppins-ExtraLight;
    src: url("../fonts/Poppins/Poppins-ExtraLight.ttf");
}

@font-face {
    font-family: Poppins-Thin;
    src: url("../fonts/Poppins/Poppins-Thin.ttf");
}
html, body {
    height: 100%;
    width: 100%;
}
body {
    background-color: #233644;
    overflow-x: hidden !important;
    width: 100%;
    font-family: Poppins, serif;
}
body.sub_pages .row {margin: 0;}
*:focus {outline: 0;}
a:focus {
    outline: 0;
    outline-offset: 0;
    text-decoration: none;
}
.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url("../img/infinity.gif") center no-repeat rgba(0, 0, 0, 0.7);
}
i.mdi {
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.login-big-arrow {
    font-size: 40px !important;
    padding-top: 0 !important;
    right: -30px !important;
}
.login-big-arrow::before {font-size: 40px !important;}
.visual-hidden {
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    font-size: 1px;
    position: absolute;
}
a {color: #d4232a;}
a:hover {
    cursor: pointer;
    color: #222;
    text-decoration: underline;
}
h4 {font-size: 16px;}
input, select, .btn, .form-control {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    outline: 0;
}
input[type="checkbox"], input[type="radio"] {height: auto !important;}
textarea, textarea.form-control {
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
textarea {border: 1px solid #DDD;}
input:focus, textarea:focus, select:focus, option:focus, .btn:focus, .form-control:focus, input:active, textarea:active,
select:active, option:active, .btn:active, .form-control, .form-control:active, .btn-group.open .dropdown-toggle {
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input:hover, select:hover, .btn:hover, .form-control:hover, .btn-default:hover {
    background-color: #FFF;
    border-color: #AAA;
}
input:focus, select:focus, .form-control:focus {
    color: #666 !important;
    border-color: #666 !important;
    background-color: #FFF !important;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus,
.btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus,
.btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background: #FFF;
    border-color: #CCC;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #DDD;
    color: #000;
}
.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: #FFF;
    outline: 0;
    outline-offset: 0;
}
.bootstrap-select .dropdown-toggle:focus {outline: 0 !important;}
.pagination > li > a, .pagination > li > span {
    margin-right: 5px;
    border-color: #ccc;
    color: #666;
    padding: 10px 0;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    margin-bottom: 5px;
    width: 36px;
    height: 36px;
    font-size: 14px;
    line-height: 1;
    background: transparent;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #D22730;
    border-color: #D22730;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    background-color: #D22730;
    border-color: #D22730;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #E8E8E8;
    border-width: 5px 5px 0;
}
.tooltip-inner {
    color: #888;
    background: #E8E8E8;
    padding: 1px 8px 0;
    border: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.help-block {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #AAA;
    font-size: 12px;
    padding: 0 5px;
}
.well {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.05);
}
input[type=text]::-ms-clear {display: none;}
.page-content-area {
    position: relative;
    padding: 0;
}
.boxed {
    background-color: #FFF;
    margin: 20px auto;
    border-top: 2px solid #d4232a;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
header {
    font-family: 'Quicksand', sans-serif;
    font-weight: normal;
    height: 700px;
    background-size: cover !important;
    position: relative;
}
.sub_pages header {
    height: 200px;
    background-image: url(../img/header-full-3.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 0 -30px !important;
}
.header-area {
    height: 700px;
    position: relative;
    z-index: 70;
    pointer-events: none;
}
.header-area > div {pointer-events: all;}
.sub_pages .header-area {height: 200px;}
.header-bar {
    height: 100px;
    background-color: rgba(35, 54, 68, .97);
    transition: background-color .2s linear, border-bottom-color .2s linear;
    border-bottom: 1px solid rgba(35, 54, 68, .97);
}
.header-bar:hover {
    background-color: rgba(35, 54, 68, .97);
    transition: background-color .2s linear, border-bottom-color .2s linear;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.v7-back-btn {top: 105px !important;}
.v7-padding-zero {
    padding-right: 0;
    padding-left: 0;
}
.header-v7 {top: 100px;}
.logos-area {
    float: left;
    padding: 16px 0 16px 10px;
    height: 100px;
    transition: all .3s;
}
.eba-logo-img {
    margin-right: 20px;
    padding: 0;
    display: inline-block;
    width: 100px;
    height: 67px;
    vertical-align: middle;
    transition: all .3s;
}
.eba-logo-img img {
    width: 100px;
    height: 67px;
    transition: all 0.3s;
}
.meb-logo-img {
    padding: 0;
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    transition: all .3s;
}
.meb-logo-img img {
    width: 60px;
    height: 60px;
    transition: all 0.3s;
}
.eba-header {
    height: 96px;
    padding: 10px 0;
    background-color: #FFF;
}
.eba-header a:hover, .eba-header a:focus {text-decoration: none !important;}
h3.section-text-header {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 285px;
    perspective: 1000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.flip-card-front {
    background-color: #bbb;
    color: black;
    z-index: 2;
}
.flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    z-index: 2;
}
.flip-card a {
    font-size: 15px;
    color: bisque;
    text-decoration: none;
}
.flip-card a:hover {color: #fff;}
.flip-card-li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.header-bar-search {
    float: right;
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-align: center;
    right: 80px;
    margin-top: 26px;
    margin-right: 10px;
    z-index: 1;
    transition: all .3s;
}
.header-bar-search a {
    display: block;
    width: 46px;
    height: 46px;
    padding: 9px 0;
    color: #EEE;
    border-radius: 5px;
}
.header-bar-search a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.25);
}
.header-bar-search a i.mdi-magnify {font-size: 28px;}
.navbar i.mdi-close {
    color: #EEE;
    display: none;
    padding-top: 4px;
}
.navbar-toggle.open i.mdi-close {display: block;}
.navbar-toggle.open i.mdi-menu {display: none;}
.navbar-mobile-account-icon {
    display: none;
    position: absolute;
    float: right;
    top: 23%;
    right: 14%;
}
.navbar-mobile-account-icon-logged {
    position: absolute;
    float: right;
    right: 9%;
    top: -50%;
}
.eba-search-area {
    z-index: 1000;
    padding-top: 100px;
}
.eba-search-v7 {margin-top: 100px;}
.eba-v7-row {margin: 0 !important;}
.eba-search-home {
    position: relative;
    z-index: 1;
}
.no_class .eba-search-home {top: 140px;}
.header-area.fixed-header .eba-search-home {padding-top: 100px;}
.eba-search-home .search-input {padding: 0 15%;}
.eba-search-home .search-input input {
    position: relative;
    padding-right: 65px;
    padding-left: 30px;
    height: 64px;
    font-size: 24px;
    font-weight: 600;
    z-index: 52;
    border: 0;
    background: rgba(255, 255, 255, .67);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    transition: all .3s;
}
.eba-search-home .search-input input::placeholder {
    font-size: 20px;
    font-weight: 400;
}
.eba-search-home .search-input a.close {
    display: none;
    position: absolute;
    top: 20px;
    right: 70px;
    width: 24px;
    height: 24px;
    padding: 0 3px;
    border: 0;
    background: #CCC;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.4;
    z-index: 54;
}
.eba-search-home .search-input a.close:hover {opacity: 1;}
.eba-search-home .search-input a.close i.mdi {font-size: 18px;}
.eba-search-text {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(35, 54, 68, .5);
    color: #EEE;
}
.search-input .search_div {position: relative;}
.search-input .suggests {
    z-index: 51;
    position: absolute;
    width: 100%;
    max-height: 0;
    padding: 0;
    left: 0;
    top: 32px;
    background-color: #FFF;
    border: 0;
    border-radius: 0 0 32px 32px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    overflow: hidden;
    -webkit-transition: max-height .5s, padding .4s ease-in;
    -moz-transition: max-height .5s, padding .4s ease-in;
    -ms-transition: max-height .5s, padding .4s ease-in;
    -o-transition: max-height .5s, padding .4s ease-in;
    transition: max-height .5s, padding .4s ease-in;
}
.search-input .suggests.active {
    overflow-y: auto;
    max-height: 1500px;
}
.search_div .hide {
    display: none !important;
    opacity: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.search-input .suggests ul {
    list-style: none;
    margin: 32px 10px 0 10px;
    padding: 10px 10px 20px;
    border-top: dashed 1px #DDD;
}
.suggests a {
    display: block;
    padding: 8px 10px;
    font-size: 18px;
    color: #999;
}
.selectedSuggestion, .suggests a:hover {
    color: #d4242a;
    background-color: #EEE;
    border-radius: 25px;
    text-decoration: none;
}
.search-input button {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 52px;
    height: 52px;
    padding: 0 8px;
    border: 0;
    color: #EEE;
    background: #d4242a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    z-index: 53;
}
.search-input button:hover {background: #233644;}
.search-input button i {
    color: #FFF;
    font-size: 3rem;
}
.search-input button:hover i {color: #FFF;}
.search-input button:focus i, .search-input button:active i {color: #FFF;}
.sub_pages .eba-search-home {
    visibility: hidden;
    opacity: 0;
}
.sub_pages .header-bar-search {display: block;}
.sub_pages .eba-search-area.overlay-search {
    opacity: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(200deg, #27156E, #6A2A88, #9F4981);
    z-index: 1001;
}
.sub_pages .eba-search-area.overlay-search .eba-search-home {visibility: visible;}
.sub_pages .eba-search-area.overlay-search .eba-search-home {
    top: 20%;
    transform: translate(0, 20%);
}
.sub_pages .header-area.fixed-header .eba-search-home {padding-top: 0;}
.overlay-search-close {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9999;
    color: #DDD;
}
.overlay-search-close i {font-size: 36px;}
.overlay-search-close:hover {color: #FFF;}
.eba-search-area.overlay-search .overlay-search-close {display: block;}
.eba-user {
    float: right;
    text-align: right;
    padding-top: 30px;
    transition: all .3s;
}
a.eba-login-btn {
    display: inline-block;
    font-size: 14px;
    color: #DDD;
    padding: 7px 12px;
    border: 1px solid #DDD;
    border-radius: 30px;
}
.eba-login-btn:hover {
    color: #FFF;
    text-decoration: none;
}
.eba-login-btn i {
    margin-right: 5px;
    margin-top: -2px;
    margin-left: -4px;
}
.eba-login-user-full {float: right;}
.eba-login-user-link {
    display: block;
    width: auto;
    height: 38px;
}
.eba-login-user-full a {
    position: relative;
    font-size: 14px;
    color: #DDD;
    margin-right: 8px;
}
.eba-login-user-full a:hover {
    color: #FFF;
    text-decoration: none;
}
.eba-login-user-full .dropdown-menu .badge.badge-sign {
    width: 6px;
    min-width: 6px;
    height: 6px;
    padding: 0;
    position: absolute;
    left: 5px;
    top: 13px;
    margin: 0;
}
.eba-login-user-full .dropdown-menu .badge.badge-sign:empty {display: block;}
.eba-login-user-link i.mdi-menu-down {
    display: block;
    margin-top: 0;
    height: 38px;
    position: absolute;
    right: -14px;
    left: auto;
    padding-top: 8px;
}
.user-profile-img {
    float: left;
    width: 38px;
    height: 38px;
    color: #999;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #EEE;
    text-align: center;
}
.user-profile-img i {
    padding: 6px 7px;
    font-size: 22px;
}
.user-profile-img img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.user-profile-name {
    display: block;
    width: auto;
    min-height: 38px;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDD;
}
.user-menu-down-icon {
    float: left;
    width: 18px;
    height: 38px;
    padding: 8px 0;
    text-align: center;
}
.badge {
    font-size: 10px;
    margin: -3px 5px 0;
}
.label-transparent, .badge-transparent {background-color: transparent !important}
.label-grey, .badge-grey {background-color: #a0a0a0 !important}
.label-info, .badge-info {background-color: #3a87ad !important}
.label-primary, .badge-primary {background-color: #2283c5 !important}
.label-success, .badge-success {background-color: #82af6f !important}
.label-important, .badge-important {background-color: #d4242a !important}
.label-inverse, .badge-inverse {background-color: #333 !important}
.label-warning, .badge-warning {background-color: #f89406 !important}
.label-pink, .badge-pink {background-color: #d6487e !important}
.label-purple, .badge-purple {background-color: #9585bf !important}
.label-yellow, .badge-yellow {background-color: #fee188 !important}
.label-light, .badge-light {background-color: #e7e7e7 !important}
.label-yellow, .badge-yellow {
    color: #963 !important;
    border-color: #fee188
}
.badge-on-user {
    position: absolute;
    right: -3px;
    top: 0;
    margin-top: 0;
    z-index: 1;
    padding: 0;
}
.badge-on-user:empty {
    display: block;
    width: 10px;
    height: 10px;
}
.eba-user .dropdown-menu {
    left: auto;
    right: 10px;
    float: right;
    border: 1px solid #CCC;
    background-color: #FAFAFA;
    color: #666;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    max-height: 300px;
    min-width: 220px;
    overflow-y: auto;
}
.eba-user .dropdown-menu > li > a {color: #666;}
.eba-user .dropdown-menu a {float: none !important;}
.qr-icon {
    position: absolute;
    right: 26%;
    bottom: 32%;
    float: right;
    width: 26px;
    height: 26px;
    transition: all .3s;
}
.qr-icon a {
    display: block;
    padding: 5px;
    width: 36px;
    height: 36px;
}
.qr-icon img {
    width: 26px;
    height: 26px;
}
.qr-icon-2 {
    float: right;
    text-align: center;
    right: 80px;
    margin-top: 21px;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    transition: all .3s;
}
.qr-icon-2 a {
    display: block;
    padding: 5px;
    width: 36px;
    height: 36px;
}
.qr-icon-2 img {
    width: 26px;
    height: 26px;
}
.header-area.fixed-header .header-bar .qr-icon {margin-top: 20px;}
.header-area.fixed-header .header-bar .qr-icon-2 {margin-top: 20px;}
.navbar {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
    border: 0;
    background: transparent;
    font-weight: 500;
    transition: all .3s;
    z-index: 2;
}
.navbar-other {
    float: right;
    padding-right: 10px;
    padding-left: 15px;
}
.sub_pages .navbar-other {padding-left: 0;}
.navbar-container {position: relative;}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-collapse.collapse {
    float: right;
    padding-top: 26px;
    padding-bottom: 26px;
    transition: all .3s;
}
.navbar-nav {float: none;}
.nav > li > a {
    font-size: 14px;
    color: #EEE;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 0;
    margin-top: 0;
    border-radius: 5px;
}
.nav > li > a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.25);
    transition: all 0.3s;
    border-top: 0;
}
.nav > li > a:focus {
    transition: none;
    background-color: rgba(255, 255, 255, 0.15);
    border-top: 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: transparent !important;
    background-color: rgba(255, 255, 255, 0.15);
}
.nav > li > a:focus:hover {
    background-color: rgba(255, 255, 255, 0.25);
    transition: all 0.3s;
    border-top: 0;
}
.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.10);
    background-color: #FFF;
    color: #666;
    font-size: 15px;
    min-width: 195px;
    border-radius: 5px !important;
}
.dropdown-menu > li > a {
    padding: 6px 15px;
    color: #333;
    border-top: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: rgba(0, 0, 0, 0.15);
    color: #333;
}
.dropdown-submenu-link i {
    position: absolute;
    right: 6px;
    transform: rotate(-90deg);
}
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 95%;
    max-width: 195px;
    margin-top: -6px;
    margin-right: -1px;
    border-radius: 5px;
}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #999;
    margin-top: 5px;
    margin-right: 0;
    transform: rotate(-180deg);
}
.dropdown-submenu:hover > a:after {border-left-color: #ffffff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.dropdown-menu-right {margin-left: 0;}
.dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    left: -200px;
    top: -3px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
    min-width: 205px;
}
.home-page-icon {font-size: 20px !important;}
.home-page-icon .home-page-text {display: none;}
.navbar-active-menu {
    background-color: rgba(255, 255, 255, 0.15);
    border-top: 0 !important;
}
.navbar .dropdown-toggle i:before {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    content: "\f35d";
}
.navbar-toggle {transition: all .3s;}
.navbar-toggle i.mdi-menu {
    color: #EEE;
    display: block;
    padding-top: 4px;

}
.nav.navbar-nav {display: inline-block;}
.nav.navbar-nav.login-menu-area {
    position: relative;
    margin: 0 10px 0 20px;
    border: 1px solid #DDD;
    border-radius: 50px;
    padding: 5px 6px 5px 64px;
}
.nav.navbar-nav.login-menu-area::before {
    position: absolute;
    display: block;
    width: 60px;
    height: auto;
    padding: 12px;
    left: 0;
    top: 0;
    bottom: 0;
    font-weight: bold;
    z-index: 3;
    color: #0e0e0e;
    font-size: 13px;
    content: 'GİRİŞ';
    background: #DDD;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
}
.nav.navbar-nav.login-menu-area > li > a {
    padding: 7px 14px;
    border-radius: 30px;
}
.nav.navbar-nav.login-menu-area i {
    display: none;
    margin-right: 3px;
    font-size: 16px;
    vertical-align: text-top;
}
.login-text {display: none;}
.header-bar.normal-header {
    position: relative;
    width: 100%;
    transition: all .3s;
    z-index: 999;
    top: auto;
}
.header-area.fixed-header .header-bar {
    position: fixed;
    width: 100%;
    height: 80px;
    background-color: rgba(35, 54, 68, .97);
    z-index: 1001;
    top: 0;
    left: 0;
    transition: background-color .1s linear, border-bottom-color .1s linear;
    border-bottom: 1px solid rgba(35, 54, 68, .97);
}
.header-area.fixed-header .header-bar:hover {
    background-color: rgba(35, 54, 68, .97);
    transition: background-color .2s linear, border-bottom-color .2s linear;
}
.header-area.fixed-header .header-bar .logos-area {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 80px;
}
.header-area.fixed-header .header-bar .navbar-toggle {margin-top: 16px;}
.header-area.fixed-header .header-bar .navbar-collapse.collapse {
    padding-top: 16px;
    padding-bottom: 16px;
}
.header-area.fixed-header .header-bar .login-and-user {padding: 20px 0;}
.header-area.fixed-header .header-bar .eba-logo-img {width: 80px;}
.header-area.fixed-header .header-bar .eba-logo-img img {width: 80px;}
.header-area.fixed-header .header-bar .meb-logo-img {width: 50px;}
.header-area.fixed-header .header-bar .meb-logo-img img {width: 50px;}
.header-area.fixed-header .header-bar .eba-user {padding-top: 20px;}
.header-area.fixed-header .header-bar .header-bar-search {margin-top: 16px;}
.sub_pages .header-bar {
    background-color: rgba(35, 54, 68, .001);
    transition: background-color .2s linear, border-bottom-color .2s linear;
    border-bottom: 1px solid rgba(35, 54, 68, 0);
}
.add-content-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #d4232a;
    color: #FFF;
    text-align: center;
    z-index: 9999;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
.add-content-button a.dropdown-toggle {
    display: block;
    width: 48px;
    height: 48px;
    padding: 12px 0;
    color: #FFF;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.add-content-button a.dropdown-toggle i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.add-content-button.open a.dropdown-toggle i {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.add-content-button a.dropdown-toggle:hover {
    color: #FFF;
    text-decoration: none;
}
.add-content-button a.dropdown-toggle span {display: none;}
.add-content-button.open a.dropdown-toggle span, .add-content-button a.dropdown-toggle:hover span {
    display: block;
    position: absolute;
    width: 110px;
    right: 100%;
    margin-right: -25px;
    margin-top: -4px;
    font-size: 12px;
    padding: 8px 20px 8px 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #d4232a;
    color: #FFF;
}
.add-content-menu {
    right: -10px;
    bottom: 50px;
    left: inherit;
    top: inherit;
    padding: 0 10px;
    text-align: right;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width: auto;
    width: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    border: 0;
}
.add-content-button.open .add-content-menu {
    max-height: 308px;
    opacity: 1;
}
.add-content-menu li {margin-bottom: 10px;}
.add-content-menu li a {
    display: inline-block;
    width: auto;
    font-size: 12px;
    padding: 5px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #3b5d75;
    color: #EEE;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, .015), 0 4px 8px rgba(0, 0, 0, 0.30);
}
.add-content-menu li a:hover {
    background-color: #304d61;
    color: #FFF;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.30);
}
a.language-link {
    position: absolute;
    right: 20px;
    top: 8px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
    color: #DDD;
    background: rgba(255, 255, 255, .1);
}
a.language-link:hover {
    text-decoration: none;
    color: #FFF;
    background: #345165;
}
a.eba-radio-icon {
    position: absolute;
    right: 52px;
    top: 8px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
    color: #DDD;
    background: rgba(255, 255, 255, .1);
}
a.eba-radio-icon:hover {
    text-decoration: none;
    color: #FFF;
    background: #345165;
}
a.eba-radio-icon i {vertical-align: top;}
.navbar .bootstrap-select {
    position: absolute;
    right: 55px;
    top: 0;
}
.navbar .bootstrap-select,
.navbar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: auto;}
.navbar .bootstrap-select button {
    height: 46px;
    font-size: 12px;
    padding: 10px 20px 10px 10px;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
}
.navbar .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color: #DDD;}
.navbar .bootstrap-select button:hover {
    background-color: #345165;
    transition: all 0.3s;
    color: #DDD;
}
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {background-color: #345065 !important;}
.navbar .bootstrap-select .dropdown-menu {
    width: auto;
    margin-top: 0;
    min-width: 260px;
    left: auto;
    right: 0;
    background: #345165;
    border: 0;
    padding-right: 1px;
    padding-bottom: 1px;
}
.navbar .bootstrap-select .dropdown-menu > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
    color: #DDD !important;
}
.navbar .bootstrap-select .dropdown-menu > li > a,
.navbar .bootstrap-select.open .dropdown-menu > li > a {color: #DDD !important;}
.navbar .bootstrap-select .btn-default:focus, .navbar .bootstrap-select .btn-default.focus,
.navbar .bootstrap-select .btn-default:active, .navbar .bootstrap-select .btn-default.active,
.navbar .bootstrap-select.open > .dropdown-toggle.btn-default {
    background-color: #345165;
    border-color: transparent !important;
    color: #FFF !important;
}
.navbar .bootstrap-select.btn-group .dropdown-toggle .caret {right: 9px;}
.page-content {
    position: relative;
    border-radius: 0 0 80px 80px;
    box-shadow: 0 50px 50px rgba(0, 0, 0, 0.5);
    padding: 0 0 80px;
    z-index: 1;
    margin-bottom: 290px;
    background-color: #FFF !important;
}
.main-page-content {min-height: 450px;}
.main-notice {
    position: relative;
    border: 1px solid #999;
    border-top: 0;
    padding: 10px;
    min-height: 40px;
    margin-bottom: 30px;
}
.main-notice-title {
    display: block;
    float: left;
    width: 98px;
    font-size: 14px;
    font-weight: bold;
    color: #233644;
    margin-right: 10px;
}
.main-notice-title:after {content: " :";}
.main-notice a {
    color: #333;
    text-decoration: none;
}
.main-notice a:hover {
    color: #d4232a;
    text-decoration: none;
}
.main-notice-text {font-size: 13px;}
.main-notice ul {margin: 0;}
.main-notice-list {padding-right: 140px;}
.main-notice ul li {
    margin: 0;
    padding: 0;
}
.main-notice-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 40px;
    padding: 0;
    font-size: 15px;
}
.main-notice-nav li {float: left;}
.main-notice-nav a {
    padding: 10px 8px;
    font-size: 14px;
    display: block;
    width: auto;
    height: 40px;
}
.main-notice-nav li a i {font-size: 22px;}
.custom-container-mgt60 {margin-top: 60px;}
.slider-area {
    border-radius: 10px;
    height: 325px;
}
#main-slider .item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
#main-slider .image_slider_full:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    opacity: 0.2;
    z-index: 1;
}
.main-slider-div .owl-carousel .owl-wrapper-outer {border-radius: 10px;}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0;
    font-size: 22px;
    filter: Alpha(Opacity=70);
    opacity: 0.7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    margin: 0;
    transition: all .3s;
}
.news-and-video-area .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0;
    font-size: 22px;
    filter: Alpha(Opacity=70);
    opacity: 0.7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
    border-radius: 50%;
    margin: 0;
    transition: all .3s;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.8);
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=95);
    opacity: 0.95;
    background: #d4232a;
    border-color: #FFF;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.main-slider-div .owl-theme .owl-controls {margin-top: -25px;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;}
.news-and-video-area .owl-carousel {
    border-radius: 10px;
    overflow: hidden;
}
.main-slider-div .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 5px;
    top: 50%;
    margin-top: -24px;
}
.main-slider-div .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 5px;
    top: 50%;
    margin-top: -24px;
}
.main-slider-div .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.main-slider-div .owl-theme .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.main-slider-div .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 0.95;
    background: #d4232a;
    border-color: #FFF;
}
.main-slider-div .owl-theme .owl-nav {
    margin: -24px 0 0 0;
    position: absolute;
    width: 100%;
    top: 50%;
}
.main-slider-div .owl-theme .owl-nav button {
    color: #FFF;
    zoom: 1;
}
.main-slider-div .owl-theme .owl-nav button:hover {background: transparent;}
.main-slider-div .owl-prev {
    position: absolute;
    left: -7%;
    display: block !important;
    border: 0 solid black;
    margin-top: -6% !important;
}
.main-slider-div .owl-next {
    position: absolute;
    right: -6%;
    display: block !important;
    border: 0 solid black;
    margin-top: -6% !important;
}
.main-slider-div {position: relative;}
.slider-all-news-btn {
    position: absolute;
    right: 15px;
    bottom: 3px;
    text-align: center;
}
.slider-all-news-btn a {
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    display: block;
    height: 26px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all .3s;
}
.slider-all-news-btn a:hover {
    color: #FFF;
    background: rgba(212, 35, 42, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.8);
}
.main-slider-div, .slider-left-btn-div, .slider-right-video-div {margin-bottom: 20px;}
.slider-left-btn {
    margin-bottom: 20px;
    text-align: center;
}
.slider-left-btn span {
    font-size: 20px;
    margin-right: 5px;
}
.slider-left-btn a {
    display: block;
    text-decoration: none;
    border: 1px solid #DDD;
    padding: 12px 10px;
}
.slider-left-btn a:hover {
    background: #FAFAFA;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px #EEE;
    -moz-box-shadow: 0 0 8px #EEE;
    box-shadow: 0 0 8px #EEE;
}
.slider-left-btn-text {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
    margin-bottom: 0;
}
.slider-left-btn.apps-btn {margin-bottom: 0;}
.slider-area-content-box {
    position: relative;
    height: 325px;
    font-family: 'Quicksand', sans-serif;
    border: 1px solid #e5e5e5;
    background-color: #f3f2f2;
    border-radius: 10px;
}
.slider-area-content-box-img {
    height: 180px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.slider-area-content-box-img img {
    height: 180px;
    width: auto;
    margin: 0 auto;
}
.slider-area-content-box h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 20px;
    line-height: 1.4;
}
.slider-area-content-box h3 a {color: #2a2d2e;}
.slider-area-content-box h3 a:hover {
    color: #d4232a;
    text-decoration: none;
}
.slider-area-content-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding: 0 20px 20px;
    line-height: 1.4;
    color: #2a2d2e;
}
.quick-links-row {margin-top: -250px;}
.quick-links-area {
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    margin: 0 auto 100px;
}
.quick-links-area > div {margin-bottom: 20px;}
.diamond-icon-area {height: 125px;}
.diamond-icon-area span {
    display: block;
    position: absolute;
    left: 50%;
}
.diamond-icon-area span.diamond {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, .67);
    margin-left: -60px;
    top: 0;
    border-radius: 50%;
}
.diamond-icon-area span.quick-links-icon {
    width: 60px;
    height: 60px;
    transform: rotate(0deg);
    margin-left: -30px;
    top: 30px;
    transition: all .3s;
    pointer-events: none;
}
.quick-links-area > div:hover span.diamond {background: rgba(255, 255, 255, 1);}
.quick-links-area > div:hover .quick-links-icon {transform: scale(1.2);}
.quick-links-content {
    padding-top: 5px;
    position: relative;
    z-index: 1;
}
.quick-links-title {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #2a2d2e;
}
.quick-links-text {
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.67);
}
.quick-links-button {
    display: block;
    width: 180px;
    height: 38px;
    margin: 0 auto 5px;
    padding: 6px 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 20px;
    transition: all .3s;
    color: #2a2d2e;
    background-color: rgba(255, 255, 255, .67);
}
.quick-links-button:hover {text-decoration: none;}
.quick-links-area .quick-links1:hover .quick-links-button, .quick-links-area .quick-links1:hover .quick-links-button:hover {
    color: #FFF;
    border-color: #e46f0f;
    background-color: #e46f0f;
}
.quick-links-area .quick-links2:hover .quick-links-button, .quick-links-area .quick-links2:hover .quick-links-button:hover {
    color: #FFF;
    border-color: #DA1C5C;
    background-color: #DA1C5C;
}
.quick-links-area .quick-links3:hover .quick-links-button, .quick-links-area .quick-links3:hover .quick-links-button:hover {
    color: #FFF;
    border-color: #20A8BC;
    background-color: #20A8BC;
}
.quick-links-area .quick-links4:hover .quick-links-button, .quick-links-area .quick-links4:hover .quick-links-button:hover {
    color: #FFF;
    border-color: #8CB347;
    background-color: #8CB347;
}
.et-row {margin-bottom: 50px;}
.et-container {background: url('../img/et-bg.png') repeat;}
.et-pad {
    padding: 10px;
    min-height: 365px;
}
.et-left {min-height: 340px;}
.et-left {
    min-height: 340px;
    width: 100%;
    background: #F5F4EF;
    padding: 15px;
    border: 1px solid #aeaca4;
}
.et-left-content {
    position: relative;
    background: #F5F4EF;
    padding: 15px;
    border: 1px solid #aeaca4;
    min-height: 310px;
    text-align: center;
}
.et-left-content p {
    text-align: center;
    margin-bottom: 0;
    font-size: 13px;
}
.et-day-area {
    border: 1px solid #aeaca4;
    width: 140px;
    height: 200px;
    margin: 20px auto;
    padding: 10px 0;
    background: #F8F6F3;
}
.et-day-number {
    font-size: 80px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2em;
}
.et-day-number:after {
    display: block;
    content: "";
    height: 8px;
    left: 0;
    right: 0;
    margin: 0 0 20px;
    background: url('../img/et-divider.png') no-repeat center center;
    background-size: 70%;
}
.et-month-name {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
.et-day-name {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
.et-left-content .day-nav {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    margin-top: -21px;
    background: transparent;
    border: 0;
    padding: 0;
}
.et-left-content .day-nav i {
    font-size: 42px;
    color: #aeaca4;
}
.et-left-content .day-nav:hover i {
    cursor: pointer;
    color: #333;
}
.et-left-content .prev-day-arrow {left: 5px;}
.et-left-content .next-day-arrow {right: 5px;}
.et-calendar-icon .ui-datepicker-trigger {
    border: 0;
    background: transparent;
}
.et-calendar-icon .ui-datepicker-trigger i {
    font-size: 24px;
    color: #aeaca4;
}
.et-calendar-icon .ui-datepicker-trigger:hover i {color: #222;}
#et-datepicker {display: none;}
.et-table {
    display: table;
    width: 100%;
    height: 340px;
    padding: 0 3vw;
}
.et-slider-text-frame {
    display: table-cell;
    vertical-align: middle;
}
.et-slider-text {
    border: 1px solid #aeaca4;
    background: #F8F6F3;
    padding: 15px;
    text-align: center;
}
.et-text-border {
    border: 1px solid #aeaca4;
    background: #F8F6F3;
    padding: 15px;
    max-height: 310px;
    overflow-y: auto;
}
.et-text-block {margin: 15px 0;}
.et-caption {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 5px;
    padding-bottom: 10px;
    background: url('../img/et-divider.png') no-repeat center bottom;
    background-size: 100px;
}
.et-sub-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4em;
}
.et-text {
    font-size: 15px;
    line-height: 1.2em;
}
.et-author {
    color: #666;
    line-height: 1.4em;
}
.et-text i, .et-text span {vertical-align: middle;}
.et-text i, .et-text i:before {
    font-size: 18px;
    font-weight: bold;
}
.et-right .owl-prev {
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 30px;
    display: block !important;
    border: 0 solid black;
}
.et-right .owl-next {
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 30px;
    display: block !important;
    border: 0 solid black;
}
.et-right .owl-prev i, .et-right .owl-next i {
    color: #aeaca4;
    font-size: 42px;
}
.et-right .owl-prev:hover i, .et-right .owl-next:hover i {
    color: #222;
    cursor: pointer;
}
.benefits-row {padding: 30px 0 10px;}
.benefits-area h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 20px;
}
.benefits-area .nav-tabs {
    border: 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    margin-right: 170px;
}
.benefits-area .nav-tabs > li {margin-right: 20px;}
.benefits-area .nav-tabs > li:last-child {margin-right: 0;}
.benefits-area .nav-tabs > li > a {
    margin: 0;
    padding: 3px 0;
    font-size: 22px;
    font-weight: 400;
    color: #2a2d2e;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 2px solid #2a2d2e;
    border-radius: 0;
}
.benefits-area .nav-tabs > li > a:hover {
    border-bottom: 2px solid #d4232a;
    border-top: 1px solid transparent;
    background-color: transparent;
    color: #d4232a;
}
.benefits-area .nav-tabs > li > a:focus {
    border: 1px solid transparent;
    border-bottom: 2px solid #d4232a;
}
.benefits-area .nav-tabs > li.active > a, .benefits-area .nav-tabs > li.active > a:hover, .benefits-area .nav-tabs > li.active > a:focus {
    color: #2a2d2e;
    background-color: transparent !important;
    border: 1px solid transparent;
    border-bottom: 2px solid #d4232a;
}
.benefits-area .nav > li > a:focus {background-color: transparent !important;}
.benefits-area .tab-pane {position: relative;}
.benefits-inside-area ul li {margin-bottom: 20px;}
.benefits-inside-area a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 3px 15px;
    text-align: center;
    font-size: 18px;
    color: #EEE;
    background-color: #324255;
    border-radius: 5px;
    transition: all .3s;
}
.benefits-inside-area a span {transition: all .3s;}
.benefits-inside-area a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #4d5a69;
}
.benefits-text-container {
    padding-left: 85px;
    display: block;
    vertical-align: top;
}
.benefits-header {
    font-size: 18px;
    font-weight: 600;
    color: #7B5EC6;
}
.benefits-logo-img {
    display: block;
    width: 70px;
    height: 70px;
    vertical-align: top;
    transition: all .3s;
    float: left;
    border-radius: 50px;
    padding: 5px;
}
.benefits-logo-img img {
    width: 60px;
    height: 60px;
    transition: all 0.3s;
}
.mobile-row {margin: 50px 0 0 0;}
.mobile-area {
    margin-bottom: 0;
    position: relative;
}
.mobile-row .tab-content {padding: 20px 10px 0;}
.mobile-row .nav-tabs {margin-bottom: 40px;}
.mobile-img {
    position: absolute;
    display: block;
    width: 40%;
    bottom: 0;
    left: 0;
}
.mobile-content {margin-bottom: 40px;}
.mobile-content h3 {
    margin: 0 0 30px;
    font-size: 28px;
    color: #2a2d2e;
}
.mobile-content p {
    font-size: 18px;
    margin-bottom: 30px;
}
.go-store-btn {
    display: block;
    margin-bottom: 15px;
}
.go-store-btn a {
    display: block;
    width: 200px;
    transition: all .3s;
}
.go-store-btn a:hover {transform: scale(1.05);}
.news-and-video-row {
    padding: 30px 0 10px;
    background-color: #f3f5f6;
}
.news-and-video-area h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 20px;
}
.news-and-video-area .nav-tabs {
    border: 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    margin-right: 170px;
}
.news-and-video-area .nav-tabs > li {margin-right: 20px;}
.news-and-video-area .nav-tabs > li:last-child {margin-right: 0;}
.news-and-video-area .nav-tabs > li > a {
    margin: 0;
    padding: 3px 0;
    font-size: 22px;
    font-weight: 400;
    color: #2a2d2e;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 2px solid #2a2d2e;
    border-radius: 0;
}
.news-and-video-area .nav-tabs > li > a:hover {
    border-bottom: 2px solid #d4232a;
    border-top: 1px solid transparent;
    background-color: transparent;
    color: #d4232a;
}
.news-and-video-area .nav-tabs > li > a:focus {
    border: 1px solid transparent;
    border-bottom: 2px solid #d4232a;
}
.news-and-video-area .nav-tabs > li.active > a, .news-and-video-area .nav-tabs > li.active > a:hover,
.news-and-video-area .nav-tabs > li.active > a:focus {
    color: #2a2d2e;
    background-color: transparent !important;
    border: 1px solid transparent;
    border-bottom: 2px solid #d4232a;
}
.news-and-video-area .nav > li > a:focus {background-color: transparent !important;}
.news-and-video-area .tab-pane {position: relative;}
.news-and-video-area .owl-item {padding: 0 10px;}
.news-and-video-area .content-list-slider-img-link {border-radius: 10px;}
.news-and-video-area .content-list-slider-img {
    height: 200px;
    border-radius: 10px;
}
.news-and-video-area .content-list-slider-img img {border-radius: 10px;}
.news-and-video-area .content-list-slider-img-link:after {border-radius: 10px;}
.news-and-video-area .content-list-slider-title {
    height: 60px;
    font-size: 16px;
    font-weight: 400;
}
.news-and-video-area .owl-carousel {margin-top: -60px;}
.news-and-video-area .owl-carousel .owl-wrapper-outer {padding-top: 60px;}
.news-and-video-area .owl-theme .owl-controls .owl-buttons .owl-prev {
    right: 60px;
    top: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #FAFAFA;
    border: 1px solid #CCC;
    border-radius: 20px;
}
.news-and-video-area .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 10px;
    top: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #FAFAFA;
    border: 1px solid #CCC;
    border-radius: 20px;
}
.news-and-video-area .owl-next i.mdi, .news-and-video-area .owl-prev i.mdi {
    position: relative;
    width: 100%;
    height: 100%;
    color: #999;
    text-shadow: none;
    font-size: 30px
}
.news-and-video-area .owl-next i.mdi:before, .news-and-video-area .owl-prev i.mdi:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px
}
.news-and-video-area .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: #EEE;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.news-and-video-area .owl-theme .owl-controls.clickable .owl-buttons div:hover i.mdi {color: #333}
.news-and-video-area .all-news-link {
    position: absolute;
    top: -50px;
    right: 10px;
    padding: 6px 0;
    z-index: 2;
}
.news-and-video-area .all-news-link a {
    font-size: 20px;
    color: #2a2d2e;
}
.news-and-video-area .all-news-link a:hover {
    color: #d4232a;
    text-decoration: none;
}
.other-links-area {padding: 60px 0 10px;}
.other-links-area ul li {margin-bottom: 20px;}
.other-links-area a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 3px 15px;
    text-align: center;
    font-size: 18px;
    color: #EEE;
    background-color: #324255;
    border-radius: 5px;
    transition: all .3s;
}
.other-links-area a span {transition: all .3s;}
.other-links-area a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #4d5a69;
}
.with-yds .slider-left-btn {
    margin-bottom: 14px;
    text-align: center;
}
.with-yds .slider-left-btn span {
    font-size: 18px;
    margin-right: 5px;
    height: 20px;
}
.with-yds .slider-left-btn span img {width: 20px;}
.with-yds .slider-left-btn a {
    display: block;
    text-decoration: none;
    border: 1px solid #DDD;
    padding: 13px 10px;
}
.with-yds .slider-left-btn a:hover {
    background: #FAFAFA;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px #EEE;
    -moz-box-shadow: 0 0 8px #EEE;
    box-shadow: 0 0 8px #EEE;
}
.with-yds .slider-left-btn-text {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
    margin-bottom: 0;
}
.eba-class-big-btn a {color: #d4232a;}
.share-btn a {color: #88bd4a;}
.apps-btn a {color: #3cb2c3;}
.security-big-btn a {color: #8e44ad;}
.with-yds .yds-big-btn a {color: #cd5c5c;}
.slider-right-video-div {
    border: 1px solid #DDD;
    background-color: #FAFAFA;
}
.slider-right-video-img, .slider-right-quote-img {
    width: 223px;
    height: 130px;
    overflow: hidden;
}
.slider-right-video-div h4 {
    margin: 12px 0;
    text-align: center;
}
.slider-right-video-list {
    margin: 0;
    padding: 0 20px;
}
.slider-right-video-list li {margin-bottom: 10px;}
.slider-right-video-link, .slider-right-quote-link {
    position: relative;
    display: block;
    color: #FFF;
    text-decoration: none;
    line-height: 1;
}
.slider-right-video-link:hover, .slider-right-quote-link:hover {
    text-decoration: none;
    color: #FFF;
}
.slider-right-video-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1
}
.slider-right-quote-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 1
}
.slider-right-video-link:hover:after {background-color: rgba(0, 0, 0, 0.4)}
.slider-right-quote-link:hover:after {background-color: rgba(0, 0, 0, 0.2)}
.slider-right-video-link img, .slider-right-quote-link img {
    width: 100%;
    vertical-align: top;
}
.slider-right-video-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 40px;
    padding: 6px;
    z-index: 2;
}
.slider-right-video-link h5 {
    font-size: 12px;
    color: #FFF;
    margin: 0 0 2px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}
.slider-right-video-cat {
    display: inline-block;
    font-size: 10px;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: #18a8c8;
    padding: 3px 5px;
    width: auto;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}
.slider-right-video-play {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    padding: 11px 13px;
    font-size: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 3;
}
.slider-right-quote-icon {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    padding: 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 3;
}
.slider-right-quote-icon i {font-size: 24px;}
.main-content-area h4 {
    position: relative;
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 3px solid #666;
}
.main-content-area h4 > a {
    position: absolute;
    display: block;
    right: 0;
    bottom: 3px;
    width: auto;
    height: 22px;
    padding: 5px 10px;
    font-size: 12px;
    color: #999;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #999;
}
.main-content-area h4 > a:hover {
    color: #FFF;
    border: 1px solid #666;
    background-color: #666;
    text-decoration: none;
}
.main-content-col {margin-bottom: 30px;}
.main-content-list-big {margin-bottom: 15px;}
.main-content-list-big-link {
    position: relative;
    display: block;
    color: #FFF;
    text-decoration: none;
    line-height: 1;
}
.main-content-list-big-link:hover {
    text-decoration: none;
    color: #FFF;
}
.main-content-list-big-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1
}
.main-content-list-big-link:hover:after {background-color: rgba(0, 0, 0, 0.4)}
.main-content-list-big-img {
    width: 265px;
    height: 154px;
    overflow: hidden;
}
.main-content-list-big-link img {
    width: 100%;
    vertical-align: top;
}
.main-content-list-big-cat {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    min-height: 26px;
    padding: 6px;
    font-size: 14px;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: #88bd4a;
    text-align: center;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    z-index: 2;
}
.main-content-list-play {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #FFF;
    z-index: 3;
    padding: 11px 2px 11px 4px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
}
.main-content-list-small {margin-bottom: 10px;}
.main-content-list-small a {
    display: block;
    overflow: hidden;
    color: #666;
}
.main-content-list-small a:hover {
    display: block;
    color: #d4232a;
    text-decoration: none;
}
.main-content-list-small-img {width: 100px}
.main-content-list-small a img {
    display: block;
    float: left;
    width: 100px;
    height: 58px;
    overflow: hidden;
    margin-right: 5px;
}
.main-content-list-small a span {
    overflow: hidden;
    margin: 0;
    padding: 3px 0 3px 0;
    font-size: 12px;
    line-height: 1.1;
}
.main-content-list-small a:hover img {
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}
.stats-row {margin-top: 30px;}
.eba-stats-area {
    background: #FFF;
    min-height: 90px;
    text-align: center;
    border-bottom: 1px solid #EEE;
}
.eba-stats-area h5 {
    text-align: center;
    color: #2a2d2e;
    margin: 15px 0;
    font-size: 16px;
}
.eba-stats-area li {
    padding: 10px 15px;
    height: 60px;
}
.eba-stats-area li:last-child {background: none;}
.eba-stats-area span {display: block;}
.eba-stats-number {font-size: 16px;}
.eba-stats-title {
    color: #2a2d2e;
    font-size: 10px;
}
.color-one {color: #4eb4c3;}
.color-two {color: #d4232a;}
footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.footer-area {background: #233644;}
.footer-area .logos-area {
    float: none;
    height: 80px;
    padding: 0;
}
.footer-area .logos-area .eba-logo-img {margin-right: 38px;}
.site-name-area {
    padding: 6px 0 0 0;
    color: #edf3f9;
    height: 55px;
}
.site-name-area span {
    display: block;
    margin-bottom: 2px;
}
.site-name-area span.site-name {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
.site-name-area span.site-slogan {font-size: 12px;}
.eba-footer-logo {
    width: 35%;
    float: left;
    min-height: 160px;
    padding-top: 20px;
    padding-left: 20px;
}
.eba-footer-logo .eba-footer-logo-link {
    display: block;
    float: left;
    margin-right: 30px;
}
.eba-footer-logo h4 {
    color: #edf3f9;
    margin: 10px 0 2px;
}
.eba-footer-logo p {
    color: #edf3f9;
    margin: 3px 0;
    font-size: 12px !important;
}
.eba-footer-social {
    padding: 15px 0 0;
    height: 90px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5%;
    text-align: center;
}
.eba-footer-social a {
    display: inline-block;
    color: #b0bbcb;
    padding: 4px 0;
    font-size: 12px !important;
    overflow: hidden;
    transition: all .3s;
    margin: 0 5px
}
.eba-footer-social a:hover {
    color: #FFF;
    text-decoration: none;
}
.eba-footer-social a i {
    display: block;
    font-size: 26px;
}
.eba-footer-social a span {
    display: block;
    margin-top: 3px;
    float: left;
}
.eba-footer-mobile-app {
    height: 90px;
    padding: 15px 0 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5%;
    text-align: center;
}
.eba-footer-social h4, .eba-footer-mobile-app h4 {
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #edf3f9;
}
.eba-footer-mobile-app a {
    display: inline-block;
    color: #b0bbcb;
    padding: 7px 10px;
    font-size: 12px !important;
    overflow: hidden;
    text-align: center;
    margin: 0 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    transition: all .3s;
}
.eba-footer-mobile-app a:hover {
    color: #FFF;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.3);
}
.eba-footer-mobile-app a i {
    margin-right: 10px;
    display: block;
    float: left;
}
.eba-footer-mobile-app a span {
    display: block;
    margin-top: 1px;
    float: left;
}
.eba-footer-menu {
    width: 65%;
    float: left;
    color: #AAA;
    padding-top: 30px;
}
.eba-footer-menu h5 {
    font-weight: normal;
    margin: 0 0 15px 0;
    font-size: 12px;
    color: #4eb4c3;
}
.eba-footer-menu li {
    margin-bottom: 8px;
    line-height: 1;
}
.eba-footer-menu li .eba-footer-menu-link {
    color: #AAA;
    font-size: 12px;
    line-height: 1.1;
}
.eba-footer-menu li .eba-footer-menu-link:hover {color: #EEE;}
.footer-menu-row {
    color: #676f79;
    font-size: 14px;
    text-align: center;
    min-height: 38px;
    background: #233644;
    padding: 8px 0;
    margin-top: 25px;
}
.footer-menu-row ul {
    margin: 5px 10px;
    display: inline-block;
}
.footer-menu-row ul:first-child {
    margin-right: 0;
    padding-right: 15px;
    border-right: 1px solid #585f67;
}
.footer-menu-row ul li {margin: 0 10px;}
.footer-menu-row a {color: #b0bbcb;}
.footer-menu-row a:hover {
    color: #FFF;
    text-decoration: underline;
}
.copyright-row, .eba-footer-copyright {
    color: #676f79;
    font-size: 10px;
    text-align: center;
    min-height: 22px;
    background: #233644;
    padding: 8px 0;
    border-top: 1px solid #585f67;
}
.copyright-row p {margin-bottom: 0;}
.eba-footer-copyright a {
    color: #999;
    text-decoration: underline;
}
.eba-footer-copyright a:hover {color: #FFF;}
.breadcrumb {
    padding: 8px 0;
    margin: 0 0 5px 0;
    font-size: 12px;
    background-color: transparent;
}
.breadcrumb li {display: inline;}
.breadcrumb > li + li:before {
    content: ">";
    color: #666;
}
.breadcrumb a {
    color: #666;
    font-weight: bold;
}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb > .active {color: #999;}
.profile-page-header .breadcrumb > li + li:before {
    text-shadow: 0 0 1px #333;
    color: #F2F2F2;
}
.profile-page-header .breadcrumb a {
    text-shadow: 0 0 1px #333;
    color: #F2F2F2;
}
.profile-page-header .breadcrumb > .active {
    text-shadow: 0 0 1px #333;
    color: #FAFAFA;
}
.content-detail {margin-bottom: 20px;}
.content-detail h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
    line-height: 1.3;
}
.content-detail-info {
    display: block;
    color: #999;
    font-size: 14px;
    margin-bottom: 5px;
}
.content-author-date {
    display: block;
    float: left;
    padding-top: 7px;
}
.content-author {
    display: block;
    float: left;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}
.content-author a {color: #666;}
.content-author a:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-date {
    display: block;
    float: left;
    color: #999;
}
.content-stats {float: right;}
.content-stats i {font-size: 14px;}
.content-stats span {font-size: 13px;}
.content-stats ul {margin-bottom: 0 !important;}
.content-stats ul li:last-child {padding-right: 0;}
.content-stats i {margin-right: 5px;}
.content-like-btn {
    display: block;
    width: auto;
    padding: 0 7px;
    text-align: center;
    line-height: 1.5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #CCC;
    color: #666;
    text-decoration: none;
    background: #FFF;
}
.content-like-btn:hover {
    color: #e14a4a;
    text-decoration: none;
    border-color: #e14a4a;
}
.content-like-btn.liked {
    color: #FFF;
    background-color: #e14a4a;
    border-color: #e14a4a;
}
.content-detail-main-img {
    text-align: center;
    margin-bottom: 30px;
}
.content-detail-main-img img {margin: 0 auto;}
.content-detail-text {margin-bottom: 40px;}
.content-detail-text-summary {
    font-size: 18px;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 20px;
}
.content-detail-text-full {line-height: 1.8;}
.content-detail-text-full p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #666;
}
.content-code-area {
    overflow: hidden;
    margin-bottom: 20px;
}
.content-code-area img {
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.content-code-area textarea {
    height: 62px !important;
    resize: none;
    width: 100% !important;
    padding: 0;
    border: 0 none;
}
.code-div {
    position: relative;
    height: 120px !important;
    padding: 15px 20px 30px;
    border: 1px solid #DDD;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.code-action-div {
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 32px;
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}
.code-copy-btn {
    height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    color: #666;
    text-shadow: 1px 1px 1px #EEE;
    background: #DDD;
    -webkit-border-radius: 3px 0 3px 0;
    -moz-border-radius: 3px 0 3px 0;
    border-radius: 3px 0 3px 0;
}
.code-copy-btn:hover {
    background: #EEE !important;
    border-color: #DDD !important;
}
.code-copy-btn i.mdi {font-size: 16px;}
.code-action-msg {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 4px 8px;
    color: #d4232a;
    margin-right: 5px;
}
.code-action-msg i.mdi {font-size: 20px;}
.code-container, .province-container {margin-bottom: 20px;}
.code-container {padding: 30px 15px 0;}
.eba-kod-page .sidebar-notice-title h4 {padding-bottom: 10px;}
.eba-kod-menu .main-page-link {margin-bottom: 0 !important;}
.eba-kod-menu .panel-heading {padding: 0;}
.eba-kod-menu .panel-heading .panel-title a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #555;
    font-weight: 400;
}
.eba-kod-menu .panel-heading .panel-title a.active-menu {
    color: #000;
    background-color: #e3e3e3;
}
.eba-kod-menu .panel-heading .panel-title a:hover {
    text-decoration: none;
    background-color: #fafafa;
}
.eba-kod-menu .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: 0;}
.eba-kod-menu .panel-default > .panel-heading + .panel-collapse > .panel-body span.glyphicon {
    font-size: 8px;
    margin-right: 5px;
    top: 0;
    color: #d4232a;
}
.eba-kod-menu .table > tbody > tr > td {padding: 8px 10px 8px 20px;}
.eba-kod-menu .panel-group .panel + .panel {margin-top: 0;}
.eba-kod-content-box {
    position: relative;
    min-height: 100px;
    margin: 0 10px 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.content-box-icon {
    display: table;
    width: 100%;
    height: 140px;
    text-align: center;
}
.content-box-icon a {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.content-box-icon a:hover {background-color: #f2f2f2;}
.content-box-icon a img {
    width: 80px;
    height: 80px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    transform: scale3d(1, 1, 1);
}
.content-box-icon a:hover img {transform: scale3d(1.2, 1.2, 1);}
.content-box-icon a img.size100 {
    width: 100px;
    height: 100px;
}
.content-box-icon a img.size120 {
    width: 120px;
    height: 120px;
}
.content-box-title {
    padding: 8px 10px;
    font-size: 13px;
    height: 34px;
    border-bottom: 1px solid #ddd;
    color: #777;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-box-title a {
    color: #777;
    font-weight: bold;
}
.content-box-title a:hover {
    color: #777;
    text-decoration: underline;
}
.content-box-buttons {
    padding: 6px 0;
    height: 40px;
    border-top: 1px solid #ddd;
}
.content-box-buttons ul {margin: 0;}
.content-box-buttons ul li {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.content-box-buttons a {
    display: block;
    padding: 6px 12px 4px;
    width: auto;
    border: 1px solid #00aced;
    border-radius: 30px;
    text-align: center;
    color: #00aced;
    line-height: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.content-box-buttons a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #00aced;
}
.eba-kod-page .right-content-area {max-width: 870px;}
.video-slider-container {width: 100%;}
.code-container .carousel-indicators {
    bottom: 0;
    margin-bottom: 4px;
}
.province-container .carousel-indicators {
    bottom: -25px;
    margin-bottom: 4px;
}
.province-container .carousel-indicators li {background-color: #999;}
.code-container .carousel-indicators .active, .province-container .carousel-indicators .active {background-color: #2980b9;}
.code-container .carousel-inner img, .province-container .carousel-inner img {
    width: 100%;
    max-height: 460px
}
.code-container .carousel-control, .province-container .carousel-control {width: 0;}
.code-container .carousel-control.left, .code-container .carousel-control.right,
.province-container .carousel-control.left, .province-container .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}
.code-container .carousel-control.left span, .province-container .carousel-control.left span {
    opacity: .7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
}
.code-container .carousel-control.right span, .province-container .carousel-control.right span {
    opacity: .7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
}
.code-container .carousel-control .mdi-chevron-left, .code-container .carousel-control .mdi-chevron-right,
.code-container .carousel-control .icon-prev, .code-container .carousel-control .icon-next,
.province-container .carousel-control .mdi-chevron-left, .province-container .carousel-control .mdi-chevron-right,
.province-container .carousel-control .icon-prev, .province-container .carousel-control .icon-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}
.province-container .carousel-control .mdi-chevron-left, .province-container .carousel-control .mdi-chevron-right,
.province-container .carousel-control .icon-prev, .province-container .carousel-control .icon-next {top: 45%;}
.code-container .carousel-control .mdi-chevron-left, .code-container .carousel-control .icon-prev {left: 0;}
.province-container .carousel-control .mdi-chevron-left, .province-container .carousel-control .icon-prev {left: -28px;}
.code-container .carousel-control .mdi-chevron-right, .code-container .carousel-control .icon-next {right: 0;}
.province-container .carousel-control .mdi-chevron-right, .province-container .carousel-control .icon-next {right: -28px;}
.code-container .carousel-control.left span:hover, .code-container .carousel-control.right span:hover,
.province-container .carousel-control.left span:hover, .province-container .carousel-control.right span:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #fff;
}
.coding-question h4 {
    margin: 0;
    padding: 13px 10px;
    background-color: #345165;
    color: #ffffff;
}
.coding-question h4 i {
    font-size: 21px;
    margin-right: 10px;
}
.coding-question-img-link {
    position: relative;
    display: block;
}
.coding-question-img-link:before {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    z-index: 3;
    color: #FFF;
    opacity: 0;
    margin-left: -16px;
    margin-top: -32px;
    font-size: 40px;
    content: '\f349';
    transition: all 0.2s, opacity 0.2s;
}
.coding-question-img-link:hover:before {
    opacity: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.coding-question-img-link:after {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 4;
    width: 100%;
    content: '';
    left: 0;
    background-color: rgba(0, 0, 0, .05);
}
.coding-question-img-link:hover:after {
    transition: all .3s;
    background-color: rgba(0, 0, 0, .15);
}
.modal-send-link {
    float: right;
    margin-right: 30px;
    font-size: 14px;
    color: #d4232a;
}
.code-container .header-text {
    position: absolute;
    padding-top: 35px;
    padding-bottom: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 1px #000;
}
.code-container .header-text h2 {
    font-size: 22px;
    margin: 0 0 5px 0;
}
.code-container .header-text p {margin-bottom: 0;}
.code-container .header-text p span {
    padding: 10px 10px 0;
    font-size: 16px;
}
.code-container .btn-min-block {
    min-width: 170px;
    line-height: 16px;
}
.code-container .btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}
.code-container .btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.content-cat-area {
    color: #999;
    margin: 10px 0;
}
.content-cat-area span {
    display: inline-block;
    margin-right: 10px;
}
.content-tag-area .content-tag-title, .content-cat-area .content-cat-title,
.content-share-area .content-share-title, .content-download-area .content-download-title,
.content-user-name-area .content-user-name-title {
    font-weight: bold;
    color: #333;
}
.content-cat-area a {color: #666;}
.content-cat-area a:hover {color: #d4232a;}
.content-user-name-area {
    color: #666;
    margin-bottom: 10px;
}
.content-user-name-area span {
    display: inline-block;
    margin-right: 10px;
}
.content-share-area {margin: 10px 0 30px;}
.content-share-area span, .content-share-area ul {
    display: inline-block;
    margin-right: 10px;
}
.content-share-area a {
    display: block;
    width: auto;
    height: 26px;
    padding: 4px 15px;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 7px;
}
.content-share-area a:hover {
    text-decoration: none;
    color: #FFF;
}
.content-share-facebook {
    color: #304d8d;
    border: 1px solid #304d8d;
}
.content-share-twitter {
    color: #00aced;
    border: 1px solid #00aced;
}
.content-share-google-plus {
    color: #e05d4c;
    border: 1px solid #e05d4c;
}
.content-share-pinterest {
    color: #bd081c;
    border: 1px solid #bd081c;
}
.content-share-facebook:hover {background-color: #304d8d;}
.content-share-twitter:hover {background-color: #00aced;}
.content-share-google-plus:hover {background-color: #e05d4c;}
.content-share-pinterest:hover {background-color: #bd081c;}
.content-attachment-area {margin-bottom: 50px;}
.content-attachment-area h3 {margin-top: 10px;}
.world-content-board, .world-content-web {
    overflow: hidden;
    margin: 15px 0;
}
.content-attachment-links {margin-top: 10px;}
.content-attachment-links a {
    display: inline-block;
    margin-right: 10px;
    width: auto;
}
.other-content-area {
    overflow: hidden;
    margin-bottom: 30px;
}
.nav-tabs {border-bottom-color: #333;}
.nav-tabs > li {margin-bottom: 0;}
.nav-tabs > li > a {
    padding: 3px 12px;
    color: #666;
    margin: 0;
    background-color: #FFF;
    border: 1px solid transparent;
}
.nav-tabs > li > a:hover {
    border: 1px solid transparent;
    background-color: #EEE;
    color: #666;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    background-color: #333;
    border: 1px solid #333;
}
.orange-nav-tabs > li.active > a, .orange-nav-tabs > li.active > a:hover, .orange-nav-tabs > li.active > a:focus {
    color: #FFF;
    background-color: #ff8b23;
    border: 1px solid #ff8b23;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.orange-nav-tabs {border-bottom: 3px solid #ff8b23;}
.navbar-orange {margin-top: 100px;}
.tab-content {padding: 20px 0;}
#same-content-slider .item, #other-content-slider .item {margin: 3px;}
#same-content-slider .item img, #other-content-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.other-content-link {
    display: block;
    color: #666;
}
.other-content-link:hover {color: #d4232a;}
.other-content-img {
    display: block;
    height: 140px;
    overflow: hidden;
    margin-bottom: 15px;
}
.other-content-title {
    font-size: 14px;
    margin: 3px 0;
    line-height: 1.3;
}
.other-content-author a {
    color: #999;
    font-size: 12px;
}
.other-content-author a:hover {
    color: #d4232a;
    text-decoration: none;
}
.comment-count {
    display: inline-block;
    margin-left: 5px;
}
.comment-row {
    margin-bottom: 20px;
    display: block;
    min-height: 48px;
}
.comment-list {margin-bottom: 30px;}
.comment-list ul {margin-bottom: 0;}
.comment-writer-avatar {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-writer-avatar img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-text-area {
    min-height: 48px;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1.4;
    padding-left: 58px;
}
.comment-text-area > .comment-text-area > .comment-text-area {
    padding-left: 0 !important;
    margin-left: -58px;
}
.comment-author-name {margin-bottom: 5px;}
.comment-author-name a {color: #666;}
.comment-author-name a:hover {color: #d4232a;}
.comment-reply-btn {
    display: inline-block;
    width: auto;
    padding: 1px 5px;
}
.sub-comment-list {
    margin-top: 20px;
    border-left: 1px solid #DDD;
    padding-left: 20px;
}
.load-more {margin-bottom: 20px;}
a.load-more-btn {
    display: block;
    width: 190px;
    height: 38px;
    margin: 0 auto;
    padding: 8px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #18a8c8;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #18a8c8;
}
a.load-more-btn:hover {
    background-color: #18a8c8;
    text-decoration: none;
    color: #FFF;
}
.load-more-icon, .load-more-text {
    display: block;
    float: left;
    line-height: 1;
}
.load-more-text {padding: 3px 1px 3px 5px;}
.comment-form-area textarea {
    width: 100%;
    border: 1px solid #DDD;
}
.comment-form-area button {
    width: 190px;
    padding: 8px 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #18a8c8;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #18a8c8;
}
.comment-form-area button:hover {
    background-color: #18a8c8;
    text-decoration: none;
    color: #FFF;
}
.sidebar a.content-share-btn {
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 40px;
    padding: 20px;
    background-color: #faaf4c;
    color: #FFF;
    text-decoration: none;
}
.sidebar a.content-share-btn:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #ff9940;
    -webkit-box-shadow: 0 0 8px #CCC;
    -moz-box-shadow: 0 0 8px #CCC;
    box-shadow: 0 0 8px #CCC
}
.content-share-btn .content-share-icon {
    display: block;
    float: left;
    width: 70px;
    height: 90px;
    padding: 12px 0;
}
.content-share-btn .content-share-text {
    display: block;
    width: 100%;
    height: 90px;
}
.content-share-btn span i {
    font-size: 52px;
    display: block;
}
.content-share-btn span h5 {
    font-size: 16px;
    font-weight: bold;
}
.content-share-btn span p {
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
}
.sidebar-content-list h4 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}
.sidebar-content-list ul {margin-bottom: 30px;}
.sidebar-content-list-small {
    overflow: hidden;
    margin-bottom: 20px;
}
.sidebar-content-list-img {overflow: hidden;}
.sidebar-content-list-img img {
    display: block;
    float: left;
    width: 100px;
    height: 58px;
    overflow: hidden;
    margin: 0;
}
.sidebar-content-info {padding-left: 120px;}
.sidebar-content-title {
    margin: 2px 0 4px;
    line-height: 1.2;
}
.sidebar-content-title a {color: #333;}
.sidebar-content-title a:hover {
    color: #d4232a;
    text-decoration: none;
}
.sidebar-content-author {
    color: #999;
    font-size: 12px;
    padding-right: 5px;
}
.sidebar-content-author:hover {
    color: #d4232a;
    text-decoration: none;
}
.sidebar-content-date {
    color: #999;
    font-size: 12px;
}
.no-header {background: #FFF;}
.sub-page-header {
    height: 145px;
    color: #345165;
    text-shadow: none;
    border-bottom: 1px solid #CCC;
    display: none;
}
.sub-page-header h2 {
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bolder;
    font-size: 40px;
}
.sub-page-header p {text-align: center;}
.video-page-header {background: url("../img/video-header-bg.jpg") center center no-repeat #e3dbd8;}
.info-video-page-header {background: url("../img/infovideo-header-bg.jpg") center center no-repeat #e3dbd8;}
.picture-page-header {background: url("../img/picture-header-bg.jpg") center center no-repeat #e3dbd8;}
.sound-page-header {background: url("../img/sound-header-bg.jpg") center center no-repeat #e3dbd8;}
.document-page-header {background: url("../img/document-header-bg.jpg") center center no-repeat #e3dbd8;}
.contest-page-header {background: url("../img/contest-header-bg.jpg") center center no-repeat #e3dbd8;}
.ebook-page-header {background: url("../img/ebook-header-bg.jpg") center center no-repeat #e3dbd8;}
.portals-page-header {background: url("../img/portals-header-bg.jpg") center center no-repeat #e3dbd8;}
.contact-page-header {background: url("../img/contact-header-bg.jpg") center center no-repeat #e3dbd8;}
.support-page-header {background: url("../img/support-header-bg.jpg") center center no-repeat #e3dbd8;}
.about-page-header {background: url("../img/about-header-bg.jpg") center center no-repeat #e3dbd8;}
.magazine-page-header {background: url("../img/magazine-header-bg.jpg") center center no-repeat #e3dbd8;}
.news-page-header {background: url("../img/news-header-bg.jpg") center center no-repeat #e3dbd8;}
.error-page-header {background: url("../img/error-header-bg.jpg") center center no-repeat #e3dbd8;}
.adding-page-header {background: url("../img/add-header-bg.jpg") center center no-repeat #e3dbd8;}
.eba-code-page-header {background: url("../img/ebakod-header-bg.jpg") center center no-repeat #e3dbd8;}
.eba-radio-page-header {background: url("../img/eba-radyo-header-bg.jpg") center center no-repeat #e3dbd8;}
.eba-radio-page-header-2 {background: url("../img/eba-radyo-logo-3.jpg") center center no-repeat #e3dbd8;}
.hbo-tv-page-header {background: url("../img/hbotv-header-bg.jpg") center center no-repeat #e3dbd8;}
.eba-coding-page-header {background: url("../img/eba-kodlama-header-bg.jpg") center center no-repeat #e3dbd8;}
.eba-ing-page-header {background: url("../img/ing-banner.jpg") center center no-repeat #e3dbd8;}
.eba-cyber-page-header {background: url("../img/siber-guvenlik-page-header.jpg") center center no-repeat #e3dbd8;}
.search-page-header {background: url("../img/search-header-bg.jpg") center center no-repeat #e3dbd8;}
.info-page-header {background: url("../img/info-banner.png") center center no-repeat #e3dbd8;}
p.exam-study-sheet-tab {
    border-bottom: 2px solid #333;
    margin-top: 20px;
}
p.exam-study-sheet-tab a {
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    color: #333;
    background: #e5e5e5;
    padding: 10px 18px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    text-transform: uppercase;
}
p.exam-study-sheet-tab a:hover {background: #CCC;}
p.exam-study-sheet-tab a.active {
    background: #333;
    color: #e5e5e5;
}
p.exam-study-sheet-tab a.active:hover {background: #333;}
ul.exam-study-sheet-tab {
    border-bottom: 2px solid #333;
    margin-top: 20px;
}
ul.exam-study-sheet-tab a {
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    color: #333;
    background: #e5e5e5;
    padding: 10px 18px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    text-transform: uppercase;
}
ul.exam-study-sheet-tab a:hover {background: #CCC;}
ul.exam-study-sheet-tab a.active {
    background: #333;
    color: #e5e5e5;
}
ul.exam-study-sheet-tab a.active:hover {background: #333;}
.exam-back-button {
    color: #d4232a !important;
    background: white !important;
}
.woLRPadding {
    padding-left: 0;
    padding-right: 0;
}
.search-filter-row {margin-bottom: 30px;}
.search-filter-row ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.search-filter-row ul li {
    list-style: none;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
}
.search-filter-row ul li:last-child {margin-right: 0;}
.search-filter-row ul li a {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 8px;
    background-color: #FFF;
    color: #999;
    transition: background-color .3s;
}
.search-filter-row ul li a:hover {
    background-color: #D22730;
    color: #FFF;
    text-decoration: none;
    transition: color .3s;
}
.search-filter-row ul li.active a {
    background-color: #D22730;
    color: #FFF;
}
.search-filter-row ul li a span {
    font-weight: 300;
    font-size: 12px;
}
.search-result-header-image {
    height: 240px;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-image: url("https://cdnvideo.eba.gov.tr/eba-v4-arayuz/img/004.jpg");
    background-size: cover !important;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}
.page-header-image {
    height: 200px;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-image: url("/assets/img/header-full-3.jpg");
    background-size: cover !important;
    position: relative;
    top: 100px;
}
.language-header-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page-header-image-margin {margin-bottom: 100px;}
.access-error-page-header {background: #e3dbd8;}
.access-error-paragraph {
    font-size: 16px;
    text-align: left;
}
.filter-bar-area {
    padding: 15px 0;
    min-height: 72px;
    background: #F7F7F7;
    border-top: 1px solid #e1e4e5;
    border-bottom: 1px solid #e1e4e5;
}
.filter-bar-area .search-input button {
    width: 36px;
    height: 36px;
    top: 2px;
    right: 12px;
    background-color: #5a6a75;
}
.filter-bar-area .search-input button:hover {background-color: #233644;}
.filter-bar-area .search-input button i {font-size: 24px;}
.filter-item {margin-bottom: 5px;}
.filter-item:last-child {margin-bottom: 0;}
.bootstrap-select .dropdown-menu {
    border: 1px solid #CCC;
    background-color: #FAFAFA;
    color: #666 !important;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}
.bootstrap-select .dropdown-menu > li > a, .bootstrap-select.open .dropdown-menu > li > a {color: #666 !important;}
.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select.open .dropdown-menu > li > a:hover {color: #FFF !important;}
.bootstrap-select .dropdown-menu > li.selected.active > a:hover,
.bootstrap-select.open .dropdown-menu > li.selected.active > a:hover {color: #666 !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select.open .dropdown-menu > li.selected > a:focus {
    outline: 0;
    outline-offset: 0;
}
.bootstrap-select .dropdown-menu > .selected > a, .bootstrap-select .dropdown-menu > .selected > a:hover,
.bootstrap-select .dropdown-menu > .selected > a:focus {
    color: #666 !important;
    background-color: #DDD;
}
.bootstrap-select.open .dropdown-menu > .selected > a, .bootstrap-select.open .dropdown-menu > .selected > a:hover,
.bootstrap-select.open .dropdown-menu > .selected > a:focus {color: #666 !important;}
.selected-filters-area {
    padding: 10px 0 5px;
    background: #FFF;
    border-bottom: 1px solid #e1e4e5;
}
.selected-filters-area ul {margin-bottom: 0;}
.selected-filters-area ul li {
    float: left;
    margin: 0 3px 5px;
}
.selected-filters-title {
    float: left;
    width: auto;
    margin: 4px 5px;
    font-weight: bold;
}
.tag {
    width: auto;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 0 !important;
    background: #666;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.tag .tag-text, .tag .tag-icon {
    width: auto;
    display: block;
    float: left;
}
.tag .tag-text {padding: 7px 5px 7px 15px;}
.tag .tag-icon {
    margin: 0 0 0 5px;
    padding: 5px 10px 0 0;
    color: #FFF;
    cursor: pointer;
    filter: Alpha(Opacity=60);
    opacity: 0.6;
}
.tag .tag-icon:hover {
    filter: Alpha(Opacity=100);
    opacity: 1.0
}
.tag .tag-icon i {font-size: 18px;}
.bordered-label {
    background: #FFF;
    border: 1px solid #DDD;
}
.bordered-label {
    background: #FFF;
    border: 1px solid #DDD;
}
.bordered-label:hover {
    background: #FFF;
    border-color: #999;
}
.bordered-label .tag-text, .bordered-label .tag-icon {color: #666;}
.bordered-label:hover .tag-text, .bordered-label:hover .tag-icon {
    color: #333;
    border-color: #333;
}
.selected-filters-area #btnClear {
    display: block;
    width: auto;
    height: 30px;
    padding: 5px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
.selected-filters-area #btnClear:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-list-slider-row {position: relative;}
.content-list-area {
    padding: 30px 30px 15px 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
}
.content-list-area.picture-list-area {
    padding: 30px 30px 15px 30px;
    margin-bottom: 15px;
    border-bottom: 0 !important;
    background-color: #fafafa;
}
.content-slider-row {margin-bottom: 30px;}
.content-list-slider-row-title {
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    left: -5px;
    top: -15px;
    background: #7f8c8d;
    color: #FFF;
    margin: 0;
    padding: 5px 15px;
    width: auto;
    z-index: 1;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.slider-video-title {background: #e74c3c;}
.slider-picture-title {background: #27ae60;}
.slider-sound-title {background: #8e44ad;}
.slider-document-title {background: #2980b9;}
.slider-contest-title {background: #f39c12;}
.slider-ebook-title {background: #795548;}
.slider-magazine-title {background: #AD1457;}
.content-list-slider-row .owl-item {padding: 0 5px;}
.content-list-slider-row .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -30px;
    top: 0;
    height: 100%;
    width: 30px;
    text-align: center;
    background: #FAFAFA;
    border: 1px solid #CCC;
    border-radius: 0;
}
.content-list-slider-row .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -30px;
    top: 0;
    height: 100%;
    width: 30px;
    text-align: center;
    background: #FAFAFA;
    border: 1px solid #CCC;
    border-radius: 0;
}
.content-list-slider-row .owl-next i.mdi, .content-list-slider-row .owl-prev i.mdi {
    position: relative;
    width: 100%;
    height: 100%;
    color: #999;
    text-shadow: none;
    font-size: 30px;
}
.content-list-slider-row .owl-next i.mdi:before, .content-list-slider-row .owl-prev i.mdi:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {background: rgba(212, 35, 42, 0.8);}
.owl-theme .owl-controls.clickable .owl-buttons div:hover i.mdi {
    color: #FFF;
    text-shadow: none;
}
.content-list-slider-img-link {
    position: relative;
    display: block;
    color: #666;
    height: auto;
}
.content-list-slider-img-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.slider-all-content-link:after {
    background-color: rgba(255, 255, 255, 0.1) !important;
    z-index: 1;
}
.content-list-slider-img-link:hover {
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}
.content-list-slider:hover {color: #d4232a;}
.absolute-center-image {
    position: absolute !important;
    width: 100% !important;;
    height: auto !important;;
    margin: auto !important;;
    top: 0 !important;;
    bottom: 0 !important;;
    left: 0 !important;;
    right: 0 !important;;
}
.content-list-slider-img {
    display: block;
    overflow: hidden;
    height: 150px;
    margin: 0 auto;
}
.content-list-slider-img img {z-index: 1;}
.content-list-slider-img-link span.level-info-s {
    position: absolute;
    display: block;
    bottom: 39px;
    left: 0;
    z-index: 10;
    text-align: left;
    width: auto;
    height: 28px;
    padding: 5px 15px 5px 10px;
    background: #345165;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 0;
    color: #FFF;
    -webkit-box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    font-size: 12px;
    border-radius: 0 30px 30px 0;
}
.content-list-slider-img-link span.level-info {
    position: absolute;
    display: block;
    bottom: 10px;
    left: 0;
    z-index: 10;
    text-align: left;
    width: auto;
    height: 28px;
    padding: 5px 15px 5px 10px;
    background: #603465;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 0;
    color: #FFF;
    -webkit-box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    box-shadow: 3px 0 8px rgba(0, 0, 0, .5);
    font-size: 12px;
    border-radius: 0 30px 30px 0;
}
.magazine .content-list-slider-img {height: 250px;}
.magazine .content-list-filter-result-li .content-list-slider-img {height: 350px;}
.content-list-slider-time {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 20px;
    padding: 2px 0;
    font-size: 13px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
}
.content-list-slider-title {
    font-size: 14px;
    margin: 10px 0 3px 0;
    line-height: 1.2;
    height: 34px;
    overflow: hidden;
}
.content-list-slider-title a {color: #666;}
.content-list-slider-title a:hover {color: #d4232a;}
.content-list-slider-author a {
    color: #999;
    font-size: 12px;
}
.content-list-slider-author a:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-list-slider-author span {
    color: #999;
    font-size: 12px;
}
.content-list-slider-author span.small-info-title {
    color: #777;
    font-size: 12px;
}
.slider-all-content-link {
    display: table;
    width: 100%;
    background: #eee !important;
}
.slider-all-content-link:hover {
    color: #d4232a;
    text-decoration: none;
}
.slider-all-content-link .all-content-link-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.slider-all-content-link:hover {
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
}
.content-list-area .content-stats {
    float: none;
    color: #999;
    margin: 3px 0;
}
.content-list-area .content-stats span {font-size: 12px;}
.content-list-filter-result-area .content-stats {
    float: none;
    color: #999;
    margin: 5px 0;
}
.content-list-filter-result-area .content-stats span {font-size: 12px;}
.content-stats a {color: #333;}
.content-stats a:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-list-filter-result-ul {overflow: hidden;}

.content-list-filter-result-li {
    /* max-height: 212.5px; */
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid transparent;
}

.surdurulebilir-content-list-filter-result-ul {overflow: hidden;}
.surdurulebilir-content-list-filter-result-li {
    max-height: 212.5px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid transparent;
}
.content-list-filter-result-li:hover {
    background: #f7f7f7;
    border: 1px solid #EEE;
}
.no-e-content-thumbnail .content-list-filter-result-li {
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-top: 0;
    border: 0;
}
.no-e-content-thumbnail .content-list-filter-result-li:hover {
    background: none;
    border: 0;
}
.no-e-content-thumbnail .content-list-item {
    padding: 10px 10px 0;
    background: #f7f7f7;
    border: 1px solid #EEE;
}
.no-e-content-thumbnail .content-list-item:hover {
    background: #eee;
    border: 1px solid #DDD;
}
.content-list-filter-result-title span {
    font-size: 16px;
    color: #999;
}
.content-detail-video-player {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
}
.content-detail-video-player > img {margin: 0 auto;}
.video-detail-page .content-detail-info {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.content-tag-area {
    overflow: hidden;
    margin: 10px 0;
}
.content-tag-area .content-tag-title {
    font-weight: bold;
    color: #333;
}
.content-tag-area span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}
.content-tag-area ul {
    margin-bottom: 0;
    display: inline;
}
.content-tag-area ul.list-inline {margin-left: 0;}
.content-tag-area ul.list-inline > li {
    padding: 0;
    margin-right: 5px;
}
.content-tag-area a {
    display: block;
    width: auto;
    height: 28px;
    padding: 6px 15px;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #777;
    border: 0;
    margin-bottom: 7px;
    background-color: #EEE;
}
.content-tag-area a:hover {
    color: #FFF;
    background: #999;
    text-decoration: none;
}
.tm-tag {
    display: inline-block;
    width: auto;
    height: 28px;
    margin-right: 5px;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #777;
    border: 0;
    margin-bottom: 3px;
    background-color: #EEE;
}
.tm-tag:hover {
    color: #EEE;
    background: #999;
    text-decoration: none;
}
.tm-tag span {
    display: inline-block;
    margin-right: 5px;
}
.tm-tag a {
    display: inline-block;
    color: #999;
    text-decoration: none;
}
.tm-tag a {
    display: inline-block;
    color: #999;
    text-decoration: none;
}
.tm-tag:hover a {
    color: #EEE;
    text-decoration: none;
}
.tm-tag:hover a:hover {
    color: #FFF;
    text-decoration: none;
}
.tm-tag a i {font-size: 18px;}
.content-detail-video-list {
    background: #333;
    height: 420px;
    margin-top: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}
.video-list-title-area {
    height: 50px;
    border-bottom: 1px solid #555;
    padding: 10px;
}
.video-list-title-area h3 {
    font-size: 14px;
    color: #EEE;
    padding: 0;
    margin: 0;
}
.video-list-area ol {
    overflow-y: auto;
    max-height: 370px;
}
.video-list-count {
    font-size: 12px;
    color: #AAA;
}
.video-list-area li {
    padding: 10px;
    height: 64px;
    overflow: hidden;
}
.video-list-area li:hover {background: #555;}
.video-list-area li.video-list-playing {
    background: #444;
    color: #FFF !important;
}
.video-list-area li.video-list-playing * {color: #FFF !important;}
.video-list-number {
    display: block;
    float: left;
    width: 10px;
    height: 42px;
    margin-right: 10px;
    color: #CCC;
    line-height: 42px;
}
a.video-list-link {
    display: block;
    overflow: hidden;
}
a.video-list-link:hover {
    color: #FFF !important;
    text-decoration: none;
}
.video-list-thumb {
    position: relative;
    display: block;
    float: left;
    width: 72px;
    height: 42px;
    overflow: hidden;
    margin-right: 10px;
}
.video-list-playing .video-list-thumb:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.video-list-playing .video-list-thumb span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 30px;
    margin-left: -30px;
    margin-top: -15px;
    z-index: 3;
    color: #FFF;
    font-size: 11px;
    text-align: center;
}
.video-list-title {
    font-size: 12px;
    line-height: 1.2;
    color: #CCC;
    margin-top: 2px;
    margin-bottom: 3px;
    max-height: 28px;
    overflow: hidden;
}
a.video-list-link:hover {color: #FFF;}
.video-list-author {
    display: block;
    font-size: 11px;
    color: #AAA;
    height: 14px;
    overflow: hidden;
}
.content-list-sound-area {position: relative;}
.content-list-sound-result-ul {overflow: hidden;}
.sound-list .content-list-filter-result-title {margin-top: 0;}
.content-list-sound-result-li {
    margin-bottom: 30px;
    background: #EEE;
    padding: 15px;
}
.sound-item-div h5 {
    height: 18px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sound-item-channel-name a {
    font-size: 12px;
    color: #999;
}
.sound-item-channel-name a:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-list-sound-author a {
    font-size: 12px;
    color: #666;
}
.content-list-sound-author a:hover {
    color: #d4232a;
    text-decoration: none;
}
.sound-author-stats-row {overflow: hidden;}
.sound-author-stats-row .content-list-sound-author {
    padding-top: 5px;
    float: left;
}
.sound-author-stats-row .content-stats {float: right;}
.sound-download-btn {
    display: block;
    padding: 7px 8px;
}
.content-list-sound-result-li .content-stats {
    color: #999;
    margin: 3px 0;
}
.contest-appeal-row {
    position: relative;
    margin: 30px 0 0;
}
.contest-appeal {
    background: #fcf3e6;
    margin-bottom: 20px;
}
.contest-appeal-title {margin-top: 5px;}
.content-list-area .contest-cat {
    float: none;
    color: #999;
    font-size: 12px;
    line-height: 18px;
}
.content-list-filter-result-area .contest-cat {
    float: none;
    color: #999;
    font-size: 12px;
    line-height: 18px;
}
.contest-appeal-list {overflow: hidden;}
.contest-appeal-list-item {
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid transparent;
}
.contest-appeal-list-item:hover {
    background: #f7f7f7;
    border: 1px solid #EEE;
}
.contest-appeal-img {
    display: block;
    overflow: hidden;
    max-height: 152px;
    text-align: center;
    margin: 0 auto 15px;
    padding: 1px;
    background: #333;
}
.contest-appeal-img img {
    text-align: center;
    margin: 0 auto;
}
.vote-footer-btn .vote-document-link {
    display: inline-block;
    float: right;
    margin-top: 9px;
    margin-right: 2px;
    color: #18a8c8;
}
a.standard-button {
    display: inline-block;
    width: auto;
    height: 38px;
    margin: 0 5px 5px;
    padding: 8px 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #18a8c8;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #18a8c8;
}
a.standard-button:hover {
    background-color: #18a8c8;
    text-decoration: none;
    color: #FFF;
}
.standard-button-text {padding: 3px 1px 3px 5px;}
.standard-title {
    position: relative;
    margin: 0;
    padding-bottom: 0;
}
.standard-title h1, .standard-title h2, .standard-title h3, .standard-title h4,
.standard-title h5, .standard-title h6 {
    margin: 5px 0;
    padding-bottom: 5px;
}
.contest-appeal-list .standard-title h3 {
    font-size: 20px;
    text-align: center;
}
.contest-appeal-info {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
h4.contest-appeal-name {
    font-size: 18px;
    font-weight: bold;
}
.contest-appeal-small-info {color: #999;}
.contest-appeal-small-info span {
    display: inline-block;
    margin-right: 5px;
}
.contest-appeal-list hr {margin: 10px 0;}
.contest-appeal-text {
    height: 140px;
    overflow-y: auto;
    margin-bottom: 15px;
}
.contest-detail-player {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
    background: #333;
}
.contest-detail-player > img {margin: 0 auto;}
.content-stats li div {padding: 3px 0;}
.content-list-item-img-link {
    position: relative;
    display: block;
    color: #666;
    height: 150px;
}
.content-list-item-img-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.headline-page .content-list-item-img-link {height: 120px;}
.content-list-item-img-link:hover {
    filter: Alpha(Opacity=80);
    opacity: 0.8;
}
.content-list-item-img {
    display: block;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
}
.content-list-item-img img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.content-list-item-time {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 20px;
    padding: 2px 0;
    font-size: 13px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
}
.content-list-item-title {
    font-size: 14px;
    margin: 10px 0 3px 0;
    line-height: 1.2;
    height: 34px;
    overflow: hidden;
}
.content-list-item-title a {color: #666;}
.content-list-item-title a:hover {color: #d4232a;}
.content-list-item-author a {
    color: #999;
    font-size: 12px;
}
.content-list-item-author a:hover {
    color: #d4232a;
    text-decoration: none;
}
.content-list-item .content-stats .content-like-btn {
    border-color: transparent;
    background: none;
}
.content-list-item .content-stats .content-like-btn.liked {
    color: #FFF;
    background-color: #e14a4a;
    border-color: #e14a4a;
}
.content-info-text span {
    display: block;
    height: 50px;
    line-height: 16px;
    overflow-y: auto;
    margin-right: -5px;
}
.content-info-text h5 {
    margin: 2px 0 5px;
    color: #666;
    height: 34px;
    overflow: hidden;
    line-height: 16px;
}
.content-info-text h5 a {color: #666 !important;}
.content-info-text h5 a:hover {
    color: #d4232a !important;
    text-decoration: none;
}
.content-info-text .content-info-text-title {
    margin: 2px 0 5px;
    color: #666;
    height: 34px;
    overflow: hidden;
    line-height: 16px;
}
.content-info-text .content-info-text-title a {color: #666 !important;}
.content-info-text .content-info-text-title a:hover {
    color: #d4232a !important;
    text-decoration: none;
}
.content-info-text span {
    font-size: 12px;
    color: #999;
}
.profile-page-header {
    position: relative;
    height: 300px;
    overflow: hidden;
    border-bottom: 1px solid #EEE;
}
.profile-page-header .col-xs-12 {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1;
}
.profile-page-header img {
    vertical-align: middle;
    width: 100%;
}
.profile-page-header-change-btn.hidden, .user-profile-picture-change-btn.hidden {display: block !important;}
.profile-page-header-change-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: auto;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.7;
}
.profile-page-header .qq-upload-button, .user-profile-picture .qq-upload-button {
    display: block;
    padding: 10px 16px;
    text-align: center;
    background: #FFF;
    color: #666;
    border: 1px solid #FFF;
    text-shadow: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    line-height: 1.4;
}
.profile-page-header-change-btn .qq-uploader {display: none;}
.profile-page-header-change-btn i {
    overflow: hidden;
    color: #FFF;
    font-size: 36px;
    margin-top: 4px;
    opacity: 0.7;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.profile-page-header:hover i {display: none;}
.profile-page-header:hover .qq-uploader {
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.profile-page-header-change-btn:hover {opacity: 1;}
.profile-page-header-change-btn .btn-success:active, .user-profile-picture-change-btn .btn-success:active {
    background: #FFF;
    color: #333;
    border: 1px solid #FFF !important;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.profile-content-area {
    position: relative;
    display: table;
    font-size: 14px;
}
.left-sidebar-area, .right-content-area {
    display: table-cell;
    vertical-align: top;
}
.left-sidebar-area {
    width: 290px;
    background: #F4F4F4;
}
.right-content-area {
    width: 870px;
    border-left: 1px solid #EEE;
}
.sidebar-content, .right-content {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.profile-content-area .sidebar-content {padding-top: 120px;}
.user-profile-picture {
    position: absolute;
    top: -92px;
    left: 50%;
    width: 184px;
    height: 184px;
    padding: 1px;
    overflow: hidden;
    margin-left: -92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #EEE;
    background-color: #FFF;
}
.user-profile-picture img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.user-profile-picture-change-btn {
    position: absolute;
    width: auto;
    bottom: 10px;
    left: 55px;
    right: 55px;
    z-index: 2;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.7;
}
.user-profile-picture-change-btn .qq-uploader {display: none;}
.user-profile-picture-change-btn i {
    overflow: hidden;
    color: #FFF;
    font-size: 30px;
    opacity: 0.7;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.user-profile-picture-change-btn:hover {opacity: 1;}
.user-profile-picture:hover i {display: none;}
.user-profile-picture:hover .qq-uploader {
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.user-profile-picture .qq-upload-button {
    padding: 5px 10px;
    height: 30px;
}
.user-profile-like {
    text-align: center;
    margin-bottom: 10px;
}
.user-profile-like-btn {
    display: block;
    width: 190px;
    height: 38px;
    padding: 8px 16px;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    color: #666;
    text-decoration: none;
    background: #FFF;
}
.user-profile-like-btn:hover {
    color: #e14a4a;
    text-decoration: none;
    border-color: #e14a4a;
}
.user-profile-like-btn i {margin-right: 5px;}
.user-profile-like-btn.liked {
    color: #FFF;
    background-color: #e14a4a;
    border-color: #e14a4a;
}
.sidebar-menu {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
}
.sidebar-menu ul {border-top: 1px solid #EEE;}
.sidebar-menu ul li {border-bottom: 1px solid #EEE;}
.sidebar-menu ul li a {
    display: block;
    padding: 10px 20px;
    color: #666;
    background: #EEE;
}
.sidebar-menu ul li a:hover, .sidebar-menu ul li a.active-sidebar-menu {
    color: #333;
    text-decoration: none;
    background-color: #fff;
}
.sidebar-menu ul li a.active-sidebar-menu:after {
    font-size: 18px;
    content: "\f142";
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    float: right;
    margin-right: -10px;
}
.sidebar-menu ul li a:hover:after {
    font-size: 18px;
    content: "\f142";
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    float: right;
    color: #999;
    margin-right: -10px;
}
.sidebar-menu ul li a:hover.active-sidebar-menu:after {color: #333;}
.eba-class-stats {
    padding: 15px 20px 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin: 50px -10px 0;
    background: #eee;
    box-shadow: inset 0 1px 10px rgba(100, 100, 100, 0.1);
    overflow: hidden;
}
.eba-class-stats h4 {
    font-size: 16px;
    color: #888;
    margin-top: 5px;
}
.eba-class-stats li {padding: 5px 0;}
.eba-class-stats .eba-class-stats-title {
    display: inline-block;
    width: 125px;
    color: #999;
    font-size: 12px;
}
.eba-class-stats .eba-class-stats-count {color: #999;}
.eba-class-stats .eba-class-stats-count:before {content: ': ';}
.profile-page-user-info {
    position: absolute;
    border-bottom: 1px solid #EEE;
    left: 290px;
    top: 0;
    width: 870px;
    min-height: 120px;
}
.profile-page-user-name h3 {
    font-weight: normal;
    font-size: 28px;
    margin: 0;
    padding: 20px 30px 10px;
    line-height: 1.2;
    min-height: 62px;
}
.profile-page-school-area {padding: 0 30px 10px;}
.profile-page-school-area .input-group-btn {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}
.profile-page-school-area .input-group-btn:first-child > .btn,
.profile-page-school-area .input-group-btn:first-child > .dropdown-toggle {
    border-radius: 32px;
    width: 38px;
    height: 38px;
    padding: 8px;
    border: 0;
    background: #eee;
}
.profile-page-school-change {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}
.profile-page-school-change button:hover i.mdi {color: #d4232a;}
#school-change-btn {
    border: 1px solid #CCC;
    background-color: #FAFAFA;
    color: #666;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    padding-top: 0;
}
#school-change-btn > li > button {color: #666;}
#school-change-btn > li > button:hover, #school-change-btn > li > button:focus {
    background-color: #3b5d75;
    color: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#school-change-btn > li > button > i.mdi {visibility: hidden;}
#school-change-btn > li > button.selected > i.mdi {visibility: visible;}
#school-change-btn h4 {
    border-bottom: 1px solid #CCC;
    padding: 10px;
    margin: 0;
    background: #DDD;
    color: #666;
}
.btn-square {
    background: #FFF;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
.profile-page-user-school {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: 14px;
}
.profile-page-user-action {
    position: absolute;
    right: 30px;
    top: 50%;
    height: 40px;
    margin-top: -20px;
}
.profile-page-user-action a {
    display: block;
    width: 190px;
    height: 38px;
    margin: 0 auto;
    padding: 8px 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #18a8c8;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #18a8c8;
}
.profile-page-user-action a:hover {
    background-color: #18a8c8;
    text-decoration: none;
    color: #FFF;
}
.profile-page-user-action a i {margin-right: 5px;}
.profile-page-user-stats {
    text-align: center;
    min-height: 80px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
}
.profile-page-user-stats-title {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.profile-page-user-stats-count {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #18a8c8;
}
.activity-area {padding: 20px;}
.profile-content-area .activity-area {margin-top: 120px;}
.activity-title-area {margin-bottom: 20px;}
.activity-area .activity-title-area h4 {
    font-size: 18px;
    color: #999;
    margin-top: 15px;
    margin-bottom: 20px;
}
.timeline-list ul {
    position: relative;
    min-height: 36px;
    margin-bottom: 40px;
}
.timeline-list ul:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ddd;
    left: 116px;
    margin: 0;
    border-radius: 2px;
}
.timeline-list ul li {
    position: relative;
    margin-bottom: 25px;
}
.timeline-list ul li:before, .timeline-list ul li:after {
    content: " ";
    display: table;
}
.timeline-list ul li:after {clear: both;}
.timeline-list ul li .activity-date {
    width: 86px;
    height: 21px;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    color: #999;
    background: #EEE;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    padding: 2px 0;
    left: 0;
    top: 7px;
}
.timeline-list ul li i {
    width: 36px;
    height: 36px;
    font-size: 20px;
    line-height: 36px;
    position: absolute;
    color: #666;
    background: #fafafa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    left: 100px;
    top: 0;
    border: 1px solid #ddd;
}
.timeline-item {
    position: relative;
    margin-left: 150px;
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    min-height: 36px;
}
.profile-content-area .load-more {margin-top: 50px;}
.with-sidebar-content-area {
    position: relative;
    display: table;
    font-size: 14px;
    width: 100%;
}
.btn.standard-button {
    display: inline-block;
    width: auto;
    height: 38px;
    margin: 0 5px 5px 0;
    padding: 8px 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #18a8c8;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #18a8c8;
}
.btn.standard-button:hover {
    background-color: #18a8c8;
    text-decoration: none;
    color: #FFF;
}
.btn.grey-btn {
    display: inline-block;
    width: auto;
    height: 38px;
    margin: 0 5px 5px 0;
    padding: 8px 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #666;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    color: #666;
}
.btn.grey-btn:hover {
    background-color: #666;
    text-decoration: none;
    color: #FFF;
}
.form-scroll-content {
    font-size: 12px;
    color: #666;
    padding: 10px 20px;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 200px;
    overflow-y: auto;
    line-height: 1.6;
}
.form-scroll-content strong {color: #333;}
.sidebar-notice-title {
    color: #666;
    padding: 0 10px;
}
.sidebar-notice-title h4 {
    font-size: 20px;
    margin-top: 20px;
}
.sidebar-notice {
    padding: 10px;
    color: #666;
    margin-bottom: 20px;
}
.sidebar-notice-list ul {
    padding: 10px 10px 20px 10px;
    color: #999;
    font-size: 12px;
    margin-left: 15px;
}
.sidebar-notice-list ul li {
    color: #999;
    margin-bottom: 3px;
}
.adding-page .qq-upload-button {
    display: block;
    width: 105px;
    padding: 10px 16px;
    text-align: center;
    background: #5cb85c;
    color: #FFF;
    border: 0;
}
.adding-page .qq-upload-button input:hover {
    background: #4cae4c;
    color: #FFF;
    border: 0;
}
.adding-page .qq-upload-button.btn:hover {
    background: #4cae4c;
    color: #FFF;
    border: 0;
}
.error-container {
    padding: 80px 20px;
    text-align: center;
    overflow: hidden;
}
.error-img {max-height: 355px;}
.error-img img {
    text-align: center;
    margin: auto;
}
.error-message-area {
    display: table;
    height: 355px;
}
.error-message-text {
    display: table-cell;
    vertical-align: middle;
}
.big-error-message {
    font-size: 24px;
    font-weight: bold;
    text-indent: 1px;
    margin-bottom: 40px;
    text-align: left;
}
.big-text-black {color: #222;}
.big-text-orange {color: #d4232a;}
.error-paragraph {
    color: #666;
    text-align: left;
}
.error-pages .eba-search-area, .error-pages footer {display: none;}
.error-pages .page-content {
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.error-pages header, .error-pages .header-area {
    background: transparent !important;
    height: 100px;
}
.error-pages .navbar-collapse, .error-pages .navbar-other {display: none !important;}
.error-pages .header-bar, .error-pages .header-bar:hover {
    background: transparent;
    border: 0;
}
.error-pages .main-page-content {min-height: 100px;}
.error-message-container {
    position: relative;
    height: calc(100vh - 100px);
    display: table;
}
.error-message-container:after {
    content: " ";
    display: table;
    clear: both;
}
.error-message-frame {
    display: table-cell;
    vertical-align: middle;
}
.error-message-elements {
    margin-top: -80px;
    color: #ebf2f7;
}
.big-error-message {
    font-size: 26px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}
.small-error-message {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 5px;
}
.error-area-buttons button {
    margin-right: 5px;
    margin-top: 20px;
}
.error-area-buttons button.back-btn {
    border: 1px solid #ebf2f7;
    background: transparent;
    color: #ebf2f7;
}
.error-area-buttons button.back-btn:hover {
    border: 1px solid #FFF;
    background-color: rgba(255, 255, 255, .1);
    color: #FFF;
}
.error-area-buttons button.main-page-btn {
    border: 1px solid #ebf2f7;
    background: #ebf2f7;
    color: #243643;
}
.error-area-buttons button.main-page-btn:hover {
    border: 1px solid #FFF;
    background-color: #FFF;
    color: #243643;
}
.error-img-container {
    position: relative;
    text-align: center;
    height: calc(100vh - 100px);
    display: table;
}
.error-img-container:after {
    content: " ";
    display: table;
    clear: both;
}
.error-img-frame {
    display: table-cell;
    vertical-align: middle;
}
.error-img-frame img {margin-top: -50px;}
.how-to-adding {
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px 0;
}
.how-to-adding h3 {
    height: 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 30px;
}
.how-to-adding p {
    font-size: 14px;
    color: #999;
    margin: 15px 0;
    min-height: 60px;
    max-height: 80px;
}
.how-to-adding-step1, .how-to-adding-step2, .how-to-adding-step3 {padding: 10px;}
.how-to-adding-step1 i {color: #f9af26;}
.how-to-adding-step2 i {color: #43c5f2;}
.how-to-adding-step3 i {color: #7ccb6e;}
.adding-sss .panel-default {border: 0;}
.adding-sss .panel-default > .panel-heading {
    color: #666;
    background-color: transparent;
    padding: 0;
}
.adding-sss .panel-default > .panel-heading a {
    display: block;
    color: #666;
    padding: 10px 15px;
    text-decoration: none;
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
}
.adding-sss .panel-default > .panel-heading a:hover {
    text-decoration: none;
    background-color: #f0f0f0;
    border-color: #e0e0e0;
}
.adding-sss .panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: #fff7e8;
    padding: 15px;
    border: 1px solid #eee;
    border-top: 0;
}
.adding-sss .activity-title-area h4 {
    font-size: 18px;
    color: #999;
    margin-top: 15px;
    margin-bottom: 20px;
}
.eba-code-show {
    margin-top: 50px;
    margin-bottom: 50px;
}
#play-icon {
    display: inline-block;
    left: calc(50% - 25px);
    position: absolute;
    top: calc(50% - 25px);
    z-index: 10;
    font-size: 40px;
    border-radius: 100px;
}
#play-icon:before {color: #FFF;}
#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left
}
#facebox .popup {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    margin-top: 7%;
}
#facebox .content {
    display: table;
    width: 770px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px
}
#facebox .content > p:first-child {margin-top: 0}
#facebox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    padding: 2px
}
#facebox .close img {opacity: 0.3}
#facebox .close:hover img {opacity: 1.0}
#facebox img {
    border: 0;
    margin: 0
}
#facebox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.facebox_hide {z-index: -100;}
.facebox_overlayBG {
    background-color: #000;
    z-index: 99
}
.jw-controls {color: #fff;}
.eba-description-box {
    padding: 15px;
    position: relative;
    border-radius: 3px;
    background: rgba(32, 43, 49, 0.05) none repeat scroll 0 0;
    /* border-top: 3px solid #D3DED2; */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
@keyframes zoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
.comment-author-name {
    display: inline;
    font-size: 11px;
    font-weight: bolder;
}
.content-list-pictures {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
.content-list-pictures .content-list-slider-img-link {margin: 0 10px 10px 0;}
.content-list-pictures .content-list-picture {
    flex-grow: 1;
    object-fit: cover;
}
.panel-body {padding: 0;}
.panel-body .table {margin-bottom: 0;}
.thumbImg {cursor: pointer;}
.thumbImg:hover {opacity: 0.7;}
.modal-v4 {
    z-index: 9999;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}
.modal-v4-content {
    margin: auto;
    display: block;
    max-width: 100%;
}
.modal-area-left {
    position: relative;
    display: table;
    padding: 0;
}
.modal-prev-image-btn {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
    color: #FFF;
    zoom: 1;
    padding: 0;
    filter: Alpha(Opacity=70);
    opacity: .7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
    border-radius: 0;
    z-index: 1;
}
.modal-next-image-btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -24px;
    color: #FFF;
    zoom: 1;
    padding: 0;
    filter: Alpha(Opacity=70);
    opacity: .7;
    text-shadow: 0 0 1px #000;
    background-color: transparent;
    border-radius: 0;
    z-index: 1;
}
.modal-prev-image-btn i.mdi, .modal-next-image-btn i.mdi {font-size: 48px;}
.modal-prev-image-btn:hover, .modal-next-image-btn:hover {
    opacity: .9;
    text-decoration: none;
    background: #EEE;
}
.modal-image-container {
    display: table-cell;
    vertical-align: middle;
}
#modal-v4-content-text {
    margin: auto;
    display: block;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
.modal-v4-content, #modal-v4-content-text {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
#modal_content_sidebar {
    background: white;
    padding: 0;
    border-left: 1px solid #ccc;
    box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.1);
}
#modal_content_sidebar .sidebar-content-list-img img {width: 80px;}
.modal-sidebar-content-header {
    padding: 20px;
    overflow: hidden;
}
.modal-sidebar-content-header .sidebar-content-title {
    font-size: 18px;
    color: #666;
    margin: 5px 0;
}
.modal-area .sidebar-content-author {
    font-weight: bold;
    color: #666;
}
.modal-area .sidebar-content-date {
    font-weight: normal;
    color: #999;
}
.modal-area .content-stats {
    float: none;
    padding: 18px 0;
    border-top: 1px solid #eee;
    height: 72px;
    text-align: center;
}
.modal-area .content-stats span {
    font-size: 18px;
    color: #666;
    line-height: 1;
}
.modal-area .content-stats i {
    margin-right: 6px;
    font-size: 18px;
    color: #999;
    vertical-align: top;
}
.modal-area .content-stats a {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 0;
    border: 1px solid rgba(185, 193, 199, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f0f1f4;
}
.modal-area .content-stats a:hover {
    text-decoration: none;
    background: #f3f4f7;
}
.modal-area .content-stats a.content-stats-view-btn, .modal-area .content-stats a.content-stats-view-btn:hover,
.modal-area .content-stats a.content-stats-view-btn:active, .modal-area .content-stats a.content-stats-view-btn:focus {
    border: 0;
    background: none;
    cursor: default !important;
}
.modal-area .content-stats a.content-stats-comment-btn:active, .modal-area .content-stats a.content-stats-comment-btn:focus {
    background: #888;
    color: #FFF;
}
.modal-area .content-stats a.content-stats-like-btn:active, .modal-area .content-stats a.content-stats-like-btn:focus {
    background: #ff8181 !important;
    color: #FFF !important;
}
.modal-area .content-stats a.content-stats-comment-btn:active i,
.modal-area .content-stats a.content-stats-comment-btn:focus i,
.modal-area .content-stats a.content-stats-comment-btn:active span,
.modal-area .content-stats a.content-stats-comment-btn:focus span,
.modal-area .content-stats a.content-stats-like-btn:active i,
.modal-area .content-stats a.content-stats-like-btn:focus i,
.modal-area .content-stats a.content-stats-like-btn:active span,
.modal-area .content-stats a.content-stats-like-btn:focus span {color: #FFF !important;}
.modal-area .content-stats a.liked {
    background: #fc4b52 !important;
    color: #FFF !important;
}
.modal-area .content-stats a.liked i, .modal-area .content-stats a.liked span {color: #FFF !important;}
.modal-sidebar-detail ul {margin: 0;}
.modal-sidebar-detail li {
    padding: 10px 15px;
    border-bottom: 1px solid #EEE;
}
.modal-sidebar-detail li:last-child {border-bottom: 0;}
.modal-sidebar-detail-properties {
    display: inline-block;
    width: 82px;
    margin-right: 7px;
    font-weight: bold;
    font-size: 12px;
}
.modal-sidebar-detail-text {
    color: #666;
    font-size: 12px;
}
.modal-sidebar-detail-text:before {
    content: ': ';
    color: #999;
}
.modal-v4 .close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
    color: #333;
    font-size: 34px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    transition: 0.3s;
    padding: 1px;
    border: 1px solid #999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    z-index: 100;
    background: #fff;
    opacity: 1;
}
.modal-v4 .close:hover, .modal-v4 .close:focus {
    color: #333;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
}
.modal-area {background: #FAFAFA;}
.padding-0 {padding: 0 !important;}
.modal-area .panel {
    border-left: 0;
    border-right: 0;
}
.modal-area .panel-heading {padding: 0;}
.modal-area .panel-title a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    font-size: 14px;
    height: 36px;
}
.modal-area .panel-title a:hover {text-decoration: none;}
.modal-area .panel-title a i.mdi {
    font-size: 18px;
    margin-right: 5px;
    margin-top: -2px;
}
.modal-area .panel-title a:after {
    font-size: 18px;
    content: "\f140";
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    float: right;
    margin-right: 0;
    margin-top: -2px;
    color: #999;
}
.modal-area .comment-content-area {padding: 15px;}
.modal-area .comment-content-area .comment-form-area h4 {
    font-size: 14px;
    color: #999;
}
.modal-area .comment-content-area .comment-form-area button {
    width: 84px;
    font-size: 12px;
    line-height: 1;
    padding: 7px 10px;
}
.modal-area .comment-content-area .modal-comment-list-area {
    margin-bottom: 10px;
    margin-top: 20px;
}
.modal-area .comment-content-area .comment-text-area {
    min-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1;
    padding-left: 38px;
}
.modal-area .comment-content-area .comment-writer-avatar {
    width: 28px;
    height: 28px;
}
.modal-area .comment-content-area .comment-text-and-reply {
    padding-left: 5px;
    display: inline;
    font-size: 11px;
    color: #777;
}
.modal-area .modal-comment-list-row {
    margin-bottom: 15px;
    min-height: 28px;
}
.modal-area .comment-list {margin-bottom: 0;}
.modal-area .comment-author-name a {color: #555;}
.modal-area .comment-author-name a:hover {text-decoration: none;}
.modal-area .comment-form-area textarea {resize: vertical;}
.eba-iga-area {padding: 10px 0;}
.eba-iga-area .eba-iga-first {
    text-align: center;
    margin-bottom: 50px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    padding-bottom: 30px;
}
.eba-iga-area .eba-iga-first img {
    text-align: center;
    margin: 0 auto;
}
.eba-iga-area .eba-iga-border {
    margin-bottom: 50px;
    overflow: hidden;
    height: auto;
}
.eba-iga-area .eba-iga-logo {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
}
.eba-iga-area .eba-iga-logo img {
    text-align: center;
    margin: 0 auto;
}
body.open-popup-window {overflow-y: hidden;}
.open-popup-window .container.boxed {
    overflow-y: hidden;
    -webkit-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}
.popup-window-wrapper {
    overflow-y: auto;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: Alpha(Opacity=20);
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.popup-window-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.profile-page-school-change button.spin-btn {
    -webkit-animation-name: spin2;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin2;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: spin2;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin2 {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
@keyframes spin2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.clearfix-mobil {display: none;}
.radio-player2 {
    position: relative;
    width: 100%;
    height: 100px;
    margin: 30px auto;
    background: #4c4e5a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#radio-player {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 100%;
    padding: 0 30px;
}
.radio-player-info {
    height: 100px;
    margin: 30px auto;
}
.radio-player-info h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
.radio-player-info li {margin-bottom: 10px;}
.radio-player-sub-info, .radio-player-sub-info i, .radio-player-sub-info span {color: #666;}
.radio-notice {
    margin: 30px 0;
    overflow: hidden;
}
.radio-notice .radio-logo {
    text-align: center !important;
    margin: 0 auto 20px;
}
.radio-notice .radio-logo img {display: inline-block !important;}
.radio-notice p {font-size: 15px;}
.radio-notice-text {color: #737475;}
.radio-notice-sign {
    color: #b22222;
    font-style: italic;
}
.iframe-player {overflow: hidden;}
.iframe-player iframe, .iframe-player #media-player {
    width: 100%;
    height: 455px !important;
}
.uzem-video-list, .admin-item-list {position: relative;}
.uzem-video-list ul, .admin-item-list ul {
    overflow-y: scroll;
    padding-bottom: 20px;
}
.uzem-video-list ul {height: 185px;}
.admin-item-list ul {height: 820px;}
.uzem-video-list a, .admin-item-list a {position: relative;}
.uzem-video-list a:hover:after,
.uzem-video-list a.active-sidebar-menu:after,
.admin-item-list a:hover:after,
.admin-item-list a.active-sidebar-menu:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
}
.uzem-video-list-bg, .admin-item-list-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}
.eba-video-js-player {
    width: 100%;
    height: auto;
    min-height: 480px;
    overflow: hidden;
}
body.sub_search_pages {margin: 0;}
.sub-search-page header {height: 235px;}
.sub-search-page .header-area {height: 235px;}
.sub-search-page .eba-search-home {top: 0;}
.sub-search-page .search-page-content {
    position: relative;
    margin-top: 30px;
}
.sub-search-page .search-filter-row {margin-bottom: 30px;}
.sub-search-page .search-filter-row ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.sub-search-page .search-filter-row ul li {
    list-style: none;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
}
.sub-search-page .search-filter-row ul li:last-child {margin-right: 0;}
.sub-search-page .search-filter-row ul li a {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 8px;
    background-color: #FFF;
    color: #999;
    transition: background-color .3s;
}
.sub-search-page .search-filter-row ul li a:hover {
    background-color: #D22730;
    color: #FFF;
    text-decoration: none;
    transition: color .3s;
}
.sub-search-page .search-filter-row ul li.active a {
    background-color: #D22730;
    color: #FFF;
}
.sub-search-page .search-filter-row ul li a span {
    font-weight: 300;
    font-size: 12px;
}
.search-result-row {background-color: #F3F5F6;}
.search-result-row:after {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.loading-search .search-result-row:after {display: block;}
.loading-search .search-result-row:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    padding: 35px 0;
    content: "YUKLENIYOR";
    color: #FFF;
    font-size: 30px;
    text-align: center;
    background: transparent;
    z-index: 2;
    text-transform: uppercase;
}
.search-title-area {
    position: relative;
    margin: 35px 0 15px;
}
.search-word-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.search-result-row .content-list-filter-result-ul {
    height: 100%;
    margin-bottom: 0;
    display: block;
    width: 100%;
}
.search-result-row .content-list-filter-result-li {margin-bottom: 10px;}
.search-result-area {margin-top: 20px;}
.search-result-area .content-list-filter-result-li {
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px;
    padding: 10px;
}
.search-result-area .content-list-filter-result-li:hover {
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px;
    padding: 10px;
}
.search-result-area .content-list-filter-result-item {
    background: #FFF;
    padding-bottom: 8px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    transition: all .3s;
}
.search-result-area .content-list-filter-result-li:hover .content-list-filter-result-item {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}
.search-result-area .search-result-img {
    display: block;
    overflow: hidden;
    height: 180px;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
}
.search-result-area .search-result-img img {z-index: 1;}
.search-result-area .content-list-slider-img-link:after {border-radius: 10px 10px 0 0;}
.search-result-area .content-list-slider-img-link:before {
    display: none;
    width: 36px;
    height: 36px;
    padding: 3px;
    font-weight: 300;
    content: "";
    position: absolute;
    top: -1px;
    right: 10px;
    background-color: orange;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.10);
    z-index: 2;
    font-size: 24px;
    text-align: center;
    color: #FFF;
    border-radius: 0 0 5px 5px;
}
.content-type-a .content-list-slider-img-link:before {
    display: block;
    content: "A";
}
.content-type-o .content-list-slider-img-link:before {
    display: block;
    content: "<>";
}
.content-type-z .content-list-slider-img-link:before {
    display: block;
    content: "Z";
}
.search-result-area .content-list-slider-title, .search-result-area .content-list-slider-author,
.search-result-area .search-result-detail-text, .search-result-area .search-result-item-path {
    padding-left: 10px;
    padding-right: 10px;
}
.search-result-area .content-list-slider-title {
    height: auto;
    margin-bottom: 10px;
}
.search-result-area .content-list-slider-title a {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    text-transform: capitalize;
}
.search-result-area .search-result-detail-text {
    font-size: 13px;
    font-weight: normal;
    color: #666;
    margin-bottom: 5px;
}
.search-result-area .search-result-item-path {
    color: #86b764;
    font-size: 13px;
}
.search-result-area .search-result-item-path ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.search-result-area .search-result-item-path ul li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}
.search-result-area .search-result-item-path ul li:after {content: "/";}
.search-result-area .search-result-item-path ul li:last-child:after {content: "";}
.search-result-area .search-result-item-path ul li a {
    line-height: 1;
    color: #86b764;
}
.search-switch {
    position: absolute;
    right: 0;
    top: 5px;
}
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 45px;
}
.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
    border: 1px solid #BBB;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #5f8c25;
    opacity: 1;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #8ABF47;
    left: 20px;
    border: 1px solid #75a737;
}
.modal-open-prepare-body-css {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    height: 100%;
}
.modal-open-prepare-html-css {
    overflow: hidden;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.go-app {
    height: 140px;
    background: #FFF;
    border: 0;
    border-bottom: 3px solid #ffdd40;
    left: 0;
    top: 0;
    z-index: 1002;
    margin-bottom: 0 !important;
    position: relative;
}
.go-app.alert {
    padding: 0;
    margin: 0 0 15px;
    border-radius: 0;
}
.go-app-content {
    position: relative;
    text-align: center;
    padding: 8px 25px;
    font-size: 14px;
}
.go-app-content p, .go-app-content button {
    display: inline-block;
    margin: 0 5px;
}
.go-app-content p {margin-bottom: 5px;}
.go-app-content button {font-size: 14px;}
.go-app-content .close {
    float: none;
    position: absolute;
    right: 6px;
    top: 12px;
}
.image-info {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #FFF;
    font-size: 12px;
    font-weight: 800;
    text-shadow: 1px 1px 0 #000;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    padding: 3px 5px;
}
.nav-tabs li a {font-size: 20px;}
.benefits-desc {
    min-height: 60px;
    padding-left: 15px;
    list-style-type: disc;
}
ul.benefits-desc li {
    margin-bottom: 4px;
    line-height: 1.2em;
}
body.ec {
    background: #FFF;
    font-family: 'Quicksand', sans-serif;
}
.ec-header-area {
    border-top: 5px solid #699CFC;
    border-bottom: 8px solid #000;
}
.ec-header {
    position: relative;
    background: #FFF;
    height: 48px;
    text-align: center;
}
.ec-header .ec-eba-logo {
    width: 80px;
    max-width: 80px;
    display: inline-block;
    margin: 0;
    padding: 7px 0 3px 20px;
}
.ec-header .ec-eba-logo img {width: 56px;}
.ec-header .navbar, .ec-header .navbar .btn {min-height: 46px;}
.ec-header .navbar {
    position: absolute;
    right: 1%;
    top: 0;
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 10;
}
.z-index-10 {z-index: 10 !important;}
.z-index-1 {z-index: 1 !important;}
.ec-header .dropdown .ec-header-btn,
.ec-header .dropdown .ec-header-btn:hover,
.ec-header .dropdown .ec-header-btn:active,
.ec-header .dropdown .ec-header-btn:focus {
    background: transparent;
    border-radius: 0;
    border: 0;
    outline: none;
    box-shadow: none;
}
.ec-header .dropdown .ec-header-btn span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.ec-header-menu-icon {height: 24px;}
.ec-header-menu-text {
    color: #676CFB;
    font-weight: 600;
}
.ec-header .dropdown-menu {
    left: auto;
    right: 10px;
    top: 40px;
    border-radius: 0 !important;
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFF;
}
.ec-header .navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.75);;
    position: absolute;
    top: -6px;
    right: 15px;
}
.ec-header .dropdown-menu > li > a {color: #FFF;}
.ec-header .dropdown-menu > li > a:hover, .ec-header .dropdown-menu > li > a:focus {
    color: #FFF;
    background-color: #FC1268;
}
.ec-header .dropdown .ec-menu-icon-normal {display: block;}
.ec-header .dropdown .ec-menu-icon-close {display: none;}
.ec-header .dropdown.open .ec-menu-icon-normal {display: none;}
.ec-header .dropdown.open .ec-menu-icon-close {display: block;}
.ec-header .navbar-form {
    margin: 0;
    padding-top: 5px;
}
.ec-header .navbar-form .form-control, .ec-header .navbar-form .btn {height: 34px;}
.ec-header .navbar-form .form-control, .ec-header .navbar-form .btn,
.ec-header .navbar-form .btn-default {border: 0 !important;}
.ec-header .input-group {z-index: 11;}
.ec-header .input-group .form-control:first-child {
    border-radius: 50px;
    z-index: 11;
    font-size: 13px;
}
.ec-header .navbar-form .form-control {
    font-weight: bold;
    width: 50vw;
    padding-right: 32px;
}
.ec-header .navbar-form .input-group-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 28px;
    z-index: 12;
}
.ec-header .navbar-form .input-group .btn {
    width: 28px;
    height: 28px;
    border-radius: 28px;
    padding: 0;
    color: #FFF;
    background-color: #676CFB;
}
.ec-header .navbar-form .input-group .mdi {font-size: 20px;}
.ec-suggests {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    z-index: 10;
    padding: 15px 22px 20px;
    text-align: left;
    background: #fff;
    border-radius: 0 0 17px 17px;
}
.ec-suggestResult {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
}
.ec-suggests ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ec-suggests li {
    padding: 0;
    list-style: none;
}
.ec-banner {
    position: relative;
    padding: 0 0;
    font-size: 22px;
    text-align: center;
}
.back-text-btn {
    position: absolute;
    display: inline-block;
    left: 35px;
    top: 8px;
    z-index: 1;
    width: 30px;
    height: 30px;
}
.back-text-btn a {
    display: block;
    color: #6666ff;
    text-shadow: none;
    font-weight: 500
}
.back-text-btn a img {
    width: 30px;
    height: 30px;
}
.back-text-btn a:hover {
    opacity: .8;
    text-decoration: none;
}
.ec-banner-text {
    animation: 3s shake infinite alternate;
    text-shadow: -.005em 0 #FC361D, 0 .005em #FC361D, .005em 0 #FC361D, 0 -.005em #FC361D;
    color: #FC361D;
    font-weight: 700;
}
@keyframes shake {
    0% {transform: skewX(-5deg);}
    5% {transform: skewX(5deg);}
    10% {transform: skewX(-5deg);}
    15% {transform: skewX(5deg);}
    20% {transform: skewX(0deg);}
    100% {transform: skewX(0deg);}
}
.ec-class-broadcast {
    position: relative;
    font-size: 16px;
    color: #FFF;
    min-height: 950px;
    background-color: #FD9927;
    background-size: contain;
}
.ec-sinif-bazli-alan {
    background-color: #F91D6A;
    min-height: 566px;
}
.nasil-olacak-alan-title {background-color: #F91D6A;}
.ec-gri-alan-aciklama {
    padding: 0 50px 0 3vw;
    color: #FFF;
    font-size: 18px;
}
.ec-gri-alan-aciklama p {margin: 40px 0;}
.ec-nasil-eba {
    font-size: 16px;
    color: #FFF;
    background-color: #FD9927;
}
.ec-yayin-takvimi {padding: 50px 40px 30px;}
.ec-yayin-takvimi .panel {
    background: transparent;
    border: 0;
    color: #333;
    box-shadow: none;
}
.ec-yayin-takvimi .panel-default > .panel-heading {
    background: transparent;
    border-bottom: 0;
    padding: 0 20px 2px;
    position: relative;
    z-index: 1;
}
.ec-yayin-takvimi .panel-body {
    position: relative;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(226, 84, 0, 0.8);
}
.ec-yayin-takvimi .nav-tabs {border-bottom: 0;}
.ec-yayin-takvimi .nav-tabs > li {margin-right: 2px;}
.ec-yayin-takvimi .nav-tabs > li > a {
    border: 0;
    background: rgba(255, 255, 255, .5);
    border-radius: 8px 8px 0 0;
    height: 50px;
    width: auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px !important;
    line-height: 1.1em;
}
.ec-yayin-takvimi .nav-tabs > li.active > a, .ec-yayin-takvimi .nav-tabs > li.active > a:hover,
.ec-yayin-takvimi .nav-tabs > li.active > a:focus {
    border: 0;
    background: #FFF;
    color: #333;
}
.ec-yayin-takvimi .nav-tabs > li.frekans-tab > a {
    padding-top: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto;
    text-align: left;
    background-color: #CC6699;
    color: #FFF;
}
.ec-yayin-takvimi .nav-tabs > li.frekans-tab > a {width: 130px;}
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-eba > a,
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-akademik-destek > a {width: 140px !important;}
.ec-yayin-takvimi .nav-tabs > li > a img {max-width: 66px;}
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-eba > a img {max-width: 50px;}
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-akademik-destek > a img {max-width: 100px;}
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-eba > a {padding-top: 10px !important;}
.ec-yayin-takvimi .nav-tabs > li.ec-sinif-bazli-akademik-destek > a {padding-top: 14px !important;}
.ec-yayin-takvimi .tab-content {padding: 20px 0 0;}
.ec-il-bazli-8-tablo {margin-bottom: 35px;}
.ec-yayin-takvimi .nav-tabs > li.ec-il-bazli-canli-ders > a {
    color: #333;
    font-size: 18px;
    width: auto;
    min-width: 120px;
    padding: 16px 8px 5px 8px !important;
}
.ec-il-bazli-baslik {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 15px 20px;
}
.ec-filtreleme {
    position: relative;
    height: 84px;
    padding-bottom: 20px;
    text-align: center;
}
.ec-gun-filtreleme ul {margin: 0;}
.ec-gun-filtreleme li {width: 82px;}
.ec-gun-filtreleme li a {
    display: block;
    color: #AAA;
}
.ec-gun-filtreleme li a span {display: block;}
.ec-gun-filtreleme li a:hover {
    display: block;
    color: #FC371E;
    text-decoration: none;
}
.ec-gun-filtreleme li.active a {color: #FC371E;}
.ec-gun-filtreleme li.active a:hover {cursor: default;}
.ec-gun-sayisi {
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2em;
}
.ec-ay-adi {
    font-size: 13px;
    line-height: 1;
}
.ec-gun-adi {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
.ec-hafta-baslangic {
    font-size: 28px;
    font-weight: normal;
    line-height: .75em;
}
.ec-hafta-baslangic small {font-size: 13px;}
.ec-hafta-bitis {
    font-size: 13px;
    line-height: 1;
}
.ec-hafta-yazisi {
    font-size: 13px;
    line-height: 1;
}
.ec-arrow {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    color: #999;
    padding: 2px;
}
.ec-next-arrow {left: 2vw;}
.ec-prew-arrow {right: 2vw;}
.ec-sinif-filtreleme {
    text-align: left;
    font-size: 16px;
    padding: 10px 0;
}
.ec-sinif-filtreleme p {
    text-align: left;
    margin-bottom: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.haftalik-gorunum .ec-gun-filtreleme li {
    display: block;
    text-align: center;
    width: auto;
}
.haftalik-gorunum .ec-sinif-filtreleme p {
    font-weight: bold;
    font-size: 18px;
}
.haftalik-gorunum .ec-sinif-filtreleme p #gunluk-program {font-size: 16px;}
.haftalik-gorunum .ec-sinif-filtreleme a {
    font-weight: bold;
    color: #6C9EF9;
}
.haftalik-gorunum .ec-gun-filtreleme li a span {display: inline-block;}
.haftalik-gorunum .ec-hafta-baslangic small {font-size: 24px;}
.haftalik-gorunum .ec-hafta-bitis {font-size: 24px;}
.haftalik-gorunum .ec-sinif-filtreleme a.haftalik-video-indir {
    display: inline-block;
    padding: 4px 8px;
    background: #fc1268;
    border-radius: 3px;
    margin: 5px 0;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
}
.haftalik-gorunum .ec-sinif-filtreleme a.haftalik-video-indir:hover {background: #C71755;}
.ec-sinif-filtreleme ul {margin: 0;}
.ec-sinif-filtreleme ul li {
    margin-right: 2px;
    padding: 0;
}
.ec-sinif-filtreleme ul li a {
    display: inline-block;
    color: #FFF;
    border-radius: 10px;
    height: 18px;
    padding: 2px 12px;
    font-size: 14px;
    line-height: 1;
}
.ec-sinif-filtreleme li.ec-sinif-1 a, .ec-sinif-filtreleme li.ec-sinif-5 a,
.ec-sinif-filtreleme li.ec-sinif-9 a {background-color: #FECB2F;}
.ec-sinif-filtreleme li.ec-sinif-2 a, .ec-sinif-filtreleme li.ec-sinif-6 a,
.ec-sinif-filtreleme li.ec-sinif-10 a {background-color: #6BCDFD;}
.ec-sinif-filtreleme li.ec-sinif-3 a, .ec-sinif-filtreleme li.ec-sinif-7 a,
.ec-sinif-filtreleme li.ec-sinif-11 a {background-color: #FC3A99;}
.ec-sinif-filtreleme li.ec-sinif-4 a, .ec-sinif-filtreleme li.ec-sinif-8 a,
.ec-sinif-filtreleme li.ec-sinif-12 a {background-color: #9ACA27;}
.ec-sinif-filtreleme li.ec-sinif-diger a {background-color: #6699FF;}
.ec-saatlik-liste, .ec-haftalik-liste {
    height: 500px;
    overflow-y: scroll;
    background-color: #FED69D;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
}
.ec-saatlik-liste .table > thead > tr > th, .ec-saatlik-liste .table > tbody > tr > th,
.ec-saatlik-liste .table > tfoot > tr > th, .ec-saatlik-liste .table > thead > tr > td,
.ec-saatlik-liste .table > tbody > tr > td, .ec-saatlik-liste .table > tfoot > tr > td,
.ec-haftalik-liste .table > thead > tr > th, .ec-haftalik-liste .table > tbody > tr > th,
.ec-haftalik-liste .table > tfoot > tr > th, .ec-haftalik-liste .table > thead > tr > td,
.ec-haftalik-liste .table > tbody > tr > td, .ec-haftalik-liste .table > tfoot > tr > td {border-color: #FFF;}
.ec-haftalik-liste thead {background-color: #FFEBCE;}
.ec-saatlik-liste.ec-frekans-listesi {padding: 20px;}
.ec-saatlik-liste.ec-diger-liste {height: auto;}
.ec-freq-aciklama {
    font-size: 20px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.ec-diger-aciklama {
    font-size: 20px;
    text-align: left;
    padding: 20px 0 20px 30px;
    font-weight: bold;
}
.ec-saatlik-liste td:first-child {
    width: 8px;
    padding: 0;
    background-color: #CCC;
}
.ec-saatlik-liste .ec-sinif-1-dersi td.ec-sinif-rengi, .ec-saatlik-liste .ec-sinif-5-dersi td.ec-sinif-rengi,
.ec-saatlik-liste .ec-sinif-9-dersi td.ec-sinif-rengi {background-color: #FECB2F;}
.ec-saatlik-liste .ec-sinif-2-dersi td.ec-sinif-rengi, .ec-saatlik-liste .ec-sinif-6-dersi td.ec-sinif-rengi,
.ec-saatlik-liste .ec-sinif-10-dersi td.ec-sinif-rengi {background-color: #6BCDFD;}
.ec-saatlik-liste .ec-sinif-3-dersi td.ec-sinif-rengi, .ec-saatlik-liste .ec-sinif-7-dersi td.ec-sinif-rengi,
.ec-saatlik-liste .ec-sinif-11-dersi td.ec-sinif-rengi {background-color: #FC3A99;}
.ec-saatlik-liste .ec-sinif-4-dersi td.ec-sinif-rengi, .ec-saatlik-liste .ec-sinif-8-dersi td.ec-sinif-rengi,
.ec-saatlik-liste .ec-sinif-12-dersi td.ec-sinif-rengi {background-color: #9ACA27;}
.ec-saatlik-liste .ec-sinif-diger-dersi td.ec-sinif-rengi {background-color: #6699FF;}
.ec-saatlik-liste .ec-diger-icerikler td.ec-sinif-rengi {background-color: #666;}
.ec-saatlik-liste td.ec-ders-saati {
    padding: 8px 8px 8px 12px;
    width: 80px;
}
.ec-haftalik-liste td.ec-ders-saati {
    padding: 8px;
    width: 10%;
    text-align: center;
    vertical-align: top;
}
.ec-saatlik-liste td a, .ec-haftalik-liste td a {color: #FD6721;}
.ec-saatlik-liste td a:hover, .ec-haftalik-liste td a:hover {color: #FD6721;}
.ec-haftalik-liste .ec-ders-adi-yayin-linki {line-height: 1.2em;}
.ec-haftalik-liste .ec-ders-adi-yayin-linki p {
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 14px;
}
.ec-haftalik-liste .ec-ders-adi-yayin-linki p.ec-haftalik-plan-yayin-linki-2 {opacity: .75;}
.ec-kanal-aciklamasi {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    padding-left: 20px;
    font-weight: 500;
}
.ec-kanal-aciklamasi p {
    margin-bottom: 3px;
    line-height: 1.2em;
}
.ec-kanal-aciklamasi a {color: #000;}
.nasil-olacak-alan-mobil-panel-content {padding:0;}
.nasil-olacak-alan-mobil-panel-heading {padding: 50px 40px 0;}
.nasil-olacak-alan-mobil-panel-content-sag {padding: 20px 40px 20px;}
.nasil-olacak-two-column-panel {padding-top: 84px;}
.nasil-olacak-two-column-panel .panel {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
}
.nasil-olacak-two-column-panel .panel-heading {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.nasil-olacak-two-column-panel .tab-content {padding: 0;}
.nasil-olacak-two-column-panel .nav-tabs {border-color: #FFF;}
.nasil-olacak-two-column-panel .nav-tabs > li {margin-right: 2px;}
.nasil-olacak-two-column-panel .nav-tabs > li > a {
    border: 0;
    background: rgba(255, 255, 255, .5);
    border-radius: 8px 8px 0 0;
    height: 50px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 16px !important;
    line-height: 1.1em;
    color: #808080;
}
.nasil-olacak-two-column-panel .nav-tabs > li.active > a, .nasil-olacak-two-column-panel .nav-tabs > li.active > a:hover,
.nasil-olacak-two-column-panel .nav-tabs > li.active > a:focus {
    border: 0;
    background-color: #F6F5F3;
    color: #FF6600;
}
.nasil-olacak-two-column-panel .nav-tabs > li.ec-sinif-bazli-ogretmen-eba > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.nasil-olacak-two-column-panel .nav-tabs > li.ec-sinif-bazli-ogretmen-eba-akademik-destek > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.nasil-olacak-tab-content-title h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
    color: #000;
    padding: 0 30px;
}
.ec-simulasyon-listesi {
    background-color: #FFF;
    height: 400px;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
}
.ec-simulasyon-listesi a {
    font-size: 16px;
    color: #333;
    padding: 5px 0;
}
.ec-simulasyon-listesi a:hover {
    color: #F91D6A;
    text-decoration: none;
}
.nasil-olacak-two-column-panel .nasilolacak-sag-icerik {padding-top: 10px;}
.ec-ebaya-git {
    font-size: 16px;
    color: #FFF;
    background-color: #FC1268;
}
.ec-block-title {
    padding: 25px 30px 5px;
    background-color: rgba(0, 0, 0, 0.2);
    margin-left: -10px;
    margin-right: -10px;
    height: 116px;
}
.ec-block-title h2 {
    position: relative;
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0;
}
.ec-block-title h2 .nasil {
    position: absolute;
    animation: rotate 4s ease-in-out both infinite;
}
.ec-block-title small {
    font-size: 28px;
    font-weight: 100;
    color: #FFF;
    text-shadow: none;
}
.ec-gray-block .ec-block-title small {color: #000;}
@keyframes rotate {
    0% {transform: rotate(0deg) translate3d(0, 0, 0);}
    80% {transform: rotate(0deg) translate3d(0, 0, 0);}
    86% {transform: rotate(6deg) translate3d(0, 0, 0);}
    92% {transform: rotate(-6deg) translate3d(0, 0, 0);}
    96% {transform: rotate(3deg) translate3d(0, 0, 0);}
    100% {transform: rotate(0deg) translate3d(0, 0, 0);}
}
.ec-block-title h2 .nasil a {transition: all .3s;}
.ec-block-title h2 .nasil:hover a {transform: scale(1.08);}
.ec-block-title h2 .nasil.nasil-yesil {
    top: -5px;
    left: 265px;
    z-index: 2;
}
.ec-block-title h2 .nasil.nasil-turuncu {
    top: -25px;
    right: -30px;
    z-index: 1;
}
.ec-block-title h2 .nasil a {
    display: block;
    width: 120px;
}
.ec-block-title h2 .nasil a img {width: 100%;}
.ec-block-title i {
    display: inline-block;
    vertical-align: middle;
}
.ec-block-title span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: bold;
    text-shadow: -.005em 0 white, 0 .005em white, .005em 0 white, 0 -.005em white;
}
.ec-block-title-icon {float: left;}
.ec-block-title-metin {
    padding-left: 100px;
    padding-top: 14px;
    color: #FFF;
}
.ec-block-title-buyuk {font-weight: bold;}
.ec-block-title-kucuk {
    font-size: 24px;
    font-weight: 300;
}
.ec-block-title .ec-ebaya-git-btn {
    margin-right: -30px !important;
    margin-top: -5px !important;
}
.ec-ebaya-git-ust {
    position: relative;
    height: 590px;
    margin: 0 -10px;
    padding: 0 10px;
}
.ec-ebaya-git-ust-anasayfa {
    position: relative;
    height: 590px;
    margin: 0 -10px;
    padding: 0 10px;
}
.ec-eba-logo {margin-bottom: 10px;}
.ec-eba-logo {margin-bottom: 10px;}
.ec-eba-logo img {width: 100px;}
.ec-ebaya-git-aciklama {
    font-size: 14px;
    font-weight: 500;
    padding: 40px 20px 20px 20px;
    line-height: 1.2em;
}
.ec-ebaya-git-btn {
    text-align: right;
    margin-right: -10px;
}
.ec-ebaya-git-btn a {
    position: relative;
    display: inline-block;
    padding: 10px 25px 10px 30px;
    border-radius: 40px 0 0 40px;
    background: #FFF;
    text-align: left;
    line-height: 1;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 6px rgba(0, 0, 0, 0.2);
    border-right: 8px solid rgba(0, 0, 0, 0.2);
    z-index: 2 !important;
}
.ec-ebaya-git-btn a:hover {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    margin-top: 2px;
    border-right-color: rgba(0, 0, 0, 0.3);
}
.ec-ebaya-git-btn a i {
    display: inline-block;
    vertical-align: middle;
}
.ec-ebaya-git-btn a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.ec-ebaya-git-img {
    position: absolute;
    width: 200px;
    z-index: 1;
    bottom: -2px;
    left: -40px;
    pointer-events: none;
}
.ec-ebaya-git-img img {width: 100%}
.ec-ebaya-git-alt {
    position: relative;
    height: 394px;
    margin: 0 -10px;
    padding: 0 10px;
    background-color: #6BCCCB;
}
.ec-ebaya-git-alt:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    transform: rotate(180deg);
    filter: brightness(1.25);
    z-index: 1;
}
.ec-ebaya-git-ust:after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
}
.ec-ebaya-git-ust-anasayfa:after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #FC1268 url('https://cdnvideo.eba.gov.tr/assets/img/ec-images/wave_tile.png') repeat-x bottom left;
    z-index: 1;
}
.ec-ebaya-git-en-yeni {
    width: 210px;
    position: relative;
}
.ec-ebaya-git-en-yeni:before {
    content: none;
    display: none;
    width: 130px;
    height: 100px;
    position: absolute;
    left: 100%;
    top: -15px;
    transform: scale(-1, 1);
    background: url('https://cdnvideo.eba.gov.tr/assets/img/ec-images/arrow.png') no-repeat left top;
    background-size: contain;
}
.ec-ebaya-git-en-yeni-text {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    padding: 0 0 10px 20px;
    text-shadow: -0.005em 0 black, 0 0.005em black, 0.005em 0 black, 0 -0.005em black;
}
.ec-ebaya-git-en-yeni-butonlar {
    margin-left: -10px;
    text-align: left;
}
.ec-ebaya-git-en-yeni-butonlar a {
    position: relative;
    display: inline-block;
    width: 200px;
    padding: 11px 10px 11px 20px;
    margin-bottom: 7px;
    border-radius: 0 40px 40px 0;
    background: #676CFB;
    text-align: left;
    line-height: 1;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 3px rgba(0, 0, 0, 0.15);
    border-left: 8px solid rgba(0, 0, 0, 0.2);
    z-index: 2 !important;
}
.ec-ebaya-git-en-yeni-butonlar a.ec-ebaya-git-en-yeni-ogrenci {
    width: 210px;
    font-size: 17px;
    color: #333;
    padding: 16px 10px 16px 20px;
    background: #FFF;
}
.ec-ebaya-git-en-yeni-butonlar a:hover {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 5px;
    border-left-color: rgba(0, 0, 0, 0.3);
}
.ec-ebaya-git-en-yeni-butonlar a.ec-text-link {
    width: auto;
    height: auto;
    padding: 0 0 0 28px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin-top: 10px;
}
.ec-ebaya-git-en-yeni-butonlar a.ec-text-link:hover {text-decoration: underline;}
.ec-canli-egitim {padding: 0;}
.ec-canli-egitim h2 {
    font-weight: 600;
    margin: 0 0 5px 0;
    padding: 10px 0 10px 100px;
    background: url(https://cdnvideo.eba.gov.tr/assets/img/ec-images/laptop-play.svg) no-repeat left center;
    background-size: 86px;
}
.ec-canli-egitim h3 span {display: block;}
.ec-canli-egitim h3 span.ec-canli-egitim-big {
    margin-top: 5px;
    padding-left: 0;
}
.ec-canli-egitim h3 span.ec-canli-egitim-small {
    font-size: 13px;
    font-weight: 400;
    padding-left: 0;
}
.ec-canli-egitim p {
    color: #333;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    padding: 30px 20px 15px 20px;
    line-height: 1.2em;
}
.ec-canli-egitim p a {color: #FC1268;}
.ec-canli-egitim .ec-block-title, .ec-formlu-gri-alan .ec-block-title {position: relative;}
.ec-canli-derse-git-btn {font-size: 15px;}
.ec-canli-derse-git-btn {font-size: 15px;}
.ec-canli-derse-git-btn-yeni a {
    width: 200px;
    height: 60px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: #FD9927;
    color: #FFF;
    border-right: 8px solid #FD6721;
}
.ec-canli-derse-git-buyuk a {
    width: auto;
    max-width: 300px;
    height: 54px;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #FD9927;
    color: #FFF;
    border-right: 8px solid #FD6721;
}
.ec-canli-derse-git-buyuk a span {font-size: 20px;}
.ec-eba-login-form {
    position: relative;
    padding: 0 25px 0 3vw;
    height: 280px;
    margin-bottom: 40px;
}
.ec-eba-login-form-row {
    position: relative;
    margin-bottom: 20px;
}
.ec-eba-login-form label {
    display: block;
    color: black;
}
.ec-eba-login-form input {
    border-radius: 6px;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    outline: 0;
    border: 0;
    width: 16vw;
}
.ec-eba-login-form small {
    display: block;
    color: #fff;
    width: 16vw;
}
.ec-guvenlik-resmi-alani {
    text-align: center;
    position: absolute;
    left: 17vw;
    top: 25px;
}
.ec-guvenlik-resmi-alani img {
    height: 42px;
    width: 120px;
}
.ec-guvenlik-resmi-alani a {
    color: #FD6721;
    font-size: 11px;
    padding: 3px;
}
.ec-guvenlik-resmi-alani a:hover {
    color: #FFF;
    text-decoration: none;
}
.ec-eba-login-form button {
    position: absolute;
    background: transparent;
    border: 0;
    right: 0;
    bottom: -30px;
    height: 68px;
    padding: 0;
    margin-right: 0;
}
.ec-eba-login-form button:hover {
    background: transparent;
    border: 0;
}
.ec-eba-login-form button .ec-ebaya-git-btn a {padding: 8px 20px;}
.ec-eba-login-form button .ec-ebaya-git-btn a img {width: 60px}
.ec-eba-login-form button .ec-ebaya-git-btn a span {font-size: 14px;}
.ec-teneffus-area {
    position: relative;
    background: #699CFC;
    height: 120px;
    display: flex;
    justify-content: space-between;
}
.ec-teneffus {display: flex;}
.ec-teneffus-ikonlar {
    display: inline-block;
    min-width: 320px;
    height: 110px;
    position: relative;
    padding-top: 12px;
    padding-left: 40px;
    background-color: #537CCA;
}
.ec-teneffus-ikonlar:after {
    content: "";
    display: block;
    position: absolute;
    right: -50px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 110px 50px 0 0;
    border-color: #537CCA transparent transparent transparent;
}
.ec-teneffus-ikonlar-2 {
    display: inline-block;
    min-width: 320px;
    height: 110px;
    position: relative;
    padding-top: 12px;
    padding-left: 40px;
    background-color: #98cb00;
}
.ec-teneffus-ikonlar-2:after {
    content: "";
    display: block;
    position: absolute;
    right: -50px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 110px 50px 0 0;
    border-color: #98cb00 transparent transparent transparent;
}
.ec-teneffus-ikonlar span {
    display: inline-block;
    margin-right: 5px;
    width: 80px;
    height: auto;
    vertical-align: top;
}
.ec-teneffus-ikonlar-2 span {
    display: inline-block;
    margin-right: 5px;
    width: 80px;
    height: auto;
    vertical-align: top;
}
.ec-teneffus-baslik {
    display: inline-block;
    color: #FFF;
    padding-left: 80px;
    vertical-align: top;
}
.ec-teneffus-baslik h4 {
    font-weight: bold;
    font-size: 36px;
}
.ec-teneffus-baslik p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.2;
}
.ec-teneffus-area .ec-ebaya-git-btn {
    margin-right: 0;
    padding-top: 30px;
}
.ec-teneffus-area .ec-canli-derse-git-btn-yeni a {
    padding-top: 22px;
    text-align: right;
}
.ec-teneffus-area .ec-canli-derse-git-btn-yeni a span {font-size: 18px;}
.ec-eba-destek-noktasi {
    position: absolute;
    right: -30px;
    bottom: -96px;
}
.ec-eba-destek-noktasi-logo a {
    position: relative;
    display: inline-block;
    width: auto;
    height: 60px;
    padding: 14px 2px 14px 10px;
    border-radius: 40px 0 0 40px;
    text-align: left;
    line-height: 1;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    box-shadow: 0 6px rgba(0, 0, 0, 0.2);
    border-right: 8px solid rgba(0, 0, 0, 0.2);
    z-index: 1 !important;
    background: #fbe900;
}
.ec-eba-destek-noktasi-logo a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding-left: 5px;
}
.ebadn-text-span {max-width: 140px;}
.ec-eba-destek-noktasi-logo a img {
    width: 60px;
    height: auto;
}
.ec-eba-destek-noktasi:hover {bottom: -98px;}
.ec-eba-destek-noktasi-logo a:hover {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    border-right-color: rgba(0, 0, 0, 0.3);
}
.ec-sss-area {
    position: absolute;
    right: -20px;
    top: 16px;
}
.ec-sss-link a {
    position: relative;
    display: inline-block;
    text-align: left;
}
.ec-sss-link a:hover {text-decoration: none;}
.ec-sss-link a img {
    height: 46px;
    width: auto;
}
.ec-footer-area {
    padding-left: 3vw;
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgb(178, 178, 178);
    background: -moz-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(178, 178, 178, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#ffffff', GradientType=0);
}
.ec-footer {
    height: 100px;
    font-weight: bold;
    padding-left: 120px;
    padding-top: 10px;
    background: url('https://cdnvideo.eba.gov.tr/assets/img/meb-logo-red.png') no-repeat left;
    background-size: 120px;
}
.ec-footer h4 {margin-bottom: 5px;}
.ec-footer p {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
}
.ec-modal .modal-header {
    background: #FB9838;
    padding: 10px 20px;
}
.ec-modal .modal-header h4 {
    font-size: 24px;
    color: #FFF;
}
.ec-modal .close {
    font-size: 40px;
    font-weight: normal;
    color: #FFF;
    text-shadow: none;
    opacity: .9;
}
.ec-modal .modal-header .close {margin-top: -10px;}
.ec-modal .modal-body {
    background-color: #E7E7E7;
    padding: 30px 50px 20px;
}
.ec-modal .ec-modal-table {
    padding: 0 0 10px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}
.ec-modal .ec-modal-table .table {margin-bottom: 0;}
.ec-modal .table > tbody > tr > th, .ec-modal .table > tfoot > tr > th, .ec-modal .table > thead > tr > td,
.ec-modal .table > tbody > tr > td, .ec-modal .table > tfoot > tr > td {padding: 8px 15px;}
.ec-modal .table > thead > tr > th {padding: 15px;}
.ec-modal .ec-modal-table th {
    font-size: 18px;
    color: #376BFC;
}
.ec-modal .ec-modal-table td {font-size: 17px;}
.ec-modal .ec-table-tarih-sutunu {width: 140px;}
.ec-modal .ec-table-saat-sutunu {
    width: 160px;
    letter-spacing: -.5px;
}
.ec-modal .ec-table-ders {letter-spacing: -.025em;}
.ec-modal .ec-table-tarih {
    letter-spacing: -.05em;
    font-weight: bold;
}
.ec-modal .ec-table-saat {
    font-weight: bold;
    text-align: center;
}
.ec-modal .ec-table-ders-adi {
    margin-bottom: 1px;
    font-weight: 600;
}
.ec-modal .ec-table-konu-adi {
    font-size: 15px;
    color: #666;
    margin-bottom: 0;
    line-height: 1.2;
}
.ec-modal .modal-footer {
    position: relative;
    background-color: #E7E7E7;
    border-top: 0;
    padding: 20px 50px;
}
.ec-modal .modal-footer p {
    text-align: left;
    position: absolute;
    left: auto;
    top: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #d0262f;
}
.ec-modal .modal-footer button.ec-red-btn {
    background-color: #D02630;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
}
.ec-modal .modal-footer button.ec-red-btn:hover {
    background-color: #b3111a;
    color: #FFF;
    border-color: transparent;
}
.modal.ec-vertical-center {
    text-align: center;
    padding: 0 !important;
}
.modal.ec-vertical-center:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.ec-vertical-center .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-warning-text {font-size: 20px;}
.nasilolacak-head-lighter {font-weight: lighter !important;}
.nasilolacak {padding: 10px 40px 30px;}
.nasilolacak .panel {
    background: transparent;
    border: 0;
    color: #333;
    box-shadow: none;
}
.nasilolacak .panel-default > .panel-heading {
    background: transparent;
    border-bottom: 0;
    padding: 5px 0;
}
.nasilolacak .panel-body {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(226, 84, 0, 0.8);
    padding: 10px;
}
.nasilolacak .nav-tabs {border-bottom: 0;}
.nasilolacak .nav-tabs > li {margin-right: 2px;}
.nasilolacak .nav-tabs > li > a {
    border: 0;
    background: #FEC884;
    border-radius: 8px 8px 0 0;
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 5px;
    line-height: 1.1em;
    height: auto;
    color: #ED8636;
}
.nasilolacak .nav-tabs > li.active > a, .nasilolacak .nav-tabs > li.active > a:hover,
.nasilolacak .nav-tabs > li.active > a:focus {
    border: 0;
    background: #FFF;
    color: #333;
}
.nasilolacak .nav-tabs > li > a img {max-width: 70px;}
.nasilolacak .tab-content {padding: 20px 0 0;}
.nasilolacak-liste {
    height: 400px;
    overflow-y: scroll;
    background-color: #FFF;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
}
.nasilolacak-liste .table > thead > tr > th, .nasilolacak-liste .table > tbody > tr > th,
.nasilolacak-liste .table > tfoot > tr > th, .nasilolacak-liste .table > thead > tr > td,
.nasilolacak-liste .table > tbody > tr > td, .nasilolacak-liste .table > tfoot > tr > td {border-color: #FFF;}
.nasilolacak-liste td:first-child {
    width: 8px;
    padding: 0 0 5px 20px;
    font-weight: lighter;
    font-size: 13px;
    background-color: #FFF;
}
.nasilolacak-liste td a {color: #000;}
.nasilolacak-liste td a:hover {
    text-decoration: none;
    color: #E9408C;
}
.nasilolacak-liste-ici td a:focus {color: #E9408C;}
.ec-content {background-color: #666;}
.ec-video-area {padding: 35px 0;}
.nasilolacak-midhead {
    padding: 10px 20px 30px;
    font-size: 20px;
}
.nasilolacak-sag {
    font-size: 16px;
    color: #FFF;
    background-color: #666;
}
.nasilolacak-sag .ec-ebaya-git-ust {height: auto;}
.nasilolacak-sag .ec-ebaya-git-ust-anasayfa {height: auto;}
.nasilolacak-sag-icerik {padding-top: 30px;}
.nasilolacak-liste-sag {
    height: 600px;
    overflow-y: scroll;
    background: transparent;
}
.nasilolacak-liste-sag td:first-child {
    width: 8px;
    padding: 0 0 5px 20px;
    font-weight: lighter;
    font-size: 13px;
    background-color: #666;
    border-top: none;
}
.nasilolacak-sag-alt {
    height: 160px;
    margin: 0 -10px;
    background-color: #666;
}
.nasilolacak-sag-liste-ul {padding-left: 0;}
.nasilolacak-sag-liste-li {
    text-align: left;
    display: block;
    overflow: auto;
    cursor: pointer;
}
.nasilolacak-sag-liste-li:hover {background-color: #515151;}
.nasilolacak-sag-liste-video-img > img {
    height: 72px;
    width: 124px;
    float: left;
    padding: 5px;
    margin-right: 5px;
}
.nasilolacak-sag-liste-video-text {
    padding-top: 5px;
    font-size: 16px;
    word-wrap: break-word;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow: auto;
    color: #000;
}
.nasilolacak-title {height: 116px;}
.nasilolacak-title .ec-ebaya-git-btn {
    margin-right: -30px !important;
    margin-top: -5px !important;
}
.error-pages.ec-cok-kalabalik {
    background: #FFF;
    color: #333;
}
.error-pages.ec-cok-kalabalik .error-message-container {height: 100vh;}
.error-pages.ec-cok-kalabalik .error-message-elements {
    margin: 0;
    color: #333;
    padding: 0 8vw;
}
.ec-error-message {
    font-size: 20px;
    font-weight: 600;
    padding: 5vh 5vw;
    text-align: center;
}
.ec-error-message-link {
    color: #F91D6A;
    text-decoration: none;
}
.ec-error-message-link:hover {
    color: #F91D6A;
    text-decoration: underline;
}
.ec-suggestHide {display: none !important;}
.ec-suggestShow {display: block !important;}
.ec-suggestShowFlex {display: inline-flex !important;}
.ec-back-area {position: relative;}
.ec-back-area .back-text-btn {left: 12px;}
.ec-header .search-block {
    position: absolute;
    display: inline-block;
    left: 20%;
    right: 20%;
}
.overlay-search-btn {
    display: inline-block;
    position: relative;
    width: 360px;
    height: 36px;
    border-radius: 28px;
    padding: 9px 15px;
    margin: 6px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    background-color: #E4E4E4;
    text-align: left;
}
.overlay-search-btn:hover {
    text-decoration: none;
    color: #666;
}
.overlay-search-btn span {
    background-color: #676CFB;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 4px;
    top: 3px;
    padding: 4px;
}
.overlay-search-btn i {
    font-size: 22px;
    color: #FFF;
}
.ec-search-area {
    visibility: hidden;
    opacity: 0;
    height: 0;
}
.ec-search-area.overlay-search {
    visibility: visible;
    opacity: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(200deg, #27156E, #6A2A88, #9F4981);
    z-index: 1001;
}
.ec-search-area.overlay-search .ec-search {transform: translate(0, 10%);}
.ec-search-area .search-input input {
    position: relative;
    padding-right: 65px;
    padding-left: 30px;
    height: 64px;
    font-size: 24px;
    font-weight: 400;
    z-index: 52;
    border: 0;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    transition: all .3s;
}
.ec-search {padding: 20vh 10vw;}
.ec-search-area .search-input a.close {
    display: none;
    position: absolute;
    top: 20px;
    right: 70px;
    width: 24px;
    height: 24px;
    padding: 0 2px;
    border: 0;
    background: #CCC;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.4;
    z-index: 54;
}
.ec-search-area.overlay-search .overlay-search-close {display: block;}
.ec-canli-yayin-tab {font-size: 15px;}
.ec-canli-yayin-tab span {
    display: inline-block;
    margin-top: 1px;
    line-height: 1;
    position: relative;
    bottom: -3px;
    color: #000;
}
.ec-canli-yayin-alani {
    padding: 10px 30px 30px;
    text-align: center;
}
.ec-tatil-area {
    position: relative;
    height: 120px;
    display: flex;
    justify-content: space-between;
    background: #676BFC url(https://cdnvideo.eba.gov.tr/assets/img/ec-images/tatil-1.png) no-repeat 55% 0;
    background-size: cover;
}
.ec-tatil {display: flex;}
.ec-tatil-baslik {
    position: absolute;
    display: inline-block;
    color: #CDFD34;
    width: 480px;
    right: 18vw;
}
.ec-tatil-baslik h4 {
    font-weight: bold;
    font-size: 36px;
}
.ec-tatil-baslik p {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.2;
    color: #000;
    letter-spacing: -0.005px;
}
.ec-tatil-area .ec-ebaya-git-btn {
    margin-right: 0;
    padding-top: 30px;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
.ec-kesfet-btn a {
    width: 160px;
    height: 60px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: #FD9927;
    color: #FFF;
    border-right: 8px solid #FD6721;
}
.ec-tatil-area .ec-kesfet-btn a {padding-top: 22px;}
.ec-orange-block {
    position: relative;
    font-size: 16px;
    color: #FFF;
    background-color: #FD9927;
    background-size: contain;
}
.ec-video-carousel .owl-stage-outer {padding: 30px 0;}
.ec-video-carousel .owl-item {
    transition: all .3s;
    padding: 5px;
}
.ec-video-carousel .owl-item:hover {
    transform: scale(1.025) translate(0%, 0%);
    z-index: 990;
    cursor: pointer;
}
.ec-video-carousel .item-img {
    position: relative;
    padding: 10px;
    border-radius: 6px;
}
.ec-video-carousel .img-frame {
    position: relative;
    display: block;
    border-radius: 6px;
    color: #FFF;
}
.ec-video-carousel .img-frame:hover {color: #FFF;}
.ec-video-carousel .owl-item .img-frame:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .35);
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    z-index: 991;
}
.ec-video-carousel .owl-item:hover .img-frame:before {opacity: 1;}
.ec-video-carousel .img-frame span {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    font-size: 80px;
    line-height: 1;
    transition: all .3s;
    opacity: 0;
    z-index: 992;
    pointer-events: none;
}
.ec-video-carousel .owl-item:hover .img-frame span {opacity: 1;}
.ec-video-carousel .item-img img {
    max-height: 208px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    border-radius: 6px;
}
.ec-video-carousel .owl-item:hover .item-img img {box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.ec-video-carousel .item-title {
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    max-height: 62px;
    overflow-y: hidden;
}
.ec-video-carousel .item-title a {color: #FFF;}
.ec-video-carousel .item-title a:hover {
    color: #FFF;
    text-decoration: none;
}
.ec-video-carousel .owl-dots {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    bottom: 20px;
}
.ec-video-carousel .owl-theme .owl-dots .owl-dot span {
    margin: 5px;
    background-color: #FFF;
    opacity: .5;
}
.ec-video-carousel .owl-theme .owl-dots .owl-dot.active span, .ec-video-carousel .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    background-color: #FFF;
}
.ec-video-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -28px;
    z-index: 993;
}
.ec-video-carousel .owl-carousel .owl-nav button {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    line-height: 1;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, .35);
    transition: all .3s;
    color: #CCC;
    opacity: 0;
}
.ec-video-carousel .owl-carousel:hover .owl-nav button {opacity: 1;}
.ec-video-carousel .owl-theme .owl-nav [class*=owl-]:hover {background-color: rgba(0, 0, 0, 0.85);}
.ec-video-carousel .owl-carousel .owl-nav button i {
    font-size: 32px;
    line-height: 1;
    display: block;
}
.ec-video-carousel .owl-carousel .owl-nav button.owl-prev {left: 0;}
.ec-video-carousel .owl-carousel .owl-nav button.owl-next {right: 0;}
.ec-gray-block {
    position: relative;
    font-size: 16px;
    color: #000;
    background-color: #FFF;
    background-size: contain;
}
.ec-gray-content {padding: 80px 20px 40px;}
.ec-sinif-cerceve {
    position: relative;
    display: block;
    margin-bottom: 60px;
    color: #FFF;
    transition: all .3s;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.ec-sinif-cerceve:hover {
    color: #FFF;
    text-decoration: none;
    transform: scale(1.025) translate(0%, 0%);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
.ec-sinif-img {border-radius: 6px;}
.ec-sinif-img img {border-radius: 6px;}
.ec-sinif-cerceve h3 {
    position: absolute;
    left: 20px;
    right: 20px;
    font-size: 26px;
    font-weight: 300;
    color: #FFF;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.ec-sinif-cerceve h3 span {font-weight: bold;}
.ec-sinif-cerceve.uyum-sinifi h3 {transform: translateY(-30%);}
.header-pictures {text-shadow: 2px 2px 5px white;}
.ec-new-background-okul-resimleri {
    background: url('../img/ec-images/okulbg_-01.png') no-repeat top center !important;
    background-size: 100%;
}
.ec-okul-resimleri-alani {
    background: url('../img/ec-images/okulbg_-01.png') no-repeat top center;
    background-size: 100%;
}
.ec-ilkokul-sinif-alani {
    background: url('../img/ec-images/backgroundlar-01.png') no-repeat top center;
    background-size: 100%;
}
.ec-ortaokul-sinif-alani {
    background: url('../img/ec-images/backgroundlar-02.png') no-repeat top center;
    background-size: 100%;
}
.ec-lise-sinif-alani {
    background: url('../img/ec-images/backgroundlar-03.png') no-repeat top center;
    background-size: 100%;
}
.ec-ilkokul-sinif-alani .ec-content, .ec-ortaokul-sinif-alani .ec-content,
.ec-lise-sinif-alani .ec-content {background-color: transparent;}
.ec-video-carousel.ec-lesson-row {padding: 20px 20px 40px 20px;}
.ec-class-title-area {
    position: relative;
    height: 100vh;
    margin-bottom: -40vh;
}
.ec-class-title {
    position: absolute;
    left: 40px;
    top: 20vh;
    font-size: 60px;
    font-weight: bold;
}
.ec-class-title h2 {
    font-size: 70px;
    font-weight: bold;
}
.ec-video-carousel.ec-lesson-row .owl-stage-outer {padding: 20px 0;}
.ec-video-carousel.ec-lesson-row .ec-row-title {
    padding-left: 15px;
    font-weight: bold;
    margin: 0;
}
.ec-video-carousel.ec-lesson-row .item-title a {color: #FFF;}
.ec-video-carousel .ec-lesson-name-and-level {
    position: absolute;
    left: 26px;
    right: 26px;
    top: 22px;
    pointer-events: none;
}
.ec-video-carousel .ec-lesson-name {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.1;
    text-transform: uppercase;
    pointer-events: none;
}
.ec-video-carousel .ec-class-level {
    color: #FFF;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    pointer-events: none;
}
.ec-video-carousel .ec-class-level-destek {
    color: #FFF;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    pointer-events: none;
}
.owl-item h4 {
    font-size: 19px;
    margin: 0;
}
.ec-video-carousel .ec-subject-name {
    display: none;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 45%;
    color: #FFF;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.1;
}
.ec-video-detay {
    background-color: #FFF;
    height: 100%;
}
.ec-selected-video-area {
    height: 100%;
    padding: 50px 12vw;
    color: #FFF;
    background-color: #022A3F
}
.ec-related-videos-area {
    height: 100%;
    padding: 8vh 4vw;
    color: #000;
    font-weight: bold;
    overflow-y: auto;
    background-color: #FFF;
}
.ec-video-frame {
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    margin-bottom: 40px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.ec-video-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    border-radius: 10px;
}
.ec-video-player .container {
    width: 100%;
    padding: 0;
}
.ec-video-player [class*='col-'] {padding: 0;}
.ec-selected-video-tags {margin: 20px 0 40px;}
.ec-selected-video-tags a {
    display: inline-block;
    padding: 1px 5px;
    background-color: #FD9827;
    color: #FFF;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.1;
}
.ec-selected-video-code .code-div {
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.ec-selected-video-code .code-div textarea {background: transparent;}
.ec-selected-video-code .code-div .code-copy-btn {
    background: rgba(255, 255, 255, 0.1);
    color: #CCC;
    text-shadow: none;
    border: 0 !important;
}
.ec-selected-video-code .code-div .code-copy-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFF !important;
    text-shadow: none;
}
.ec-selected-video-cat .content-cat-title, .ec-selected-video-share .content-share-title,
.ec-selected-video-download .content-download-title {
    font-weight: normal;
    color: #FFF;
    margin-right: 10px;
    width: 60px;
    display: inline-block;
}
.ec-selected-video-cat a, .ec-selected-video-download a {color: #FD9827;}
.ec-selected-video-cat a:hover, .ec-selected-video-download a:hover {color: #FD9827;}
.ec-related-videos h3 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 26px;
}
.ec-related-item {margin-bottom: 30px;}
.ec-related-item-title h4 {font-size: 20px;}
.ec-related-item-img {
    position: relative;
    display: block;
    border-radius: 6px;
    color: #333;
}
.ec-related-item-img-frame {
    position: relative;
    display: block;
    border-radius: 6px;
    color: #FFF;
}
.ec-related-item-img-frame img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    width: 100%;
    height: auto;
}
.ec-related-item-img-frame:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .35);
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    z-index: 1;
}
.ec-related-item:hover .ec-related-item-img-frame:before {opacity: 1;}
.ec-related-item-img-frame span {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    font-size: 80px;
    line-height: 1;
    transition: all .3s;
    opacity: 0;
    z-index: 2;
}
.ec-related-item:hover .ec-related-item-img-frame span {opacity: 1;}
.ec-related-item-title a {
    color: #333;
    transition: all .3s;
}
.ec-related-item-title a:hover {color: #000;}
.ec-video-and-detail {position: relative;}
.ec-dersin-diger-videolari {
    position: absolute;
    right: 12vw;
    top: 8px;
    text-align: center;
    border-radius: 20px;
}
.ec-dersin-diger-videolari a {
    display: block;
    width: auto;
    height: 30px;
    padding: 5px 14px;
    background-color: #676BFC;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    border-radius: 20px;
    text-decoration: none;
    border: 0;
}
.csa-link {
    position: absolute;
    right: 30px;
    top: 60px;
    display: block;
    width: 172px;
    height: 50px;
    text-align: right;
    box-shadow: 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 33px 0 0 33px;
    margin-right: -30px;
    border: 1px solid rgba(255, 255, 255, .15);
}
.csa-link img {
    width: auto;
    height: 50px;
    border-radius: 33px 0 0 33px;
}
.csa-link:hover {
    margin-top: 2px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.2);
}
.ocdkf-link {
    position: absolute;
    right: 30px;
    top: 3px;
    display: block;
    width: 172px;
    height: 50px;
    text-align: right;
    box-shadow: 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 33px 0 0 33px;
    margin-right: -30px;
    border: 1px solid rgba(255, 255, 255, .15);
}
.ocdkf-link img {
    width: auto;
    height: 50px;
    border-radius: 33px 0 0 33px;
}
.ocdkf-link:hover {
    margin-top: 2px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.2);
}
.il-secim-aciklama {
    padding: 3vh 5vw;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}
.ec-il-bazli-baslik.il-secimi-alani {padding: 10px 30px 30px;}
.il-secim, .sinif-secim {
    width: 300px;
    margin: 0 auto;
}
.il-secim {margin-bottom: 20px;}
.il-secim .btn, .sinif-secim .btn {
    font-weight: bold;
    font-size: 18px;
    border-width: 2px;
}
.il-secim .dropdown-menu, .il-secimi-alani .sinif-secim .dropdown-menu {border-radius: 0 !important;}
.il-secim .bs-searchbox .form-control, .sinif-secim .bs-searchbox .form-control {font-weight: normal;}
.il-secim .bootstrap-select .dropdown-menu > li > a:hover, .il-secim .bootstrap-select.open .dropdown-menu > li > a:hover,
.sinif-secim .bootstrap-select .dropdown-menu > li > a:hover,
.sinif-secim .bootstrap-select.open .dropdown-menu > li > a:hover {color: #333 !important;}
.secilen-sinif {
    position: relative;
    border-radius: 10px;
    border-top: 14px solid #FFF;
    background-color: #FECB84;
    min-height: 100px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.secilen-sinif-2 {
    position: relative;
    border-radius: 10px;
    min-height: 100px;
}
.sinif-secim-satiri {
    position: relative;
    background-color: #FFF;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.sinif-secim-baslik {
    position: absolute;
    left: 15px;
    top: 12px;
    color: #999;
    font-weight: 500;
    font-size: 18px;
}
.sinif-secim-listesi a {
    display: inline-block;
    min-width: 22px;
    height: 22px;
    margin: 0 4px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    border-radius: 30px;
    background-color: #000;
    text-align: center;
}
.sinif-secim-listesi a:hover {
    text-decoration: none;
    transform: scale(1.2);
}
.sinif-secim-listesi a.sinif-aktif {
    transform: scale(1.4);
    margin: 0 8px;
}
.sinif-1-4-aktif {border-color: #FD9827;}
a.sinif-1-4 {
    width: 40px;
    background-color: #FD9827;
}
.sinif-5-aktif {border-color: #6A9BFB;}
a.sinif-5 {background-color: #6A9BFB;}
.sinif-6-aktif {border-color: #FD6769;}
a.sinif-6 {background-color: #FD6769;}
.sinif-7-aktif {border-color: #FECB2F;}
a.sinif-7 {background-color: #FECB2F;}
.sinif-8-aktif {border-color: #FC3A9A;}
a.sinif-8 {background-color: #FC3A9A;}
.sinif-9-aktif {border-color: #666666;}
a.sinif-9 {background-color: #666666;}
.sinif-10-aktif {border-color: #FD999B;}
a.sinif-10 {background-color: #FD999B;}
.sinif-11-aktif {border-color: #66971A;}
a.sinif-11 {background-color: #66971A;}
.sinif-12-aktif {border-color: #3DCB9B;}
a.sinif-12 {background-color: #3DCB9B;}
.ders-saatleri-sonuc-alani {
    position: relative;
    padding-top: 20px;
    height: 390px;
}
.ders-saatleri-sonuc-alani-2 {position: relative;}
.canli-ders-sonuc-metni {
    padding: 10px 5vw;
    font-size: 28px;
    color: #000;
    line-height: 1.25;
}
.img-alan img {
    max-width: 100%;
    max-height: 100%;
}
.sinif-bazli-buyuk-yazi p {margin-top: 0 !important;}
.sinif-1-4-sonuclari .canli-ders-sonuc-metni p {margin-top: 50px;}
.canli-ders-logo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px;
    height: auto;
}
.canli-ders-logo.buyuk-logo {width: 250px;}
.canli-ders-logo img {
    width: 100%;
    height: auto;
}
.zoom-laptop-img {
    bottom: 63px;
    width: 300px;
    height: auto;
    float: right;
}
.zoom-laptop-img img {
    width: 100%;
    height: auto;
}
.canli-ders-saatleri-balonu-alani {
    position: absolute;
    bottom: 50px;
    right: calc(300px + 4vw);
}
.canli-ders-saatleri-balonu {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #FFF;
    color: #333;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.canli-ders-saatleri-balonu:after {
    content: "";
    display: block;
    position: absolute;
    left: 190px;
    top: 90px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 0 80px;
    border-color: transparent transparent transparent #ffffff;
}
.canli-ders-saatleri {
    line-height: 1.3;
    letter-spacing: -.75px;
}
.alt-aciklamalar {
    min-height: 62px;
    font-weight: 500;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.alt-aciklamalar a {
    color: #FFF;
    text-decoration: underline;
}
.tc-aciklamasi {
    color: #000;
    font-size: 24px;
    padding: 20px;
    text-align: center;
}
.indirme-yazisi {
    color: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px;
    border-radius: 0 0 10px 10px;
}
.sinif-1-4-aktif .indirme-yazisi {background: #FD9827;}
.sinif-5-aktif .indirme-yazisi {background: #6A9BFB;}
.sinif-6-aktif .indirme-yazisi {background: #FD6769;}
.sinif-7-aktif .indirme-yazisi {background: #FECB2F;}
.sinif-8-aktif .indirme-yazisi {background: #FC3A9A;}
.sinif-9-aktif .indirme-yazisi {background: #666666;}
.sinif-10-aktif .indirme-yazisi {background: #FD999B;}
.sinif-11-aktif .indirme-yazisi {background: #66971A;}
.sinif-12-aktif .indirme-yazisi {background: #3DCB9B;}
.ec-suggestHide {display: none !important;}
.ec-suggestShow {display: block !important;}
.ec-suggestShow2 {display: flex !important;}
.ec-suggestShowFlex {display: inline-flex !important;}
.bildirim-alani {
    background-color: #FAE733;
    box-shadow: inset 0 -6px 10px -6px rgba(0, 0, 0, 0.5);
}
.bildirim-alani [class*='col-'] {min-height: 0;}
.bildirim-alani .alert {
    position: relative;
    font-size: 18px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}
.bildirim-alani .alert .close {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    font-size: 18px;
    color: #FFF;
    opacity: .5;
    float: none;
    position: absolute;
    right: 5px;
    top: 15px;
    background-color: #666;
}
.bildirim-alani .alert .close:hover {opacity: 1;}
.bildirim-alani .alert .close span {
    display: inline-block;
    text-shadow: none;
}
.sinif-bazli-login {padding-top: 40px;}
.custom-datepicker {
    position: absolute;
    width: 50%;
    z-index: 9999;
    top: 70%
}
.custom-datepicker .ui-widget.ui-widget-content {
    margin: 0 auto;
    font-family: 'Quicksand', sans-serif;
}
.inner-datepicker {
    position: relative;
    top: 50%;
    transform: translateY(80%);
}
#datepickerImageIlk {
    width: 25px;
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 7%;
    filter: invert(68%) sepia(6%) saturate(5%) hue-rotate(327deg) brightness(89%) contrast(91%);
}
#datepickerImageOrta {
    width: 25px;
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 7%;
    filter: invert(68%) sepia(6%) saturate(5%) hue-rotate(327deg) brightness(89%) contrast(91%);
}
#datepickerImageLise {
    width: 25px;
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 7%;
    filter: invert(68%) sepia(6%) saturate(5%) hue-rotate(327deg) brightness(89%) contrast(91%);
}
#datepickerImageErisilebilir {
    width: 25px;
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 7%;
    filter: invert(68%) sepia(6%) saturate(5%) hue-rotate(327deg) brightness(89%) contrast(91%);
}
.anasayfa-next-arrow {left: 15%;}
.anasayfa-prev-arrow {right: 15%;}
.custom-datepicker .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: invert(68%) sepia(6%) saturate(5%) hue-rotate(327deg) brightness(89%) contrast(91%);
}
.datepickerImageActive {
    filter: invert(21%) sepia(85%) saturate(3020%) hue-rotate(345deg) brightness(84%) contrast(96%) !important;
}
.new-portal-background-white {background-color: white !important;}
.carouse-arrow {
    color: #BB0D84;
    font-size: 40px !important;
}
.carouse-arrow:hover {text-shadow: 2px 2px 4px #000000;}
.slick-slide {outline: none !important;}
.animsition-loading-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loader05 {
    width: 56px;
    height: 56px;
    border: 4px solid #717fe0;
    border-radius: 50%;
    position: relative;
    animation: loader-scale 1s ease-out infinite;
    top: 50%;
    margin: -28px auto 0 auto;
}
@keyframes loader-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {opacity: 1;}
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.btn-back-to-top {
    display: none;
    position: fixed;
    width: 40px;
    height: 38px;
    bottom: 0;
    right: 40px;
    background-color: #717fe0;
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.symbol-btn-back-to-top {
    font-size: 25px;
    color: white;
    line-height: 1em;
}
.btn-back-to-top:hover {
    opacity: 1;
    background-color: #717fe0;
}
.container-menu-desktop {
    height: auto;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.header-v3 .container-menu-desktop {height: auto;}
.header-v4 .container-menu-desktop {height: 124px;}
.wrap-menu-desktop {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 84px;
    top: 40px;
    left: 0;
    -webkit-transition: height 0.3s, background-color 0.3s;
    -o-transition: height 0.3s, background-color 0.3s;
    -moz-transition: height 0.3s, background-color 0.3s;
    transition: height 0.3s, background-color 0.3s;
}
.header-landing .wrap-menu-desktop {top: 0;}
.header-v3 .wrap-menu-desktop {
    background-color: transparent;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-v4 .wrap-menu-desktop {background-color: #fff;}
.limiter-menu-desktop {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: transparent;
}
.logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 65%;
    margin-right: 55px;
}
.logo img {
    max-width: 100%;
    max-height: 100%;
}
.menu-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%;
}
.main-menu {
    list-style-type: none;
    margin: 0;
    text-align: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.main-menu>li {
    display: block;
    position: relative;
    padding: 20px 10px 20px 0;
    margin: 0 4px 0 4px;
}
.main-menu>li>a {
    font-size: 20px;
    padding: 5px 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.header-v3 .main-menu>li>a {color: #fff;}
.sub-menu {
    max-height: 400px;
    overflow-y: scroll;
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 350px;
    background-color: #fff;
    padding: 5px 0;
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
}
.menu-sub-list {
    font-size: 20px;
    position: relative;
    top: 64px;
}
.menu-sub-list-item {display: none;}
.header-li-first-item:hover>.menu-sub-list-item {display: block;}
.sub-menu li {
    position: relative;
    background-color: transparent;
}
.main-menu>li>.sub-menu {
    top: 100%;
    left: 0;
}
.main-menu>li>a:hover {color: #C11E63;}
.sub-menu a {
    font-size: 20px;
    line-height: 1.5;
    color: #FFFFFF;
    display: block;
    padding: 8px 20px;
    width: 100%;
}
.main-menu>li:hover>a {text-decoration: none;}
.main-menu>li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}
.sub-menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}
.sub-menu li:hover {background-color: #93215A;}
.sub-menu>li:hover>a {
    color: #FFFFFF;
    text-decoration: none;
}
.wrap-icon-header {flex-grow: 1;}
.icon-header-item {
    position: relative;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}
.icon-header-item i:hover {color: #0056b3;}
.icon-header-noti::after {
    content: attr(data-notify);
    font-family: Poppins, serif;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: -7px;
    right: 0;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    background-color: #717fe0;
}
.wrap-header-mobile .wrap-icon-header {flex-grow: unset;}
.modal-search-header {
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100%;
    bottom: 101%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 50px 15px 100px 15px;
}
.show-modal-search {bottom: 0;}
.container-search-header {
    width: auto;
    max-width: 100%;
    position: relative;
}
.btn-hide-modal-search {
    position: absolute;
    padding: 5px;
    right: 0;
    top: -45px;
    opacity: 0.8;
}
.btn-hide-modal-search:hover {opacity: 1;}
.wrap-search-header {
    width: 960px;
    max-width: 100%;
    height: 120px;
    border: 2px solid #e6e6e6;
    background: #fff;
}
.wrap-search-header input {
    font-size: 50px;
    line-height: 1.2;
    color: #333;
    padding: 0 30px 0 0;
    width: calc(100% - 70px);
    height: 100%;
    background-color: transparent;
}
.wrap-search-header button {
    font-size: 50px;
    color: #333;
    width: 70px;
    height: 100%;
}
.wrap-search-header button:hover {color: #6c7ae0;}
.fix-menu-desktop .wrap-menu-desktop {
    height: 70px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.header-landing .fix-menu-desktop.container-menu-desktop {height: 70px;}
.header-v3 .fix-menu-desktop .wrap-menu-desktop {
    background-color: #222;
    border-color: #222;
}
.header-v4 .fix-menu-desktop.container-menu-desktop {height: 110px;}
.main-menu>li.active-menu>a {color: #fff;}
.header-li-first-item {color: #e03997;}
.header-li-second-item {color: #2185d0;}
.header-li-third-item {color: #00b5ad;}
.header-li-second-item {color: #fbbd08;}
.header-li-fifth-item {color: #f2711c;}
.wrap-header-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    align-items: center;
    height: 70px;
    padding: 15px;
    display: none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.logo-mobile {
    display: block;
    position: relative;
    height: 80%;
    padding-right: 25px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.logo-mobile img {
    max-width: calc(100% - 20px);
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.hamburger:hover {opacity: 1;}
.menu-mobile {
    width: 100%;
    background-color: white;
    display: none;
}
.main-menu-m {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
}
.main-menu-m>li>a {
    font-size: 14px;
    line-height: 2.8;
    padding: 8px 20px 8px 20px;
}
.main-menu-m>li>a:hover {color: #ffffff;}
.main-menu-m>li {
    color: white;
    position: relative;
}
.arrow-main-menu-m {
    font-size: 30px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 2px;
    padding: 10px;
    cursor: pointer;
}
.arrow-main-menu-m i {
    transform-origin: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.turn-arrow-main-menu-m i {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sub-menu-m {
    padding: 10px 15px 10px 32px;
    display: none;
}
.sub-menu-m a {
    font-size: 14px;
    color: #ffffff;
    line-height: 2.5;
    padding: 5px 0 5px 0;
}
.sub-menu-m a:hover {
    text-decoration: none;
    color: #FF6600;
}
.wrap-slick1 {
    position: relative;
    top: 84px;
}
.rs1-slick1 .slider-item {height: calc(70vh - 84px);}
.rs2-slick1 .slider-item {height: 100vh;}
.arrow-slick1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    font-size: 80px;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    opacity: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 200;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.wrap-slick1:hover .arrow-slick1 {opacity: 1;}
.arrow-slick1:hover {color: #7280e0;}
.next-slick1 {
    right: 50px;
    left: auto;
}
.prev-slick1 {
    left: 50px;
    right: auto;
}
.rs2-slick1 .arrow-slick1 {color: rgba(255, 255, 255, 0.3);}
.rs2-slick1 .arrow-slick1:hover {color: #7280e0;}
.wrap-slick1-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 60px;
}
.slick1-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.slick1-dots li {
    max-width: 190px;
    position: relative;
    cursor: pointer;
    margin-right: 1px;
}
.slick1-dots li img {width: 100%;}
.caption-dots-slick1 {
    font-family: Poppins-ExtraLight, serif;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}
.slick1-dots li:hover .caption-dots-slick1 {opacity: 1;}
.slick1-dots li.slick-active .caption-dots-slick1 {opacity: 1;}
.wrap-modal1 {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9000;
    overflow: auto;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}
.overlay-modal1 {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
}
.show-modal1 {
    visibility: visible;
    opacity: 1;
}
.cl0 {color: #FFFFFF;}
.cl1 {color: #666666;}
.cl2 {color: #000000;}
.cl3 {color: #BB0D84;}
.cl4 {color: #857372;}
.cl5 {color: #5B433F;}
.cl6 {color: #C2CDCA;}
.cl7 {color: #37474F;}
.cl8 {color: #E29A44;}
.cl9 {color: #3366FF;}
.cl10 {color: #546E7A;}
.cl11 {color: #888888;}
.cl12 {color: #5232A8;}
.clfb {color: #1877f2;}
.cltw {color: #1D9BF0;}
.clyt {color: #FF0100;}
.clin {color: #DC2E7D;}
.clin2 {color: #6942BE;}
.bg-none {background-color: transparent;}
.bg0 {background-color: #fff;}
.bg1 {background-color: #DCD6CE;}
.bg2 {background-color: #5232A8;}
.bg3 {background-color: #FFF59D;}
.bg4 {background-color: #7D125B;}
.bg5 {background-color: #FED757;}
.bg6 {background-color: #93215A;}
.bg7 {background-color: #710045;}
.bg8 {background-color: #FFF9C4;}
.bg9 {background-color: #F5BD1E;}
.bg10 {background-color: #3F287A;}
.bg11 {background-color: #D3C79F;}
.bg12 {background-color: #FFF9C4;}
.bg13 {background-color: #546E7A;}
.bg14 {background-color: #DCD6CE;}
.bg15 {background-color: #C11E63;}
.bg16 {background-color: #F6F5F3;}
.bg17 {background-color: #7C4DFF;}
.bg18 {background-color: #383838;}
.bg19 {background-color: #5A043F;}
.slider-cst-text {
    font-family: Poppins-Bold, serif;
    font-weight: 900;
    font-size: 80px;
}
.sub-section-header {
    font-family: Poppins-Bold, serif;
    font-weight: bold;
    text-align: left;
    font-size: 50px;
    line-height: 1.1;
}
.header-landing {
    position: relative;
    z-index: 3;
}
.button-container {
    text-align: center;
    text-align: -webkit-center;
}
.continue-btn {
    color: #b5cc18;
    border-radius: 23px;
    background-color: transparent;
    border: 2px solid #b5cc18;
    width: 120px;
    height: 46px;
    font-weight: bold;
    font-size: 25px;
    line-height: 1.466667;
}
.continue-btn:hover {
    background-color: #b5cc18;
    color: #ffffff;
}
.banner-text {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 60%;
}
.banner-text-mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.copyright-row {border-top: 1px solid #ffffff;}
.for-btn {
    box-shadow: 0 0 10px black;
    border-radius: 15px;
    height: 150px;
    margin: 30px;
    padding-top: 80px;
    padding-left: 40px;
    font-size: 25px;
}
.for-btn:active {box-shadow: none;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #ffffff;}
.eba-mobile-menu>li>a {font-size: 20px;}
.cls-activity-header {font-size: 45px;}
.cls-btn {
    border-radius: 15px;
    text-align: center;
    font-size: 168px;
    -webkit-box-shadow: 2px 13px 28px 2px rgba(112, 112, 112, 0.64);
    -moz-box-shadow: 2px 13px 28px 2px rgba(112, 112, 112, 0.64);
    box-shadow: 2px 13px 28px 2px rgba(112, 112, 112, 0.64);
}
.cls-btn-backgrounded-ta-r {text-align: right;}
.cls-btn-backgrounded-ta-l {text-align: left;}
.fill-div {
    padding: 23px 10px 10px 10px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.landing-body {overflow: hidden;}
.cls-btn:active {
    box-shadow: none;
    background-color: #ffd487;
}
.main-subject-list-item {
    font-size: 30px;
    font-weight: bold;
    line-height: 2.5;
}
.sub-subject-list-item {
    padding-inline-start: 40px;
    font-size: 25px;
}
.end-border {
    border-top: 2px solid #d3d3d3;
    margin: auto;
    width: 70%;
}
.cls-activity-list-section {
    position: relative;
    background-color: transparent;
}
.cubic-list-item-wrapper {
    border-radius: 10px;
    height: 100%;
}
.cubic-list-item {
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: 0.3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cubic-list-item:hover {box-shadow: 0 0 15px grey;}
.cubic-list-item-img-link {
    position: relative;
    display: block;
    color: #666;
    height: auto;
}
.cubic-list-item-img-link:after {background-color: transparent;}
.cubic-list-item-img-wrapper {
    border-radius: 5px;
    height: 190px;
}
.cubic-list-item-title {
    font-weight: 800;
    padding: 0 10px 10px 10px;
    margin-top: 10px !important;
}
.cubic-list-item-text {padding: 0 10px 10px 10px;}
.img-stretcher {
    width: 100% !important;
    height: 100% !important;
}
.text-cutter-header {
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.text-cutter-text {
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 14px;
}
.icon_select_mate {
    position: absolute;
    top: 4px;
    right: 2%;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
}
.selector {
    margin-right: 50px;
    margin-top: 30px;
    position: relative;
    min-width: 200px;
    color: #777;
    font-weight: 300;
    background-color: #fff;
    box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    transition: all 375ms ease-in-out;
}
.selector select {
    position: absolute;
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: -1;
}
.class-selector {float: left;}
.subject-selector {float: right;}
.cont_list_select_mate {
    position: relative;
    float: left;
    width: 100%;
}
.cont_select_int {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
    height: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 375ms ease-in-out;
}
.cont_select_int li {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    list-style-type: none;
    padding: 10px 2%;
    margin: 0;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer;
    text-align: center;
}
.cont_select_int li:last-child {
    border-radius: 3px;
    border-bottom: 0;
}
.cont_select_int li:hover {background-color: #ffd487;}
.cont_select_int .active {background-color: #B5CC18;}
.selecionado_opcion {
    padding: 3px 2%;
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
    text-align: center;
}
.main-image-wrapper .image-landing {
    width: 100%;
    position: relative;
}
.cubic-list-item-title {
    font-weight: 800;
    padding: 0 10px 10px 10px;
}
.cubic-list-item-img {
    left: 0 !important;
    width: 100% !important;
    aspect-ratio: 255/160;
}
.faydali-list-item-title {
    font-weight: 800;
    padding: 0 10px 10px 10px;
}
.header-logo {filter: brightness(0) invert(1);}
.footer-logo-link {vertical-align: super;}
.footer-logo:hover {filter: invert(20%) sepia(99%) saturate(1992%) hue-rotate(198deg) brightness(92%) contrast(103%);}
.footer-logo {
    filter: brightness(0) invert(1);
    width: 40px;
}
.text-link {
    font-size: 18px;
    font-weight: bold;
}
.main-page-btn img {
    width: 100%;
    opacity: 0.8;
}
.main-page-btn-container .main-page-btn img:hover {opacity: 1;}
.dummy-section {padding-bottom: 500px;}
.main-page-flex-item-r1 {margin-top: 40%;}
.main-page-flex-item-l2 {margin-top: -40%;}
.main-page-flex-item-l3 {margin-top: -40%;}
.detail-main {margin: 0;}
.detail-window {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    margin-bottom: 20px;
}
.detail-window:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);}
.detail-container {
    border-radius: 5px;
    padding: 20px;
}
.detail-download {text-align: right;}
.detail-container img, video, iframe {
    border-radius: 5px;
    width: 100%;
}
.detail-explanation {width: 100%;}
.breadcrumbs {
    height: 30px;
    display: table;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #707070;
}
.breadcrumbs-inner {
    vertical-align: middle;
    display: table-cell;
}
.breadcrumbs-trail-item {
    text-decoration: none;
    color: #707070;
}
.breadcrumbs-sep {color: #707070;}
.breadcrumbs-trail-end {
    font-size: 14px;
    color: #707070;
    font-weight: bold;
}
.class-main-header {
    text-align: center;
    font-size: 60px;
}
.history-container img {width: 100%;}
.history-page-btn {width: 100%;}
.history-page-btn img {width: 100%;}
.search-filter-buttons {
    background-color: #FFF;
    color: #999;
    transition: background-color .3s;
}
.search-filter-buttons-active {
    background-color: #88C1CF;
    color: #ffffff;
    transition: background-color .3s;
}
.search-filter-buttons .badge {color: #999;}
.search-filter-row ul li {
    list-style: none;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
}
.search-filter-row ul li a {
    font-family: Poppins-Bold, serif;
    display: inline-block;
    width: auto;
    height: auto;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 5px;
    font-size: 14px;
}
.search-filter-row ul li a:hover {color: #be539e;}
.active-filter {color: #BB0D84 !important;}
.search-filter-row ul li a .badge {
    color: #E29A45;
    font-family: Poppins-Light, serif;
    font-size: 14px;
}
.search-li-active a {
    background-color: #88C1CF !important;
    color: #ffffff !important;
}
.search-main {
    position: relative;
    margin-bottom: 30px;
}
.search-main .search-input {width: 60%;}
.search-input .search-div {position: relative;}
.search-main .search-input input::placeholder {color: #C8838D;}
.search-main .search-input input {
    position: relative;
    padding-right: 65px;
    padding-left: 30px;
    height: 64px;
    font-size: 24px;
    font-weight: 600;
    border: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    transition: all .3s;
    border-radius: 50px;
    z-index: 2;
}
.search-main .search-input input:focus {box-shadow: 0 0 10px rgb(0 0 0 / 35%);}
.search-input button {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 52px;
    height: 52px;
    padding: 0 8px;
    border: 0;
    color: #EEE;
    background: #FF6600;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 2rem;
    z-index: 2;
}
.search-input button:hover {
    box-shadow: 0 0 15px #a24301;
    transition: 0.3s;
}
.search-main .search-input a.close {
    display: none;
    position: absolute;
    top: 20px;
    right: 70px;
    width: 24px;
    height: 24px;
    padding: 0 3px;
    border: 0;
    background: #CCC;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.4;
}
.search-input .suggests {
    z-index: 1 !important;
    position: absolute;
    width: 100%;
    max-height: 0;
    padding: 0;
    left: 0;
    top: 32px;
    background-color: #FFF;
    border: 0;
    border-radius: 0 0 32px 32px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    overflow: hidden;
    -webkit-transition: max-height .5s, padding .4s ease-in;
    -moz-transition: max-height .5s, padding .4s ease-in;
    -ms-transition: max-height .5s, padding .4s ease-in;
    -o-transition: max-height .5s, padding .4s ease-in;
    transition: max-height .5s, padding .4s ease-in;
}
.search-input .suggests ul {
    list-style: none;
    margin: 32px 10px 0 10px;
    padding: 10px 10px 20px;
    border-top: dashed 1px #DDD;
}
.suggests a:hover {
    color: #88C1CF !important;
    background-color: #EEE;
    border-radius: 25px;
    text-decoration: none !important;
    cursor: pointer;
}
.search-section {
    background-image: url("../../assets/images/banners/banner-landing-student-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 70% 10%;
    height: 30vh;
}
.hayat-links {
    color: #0a335b;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 45px;
}
.hayat-second-text {font-weight: 900;}
.hayat-link-img {text-align: center;}
.hayat-link-img img {
    width: 60px;
    margin: 0 auto;
}
.hayat-wrapper {
    position: absolute;
    top: 30%;
    width: 100%;
    justify-content: center;
}
.wrapper-inner {width: 100%;}
.hayat-breadcrumbs {
    position: absolute;
    top: 15%;
    left: 5%;
}
.main-page-search {
    top: 40%;
    width: 100%;
    left: 10%;
}
.login-buttons {
    left: 10%;
    top: 50%;
}
.live-feed-button-img {
    display: inline !important;
    margin-right: 10px !important;
    width: 35px;
}
.login-live-feed {
    margin-right: 0 !important;
    width: fit-content;
    display: block;
    margin-left: 45px !important;
}
.live-feed-button-container {
    display: flex;
    justify-content: center;
    margin-top: 15px !important;
}
.login-text {
    font-size: 20px;
    color: #D4A6BD;
    padding: 10px;
}
.login-btn {
    font-family: Poppins-Bold, serif;
    border-radius: 10px;
    background-color: #880E4F;
    color: #FF80AB;
    padding: 10px;
    font-size: 25px;
    margin-right: 10px;
}
.login-btn:hover {
    box-shadow: 0 0 15px #FFFFFF;
    transition: 0.3s;
    color: #FBB03B !important;
}
.login-btn-img {
    display: inline !important;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 30px;
}
.login-btn-text {
    text-align: right;
    position: relative;
}
.iceri-text {
    font-family: Poppins-Bold, serif;
    font-size: 40px;
}
.btn-all-contents {
    font-size: 20px;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 20px;
    background-color: #EF6C00;
}
.btn-all-contents:hover {
    transition: 0.3s;
    color: #FFFFFF;
    box-shadow: 0 0 15px #FFFFFF;
}
.btn-download-video {
    font-size: 20px;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 20px;
    background-color: #EF6C00;
    border: none;
}
.btn-download-video:hover {
    box-shadow: 0 0 15px #a24301;
    transition: 0.3s;
    color: #FFFFFF;
}
.trt-left-text {
    font-family: Poppins-Bold, serif;
    font-size: 60px;
    color: #FF8F00;
}
.trt-mid-text {
    font-family: Poppins-Bold, serif;
    font-size: 20px;
    color: #1AF7FB;
}
.btn-trt {border-radius: 10px;}
.btn-trt:hover {
    box-shadow: 0 0 15px #371760;
    transition: 0.3s;
}
.main-page-video img {width: 100%;}
.eba-mobil-header {
    font-family: Poppins-Bold, serif;
    font-size: 40px;
    color: #00ACC1;
}
.eba-mobil-info {font-size: 20px;}
.btn-app-download {
    background-color: black;
    border-radius: 10px;
}
.btn-app-download:hover {
    box-shadow: 0 0 15px #371760;
    transition: 0.3s;
}
.eba-mobil-img-container img {width: 100%;}
.trt-left-container img {width: 100%;}
.main-page-slider img {width: 100%;}
.trt-right-container img {width: 100%;}
.eba-mobil-right-container img {width: 100%;}
.eba-footer {background: linear-gradient(180deg, rgba(125, 18, 91, 1) 0%, rgba(187, 13, 132, 1) 49%, rgba(187, 13, 132, 1) 100%);}
.footer-right-1st-row {
    font-family: Poppins-Bold, serif;
    font-size: 14px;
    color: white;
}
.icon-facebook:hover {color: #1877F2;}
.icon-instagram:hover {color: #fd5949;}
.icon-x-twitter:hover {color: #000000;}
.footer-right-2nd-row {height: 50px;}
.school-links-list-container {height: 50px;}
.footer-right-2nd-row a {
    font-size: 14px;
    color: white;
    padding-right: 10px;
}
.school-links-list-container a {padding-right: 10px;}
.footer-right-2nd-row a:hover {
    transition: 0.3s;
    color: #00ACC1;
}
.school-links-list-container a:hover {
    transition: 0.3s;
    color: #00ACC1;
}
.footer-left img {width: 115px;}
.footer-list {
    padding-left: 10px;
    border-left: 1px solid white;
}
.school-links-list {
    padding-left: 10px;
    border-left: 1px solid white;
}
.eba-landing-sayilar {
    position: relative;
    border-radius: 15px;
    color: white;
    font-family: Poppins-Thin, serif;
    line-height: 1;
    font-size: 30px;
    background: linear-gradient(180deg, rgba(254, 215, 87, 1) 0%, rgba(227, 157, 69, 1) 100%);
}
.sayilar-text-top-sayi {font-size: 70px;}
.landing-levitate-section {
    background: linear-gradient(180deg, #93215A 40%, #DCD6CE 40%);
    margin-top: 11px;
}
.eba-landing-sayilar-1st, .eba-landing-sayilar-2nd, .eba-landing-sayilar-3rd {border-right: 1px solid white;}
.footer-links-mobile {display: none !important;}
.limiter-menu-desktop {
    padding-left: 10%;
    padding-right: 10%;
}
.footer-links-desktop {padding-left: 0;}
.section-trt-eba {
    background-image: url("../../assets/images/border/img-wavy-border.png");
    background-repeat: repeat-x;
    background-position: top;
}
.banner-text-mobile-left-1 {
    position: relative;
    left: 10%;
}
.banner-text-mobile-left-2 {
    position: relative;
    left: 10%;
}
.login-buttons-mobile {
    position: relative;
    left: 10%;
}
.logged-btn-all-contents-mobile {
    position: relative;
    left: 10%;
}
.header-li-third-item {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.header-li-sub-menu {
    right: 0;
    left: auto !important;
}
.logged-banner-text {top: 10%;}
.logged-btn-all-contents {margin-bottom: 30px;}
.rounded-list-item-small {
    overflow: hidden;
    transition: 0.3s;
    width: 80%;
    margin: 0 auto;
}
.rounded-list-item-wrapper {border-radius: 10px;}
.rounded-list-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: 0.3s;
    border-radius: 50%;
    width: 80%;
    margin: 0 auto;
}
.rounded-list-item-wrapper:hover .rounded-list-item {box-shadow: 0 0 15px grey;}
.rounded-list-item-wrapper:hover .rounded-list-item-title a {
    transition: 0.3s;
    color: #0056b3;
}
.rounded-list-item-img-link {
    position: relative;
    display: block;
    color: #666;
    height: auto;
}
.rounded-list-item-img-link:after {background-color: transparent;}
.rounded-list-item-title {
    font-weight: 800;
    padding: 0 10px 10px 10px;
    margin-top: 10px !important;
    text-align: center;
}
.rounded-list-item-text {padding: 0 10px 10px 10px;}
.rounded-wrapper-small {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.ebada-neler-header {
    font-family: Poppins-Bold, serif;
    font-size: 40px;
    margin-bottom: 50px;
}
.ebada-neler-info-container {text-align: -webkit-center;}
.ebada-neler-info {
    font-family: Poppins-Bold, serif;
    font-size: 20px;
    margin-top: 20px;
}
.ebada-neler-text {
    max-width: 250px;
    max-height: 250px;
    font-family: Poppins-Thin, serif;
    font-size: 100px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 1.3;
    width: 44%;
}
.text-alt-1 {border: 10px solid #72C8A0;}
.text-alt-2 {border: 10px solid #42B291;}
.text-alt-3 {border: 10px solid #8DC11C;}
.rounded-list-text-cutter-header {
    font-family: Poppins-Bold, serif;
    font-size: 25px;
}
.iceri-text {margin-bottom: 30px;}
.results-section {min-height: 58vh;}
.search-filter-list {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
}
.search-filter-list li a {color: #E29A45;}
.how-filter-list {
    display: grid;
    grid-template-rows: repeat(10, auto);
    grid-auto-flow: column;
}
.how-filter-list li {padding: 0 15px 15px 0;}
.how-filter-list li a {color: #970035;}
.sub-section-header-wrapper {align-self: end;}
.section-banner {
    position: relative;
    margin-top: 84px;
}
.dijital-tab-content {
    padding: 30px 50px;
    border-radius: 15px;
}
.dijital-nav-tabs {
    margin-left: 50px;
    border: none;
}
.dijital-nav-tabs li a {
    font-family: Poppins-Bold, serif;
    padding: 10px;
    color: #808080;
}
.dijital-nav-tabs li .active {
    background-color: #F6F5F3;
    color: #FF6600;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.eba500s-text-area {
    padding-top: 200px;
    width: 50%;
}
.eba500s-text-header {
    font-family: Poppins-Bold, serif;
    font-size: 67px;
}
.eba500s-text-header-code {
    font-family: Poppins, serif;
    font-size: 24px;
}
.eba500s-section {min-height: 82.9vh;}
.eba500s-image-area {width: 50%;}
.eba500s-suggestion-area {margin: 100px 0;}
.eba500s-suggestion-text {font-size: 25px;}
.eba500s-button {margin: 20px 0 20px 0;}
.trt-eba-banner-text-container {
    position: absolute;
    top: 35%;
    left: 10%;
}
.trt-eba-header-logo {width: 35%;}
.trt-eba-header-text {
    font-family: Poppins-Bold, serif;
    font-size: 67px;
    margin-bottom: 100px;
}
.school-links-list-container a {color: #FFFFFF;}
.profile-image {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}
.family-poppins-bold {font-family: Poppins-Bold, serif;}
.login-choices-buttons a:hover {text-shadow: #0b0b0b;}
.login-btn-container a:hover {text-shadow: 2px 2px 5px #0b0b0b;}
.ortala-class {-webkit-box-orient: vertical;}
.carouse-arrow {
    color: #BB0D84;
    font-size: 40px;
}
.main-slider-div .owl-theme .owl-nav .owl-prev {
    margin-left: -20px;
    margin-top: -40px;
}
.main-slider-div .owl-theme .owl-nav  .owl-next {
    margin-top: -40px;
    margin-right: -20px;
}
.trt-eba-tv-content-lists {padding: 40px 40px 0 40px;}
.trt-eba-tv-content-item {margin-bottom: 20px;}
.trt-eba-tv-content-section {padding-bottom: 50px;}
.trt-eba-contents-header-recently-added {margin-left: 25px;}
.trt-eba-contents-header {margin-left: 45px;}
.trt-eba-info-text-container {padding: 25px;}
.banner-btn-all-contents {
    color: #FFFFFF;
    box-shadow: 0 0 15px #FFFFFF;
}
.teneffus-links {
    margin-top: 10px;
    font-family: Poppins-Bold, serif;
    color: #000000;
}
.teneffus-links a:hover {
    text-decoration: none;
    color: #0D79F2;
}
.teneffus-contents-container {padding: 60px 20px;}
.teneffus-content {margin-bottom: 40px;}
.download-btn-container {
    padding-right: 15px;
    text-align: end;
}
.ec-selected-video-area {padding-top: 150px;}
.ec-video-area video {
    box-shadow: 0 0 10px rgba(0, 0, 0, 40);
    width: 95%;
}
.header-anasayfa-without-image {height: 0 !important;}

.section-slide {
    z-index: 1;
}


@media (max-width: 1630px) {
    .search-input .suggests.active {max-height:1500px}
}
@media (max-width: 1600px) {
    .trt-eba-header-text {font-size:50px}
    .ebada-neler-text {
        font-size:6vw;
        width:9vw
    }
    .text-alt-1 {border:.7vw solid #72C8A0}
    .text-alt-2 {border:.7vw solid #42B291}
    .text-alt-3 {border:.7vw solid #8DC11C}
}
@media (max-width: 1440px) {
    .slider-cst-text {font-size:60px}
}
@media (max-width: 1300px) {
    .main-menu>.respon-sub-menu .sub-menu {
        right:100%;
        left:auto
    }
    .main-menu>.respon-sub-menu>.sub-menu {
        right:0;
        left:auto
    }
}
@media (max-width: 1275px) {
    .main-page-search {top:5%}
}
@media (max-width: 1200px) {
    .live-feed-button-container {margin-top:10px!important}
    .login-live-feed {margin-left:27px!important}
    .live-feed-button-img {width:25px}
    .search-input button i {font-size:2.5rem}
    .trt-eba-header-logo {width:30%}
    .trt-eba-header-text {font-size:35px}
    .cls-activity-header {font-size:35px}
    .search-section {height:20vh}
    .cubic-list-item-img-wrapper {height:160px}
    .slider-cst-text {font-size:40px}
    .search-main .search-input input {
        height:50px;
        font-size:20px
    }
    .search-input button {
        top:3px;
        right:3px;
        width:44px;
        height:44px;
        font-size:1.5rem
    }
    .login-text {font-size:16px}
    .login-btn {
        font-size:16px;
        padding:5px
    }
    .login-btn-img {width:20px}
    .cubic-list-item-img-wrapper {height:160px}
}
@media (max-width: 1080px) {
    .search-input .suggests.active {max-height:1500px}
}
@media (max-width: 1024px) {
    .banner-text {top: 5%;}
    .ec-video-carousel.ec-lesson-row {padding-bottom:20px}
    .ec-video-carousel .owl-carousel .owl-nav button {opacity:1}
    .ec-class-title-area {
        height:30vh;
        margin-bottom:0
    }
    .ec-class-title {top:12vh}
    .ec-class-title h2 {font-size:50px}
    .ec-video-carousel .owl-item:hover {transform:none}
    .ec-video-carousel .owl-item .img-frame:before {
        content:none;
        display:none
    }
    .ec-video-carousel .owl-item:hover .img-frame:before {display:none}
    .ec-video-carousel .owl-item .img-frame span {
        width:34px;
        height:34px;
        left:auto;
        top:2px;
        right:2px;
        text-align:center;
        margin-left:0;
        margin-top:0;
        font-size:32px;
        transition:none;
        opacity:.75;
        pointer-events:none
    }
    .ec-related-item:hover .ec-related-item-img-frame:before {display:none}
    .ec-related-item-img-frame span {
        width:34px;
        height:34px;
        left:auto;
        top:2px;
        right:2px;
        text-align:center;
        margin-left:0;
        margin-top:0;
        font-size:32px;
        transition:none;
        opacity:.75;
        pointer-events:none
    }
    .ec-video-carousel .ec-lesson-name-and-level {
        left:25px;
        right:25px
    }
    .ec-video-carousel .ec-lesson-name {font-size:18px}
    .ec-video-carousel .ec-class-level {font-size:18px}
    .ec-video-carousel .item-title {
        left:30px;
        bottom:25px;
        max-height:none;
        overflow:visible
    }
    .owl-item h4 {font-size:21px}
}
@media (max-width: 992px) {
    .search-input .suggests.active {max-height: 1500px}
    .ec-tatil-area {
        height: 240px;
        background: #676BFC url(../img/ec-images/tatil-2.png) no-repeat 65% 0;
        background-size: cover
    }
    .ec-tatil-baslik {
        width: 270px;
        top: 40px
    }
    .ec-tatil-area .ec-ebaya-git-btn {bottom: 30px}
    .ec-video-detay {display: block}
    .ec-selected-video-area {
        padding-left: 8vw;
        padding-right: 8vw
    }
    .ec-dersin-diger-videolari {right: 8vw}
    .ec-related-videos-area {height: auto}
    .ec-video-carousel .ec-lesson-name-and-level {
        left: 30px;
        right: 30px
    }
    .ec-video-carousel .ec-lesson-name {font-size: 20px}
    .ec-video-carousel .ec-class-level {font-size: 20px}
    .ec-video-carousel .item-title {
        left: 34px;
        bottom: 25px;
        max-height: none;
        overflow: visible
    }
    .owl-item h4 {font-size: 24px}
    .ec-formlu-gri-alan .ec-block-title-area.ec-csa {display: block !important}
    .padtop {padding-top: 120px}
    .padtopIcerik {padding-top: 150px}
    .ec-header .navbar-left {
        float: left !important;
        margin: 0
    }
    .ec-header .navbar-form {
        padding: 5px 0 0;
        border: 0;
        box-shadow: none
    }
    .ec-header .navbar-form .input-group {margin: auto}
    .ec-canli-egitim .ec-block-title {
        height: 110px;
        padding-top: 30px;
        padding-bottom: 20px
    }
    .ec-ebaya-git-ust {
        height: auto;
        padding-bottom: 40px
    }
    .ec-ebaya-git-ust-anasayfa {
        height: auto;
        padding-bottom: 40px
    }
    .ec-ebaya-git-img {left: 5%}
    .ec-formlu-gri-alan .ec-block-title-area {display: none}
    .ec-gri-alan-aciklama {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .ec-ebaya-git-alt:after {
        display: none;
        content: none
    }
    .ec-block-title h2 .nasil.nasil-turuncu {left: 265px}
    .ec-eba-login-form input {width: 70%}
    .ec-eba-login-form small {width: 70%}
    .ec-guvenlik-resmi-alani {left: 72%}
    .nasil-olacak-alan-mobil {min-height: auto}
    .ec-gri-alan-desktop {display: none}
    .ec-gri-alan-mobil {display: block}
    .ec-sinif-bazli-alan {min-height: auto}
    .ec-teneffus-area {
        height: auto;
        padding-bottom: 20px;
        display: block
    }
    .ec-teneffus {display: block}
    .ec-teneffus-ikonlar {
        display: block;
        min-width: 260px;
        width: 260px;
        padding-left: 20px;
        height: 100px
    }
    .ec-teneffus-ikonlar:after {border-top-width: 100px}
    .ec-teneffus-ikonlar span {width: 70px}
    .ec-teneffus-ikonlar-2 {
        display: block;
        min-width: 260px;
        width: 260px;
        padding-left: 20px;
        height: 100px
    }
    .ec-teneffus-ikonlar-2:after {border-top-width: 100px}
    .ec-teneffus-ikonlar-2 span {width: 70px}
    .ec-teneffus-baslik {
        display: block;
        padding-top: 10px;
        padding-left: 20px;
        width: 100%
    }
    .ec-teneffus-baslik h4 {font-size: 24px}
    .ec-teneffus-baslik p {font-size: 15px}
    .ec-eba-login-form {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 250px
    }
    .ec-gri-alan-aciklama p {margin: 35px 0 0}
    .navbar {float: none}
    .navbar-header {float: left}
    .navbar-left, .navbar-right {float: none !important}
    .navbar-toggle {
        display: block;
        padding: 0 10px;
        float: right;
        margin-top: 26px;
        margin-right: 0;
        margin-left: 8px
    }
    .navbar-toggle i {font-size: 32px}
    .navbar-collapse {
        border-top: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        background-color: #FFF
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none !important;
        padding-top: 0;
        padding-bottom: 0;
        float: none;
        clear: both
    }
    .header-area.fixed-header .header-bar .navbar-collapse.collapse {
        padding-top: 0;
        padding-bottom: 0
    }
    .navbar-nav {
        float: none !important;
        margin: 7px 0
    }
    .navbar-nav > li {float: none}
    .navbar-nav > li > a {
        color: #262626;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .nav > li > a:hover {
        color: #262626;
        background-color: rgba(0, 0, 0, 0.15)
    }
    .nav > li > a:focus {background-color: rgba(0, 0, 0, 0.15)}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: rgba(0, 0, 0, 0.15)}
    .nav > li > a:focus:hover {background-color: rgba(0, 0, 0, 0.25)}
    .collapse.in {
        display: block !important;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        max-height: 260px;
        overflow-y: auto !important
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .nav > li > a:hover, .nav > li > a:focus {
        transition: all .3s;
        border-top: 0
    }
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: transparent}
    .clearfix-mobil {display: block}
    .responsive-menu-text {
        display: none;
        position: absolute;
        left: 40px;
        top: 4px;
        width: 45px;
        color: #DDD !important
    }
    .responsive-menu-icon {
        font-size: 28px;
        color: #DDD !important
    }
    .home-page-icon {
        margin-top: 0;
        color: #DDD;
        background-color: transparent;
        border-top: 0
    }
    .home-page-icon i {display: none}
    .home-page-icon .home-page-text {
        display: block;
        font-size: 13px
    }
    .quick-links-title {
        font-size: 16px;
        margin-bottom: 15px
    }
    .profile-page-header {height: 200px}
    .profile-content-area {display: block}
    .left-sidebar-area, .right-content-area {display: block}
    .left-sidebar-area {width: 100%}
    .right-content-area {width: 100%}
    .sidebar-content {padding-top: 100px}
    .adding-page .sidebar-content {padding-top: 0}
    .sidebar-notice-title h4 {
        margin-top: 0;
        padding-top: 20px
    }
    .profile-page-user-info {
        position: relative;
        left: 0;
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 0;
        height: auto
    }
    .profile-page-school-area {padding: 20px 30px 30px}
    .profile-page-school-change {
        float: none;
        display: inline-block
    }
    .profile-page-user-action {
        position: relative;
        margin: 0 auto;
        left: auto;
        right: auto;
        top: auto
    }
    .profile-content-area .activity-area {margin-top: 10px}
    .activity-area h4 {margin-top: 5px}
    .sidebar-menu ul li a {padding: 10px 30px}
    .width-sidebar-content-area {display: block}
    .big-error-message {
        text-align: center;
        margin-bottom: 30px
    }
    .how-to-adding {padding: 10px 0}
    .eba-kod-page .sidebar-content {padding-top: 10px}
    .eba-kod-page .left-sidebar-area {padding-bottom: 20px}
    .sinif-bazli-login {padding-top: 0 !important}
    .nav.navbar-nav {
        width: 100% !important;
        margin: 0 auto !important;
        vertical-align: middle
    }
    .navbar-collapse {padding: 10px 20px !important}
    .nav.navbar-nav.login-menu-area {
        padding: 5px 0;
        text-align: center;
        margin-bottom: 10px !important;
        border: 0
    }
    .nav.navbar-nav.login-menu-area::before {
        content: none;
        display: none
    }
    .nav.navbar-nav.login-menu-area > li {
        display: inline-block;
        width: 32%
    }
    .nav.navbar-nav.login-menu-area > li:hover {
        display: inline-block;
        border-color: #D22730
    }
    .nav.navbar-nav.login-menu-area > li > a {
        padding: 7px 12px;
        border: 1px solid #CCC;
        line-height: 1.2
    }
    .nav.navbar-nav.login-menu-area > li > a:hover {
        padding: 7px 12px;
        background: transparent;
        color: #D22730
    }
    .nav.navbar-nav.login-menu-area i {display: none}
    .login-text {display: inline}
    .navbar-mobile-account-icon {display: block}
    .ec-header .navbar {right: 4% !important}
    .trt-eba-header-logo {width: 35%}
    .trt-eba-header-text {font-size: 30px}
    .eba500s-text-area {width: 70%}
    .cls-activity-header {font-size: 24px}
    .search-filter-row ul li a {font-size: 16px}
    .search-filter-row ul li a .badge {font-size: 14px}
    .fit-content-container {max-width: inherit}
    .cubic-list-item-title {font-size: 16px}
    .text-cutter-text {font-size: 11px}
    .eba-landing-sayilar {display: block}
    .iceri-section {padding-top: 80px}
    .nerede-section {margin-top: 80px}
    .banner-text {display: none}
    .banner-text-mobile {display: flex}
    .search-head-banner {position: relative}
    .search-main .search-input {width: 50%}
    .nerede-section {
        margin-top: 0;
        padding-top: 0
    }
    .menu-mobile {display: none}
    .next-slick1 {right: 15px}
    .prev-slick1 {left: 15px}
    .cls-activity-btn .active {width: 100%}
    .rounded-list-text-cutter-header {font-size: 14px}
   
}
@media (max-width: 880px) {
    .slider-s-text {font-size:15px}
    .slider-btn {
        min-width:80px;
        height:30px;
        font-size:15px
    }
}
@media (max-width: 768px) {
    .download-btn-container {padding-bottom:10px}
    .ec-row-title {font-size:20px}
    .ec-selected-video-area {padding:50px 6vw}
    .ec-dersin-diger-videolari {right:6vw}
    .ec-video-carousel.ec-lesson-row .owl-stage-outer {padding:10px 0}
    .ec-tatil-baslik {
        top:20px;
        right:20px;
        text-align:right
    }
    .ec-tatil-area .ec-ebaya-git-btn {bottom:20px}
    .ec-related-item {margin-bottom:50px}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:25px;
        right:25px
    }
    .ec-video-carousel .ec-lesson-name {font-size:15px}
    .ec-video-carousel .ec-class-level {font-size:15px}
    .ec-video-carousel .item-title {
        left:29px;
        bottom:25px;
        max-height:none;
        overflow:visible
    }
    .owl-item h4 {font-size:18px}
    .qrcode {margin:0 auto 10px}
    .ec-back-area .back-text-btn {left:10px}
    .ec-search-area .search-input input {
        height:56px;
        font-size:18px
    }
    .ec-search-area .search-input button {
        top:4px;
        right:6px;
        width:48px;
        height:48px
    }
    .ec-search-area .search-input a.close {
        top:17px;
        right:62px
    }
    .ec-header .search-block {
        left:27%;
        right:27%
    }
    .ec-header .search-block-qr {
        left:13%;
        right:27%
    }
    .nasilolacak {
        padding-left:5px;
        padding-right:5px
    }
    .nasilolacak .nav-tabs > li > a {
        width:100px;
        font-size:14px;
        padding:18px 5px
    }
    .nasilolacak-title .ec-ebaya-git-btn {margin-right:-10px!important}
    .error-pages.ec-cok-kalabalik .error-message-container {padding:10vh 0}
    .error-pages.ec-cok-kalabalik .error-message-elements {padding:0}
    .ec-error-message {
        font-size:18px;
        padding:8vh 5vw
    }
    .ec-header .ec-header-menu-text {display:none!important}
    .ec-header .navbar-form .form-control {width:65vw}
    .ec-filtreleme {height:auto}
    .ec-gun-filtreleme {margin-bottom:10px}
    .ec-sinif-filtreleme,.ec-sinif-filtreleme p {text-align:center}
    .haftalik-gorunum .ec-gun-filtreleme {margin-bottom:3px}
    .haftalik-gorunum li:first-child a,.haftalik-gorunum li:last-child a {height:1px}
    .ec-yayin-takvimi {
        padding-left:5px;
        padding-right:5px
    }
    .ec-sinif-bazli-alan {min-height:auto}
    .ec-block-title {
        padding-left:10px;
        padding-right:10px
    }
    .back-text-btn {left:10px}
    .ec-block-title h2 {font-size:24px}
    .ec-block-title h2 .nasil a {width:120px}
    .ec-eba-destek-noktasi {right:-10px}
    .ec-sss-area {right:-5px}
    .ec-block-title-metin {padding-top:20px}
    .ec-block-title-kucuk {font-size:18px}
    .ec-block-title .ec-ebaya-git-btn {margin-right:-10px!important}
    .ec-ebaya-git-aciklama {
        padding-left:5px;
        padding-right:5px;
        padding-top:30px
    }
    .ec-eba-logo img {width:90px}
    .ec-class-broadcast {min-height:auto}
    .ec-freq-aciklama {font-size:16px}
    .ec-diger-aciklama {font-size:16px}
    .ec-saatlik-liste.ec-frekans-listesi {height:auto}
    .ec-saatlik-liste.ec-diger-liste {height:auto}
    .nasil-olacak-alan-mobil-panel-heading {padding:50px 10px 0}
    .nasil-olacak-alan-mobil-panel-content {padding:0 10px 20px}
    .nasil-olacak-alan-mobil-panel-content-sag {padding:20px 10px}
    .nasil-olacak-tab-content-title h3 {padding:0 20px}
    .ec-footer-area {padding-left:0}
    .ec-footer {padding-top:5px}
    .ec-yayin-takvimi .nav-tabs > li > a {
        width:auto;
        padding:8px 5px!important;
        font-size:14px
    }
    .bildirim-dis {font-size:14px}
    .inner-datepicker {transform:translateY(0%)!important}
    .navbar-mobile-account-icon-logged {
        top:-34%;
        right:9%
    }
    header,.header-area {height:370px}
    .v7-back-btn {top:87px!important}
    .boxed {margin:0}
    .header-bar {height:80px}
    .logos-area {
        padding:6px 0 6px 10px;
        height:80px
    }
    .header-bar .eba-logo-img {width:60px}
    .header-bar .eba-logo-img img {width:60px}
    .header-bar .meb-logo-img {width:50px}
    .header-bar .meb-logo-img img {width:50px}
    .header-area.fixed-header .header-bar .eba-logo-img {width:54px}
    .header-area.fixed-header .header-bar .eba-logo-img img {width:54px}
    .header-area.fixed-header .header-bar .meb-logo-img {width:46px}
    .header-area.fixed-header .header-bar .meb-logo-img img {width:46px}
    .page-header-image {
        top:80px;
        margin-bottom:80px
    }
    .header-v7 {top:80px}
    .no_class .eba-search-home {top:70px}
    .eba-search-home .search-input input {height:56px}
    .eba-search-home .search-input a.close {
        top:17px;
        right:62px
    }
    .eba-search-text {font-size:16px}
    .eba-search-home .search-input button {
        top:4px;
        right:6px;
        width:48px;
        height:48px
    }
    .search-input .suggests {
        top:28px;
        border-radius:0 0 28px 28px
    }
    .search-input .suggests ul {margin-top:28px}
    .sub-page-header h2 {font-size:26px}
    .navbar-toggle {margin-top:18px}
    .eba-user {padding-top:21px}
    .qr-icon {right:31%}
    .user-profile-name {display:none}
    .header-bar-search {margin-top:18px}
    .eba-login-user-link i.icon-arrow-down {margin-left:10px}
    .page-content {
        border-radius:0 0 50px 50px;
        margin-bottom:540px
    }
    .main-notice-title {
        float:none;
        width:100%;
        margin-bottom:10px
    }
    .main-notice-list {padding-right:0}
    .main-slider-div,.slider-left-btn-div {margin-bottom:30px}
    .slider-row {margin-bottom:40px}
    .slider-area {height:auto}
    .slider-area-content-box {height:280px}
    .slider-area-content-box-img {height:180px}
    .slider-area-content-box h3 {
        font-size:18px;
        padding:10px 10px 5px;
        line-height:1.2
    }
    .slider-area-content-box p {
        font-size:15px;
        padding:0 10px 10px;
        line-height:1.2
    }
    .slider-left-btn {
        width:30%;
        float:left;
        margin-right:5%;
        margin-bottom:0
    }
    .slider-left-btn.apps-btn {margin-right:0!important}
    .slider-left-btn-text {display:none}
    .slider-left-btn-icon {
        display:block;
        margin-right:0
    }
    .slider-right-video-img,.slider-right-quote-img {
        width:100%;
        height:auto
    }
    .slider-right-video-div h4 {margin:20px 0}
    .slider-right-video-link h5 {
        font-size:15px;
        margin-bottom:10px
    }
    .slider-right-video-cat {font-size:12px}
    .with-yds .slider-left-btn {
        width:46%;
        margin:10px 2%
    }
    .with-yds .security-big-btn {width:96%!important}
    .main-content-list-big-img {
        width:100%;
        height:auto
    }
    .main-content-list-small a img {
        width:250px;
        height:100%
    }
    .main-content-list-small a h5 {font-size:16px}
    .quick-links-row {margin-top:20px}
    .quick-links-area {margin-bottom:0}
    .quick-links-area > div {margin-bottom:50px}
    .benefits-area h3 {font-size:24px}
    .benefits-area .nav-tabs {
        margin-right:0;
        text-align:center
    }
    .benefits-area .nav-tabs > li {
        float:none;
        width:auto;
        margin:0 15px -1px;
        display:inline-block
    }
    .benefits-area .nav-tabs > li > a {font-size:20px}
    .benefits-area .owl-carousel {margin-top:0}
    .mobile-area {margin-bottom:20px}
    .mobile-img {display:none}
    .mobile-content {
        text-align:center;
        margin-bottom:20px
    }
    .mobile-content p {
        font-size:16px;
        padding:0 10%
    }
    .go-store-btn a {margin:0 auto}
    .news-and-video-area h3 {font-size:24px}
    .news-and-video-area .nav-tabs {
        margin-right:0;
        text-align:center
    }
    .news-and-video-area .nav-tabs > li {
        float:none;
        width:auto;
        margin:0 15px -1px;
        display:inline-block
    }
    .news-and-video-area .nav-tabs > li > a {font-size:20px}
    .news-and-video-area .owl-carousel {margin-top:0}
    .other-links-area a {
        font-size:16px;
        height:44px
    }
    .footer-area .logos-area {
        text-align:center;
        height:100px
    }
    .footer-area .text-right {text-align:left}
    .eba-footer-logo .eba-footer-logo-link {margin-right:10px}
    .eba-footer-logo {
        float:none;
        width:100%
    }
    .eba-footer-menu {
        width:100%;
        float:none;
        overflow:hidden;
        margin-bottom:20px
    }
    .eba-footer-logo h4 {font-size:14px}
    .eba-footer-logo p {font-size:10px!important}
    .site-name-area {
        height:90px;
        text-align:center
    }
    .eba-footer-social {
        display:block;
        overflow:hidden;
        text-align:center;
        padding:0;
        height:90px
    }
    .eba-footer-social h4 {margin-bottom:5px}
    .eba-footer-social a {
        display:inline-block;
        font-size:26px!important;
        width:34px;
        height:34px;
        margin:0 5px
    }
    .eba-footer-social a i {font-size:inherit!important}
    .eba-footer-social a span {display:none}
    .eba-footer-mobile-app {
        display:block;
        overflow:hidden;
        text-align:center;
        padding:0;
        margin:0 5%
    }
    .footer-menu-row {margin-top:15px}
    .footer-menu-row ul {
        margin-left:0;
        margin-right:0;
        display:block
    }
    .footer-menu-row ul:first-child {
        margin-right:0;
        padding-right:0;
        border-right:0;
        margin-bottom:10px
    }
    .other-content-img {height:170px}
    .contest-appeal-list-item {margin-bottom:40px}
    .contest-appeal-list-item:hover {
        -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
        -moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
        box-shadow:inset 0 0 5px rgba(0,0,0,0.1)
    }
    .form-horizontal .control-label {margin-bottom:8px}
    .error-container {padding:50px 20px}
    .error-img img {margin-bottom:30px}
    .error-message-area {
        text-align:center;
        width:100%;
        height:200px
    }
    .error-paragraph {text-align:center}
    .error-img img {max-height:300px}
    .container.error-area {padding:0 8vw}
    .error-message-container {
        height:auto;
        display:block;
        padding:40px 0
    }
    .error-img-container {
        height:auto;
        display:block;
        padding:40px 0
    }
    .error-message-elements {margin-top:0}
    .error-img-frame img {margin-top:0}
    .eba-iga-area {padding-bottom:0!important}
    .eba-iga-area .eba-iga-notice-area a.standart-btn {
        display:block;
        width:60%;
        margin:0 auto
    }
    .eba-iga-area .eba-iga-border {
        padding-bottom:20px;
        border-bottom:1px solid #DDD
    }
    .content-code-area {text-align:center}
    .content-code-area img {margin-bottom:20px}
    .iframe-player iframe,.iframe-player #mediaplayer {height:295px!important}
    .eba-kod-page .with-sidebar-content-area {display:block}
    .eba-kod-page .right-content-area {max-width:none}
    .navbar .bootstrap-select button {height:44px}
    .content-list-slider-author {height:40px}
    .vjs-overlay-top-right {width:50px}
    .search-result-area {margin-top:20px}
    .search-word-title {margin-bottom:5px}
    .search-switch {
        position:relative;
        left:3px
    }
    .et-left {margin-bottom:5px}
    .et-table {padding:0}
    .trt-eba-header-text {
        font-size:20px;
        margin-bottom:50px
    }
    .eba500s-text-area {width:100%}
    .eba500s-image-area {width:70%}
    .dijital-tab-content {padding:30px 20px}
    .dijital-nav-tabs li a {font-size:11px}
    .main-page-search {
        width:100%;
        left:0;
        position:relative
    }
    .eba-mobil-right-container {margin-top:30px}
    .wrap-search-header input,.wrap-search-header button {font-size:30px}
    .wrap-search-header {height:90px}
    .search-main .search-input {
        margin:0 auto;
        width:80%
    }
    
}
@media (max-width: 748px) {
    .logged-levitate-section {margin-top:40px}
    .cls-btn {font-size:60px}
}
@media (max-width: 676px) {
    .search-input .suggests.active {max-height:250px}
}
@media (max-width: 638px) {
    .how-filter-list {
        display:block;
        grid-template-rows:initial
    }
    .ebada-neler-info {font-size:14px}
    .main-menu>li>a {font-size:14px}
    .logo {height:50%}
}
@media (max-width: 622px) {
    .footer-right-1st-row {font-size:14px}
    .footer-right-2nd-row a {
        font-size:10px;
        padding-right:10px
    }
    .school-links-list-container a {
        font-size:10px;
        padding-right:10px
    }
    .footer-left img {width:100px}
    .footer-right {padding-left:0}
    .school-links-list {padding-left:10px}
    .footer-list {padding-left:10px}
}
@media (max-width: 578px) {
    .search-input .suggests.active {max-height:200px}
    .suggests a {
        padding:7px 10px;
        font-size:14px
    }
    .ec-tatil-area {background-position:65% 0}
    .ec-video-carousel.ec-lesson-row {padding:10px}
    .ec-class-title {
        top:8vh;
        left:30px
    }
    .ec-class-title h2 {font-size:38px}
    .ec-class-title-area {
        height:25vh;
        margin-bottom:0
    }
    .ec-selected-video-area {
        padding-left:4vw;
        padding-right:4vw
    }
    .ec-dersin-diger-videolari {right:4vw}
    .ec-selected-video-title h2 {
        font-size:24px;
        margin-top:10px;
        margin-bottom:10px
    }
    .ec-selected-video-code .code-div {margin-bottom:10px}
    .content-cat-area {
        margin-top:5px;
        margin-bottom:5px
    }
    .content-share-area {margin:5px 0 20px}
    .ec-dersin-diger-videolari {right:5vw}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:30px;
        right:30px
    }
    .ec-video-carousel .ec-lesson-name {font-size:16px}
    .ec-video-carousel .ec-class-level {font-size:16px}
    .ec-video-carousel .item-title {
        left:34px;
        bottom:30px;
        max-height:none;
        overflow:visible
    }
    .owl-item h4 {font-size:24px}
    .il-secim,.sinif-secim {width:100%}
    .ec-gri-alan-aciklama {
        padding-top:5px;
        padding-bottom:5px;
        font-size:16px
    }
    .ec-gri-alan-aciklama p {margin-top:5px}
    .ec-eba-login-form {height:230px}
    .ec-eba-login-form-row {margin-bottom:10px}
    .ec-yayin-takvimi {padding-top:35px}
    .ders-saatleri-sonuc-alani {
        padding-top:0;
        height:390px
    }
    .ders-saatleri-sonuc-alani-2 {position:relative}
    .canli-ders-sonuc-metni {
        text-align:center;
        font-size:24px
    }
    .il-secim-aciklama {padding:0 0 10px}
    .sinif-secim-satiri {height:80px}
    .sinif-secim-baslik {
        left:50%;
        top:2px;
        font-size:16px;
        width:50px;
        margin-left:-25px
    }
    .zoom-laptop-img {display:none}
    .canli-ders-saatleri-balonu-alani {
        bottom:50px;
        right:50%;
        margin-right:-100px
    }
    .canli-ders-saatleri-balonu:after {content:none}
    .canli-ders-sonuc-metni {
        padding-top:15px;
        padding-bottom:15px
    }
    .ec-search-area .search-input input {
        height:50px;
        font-size:16px
    }
    .ec-search-area .search-input button {
        top:4px;
        right:6px;
        width:42px;
        height:42px;
        padding:0 5px
    }
    .ec-search-area .search-input a.close {
        top:14px;
        right:54px
    }
    .overlay-search-btn {width:140px}
    .ec-footer p:last-child {display:none}
    .ec-yayin-takvimi .panel-default > .panel-heading {
        padding-left:5px;
        padding-right:5px
    }
    .ec-block-title h2 .nasil.nasil-yesil {
        left:auto;
        right:0;
        top:0
    }
    .ec-block-title h2 .nasil.nasil-turuncu {
        left:auto;
        right:0
    }
    .ec-yayin-takvimi .nav-tabs > li > a img {max-width:58px}
    .ec-yayin-takvimi .nav-tabs > li.frekans-tab > a {
        padding-top:10px!important;
        padding-left:5px!important;
        padding-right:5px!important;
        font-size:13px;
        width:auto
    }
    .ec-ebaya-git-img {left:0}
    .ec-eba-login-form input {width:60%}
    .ec-eba-login-form small {
        width:60%;
        line-height:1.2;
        padding-top:3px
    }
    .ec-guvenlik-resmi-alani {left:62%}
    .ec-modal .modal-body,.ec-modal .modal-footer {
        padding-left:20px;
        padding-right:20px
    }
    .ec-modal .modal-footer p {top:0}
    .bildirim-dis {font-size:12px}
    .navbar-mobile-account-icon-logged {
        top:-37%;
        right:12%
    }
    .eba-search-area {padding-top:70px}
    .sub_pages header,.sub_pages .header-area {height:200px}
    .eba-header {position:relative}
    .page-header-image {top:80px}
    .page-header-image-margin {margin-bottom:80px}
    .header-v7 {top:80px}
    .eba-logo {width:72%}
    .sub-page-header h2 {font-size:22px}
    .eba-search-home .search-input {padding:0 5%}
    .eba-search-home .search-input input {height:50px}
    .eba-search-home .search-input button {
        top:4px;
        right:6px;
        width:42px;
        height:42px;
        padding:0 5px
    }
    .eba-search-home .search-input a.close {
        top:14px;
        right:54px
    }
    .eba-search {
        display:none;
        padding:13px 5px;
        position:absolute;
        width:100%;
        height:80px;
        margin:0;
        z-index:2;
        background-color:#FFF
    }
    .eba-search-text {font-size:12px}
    .eba-search .search-input input {
        height:50px;
        width:100%;
        font-size:18px;
        margin:0;
        padding-right:95px!important
    }
    .eba-header .search-input button {
        top:10px;
        width:45px;
        right:50px;
        border-right:1px solid #CCC;
        padding:0 7px
    }
    .eba-header .search-input button i.mdi {font-size:30px}
    .eba-search .col-xs-12 {padding:0}
    .eba-login-user-full {display:block}
    .slider-area-content-box-img {height:140px}
    .quick-links-row {
        margin-top:10px;
        margin-bottom:10px
    }
    .quick-links-text {margin-bottom:0}
    .diamond-icon-area {height:110px}
    .diamond-icon-area span.diamond {
        width:100px;
        height:100px;
        margin-left:-50px;
        top:20px
    }
    .diamond-icon-area span.quick-links-icon {
        width:60px;
        height:60px;
        margin-left:-30px;
        top:40px
    }
    .quick-links-text {padding:0 5px}
    .slider-left-btn > a {padding:10px 5px}
    .slider-left-btn span {
        font-size:16px;
        margin-right:0
    }
    .slider-left-btn-div {margin-top:30px}
    .with-yds .slider-left-btn span {
        font-size:14px;
        margin-right:0
    }
    .main-content-list-small a img {
        width:160px;
        height:100%
    }
    .main-content-list-small a h5 {font-size:14px}
    .content-author-date,.content-stats {
        float:none;
        margin-bottom:5px;
        overflow:hidden
    }
    .other-content-img {height:128px}
    .content-stats .list-inline li {float:left!important}
    .eba-iga-area .eba-iga-notice-area a.standart-btn {
        display:block;
        width:100%
    }
    .iframe-player iframe,.iframe-player #mediaplayer {height:270px!important}
    .other-links-area a {
        font-size:15px;
        height:42px;
        line-height:1.2
    }
    .et-right .owl-prev {left:20px}
    .et-right .owl-next {right:20px}
    .et-text-border {
        padding-left:25px;
        padding-right:25px
    }
    .trt-eba-banner-text-container {left:0}
    .eba500s-section {min-height:auto}
    .eba500s-text-area {padding-top:100px}
    .eba500s-text-header {font-size:35px}
    .eba500s-suggestion-area {margin:50px 0}
    .eba500s-suggestion-text {font-size:20px}
    .slider-cst-text {font-size:30px}
    .eba-mobil-header {font-size:30px}
    .eba-mobil-info {font-size:14px}
    .search-main .search-input {width:100%}
    .btn-back-to-top {
        bottom:0;
        right:15px
    }
    .wrap-search-header input,.wrap-search-header button {font-size:20px}
    .wrap-search-header button {width:40px}
    .wrap-search-header {height:80px}
    .class-btn-container {width:50%}
    .centered-cls-btn-container {width:70%}
    .caption-dots-slick1 {font-size:13px}
    .wrap-slick1-dots {bottom:25px}
    .search-main .search-input {padding:0 5%}
    .iceri-text {font-size:30px}
}
@media (max-width: 528px) {
    .live-feed-button-container {margin-top:5px!important}
    .live-feed-button-img {width:17px}
    .login-live-feed {margin-left:15px!important}
    .ec-selected-video-area {padding-top:40px}
    .trt-eba-results {padding-top:40px}
    .eba500s-footer {
        margin-top:0;
        padding-top:50px
    }
    .dijital-nav-tabs {
        display:block;
        margin-left:0
    }
    .dijital-nav-tabs li .active {background-color:inherit}
    .tab-results {padding-top:20px}
    .section-banner {margin-top:0}
    .search-section {
        height:15vh;
        padding-top:70px
    }
    .nerede-section {padding-bottom:10px}
    .ebada-neler-section {
        padding-top:10px;
        padding-bottom:20px
    }
    .logged-btn-all-contents {margin-bottom:10px}
    .logged-levitate-section {margin-top:-40px}
    .wrap-slick1 {top:0}
    .iceri-section {margin-top:0}
    .iceri-text {font-size:30px}
    .btn-all-contents {font-size:14px}
    .btn-download-video {font-size:14px}
    .slider-section {
        margin-top:50px;
        margin-bottom:50px
    }
    .login-text {
        font-size:10px;
        padding:5px
    }
    .login-btn {font-size:10px}
    .login-btn-img {width:15px}
    .mobile-logged-account {margin-right:20px}
    .header-li-third-item {text-align:right}
    .wrap-header-mobile {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex
    }
    .container-menu-desktop {display:none}
    .ebada-neler-header {
        font-size:30px;
        margin-bottom:20px
    }
    .ebada-neler-info {font-size:10px}
}
@media (max-width: 494px) {
    .other-content-img {height:100%}
    .navbar-mobile-account-icon-logged {
        top:-37%;
        right:12%
    }
}
@media (max-width: 479px) {
    .navbar-mobile-account-icon-logged {
        top:-35%;
        right:12%
    }
    .page-content {
        padding:0 0 50px;
        margin-bottom:440px
    }
    .profile-page-user-name h3 {font-size:24px}
    .iframe-player iframe,.iframe-player #mediaplayer {height:236px!important}
    .quick-links-area > div {margin-bottom:0}
    .quick-links-area {margin-bottom:20px}
    .quick-links-title {font-size:16px}
    .quick-links-text {
        padding:0;
        height:45px;
        text-shadow:none;
        color:#666;
        font-size:12px;
        line-height:1
    }
    .quick-links-button {
        width:84px;
        font-size:12px;
        padding-top:6px;
        padding-bottom:6px;
        height:auto;
        margin-bottom:10px
    }
    .mobile-area {margin-bottom:20px}
    .other-links-area a {
        font-size:12px;
        height:42px
    }
    .footer-area .logos-area {height:85px}
    .site-name-area {height:85px}
    .eba-footer-social {height:85px}
    .footer-menu-row ul li {margin:0 6px}
    .footer-menu-row {margin-top:5px}
    .footer-area .logos-area {display:none}
}
@media (max-width: 474px) {
    .search-input .suggest .active ul {margin-top:10px}
    .search-input .suggests.active {
        top:0;
        border-top-left-radius:25px;
        border-top-right-radius:25px;
        max-height:1500px
    }
    .search-input button i {font-size:1.5rem}
    .iceri-text {font-size:25px}
    .footer-right-1st-row {font-size:12px}
    .footer-right-2nd-row a {
        font-size:10px;
        padding-right:5px
    }
    .school-links-list-container a {
        font-size:10px;
        padding-right:5px
    }
    .footer-left img {width:80px}
    .footer-right {padding-left:0}
    .school-links-list {padding-left:5px}
    .footer-list {padding-left:5px}
    .slider-cst-text {font-size:25px}
    .search-main .search-input input {
        height:35px;
        font-size:14px
    }
    .search-input button {
        top:2px;
        right:2px;
        width:31px;
        height:31px;
        font-size:1rem
    }
    .search-main {margin-bottom:20px}
}
@media (max-width: 426px) {
    .search-filter-row ul li a {font-size:10px}
    .search-filter-row ul li a .badge {font-size:10px}
}
@media (max-width: 420px) {
    .iframe-player iframe,.iframe-player #mediaplayer {height:202px!important}
    .navbar-mobile-account-icon-logged {
        top:-32%;
        right:15%
    }
}
@media (max-width: 416px) {
    .footer-right-1st-row {font-size:10px}
    .footer-right-2nd-row a {
        font-size:8px;
        padding-right:5px
    }
    .school-links-list-container a {
        font-size:8px;
        padding-right:5px
    }
    .footer-left img {width:70px}
    .footer-right {padding-left:0}
    .footer-list {padding-left:5px}
    .school-links-list {padding-left:5px}
}
@media (max-width: 400px) {
    .search-main {padding:0}
    .logged-levitate-section {margin-top:-20px}
    .rounded-list-text-cutter-header {font-size:10px}
}
@media (max-width: 380px) {
    .iframe-player iframe,.iframe-player #mediaplayer {height:160px!important}
}
@media (max-width: 374px) {
    .trt-eba-info-text {font-size:10px}
    .slider-cst-text {font-size:15px}
    .iceri-text {font-size:15px}
    .search-section {background-position:70% 0}
}
@media (max-width: 359px) {
    .header-bar .eba-logo-img {
        width:50px;
        margin-right:5px
    }
    .header-bar .eba-logo-img img {width:50px}
    .header-bar .meb-logo-img {width:40px}
    .header-bar .meb-logo-img img {width:40px}
    .navbar-toggle {margin-left:5px}
    .header-bar-search {margin-right:4px}
    a.eba-login-btn {padding:7px 10px}
    .navbar-collapse {padding:10px!important}
    .nav.navbar-nav.login-menu-area > li > a {padding:7px}
}
@media (min-width: 1800px) {
    .ec-selected-video-area {
        padding-left:18vw;
        padding-right:18vw
    }
    .ec-dersin-diger-videolari {right:18vw}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:30px;
        right:30px
    }
    .ec-video-carousel .ec-lesson-name {font-size:20px}
    .ec-video-carousel .ec-class-level {font-size:20px}
    .ec-video-carousel .item-title {
        left:34px;
        bottom:30px
    }
    .owl-item h4 {font-size:26px}
}
@media (min-width: 1600px) {
    .iframe-player iframe,.iframe-player #mediaplayer {height:530px!important}
    .ec-selected-video-area {
        padding-left:16vw;
        padding-right:16vw
    }
    .ec-dersin-diger-videolari {right:16vw}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:35px;
        right:35px
    }
    .ec-video-carousel .ec-lesson-name {font-size:20px}
    .ec-video-carousel .ec-class-level {font-size:20px}
    .ec-video-carousel .item-title {
        left:39px;
        bottom:40px
    }
    .owl-item h4 {font-size:24px}
}
@media (min-width: 1400px) {
    .ec-selected-video-area {
        padding-left:14vw;
        padding-right:14vw
    }
    .ec-dersin-diger-videolari {right:14vw}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:30px;
        right:30px
    }
    .ec-video-carousel .ec-lesson-name {font-size:19px}
    .ec-video-carousel .ec-class-level {font-size:19px}
    .ec-video-carousel .ec-class-level-destek {font-size:15px}
    .ec-video-carousel .item-title {
        left:34px;
        bottom:30px;
        max-height:none;
        overflow:visible
    }
    .owl-item h4 {font-size:21px}
    .navbar {
        max-width:1440px;
        margin-left:auto;
        margin-right:auto
    }
    .iframe-player iframe,.iframe-player #mediaplayer {height:455px!important}
}
@media (min-width: 1200px) {
    .iframe-player iframe,.iframe-player #mediaplayer {height:380px!important}
}
@media (min-width: 992px) {
    .nav.navbar-nav {float:left}
    .nav.navbar-nav.login-menu-area {float:right}
    .navbar-nav > li > a.home-page-icon {
        padding-top:12px;
        padding-bottom:12px
    }
}
@media (min-width: 768px) {
    .navbar-nav > li {border-right:1px solid transparent}
    .navbar-nav > li:last-child {border-right:0}
    .navbar-nav > li > a {
        padding-top:13px;
        padding-bottom:13px
    }
    .navbar-nav .dropdown > .dropdown-menu {
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        -ms-transition:all .3s;
        -o-transition:all .3s;
        transition:all .3s;
        opacity:0
    }
    .navbar-nav .dropdown.open > .dropdown-menu {opacity:1}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ec-tatil-baslik {
        width:380px;
        right:18vw
    }
    .ec-selected-video-area {
        padding-left:10vw;
        padding-right:10vw
    }
    .ec-dersin-diger-videolari {right:10vw}
    .ec-video-carousel .ec-lesson-name-and-level {
        left:30px;
        right:30px
    }
    .ec-video-carousel .ec-lesson-name {font-size:19px}
    .ec-video-carousel .ec-class-level {font-size:19px}
    .ec-video-carousel .item-title {
        left:34px;
        bottom:30px
    }
    .owl-item h4 {font-size:21px}
    .ec-block-title h2 {
        font-size:22px;
        margin-left:-10px
    }
    .ec-canli-egitim h2 {
        padding-left:90px;
        margin-left:-10px
    }
    .ec-sss-area {top:20px}
    .ec-sss-link a img {height:40px}
    .ec-ebaya-git-alt {height:300px}
    .ec-ebaya-git-ust {height:650px}
    .ec-ebaya-git-ust-anasayfa {height:650px}
    .ec-canli-egitim h3 span {letter-spacing:-.04em}
    .navbar-mobile-account-icon-logged {
        top:-50%;
        right:13%
    }
    .slider-area,.slider-area-content-box {height:266px}
    .slider-area-content-box-img,.slider-area-content-box-img img {height:100px}
    .slider-left-btn {margin-bottom:10px}
    .slider-left-btn a {padding:8px}
    .slider-left-btn-text {margin-top:4px}
    .slider-left-btn span {font-size:18px}
    .slider-right-video-img,.slider-right-quote-img {
        width:173px;
        height:101px
    }
    .mobile-content h3 {margin-bottom:20px}
    .mobile-content p {
        font-size:17px;
        margin-bottom:25px
    }
    .mobile-img {width:45%}
    .with-yds .slider-left-btn {margin-bottom:12px}
    .with-yds .slider-left-btn a {padding:10px 8px}
    .with-yds .slider-left-btn span {font-size:15px}
    .main-content-list-big-cat {
        padding:4px;
        font-size:14px;
        min-height:22px
    }
    .main-content-list-big-img {
        width:215px;
        height:125px
    }
    .other-content-img {height:114px}
    .sidebar a.content-share-btn {padding:10px}
    .content-detail-video-list {height:354px}
    .video-list-area ol {max-height:304px}
    .user-profile-picture {
        top:-72px;
        width:144px;
        height:144px;
        margin-left:-72px
    }
    .profile-page-user-info {
        left:265px;
        width:695px
    }
    .profile-page-user-name h3 {font-size:24px}
    .user-profile-picture-change-btn {
        left:36px;
        right:36px
    }
    .iframe-player iframe,.iframe-player #mediaplayer {height:330px!important}
    .eba-kod-page .right-content-area {max-width:670px}
}
@media (min-width: 992px) and (max-width: 1080px) {
    .ec-eba-logo img {width:80px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .ec-related-item {clear:both}
    .ec-related-item-img {
        width:220px;
        float:left;
        margin-right:20px;
        margin-bottom:30px
    }
    .ec-related-item-title {vertical-align:top}
    .ec-header .navbar {right:1%!important}
    .navbar-mobile-account-icon-logged {right:17%}
    .modal-sidebar-detail-properties {display:block}
    .modal-sidebar-detail-text:before {content:''}
    .slider-row {margin-bottom:30px}
    .slider-area,.slider-area-content-box {height:205px}
    .slider-area-content-box-img {height:90px}
    .slider-area-content-box h3 {
        font-size:15px;
        padding:10px 10px 5px;
        line-height:1.2
    }
    .slider-area-content-box p {
        font-size:14px;
        padding:0 10px 10px;
        line-height:1.2
    }
    .sub-page-header h2 {font-size:32px}
    .quick-links-button {
        width:160px;
        font-size:16px
    }
    .quick-links-text {padding:0 20px}
    .diamond-icon-area {height:140px}
    .diamond-icon-area span.diamond {
        width:100px;
        height:100px;
        margin-left:-50px;
        top:20px
    }
    .diamond-icon-area span.quick-links-icon {
        width:60px;
        height:60px;
        margin-left:-30px;
        top:40px
    }
    .mobile-content {margin-bottom:20px}
    .mobile-img {width:45%}
    .mobile-content h3 {
        font-size:26px;
        margin-top:40px;
        margin-bottom:20px
    }
    .mobile-content p {
        font-size:14px;
        margin-bottom:15px
    }
    .go-store-btn a {width:150px}
    .slider-left-btn a {padding:20px 30px}
    .slider-left-btn-text {
        margin-top:20px;
        font-size:14px
    }
    .slider-right-video-img,.slider-right-quote-img {
        width:298px;
        height:174px
    }
    .slider-right-video-div h4 {margin:20px 0}
    .with-yds .slider-left-btn a {padding:22px 30px}
    .with-yds .slider-left-btn span {font-size:20px}
    .main-content-list-big-img {
        width:340px;
        height:198px
    }
    .other-content-img {height:132px}
    .error-message-area {
        display:table;
        height:240px
    }
    .big-error-message {margin-bottom:30px}
    .eba-footer-logo {padding-left:10px}
    .eba-footer-logo-link {margin-right:15px}
    .iframe-player iframe,.iframe-player #mediaplayer {height:360px!important}
    .eba-kod-page .right-content-area {max-width:740px}
}
@media (min-width: 320px) and (max-width: 420px) {
    .eba-search-v7 {margin-top:40px}
}
@media not all and (min-resolution: .001dpcm) {
    @media {
        .safari_only {padding-top:100px}
    }
}