@font-face {
    font-family: 'Trilon';
    src: url('../fonts/Trilon-Regular.otf') format('opentype'), url('../fonts/Trilon-Regular.ttf') format('truetype'), url('../fonts/Trilon-Regular.woff') format('woff'), url('../fonts/Trilon-Regular.eot');
}

@font-face {
    font-family: 'Trilon-M';
    src: url('../fonts/Trilon-Medium.otf') format('opentype'), url('../fonts/Trilon-Medium.ttf') format('truetype'), url('../fonts/Trilon-Medium.woff') format('woff'), url('../fonts/Trilon-Medium.eot') ;
}

@font-face {
    font-family: 'Trilon-B';
    src: url('../fonts/Trilon-Bold.otf') format('opentype'), url('../fonts/Trilon-Bold.ttf') format('truetype'), url('../fonts/Trilon-Bold.woff') format('woff'), url('../fonts/Trilon-Bold.eot');
}

@font-face {
    font-family: 'Trilon-L';
    src: url('../fonts/Trilon-Light.otf') format('opentype'), url('../fonts/Trilon-Light.ttf') format('truetype'), url('../fonts/Trilon-Light.woff') format('woff'), url('../fonts/Trilon-Light.eot');
}

@font-face {
    font-family: 'Trilon-MI';
    src: url('../fonts/Trilon-MediumOblique.otf') format('opentype'), url('../fonts/Trilon-MediumOblique.ttf') format('truetype'), url('../fonts/Trilon-MediumOblique.woff') format('woff'), url('../fonts/Trilon-MediumOblique.eot') ;
}

@font-face {
    font-family: 'Trilon-BI';
    src: url('../fonts/Trilon-BoldOblique.otf') format('opentype'), url('../fonts/Trilon-BoldOblique.ttf') format('truetype'), url('../fonts/Trilon-BoldOblique.woff') format('woff'), url('../fonts/Trilon-BoldOblique.eot') ;
}

@font-face {
    font-family: 'Trilon-LI';
    src: url('../fonts/Trilon-LightOblique.otf') format('opentype'), url('../fonts/Trilon-LightOblique.ttf') format('truetype'), url('../fonts/Trilon-LightOblique.woff') format('woff'), url('../fonts/Trilon-LightOblique.eot') ;
}

@font-face {
    font-family: 'Trilon-I';
    src: url('../fonts/Trilon-Oblique.otf') format('opentype'), url('../fonts/Trilon-Oblique.ttf') format('truetype'), url('../fonts/Trilon-Oblique.woff') format('woff'), url('../fonts/Trilon-Oblique.eot') ;
}

@font-face {
    font-family: 'AArabic';
    src: url('../fonts/AdobeArabic-Regular.otf') format('opentype'), url('../fonts/AdobeArabic-Regular.ttf') format('truetype'), url('../fonts/AdobeArabic-Regular.woff') format('woff'), url('../fonts/AdobeArabic-Regular.eot') ;
}

@font-face {
    font-family: 'AArabic-B';
    src: url('../fonts/AdobeArabic-Bold.otf') format('opentype'), url('../fonts/AdobeArabic-Bold.ttf') format('truetype'), url('../fonts/AdobeArabic-Bold.woff') format('woff'), url('../fonts/AdobeArabic-Bold.eot') ;
}

.arabic-r {
    font-family: "AArabic";
}

.arabic-b {
    font-family: "AArabic-B";
}

body, html {
    min-width: 1138px;
    font-family: "Trilon";
    padding: 0;
    background: url(../images/main_bg.png) repeat 0 0 #fff;
    height: 100%;
}

h1 {
    background: #a5a5a5;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: normal;
    font-size: 24px;
    position: relative;
    font-family: "Trilon-M", sans-serif;
    text-align: center;
    padding: 15px 15px 0 15px;
    text-transform: uppercase;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.custom_hr {
    background-color: #a5a5a5;
    border-width: 0;
    color: #736357;
    height: 2px;
    line-height: 0;
    /*margin:-.5em 10px 1.8571em 10px;*/
    margin: 0 auto;
    page-break-after: always;
    text-align: center;
    width: 100%;
}

.custom_hr_sec {
    background-color: #736357;
    border-width: 0;
    color: #736357;
    height: 2px;
    line-height: 0;
    /*margin:-.5em 10px 1.8571em 10px;*/
    margin: 0 auto;
    page-break-after: always;
    text-align: center;
    width: 100%;
}

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

img.desaturate:hover {
    -webkit-filter: none;
    filter: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    clear: both;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clearfx:after {
    clear: both;
    content: ".";
    visibility: hidden;
    display: block;
}

.container {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: rgba(115, 99, 87, 0.5);
    display: inline-block;
    z-index: 999;
}

header {
    background: url(../images/header.png) no-repeat center center #FBFBFB;
    height: 200px;
    margin: 0;
    position: relative;
    padding: 0;
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 0 50px rgba(0, 0, 0, 0.1) inset;
}

header:after {
    position: absolute;
    width: 80%;
    height: 40%;
    left: 10%;
    border-radius: 50%;
    z-index: -1;
    bottom: 0%;
    content: "";
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.4);
}

/*navigation*/
header .container {
    padding: 0;
    margin: 0;
}

.navbar-inverse {
    background-color: rgba(143, 128, 117, 0.5);
    min-height: 30px;
    width: 100%;
    bottom: 0;
    position: absolute;
    margin: 0;
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: rgba(57, 34, 16, 0.5)
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: rgba(57, 34, 16, 0.5)
}

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

.navbar-inverse {
    border: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-inverse .navbar-brand {
    color: #999999
}

.navbar-inverse .navbar-brand:hover {
    color: #FFFFFF
}

.navbar-inverse .navbar-nav > li > a {
    width: 150px;
    max-width: 150px;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 5px;
    font-family: 'Trilon-M';
    letter-spacing: 0.5px;
    font-kerning: normal;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase
}

/*.navbar-inverse .navbar-nav>li>a:before {height: 50px; display: block; content: "|"; color: #ccc}*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFFFFF
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFFFFF
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FFFFFF
}

.dropdown-menu {
    background: rgba(115, 99, 87, 1)
}

.dropdown-menu > li > a {
    color: #fff;
    background: rgba(115, 99, 87, 1);
    font-family: "Trilon-M";
    font-size: 16px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #736357;
    background: rgba(189, 168, 143, 1)
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #999999
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #999999
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-bottom-color: #FFFFFF
}

.dropdown-menu {
    background-color: rgba(115, 99, 87, 1);
    text-align: left;
    width: 150px;
    padding: 0;
    border-radius: 0;
    border: 0;
    top: 0;
    position: relative;
    margin: 0 auto;
    min-width: 0;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-menu > li {
    background: rgba(189, 168, 143, 1);
    position: relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display: none;
    margin-top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: #fff;
    box-shadow: none;
}

.right-caret:after {
    border-left: 5px solid #ffaf46;
}

.left-caret:after {
    border-right: 5px solid #ffaf46;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav {
        display: inline-block;
        height: 25px;
        float: none;
    }

    .navbar-inverse .navbar-collapse {
        text-align: center;
    }
}

@media (max-width: 1620px) {
    #banner-nakil {
        display: none;
    }
}

#container {
    max-width: none!important;
    width: 1148px;
    margin: 0 auto;
    z-index: 222;
    position: relative;
}

.slider-left {
    float: left;
    width: 220px;
    margin-top: 20px;
}

.main {
    float: left;
    width: 706px;
    margin: 0 10px 0 20px;
    height: 100%;
    position: relative;
}

.slider-right {
    float: left;
    width: 212px;
}

.featurebox {
    /*background: url(../images/featurebox.png) repeat 0 0;*/
    width: 706px;
    background: rgba(73, 62, 56, 1);
    padding: 20px;
    margin-bottom: 20px;
}

.golgeli {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.golgeli:before, .golgeli:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.golgeli:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.featurebox .content {
    position: relative;
    height: 390px;
}

.featurebox .left {
    float: left;
    position: relative;
    width: 390px;
    background: url("../images/main-frame.png") no-repeat 10px 10px rgba(104, 88, 77, 1);
    padding: 10px;
}

.featurebox .right {
    float: right;
    position: relative;
    width: 270px;
}

.itemsContainer {
    margin: 15px;
    float: left;
    position: relative;
    width: 340px;
    height: 218px;
    float: left;
}

.play {
    position: absolute;
    display: block;
    top: 74px;
    width: 76px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 100;
    opacity: .8;
}

.main-hr {
    border: 0;
    width: 370px;
    height: 15px;
    background: url('../images/main-hr.png') 0 0 no-repeat;
    background-size: 360px 4px;
    margin: 1em 0;
}

.itemdescription {
    width: 370px;
    height: 116px;
    padding: 5px;
    float: left;
    text-align: center;
}

h3.itemdescription-title {
    color: rgba(185, 162, 136, 1);
    font-family: "Trilon-B";
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    background: none;
    margin-top: 5px;
    padding: 5px;
    font-size: 15px;
    text-align: center;
}

.itemdescription .title {
    font-family: "Trilon-L";
    color: rgba(185, 162, 136, 1);
    display: block;
    font-size: 20px;
    line-height: 1;
    margin-left: 5px;
}

.itemdescription .talker a {
    font-family: "Trilon-MI";
    color: rgba(185, 162, 136, 1);
    /*display: block;*/
    font-size: 16px;
    margin-left: 5px;
}

.itemdescription .talker a:before {
    content: open-quote;
    font-family: "Trilon-MI";
    color: rgba(185, 162, 136, 1);
    font-size: 16px;
    margin-right: 2px;
}

.itemdescription .talker a:after {
    content: close-quote;
    font-family: "Trilon-MI";
    color: rgba(185, 162, 136, 1);
    font-size: 16px;
    margin-left: 2px;
}

.featurebox h4 {
    display: block;
    margin: 0px;
    width: 270px;
    text-transform: uppercase;
    background: rgba(185, 67, 33, 1);
    color: #fff;
    font-family: "Trilon-B";
    font-size: 24px;
    padding-top: 3px;
    font-weight: bold;
    line-height: 34px;
    height: 34px;
    text-align: center;
}

.featurebox .list {
    background: rgba(104, 88, 77, 1);
    width: 270px;
    height: 370px;
    float: left;
    padding: 10px;
}

.itemsContainer .image a img {
    display: block;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.featurebox .list .item {
    border-bottom: rgba(155, 135, 113, 1) solid 1px;
    height: 65px;
    position: relative;
    padding: 0;
    margin: 10px 10px 0;
    width: 250px;
}

.featurebox .list .item:first-child {
    margin-top: 20px;
}

.featurebox .list .item:last-child {
    border: 0;
}

.item .image {
    float: left;
    width: 100px;
    height: 56px;
    border-right: #808080 solid 2px;
    padding-right: 10px;
}

.item .play {
    top: 15px;
    left: 35px;
    right: inherit;
    width: 30px;
    height: 30px;
}

.item .play img {
    width: 30px;
    height: 30px;
}

.item .title {
    width: 146px;
    float: right;
    color: #fff;
    /*text-transform: uppercase;*/
}

.item .title a {
    color: #fff;
    font-family: "Trilon-L";
    font-size: 12px;
    display: block;
    max-height: 32px;
}

.item .talker a {
    color: rgba(186, 163, 137, 1);
    font-family: "Trilon-M";
    text-transform: uppercase;
    width: 146px;
    float: right;
}

.item .desc {
    width: 126px;
    float: right;
    color: #fff;
    padding-left: 10px;
}

.carousel-indicators {
    width: auto;
    right: 25px;
    bottom: 5px;
    margin-left: 0;
    left: inherit;
}

.carousel-indicators > li {
    background: #ccc;
}

.carousel-indicators > li.active {
    background: #D69746;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.linklist {
    margin-top: 20px;
}

.panel-title {
    padding-top: 3px;
}

.panel-duyurular, .panel-soru-cevap {
    background: rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.panel-duyurular .panel-heading {
    background: url(../images/duyuru.png) no-repeat center 0;
    padding: 0;
    height: 33px;
    text-transform: uppercase;
}

.panel-duyurular .panel-heading h3 {
    margin-left: 60px;
    font-size: 22px;
    height: 33px;
    color: #736357;
    line-height: 33px;
    font-family: "Trilon-B";
    padding-top: 5px;
}

.panel-duyurular .triangle-l {
    border-color: rgba(0, 0, 0, 0) #534741 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: -10.2px;
    position: relative;
    width: 0;
    top: 2px;
}

.panel-duyurular .triangle-r {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #534741;
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: 210.2px;
    position: relative;
    top: -19px;
    width: 0;
}

.panel-duyurular .rectangle {
    background: none repeat scroll 0 0 #736357;
    float: left;
    height: 12px;
    position: relative;
    width: 220px;
    z-index: 100;
}

.panel-duyurular .list-group {
    margin-top: -28px;
    width: 200px;
    margin-left: 10px;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    color: #8F8075;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

.panel-duyurular #duyurular li {
    height: 140px;
    font-family: "Trilon-L";
    font-size: 16px;
    overflow: hidden;
    line-height: 1.2;
    border-top: 1px solid #e5e5e5;
}

.panel-duyurular, .list-group li:first-child {
    border-top: 0;
}

.panel-duyurular, .list-group strong {
    color: #8F8075;
    /*font-weight: bold;*/
}

.panel-duyurular, .list-group .more a {
    color: #BDA88F;
    font-family: "Trilon-MI";
}

/*.list-group li:last-child{
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
}*/

.panel-soru-cevap {
    position: relative;
}

.panel-soru-cevap .panel-heading {
    background: url(../images/soru-fetva.png) no-repeat center 0;
    padding: 0;
    height: 31px;
    text-transform: uppercase;
}

.panel-soru-cevap .panel-heading-makale {
    background: url(../images/makaleler.png) no-repeat center 0;
    padding: 0;
    height: 33px;
    text-transform: uppercase;
}

.panel-soru-cevap .panel-heading h3 a, .panel-heading-makale h3 a {
    margin-left: 60px;
    font-size: 22px;
    height: 33px;
    line-height: 33px;
    color: #BDA88F;
    font-family: "Trilon-B";
    padding-top: 6px;
}

.panel-soru-cevap .triangle-l {
    border-color: rgba(0, 0, 0, 0) #534741 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 11.2px;
    height: 0;
    left: -11px;
    position: relative;
    width: 0;
}

.panel-soru-cevap .triangle-r {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #534741;
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: 207px;
    position: relative;
    top: -21px;
    width: 0;
}

.panel-soru-cevap .rectangle {
    background: none repeat scroll 0 0 #BDA88F;
    float: left;
    height: 10px;
    position: relative;
    width: 217.5px;
    z-index: 100;
}

.panel-soru-cevap .cycle-slideshow {
    margin-top: -32px;
}

.custom-cycle {
    background: #8F8075;
    margin: 0 10px;
}

.cycle-pager, .cycle-pager-2 {
    text-align: center;
    background: #8F8075;
    width: 198px;
    z-index: 500;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    margin-top: -28px;
    margin-left: 10px;
}

.cycle-pager span, .cycle-pager-2 span {
    font-family: arial;
    font-size: 30px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
    color: #fff;
}

.cycle-pager span.cycle-pager-active, .cycle-pager-2 span.cycle-pager-active {
    color: #D69746;
}

.cycle-pager > *, .cycle-pager-2 > * {
    cursor: pointer;
}

.panel-soru-cevap ul.list-group {
    background: #8F8075;
    width: 198px;
    /*margin-left: 10px;*/
    /*    -webkit-border-radius: 0px 0px 20px 20px;
        -moz-border-radius: 0px 0px 20px 20px;
        border-radius: 0px 0px 20px 20px;*/
    color: #fff;
    height: 300px
}

.panel-soru-cevap ul.extra-large {
    height: 370px;
}

.panel-soru-cevap ul.list-group .list-group-item {
    background: #8F8075;
    border-bottom: dotted 1px #fff;
}

.list-group-item {
    margin-bottom: 0;
    border: 0;
}

.panel-soru-cevap, .list-group strong {
    color: #8F8075;
    font-family: "Trilon-M";
    font-size: 18px;
}

.panel-soru-cevap a {
    font-family: "Trilon-L";
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

.panel-soru-cevap a span.title {
    display: block;
    display: -webkit-box;
    width: 168px;
    height: 50px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-soru-cevap a span.talker {
    font-family: "Trilon-MI";
    font-size: 16px;
    line-height: 1;
    color: #fff;
}

.panel-soru-cevap .list-group .more {
    color: #fff;
    font-size: 14px;
}

.panel-menu {
    width: 220px;
    position: relative;
    min-height: 400px;
    background: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.panel-menu .panel-heading {
    background: url('../images/menubox_above.png') no-repeat 0 0;
    width: 201px;
    height: 17px;
}

.panel-menu .footer {
    background: url('../images/menubox_below.png') no-repeat 0 0;
    width: 201px;
    height: 17px;
    left: 0;
    bottom: 0;
    position: absolute;
}

.panel-ilim {
    background: none;
}

.panel-ilim .panel-heading {
    background: url('../images/ilmi-header.png') no-repeat 0 0;
    width: 220px;
    height: 64px;
}

.panel-ilim .panel-heading .panel-title > a {
    display: block;
    width: 100%;
    text-align: center;
    color: rgba(186, 164, 137, 1);
    font-size: 25px;
    margin-top: 18px;
}

.panel-ilim .scroll-pane {
    background: rgba(137, 118, 106, 1);
    height: 310px;
    width: 220px;
}

.panel-ilim .scroll-pane ul.ilmidersler {
    margin: 0;
    padding: 10px;
    background: rgba(137, 118, 106, 1);
    border: 0;
    border-radius: 0;
}

.panel-ilim .footer {
    background: url('../images/ilmi-footer.png') no-repeat 0 0;
    width: 220px;
    height: 15px;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item {
    background: rgba(104, 88, 77, 1);
    width: 190px;
    height: 140px;
    padding: 10px;
    margin-top: 10px;
    border: 0;
    border-radius: 0;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item:first-child {
    margin-top: 0;
    border: 0;
    border-radius: 0;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item > a {
    display: block;
    text-align: center;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item > a span {
    color: #ffffff;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item .perspective {
    position: relative;
    margin: 0 auto;
    width: 130px;
    text-align: center;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item .perspective:before {
    content: "";
    position: absolute;
    /*z-index: -1;*/
    left: 90px;
    bottom: 2px;
    width: 30%;
    height: 20%;
    max-width: 200px;
    max-height: 50px;
    -webkit-box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item .perspective:after {
    content: "";
    position: absolute;
    /*z-index: -1;*/
    right: -90px;
    bottom: 2px;
    width: 30%;
    height: 20%;
    max-width: 200px;
    max-height: 50px;
    -webkit-box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: -90px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.panel-ilim .scroll-pane ul.ilmidersler .list-group-item .perspective img {
    z-index: 1;
    position: relative;
}

.panel-bilgi {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: none;
    border: 0;
}

.panel-bilgi .panel-heading {
    background: rgba(115, 99, 88, 1);
    width: 220px;
    border: 1px rgba(185, 185, 185, 1) solid;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 5px;
}

.panel-bilgi .panel-heading .panel-title a {
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.panel-bilgi .bilgi {
    box-shadow: inset 12px 0 15px -4px rgba(218, 218, 218, 1), inset -20px 0 8px -4px rgba(218, 218, 218, 1);
    width: 220px;
    height: 450px;
    background: #ffffff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.panel-bilgi .bilgi ul {
    margin: 0;
    padding: 0;
    background: transparent;
}

.panel-bilgi .bilgi ul .list-group-item {
    border-bottom: 1px dashed rgba(174, 160, 152, 1);
    background: transparent;
    padding: 10px 25px;
}

.panel-bilgi .bilgi ul .list-group-item:before {
    content: "• ";
    color: rgba(115, 99, 88, 1);
    position: absolute;
    top: 12px;
    left: 12px;
}

.panel-bilgi .list-group-item a {
    color: rgba(115, 99, 88, 1);
    font-size: 16px;
}

footer {
    background: url('../images/footer_bg.png') repeat 0 0;
    width: 100%;
    border-top: 10px solid rgba(157, 140, 126, 1);
    position: relative;
}

footer .inner {
    max-width: 1138px;
    margin: 0 auto;
}

.widget {
    float: left;
    width: 230px;
}

.custom-widget {
    float: left;
}

.widget h2 {
    text-transform: uppercase;
    display: table;
    background: rgba(188, 168, 144, 1);
    color: rgba(115, 99, 88, 1);
    font-family: "Trilon-M";
    font-size: 18px;
    padding: 10px 5px 5px;
    margin-bottom: 0;
}

.widget ul.dersler {
    border-left: 1px solid rgba(188, 168, 144, 1);
    margin-left: 0;
    padding: 10px 0;
    list-style-type: none;
}

.widget ul.dersler > li {
    margin-left: 5px;
    font-weight: bold;
}

.widget ul.dersler > li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: rgba(188, 168, 144, 1);
    display: inline-table;
    vertical-align: middle;
    margin-right: 5px;
}

.widget ul.dersler:after {
    content: "";
    display: block;
    height: 10px;
}

.widget ul.dersler .subcategory {
    font-weight: normal;
    color: rgba(188, 168, 144, 1);
    list-style-type: none;
    margin-left: 5px;
    padding: 0;
}

.widget ul.dersler a {
    font-weight: normal;
    color: rgba(188, 168, 144, 1);
    font-family: "Trilon-L";
    line-height: 1;
    font-size: 16px;
    text-transform: capitalize;
}

.widget ul.dersler .subcategory a {
    color: rgba(188, 168, 144, 1);
}

.widget ul.dersler .subcategory li:before {
    content: "\002D";
    width: 4px;
    height: 4px;
    line-height: 4px;
    border-radius: 0;
    display: inline-table;
    background: transparent;
    vertical-align: middle;
    margin-right: 5px;
    color: rgba(188, 168, 144, 1);
}

h2.ders-title {
    text-transform: uppercase;
    color: #4D4D4D;
    font-size: 18px;
    font-family: "Trilon-M"
}

h2.ders-title:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 13px;
    background: #4D4D4D;
    margin-right: 3px;
}

ul.dersler {
    list-style-type: none;
}

ul.dersler > li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #4D4D4D;
    display: inline-table;
    vertical-align: middle;
    margin-right: 5px;
}

ul.dersler:after {
    content: "";
    display: block;
    height: 10px;
}

ul.dersler > li {
    margin-left: -10px;
    font-weight: bold;
}

ul.dersler .subcategory {
    font-weight: normal;
    color: #bbb;
    list-style-type: none;
    margin-left: 5px;
    padding: 0;
}

ul.dersler a {
    font-weight: normal;
    color: #4D4D4D;
    font-family: "Trilon-L";
    line-height: 1;
    font-size: 16px;
}

ul.dersler .subcategory a {
    color: #bbb;
}

ul.dersler .subcategory li:before {
    content: "\002D";
    width: 4px;
    height: 4px;
    line-height: 4px;
    border-radius: 0;
    display: inline-table;
    background: transparent;
    vertical-align: middle;
    margin-right: 5px;
    color: #bbb;
}

ul.social-media {
    list-style-type: none;
    margin-left: 15%;
    margin-top: -10px;
}

ul.social-media li {
    float: left;
    width: 34px;
    height: 46px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 0px 0px 16px 16px;
    -moz-border-radius: 0px 0px 16px 16px;
    border-radius: 0px 0px 16px 16px;
    margin-right: 10px;
}

ul.social-media a {
    display: block;
    width: 34px;
    height: 30px;
    margin-top: 16px;
}

ul.social-media a.rss {
    background: url("../images/rss.png") top center no-repeat;
}

ul.social-media a.rss:hover {
    background: url("../images/rss_hover.png") top center no-repeat;
}

ul.social-media a.facebook {
    background: url("../images/facebook.png") top center no-repeat;
}

ul.social-media a.facebook:hover {
    background: url("../images/fb_hover.png") top center no-repeat;
}

ul.social-media a.google {
    background: url("../images/google.png") top center no-repeat;
}

ul.social-media a.google:hover {
    background: url("../images/google_hover.png") top center no-repeat;
}

ul.social-media a.twitter {
    background: url("../images/twitter.png") top center no-repeat;
}

ul.social-media a.twitter:hover {
    background: url("../images/twitter_hover.png") top center no-repeat;
}

ul.social-media a.youtube {
    background: url("../images/youtube.png") top center no-repeat;
}

ul.social-media a.youtube:hover {
    background: url("../images/youtube_hover.png") top center no-repeat;
}

ul.social-media a.dailymotion {
    background: url("../images/dailymotion.png") top center no-repeat;
}

ul.social-media a.dailymotion:hover {
    background: url("../images/dailymotion_hover.png") top center no-repeat;
}

ul.social-media a.instagram {
    background: url("../images/instagram.png") top center no-repeat;
}

ul.social-media a.instagram:hover {
    background: url("../images/instagram_hover.png") top center no-repeat;
}

.logo {
    position: relative;
    padding-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 168px;
    height: 95px;
}

.logo img {
    /*width: 168px;*/
    /*height: 95px;*/
}

.pagination {
    float: right;
}

.pagination > li > a {
    color: #736357;
}

.pagination > li > a:hover {
    background-color: #736357;
    color: #fff;
}

.thumbnail {
    margin-bottom: 0;
    border-radius: 0;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

}

.thumbnail-border {
    border: 1px solid #a6a6a6;
    background: #d9d9d9;
}

.thumbnail-border > a > img {
    margin: 15px auto;
}

.listview {
    width: 100%;
    height: 80px !important;
    margin-bottom: 20px;
}

.listview > .thumbnail-border {
    border: 0;
    width: 60%;
    display: inline-block;
    float: left;
    height: 60px;
}

.listview > .thumbnail-border > a > h3 {
    display: block;
    border-right: 1px solid #a6a6a6;
    font-family: "Trilon-L";
    font-weight: bold;
    font-size: 16px;
    color: #808080;
}

.gridview > .thumbnail-border > a > h3 {
    display: none;
}

.listview > .thumbnail-border > a > img {
    display: none;
}

.gridview > .thumbnail-border > a > img {
    display: block;
}

.listview .box {
    display: inline-block;
    margin: 0;
    width: 40%;
    float: left;
    border: none;
    height: 60px;
}

.listview .box span.title_ders {
    display: none;
}

.listview .box span.talker_ders a, .listview .box span.talker a {
    margin-top: 10px;
    display: block;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.gridview .box span.title_ders, .listview .box span.talker {
    display: block;
}

.col-md-4 {
    padding: 15px 15px;
    height: 285px;
}

.dy {
    height: auto;
    width: 245px;
    max-width: none!important;
    float: left;
}

.grey-border {
    border: 1px solid #a6a6a6;
}

.breadcrumb {
    margin: 20px 0 0 0;
    background: none;
    border-bottom: 1px solid rgba(153, 134, 117, 1);
    border-radius: 0;
    width: 100%;
    padding: 0;
}

.breadcrumb li {
    float: left;
}

.breadcrumb li:first-child a {

    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
}

.breadcrumb li:last-child a {

    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
}

.breadcrumb li a {
    position: relative;
    padding: 3px 10px 0;
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background-color: rgba(153, 134, 117, 1);
    font-family: "Trilon-B";
}

.breadcrumb li + li:before {
    content: none;
    padding: 0;
}

.breadcrumb li:nth-child(2) a.arrow {
    position: relative;
    padding: 3px 10px 0 20px;
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background: rgba(152, 153, 153, 1);
    font-family: "Trilon-L";
}

.breadcrumb li a.arrow {
    position: relative;
    padding: 3px 10px 0;
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background: rgba(204, 204, 204, 1);
    font-family: "Trilon-L";
    border-left: #fff solid 1px;
}

.breadcrumb li:first-child a.arrow {
    position: relative;
    padding: 3px 10px 0;
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background-color: rgba(153, 134, 117, 1);
    font-family: "Trilon-B";
}

.breadcrumb li:first-child a.arrow::after,
.breadcrumb li:first-child a.arrow::before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 15px solid;
    right: -15px;
}

.breadcrumb li:first-child a.arrow::after {
    z-index: 2;
    border-left-color: rgba(153, 134, 117, 1);
}

.breadcrumb li:first-child a.arrow::before {
    border-left-color: #fff;
    right: -1em;
    z-index: 1;
}

.subs {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin-top: -9px;
}

.subs li {
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.subs li:last-child {
    border: 0;
}

.centered {
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
}

.subs:after {
    content: " ";
    display: block;
    clear: both;
}

.subs li a {
    display: inline-block;
    font-family: "Trilon-L";
    font-weight: bold;
    font-size: 16px;
}

.subs li a.btn-default {
    background: #e5e5e5;
    color: #808080;
    border: 0;
    border-radius: 0;
}

.subs li a.btn-default:hover {
    background: #fff;
}

.box {
    background: #d9d9d9;
    padding: 10px 3px;
    margin-bottom: 20px;
    border: 1px solid #a6a6a6;
    border-top: 0;
}

span.title_ders {
    color: #808080;
    font-size: 13px;
    font-family: "Trilon-M";
    margin: 0;
    display: block;
    padding: 0 5px;
}

span.talker {
    color: #808080;
    font-size: 13px;
    font-family: "Trilon-L";
    /*display: block;*/
    margin: 0;
    padding: 0 5px;
}

span.talker_ders a {
    color: #808080;
    font-size: 13px;
    font-family: "Trilon-L";
    /*display: block;*/
    margin: 0;
    padding: 0 5px;
}

span.talker a {
    color: #808080;
    font-size: 13px;
    font-family: "Trilon-L";
    /*display: block;*/
    margin: 0;
    padding: 0 5px;
}

span.number-view {
    border-left: 1px solid #45484c;
    color: #fff;
    font-size: 11px;
    padding-left: 10px;
}

span.details {
    background: #4D4D4D;
    width: 445px;
    height: 50px;
    padding: 15px 10px;
    float: left;
    font-family: "Trilon";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

span.downloads {
    background: rgba(128, 128, 128, 1);
    height: 50px;
    padding: 14px 5px 10px 15px;
    width: 195px;
    margin: 0;
}

span.downloads i {
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #fff;
}

span.downloads i.normal {
    line-height: 10px;
    margin: 0;
}

span.downloads span.number-view {
    border-left: 1px solid #45484c;
    color: #fff;
    font-size: 11px;
    padding-left: 20px;
    width: 70px;
    text-align: center;
}

div.description p {
    color: #fff;
    line-height: 1.2;
    font-size: 16px;
    font-family: "Trilon-L";
}

span.facebook-share a {
    background: #4096ee;
    font-family: "Trilon-M";
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 212px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
}

span.twitter-share a {
    background: #3cf;
    color: #fff;
    font-size: 20px;
    font-family: "Trilon-M";
    font-weight: bold;
    width: 212px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    margin-left: -5px;
}

span.google-share a {
    background: rgba(224, 64, 6, 1);
    color: #fff;
    font-size: 20px;
    font-family: "Trilon-M";
    font-weight: bold;
    width: 218px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -5px;
}

.nav-tabs {
    border-bottom: 2px solid #d8d8d8;
    margin: 80px 10px 10px 10px;
}

.tab-content {
    margin: 0 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
    background: #d8d8d8;
    color: #808080;
    border: 1px solid rgba(229, 220, 211, 1);
    border-bottom: transparent;
}

.nav-tabs > li > a {
    background: rgba(188, 168, 144, 1);
    color: #808080;
    border: 1px solid rgba(229, 220, 211, 1);
    border-bottom: transparent;
    border-radius: 0;
    margin-right: 0;
}

section[role=detail] {
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 100%;
    position: relative
}

section[role=metin] {
    background: #fff;
    text-align: center;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    /*margin-top: -20px;*/
    padding: 20px;
    height: 100%;
    position: relative
}

.ders-liste {
    background: #dcdcdc;
    padding: 10px;
}

section[role=detail] .featurebox {
    width: 680px;
    margin: 0 auto;
}

.tab-pane {
    padding: 10px;
}

table.soru-cevap {
    margin: 20px auto;
    width: 500px;
    display: table;
}

table.soru-cevap tr {
    border-bottom: 1px solid #dbdbdb;
}

table.soru-cevap td.fetva-baslik {
    font-size: 20px;
    font-family: "Trilon-B";
    font-weight: bold;
    color: #8E8075;
    width: 100px;
    text-align: right;
    vertical-align: top;
}

table.soru-cevap td {
    font-family: "Trilon-L";
    font-size: 16px;
    color: #808080;
    text-align: justify;
    padding: 10px;
}

table.soru-cevap td.soru {
    font-family: "Trilon-M";
}

p.talker span {
    float: right;
    font-size: 22px;
    font-family: "Trilon-LI";
    color: #c1c1c1;
    margin-right: 100px;
}

p.talker:after {
    content: " ";
    display: block;
    clear: both;
    height: 10px;
}

article.makale {
    font-family: "Trilon-L";
    font-size: 16px;
    color: #808080;
    text-align: justify;
    padding: 10px;
    margin: 20px auto;
    width: 600px;
    border-bottom: 1px solid #dbdbdb;
}

p.hoca span {
    float: right;
    font-size: 22px;
    font-family: "Trilon-LI";
    color: #c1c1c1;
    margin-right: 50px;
}

p.hoca:after {
    content: " ";
    display: block;
    clear: both;
    height: 10px;
}

.makale-baslik {
    color: #736357;
    text-align: center;
    font-size: 30px;
    font-family: "Trilon-M";
    background: transparent;
    margin: 0;
    padding: 0;
    max-width: 100%;
    margin-top: 10px;
    text-transform: capitalize;
}

.duyuru-detail {
    list-style-type: none;
    font-family: "Trilon-L";
    font-size: 20px;
    color: #808080;
    text-align: left;
    margin: 20px auto;
    padding: 20px 0;
    width: 600px;
}

.duyuru-detail li:before {
    content: "-";
    font-family: "Trilon-L";
    font-size: 20px;
    color: #808080;
    display: inline-block;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

#banner-nakil {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 23px;
    z-index: 0;
}

#banner-nakil .left, #banner-nakil .right {
    width: 50%;
    height: 100%;
    float: left;
}

#banner-nakil .left > div {
    float: right !important;
}

#banner-nakil .left .pageskin {
    padding-right: 600px;
    text-align: right;
    display: block;
}

#banner-nakil .right .pageskin {
    padding-left: 600px;
    text-align: left;
    display: block;
}

.form input[type="text"], textarea {
    border: 1px solid rgba(224, 214, 203, 1);
    padding: 5px 10px;
    outline: none;
    padding: .5em;
    transition: box-shadow .2s ease-in-out;
    margin: 5px 0;
    width: 400px;
}

.form label {
    display: inline-block;
    width: 200px;
    float: left;
    text-transform: uppercase;
    padding-top: 5px;
}

.form label span {
    color: red;
}

.form input[type="text"]:hover, textarea:hover {
    box-shadow: 0 0 3px rgba(142, 128, 118, .5);
    transition: box-shadow .2s ease-in-out;
}

.form input[type='submit'] {
    background: rgba(187, 167, 143, 1);
    color: rgba(115, 99, 88, 1);
    text-transform: uppercase;
    padding: 5px 10px;
    margin-left: 300px;
    border: 0;
    outline: none;
    width: 100px;
}

.form .errorMessage {
    color: red;
    margin-left: 100px;
}

.form select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    border: 1px solid rgba(224, 214, 203, 1);
    border-radius: 2px;
    background: rgba(115, 99, 88, 1);
    color: #fff;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

.form select > option {
    background: rgba(115, 99, 88, 1);
    color: #fff;
}

.form select > option:hover {
    background: rgba(187, 167, 143, 1);
    color: rgba(115, 99, 88, 1);
}

::selection {
    background: rgba(189, 168, 143, 1);
    color: #fff;
}

::-moz-selection {
    background: rgba(189, 168, 143, 1);
    color: #fff;
}

.background {
    position: absolute;
    padding-top: 220%;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    z-index: -1;
}

.myrow {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.news_labels {
    clear: both;
    border-top: medium double #EAEAEA;
    border-bottom: medium double #EAEAEA;
    padding: 5px 0 5px 20px;
    margin: 0 0 10px 0;
    font: 700 8pt/20px "Trilon-M";
    text-align: left;
    color: rgba(188, 168, 144, 1);
}

.news_labels a {
    font: 100 8pt/20px "Trilon-LI";
    color: rgba(188, 168, 144, 1);
}

.related {
    margin: 10px auto 0 auto;
}

.copyright {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    background: url('../images/copyright_bg.png') repeat-x 0 0;
}

.search-form {
    position: absolute;
    width: 200px;
    height: 36px;
    top: 10px;
    right: 20%;
}

.search-text {
    border: 1px solid rgba(224, 214, 203, 1);
    padding: .3em;
    outline: none;
    transition: box-shadow .2s ease-in-out;
    display: inline-block;
    position: absolute;
    width: 162px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.search-text:hover {
    box-shadow: 0 0 3px rgba(142, 128, 118, .5);
    transition: box-shadow .2s ease-in-out;
}

.search-button {
    background: rgba(115, 99, 88, 1);
    color: rgba(187, 167, 143, 1);
    text-transform: uppercase;
    border: 0;
    outline: none;
    height: 30px;
    width: 40px;
    margin-left: -4px;
    display: inline-block;
    position: absolute;
    right: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.search-button em {
    font-weight: bold;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    margin-top: 6px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: rgba(137, 118, 106, 1);
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: rgba(150, 140, 133, 1);
    position: relative;
}

.bilgi .jspTrack {
    background: rgba(203, 203, 203, 1);
}

.jspDrag {
    background: rgba(68, 68, 68, 1);
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*height: 30px !important;*/
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

.nk-taccordion {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 220px;
}

.nk-taccordion li {
    width: 220px;
    background: rgba(186, 164, 137, 1);
    cursor: pointer;
    border-bottom: 1px solid #fff;
    position: relative;
}

.nk-taccordion li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 100%;
    position: absolute;
    background: rgba(137, 118, 106, 1);
}

.nk-tsubaccordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nk-taccordion li {
    cursor: pointer;
}

.nk-taccordion li .nk-tsubaccordion li {
    cursor: pointer;
    background: rgba(186, 164, 137, 1);
    border-top: 1px solid #fff;
}

.nk-taccordion li .nk-tsubaccordion li:before {
    /*content: "";*/
    /*display: inline-block;*/
    /*width: 4px;*/
    /*height: 39px;*/
    /*position: absolute;*/
    /*background: rgba(186,164,137,1);*/
    /*border-bottom: 1px solid #fff;*/
    display: none;
}

.nk-taccordion li .nk-tsubaccordion li .nk-tsubaccordion li {
    background: #ffffff;
}

.nk-taccordion li .nk-tsubaccordion li .nk-tsubaccordion li:before {
    display: none;
}

.nk-taccordion h4 {
    text-transform: uppercase;
    font-family: 'Trilon-B';
    font-size: 22px;
    display: block;
    padding: 10px;
    color: #fff;
    border-left: 1px solid #fff;
    margin: 0 0 0 4px;

}

.nk-taccordion li .nk-tsubaccordion h4 {
    font-family: 'Trilon';
    font-size: 16px;
    text-transform: uppercase;
    background: rgba(192, 192, 192, 1);
    /*height: 39px;*/
}

.nk-taccordion li .nk-tsubaccordion li .nk-tsubaccordion h4 {
    border-left: none;
    font-family: 'Trilon-L';
    font-size: 16px;
    text-transform: uppercase;
    /*height: 40px;*/
    background: rgba(234, 234, 234, 1);
    color: #fff;
}

.nk-taccordion a {
    color: #FFFFFF;
    text-transform: capitalize;
}

.nk-tsubaccordion > .nk-topen > .nk-tcontent > .nk-tsubaccordion > .nk-tclose a {
    color: #fff;
}

.nk-taccordion a i {
    float: right;
}

.nk-taccordion .nk-tcontent {
    overflow: hidden;
}

.nk-taccordion .nk-tclose > .nk-tcontent,
.nk-tsubaccordion .nk-tclose > .nk-tcontent,
.no-js .nk-taccordion .nk-tcontent {
    display: none;
}

.nk-taccordion .nk-topen > .nk-tcontent,
.nk-tsubaccordion .nk-topen > .nk-tcontent,
.no-js .nk-taccordion .nk-tcontent {
    /*height: auto;*/
    display: block;
}

.goback {
    display: inline-block;
    height: 20px;
    width: 30%;
    line-height: 20px;
    background: url('../images/gotop.png') no-repeat top left;
    padding-left: 20px;
    color: rgba(197, 197, 197, 1);
    font-family: Trilon-L;
    font-size: 12px;
    margin-top: 7px
}

ul.share-list {
    float: right;
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style-type: none;
    height: 30px;
}

ul.share-list li {
    float: left;
    width: 34px;
    border: 1px solid rgba(197, 197, 197, 1);
}

ul.share-list li a {
    display: block;
    width: 34px;
    height: 27px;
    margin-top: 3px;
}

ul.share-list a.facebook {
    background: url("../images/facebook-p.png") top center no-repeat;
}

ul.share-list a.google {
    background: url("../images/google-p.png") top center no-repeat;
}

ul.share-list a.twitter {
    background: url("../images/twitter-p.png") top center no-repeat;
}

ul.share-list li:first-child {
    background: rgba(197, 197, 197, 1);
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px;
    font-size: 13px;
    width: auto;
    height: 32px;
}

.share-box {
    display: block;
    position: relative;
    height: 32px;
}

.verifyCode {
    text-align: right !important;
}

.switcher {
    color: #808080;
}