haber7.com.css

@font-face {
    font-family: 'Brandon Grotesque Black';
    src: url('../fonts/brandon/brandon-black.eot');
 /* IE9 Compat Modes */
    src: url('../fonts/brandon/brandon-black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/brandon/brandon-black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/brandon/brandon-black.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/brandon/brandon-black.svg#31abb7704a87130091ce57face358af8') format('svg');
 /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'FreightText Pro Black';
    src: url('../fonts/freight/freight-text-pro-black-italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/freight/freight-text-pro-black-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/freight/freight-text-pro-black-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/freight/freight-text-pro-black-italic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/freight/freight-text-pro-black-italic.svg#494afc30a77d55d1235e873a41e53e4a') format('svg'); /* Legacy iOS */

    font-weight:  400;
}

@font-face {
    font-family: 'FreightText Pro Bold';
    src: url('../fonts/freight/freight-text-pro-bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/freight/freight-text-pro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/freight/freight-text-pro-bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/freight/freight-text-pro-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/freight/freight-text-pro-bold.svg#2d47676828a72ef468efe3a042ec24f6') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  400;
}

@font-face {
    font-family: 'FreightText Pro Book';
    src: url('../fonts/freight/freight-text-pro-book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/freight/freight-text-pro-book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/freight/freight-text-pro-book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/freight/freight-text-pro-book.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/freight/freight-text-pro-book.svg#567fec1ea62e7808c5a092cb9f4bb8eb') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  400;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon/icomoon.eot?31o8cv');
    src: url('../fonts/icomoon/icomoon.eot?31o8cv#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?31o8cv') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?31o8cv') format('woff'),
    url('../fonts/icomoon/icomoon.svg?31o8cv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "UTF-8";/*!
    Project Name  : Haber7.com
    Description   : Haber7 & Sub Sites.
    Development   : Haber7 Dev Team.
    Tested        : Chrome, Firefox, Safari, Opera, IE9+
    Version       : 1.0
*/a,mark {
    color: #000
}

hr,img,legend {
    border: 0
}

.bx-pager,.bx-wrapper .bx-controls-auto {
    text-align: center
}

.days-news ul li .news .title,.sticky-header .breadcrumb .title,.text-overflow {
    white-space: nowrap;
    text-overflow: ellipsis
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    -webkit-transition: color 250ms linear;
    transition: color 250ms linear;
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,optgroup,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0
}

mark {
    background: #ff0
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

pre,textarea {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],input[type=radio] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend,td,th,ul {
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,:after,:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus,a:hover {
    color: #da2128
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

figure {
    margin: 0
}

[role=button] {
    cursor: pointer
}

ul {
    margin: 0;
    list-style: none
}

.hide {
    display: none!important
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}

.bx-wrapper img {
    max-width: none!important;
    display: block
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.bx-pager,.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    background: url(../images/bx_loader.gif) center center no-repeat;
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-pager {
    font-size: .85em;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.bx-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-pager a.active,.bx-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-prev:before {
    content: "\e900"
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-next:before {
    content: "\e901"
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a:before {
    font-family: icomoon;
    font-size: 36px;
    color: rgba(255,255,255,.6)
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto .bx-pager {
    text-align: left;
    width: 80%
}

.rd-container,.rd-day-body,.text-center {
    text-align: center
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-size: .85em;
    padding: 10px
}

.rd-container {
    display: none;
    padding: 10px;
    z-index: 2;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-top: -1px
}

.rd-container-attachment {
    position: absolute
}

.rd-month {
    display: inline-block;
    margin-right: 25px
}

.rd-month:last-child {
    margin-right: 0
}

.rd-month-label {
    margin-bottom: 8px;
    padding-bottom: 4px;
    font-weight: 600;
    border-bottom: 2px solid #EAEAEA
}

.rd-back,.rd-next {
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-family: icomoon
}

.rd-back[disabled],.rd-next[disabled] {
    cursor: default
}

.rd-back {
    float: left
}

.rd-next {
    float: right
}

.rd-back:before {
    display: block;
    content: '\e110'
}

.rd-next:before {
    display: block;
    content: '\e111'
}

.rd-day-body {
    cursor: pointer;
    padding: 5px 7px
}

.rd-day-selected,.rd-time-option:hover,.rd-time-selected {
    cursor: pointer;
    background-color: #333;
    color: #fff
}

.rd-day-next-month,.rd-day-prev-month {
    color: #999
}

.rd-day-disabled {
    cursor: default;
    color: #fcc
}

.rd-time {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    min-width: 80px
}

.rd-time-list {
    display: none;
    position: absolute;
    overflow-y: scroll;
    max-height: 160px;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #333
}

.rd-time-option,.rd-time-selected {
    padding: 5px
}

.p,.pb {
    padding-bottom: 30px
}

.rd-day-concealed {
    visibility: hidden
}

.rd-day-head th {
    padding-top: 4px
}

.p,.pt {
    padding-top: 30px
}

body,html {
    margin: 0
}

.m,.mt {
    margin-top: 30px
}

.m,.mb {
    margin-bottom: 30px
}

body {
    background-color: #f9f9f9;
    font-size: 14px;
    color: #333;
    font-family: sans-serif;
    line-height: 1.42857143em;
    min-width: 990px;
    overflow-x: hidden;
    cursor: default;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.pl {
    padding-left: 30px
}

.pr {
    padding-right: 30px
}

.ml {
    margin-left: 30px
}

.mr {
    margin-right: 30px
}

.container,.container-fluid {
    margin-right: auto;
    margin-left: auto
}

.inline {
    display: inline-block
}

.hidden-lg {
    display: none!important
}

.hidden-md {
    display: block!important
}

.no-padding {
    padding: 0!important
}

.no-border {
    border: 0!important
}

.inline-block {
    display: inline-block
}

.text-light {
    font-weight: 300
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.text-overflow {
    overflow: hidden
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-facebook:before {
    content: "\e909"
}

.icon-font-size:before {
    content: "\e908"
}

.icon-mosque:before {
    content: "\e902"
}

.icon-heart:before {
    content: "\e907"
}

.icon-sun:before {
    content: "\e903"
}

.icon-thin-left:before {
    content: "\e900"
}

.icon-thin-right:before {
    content: "\e901"
}

.icon-more:before {
    content: "\e904"
}

.icon-camera:before {
    content: "\e905"
}

.icon-video:before {
    content: "\e906"
}

.icon-google:before {
    content: "\e90a"
}

.icon-twitter:before {
    content: "\e90b"
}

.icon-play_circle_outline:before {
    content: "\e01d"
}

.icon-video_collection:before {
    content: "\e02d"
}

.icon-arrow-down:before {
    content: "\e10f"
}

.icon-arrow-left:before {
    content: "\e110"
}

.icon-arrow-right:before {
    content: "\e111"
}

.icon-arrow-up:before {
    content: "\e112"
}

.icon-close:before {
    content: "\e209"
}

.icon-menu:before {
    content: "\e20e"
}

.icon-print:before {
    content: "\e2c1"
}

.icon-search:before {
    content: "\e2ca"
}

.container {
    position: relative;
    width: 1170px
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before {
    content: " ";
    display: table
}

.clearfix:after,.container-fluid:after,.container:after,.row:after {
    clear: both
}

.page-header {
    border-top: 9px solid #ededed;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 15px #ddd;
    box-shadow: 1px 1px 15px #ddd
}

.page-header .container {
    padding: 0
}

.page-header #top-bar {
    height: 100px;
    padding: 0 15px;
    border-bottom: 1px solid #f0f0f0
}

.page-header #top-bar #custom-menu {
    position: relative;
    z-index: 99999
}

.page-header #top-bar #custom-menu .icon {
    width: 25px;
    height: 25px;
    margin: 40px 0 0;
    cursor: pointer
}

.page-header #top-bar #custom-menu .icon:before {
    content: "\e20e";
    font-family: icomoon;
    font-size: 25px
}

.page-header #top-bar #custom-menu .icon span {
    position: relative;
    z-index: 0;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    display: block;
    height: 2px;
    background-color: #000
}

.page-header #top-bar #custom-menu .icon span:nth-child(2) {
    margin: 2px 0;
    left: 0;
    -webkit-transition: left .2s linear;
    transition: left .2s linear
}

.page-header #top-bar #custom-menu .content {
    display: none;
    font-weight: 300;
    font-size: 13px;
    position: absolute
}

.page-header #top-bar #custom-menu .content ul {
    position: relative;
    top: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    width: 475px
}

.hbox .content,.recommended-news {
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.page-header #top-bar #custom-menu .content ul li {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    border-left: 3px solid transparent;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear
}

.page-header #top-bar #custom-menu .content ul li a {
    display: inline-block;
    width: 33%;
    padding: 10px 0;
    color: #000
}

.page-header #top-bar #custom-menu .content ul li a:hover {
    color: #DA2128
}

.page-header #top-bar #custom-menu .content ul li a:first-child {
    font-weight: 500;
    font-size: 14px;
    color: rgba(0,0,0,.8)
}

.page-header #top-bar #custom-menu .content ul li:last-child {
    border-bottom: 0
}

.page-header #top-bar #custom-menu .content ul li:hover {
    background-color: #f4f4f4;
    border-left: 3px solid #DA2128
}

.page-header #top-bar #custom-menu .content ul li:hover a:first-child {
    color: #DA2128
}

.page-header #top-bar #custom-menu.active .icon:before {
    content: "\e209";
    color: #DA2128
}

.page-header #top-bar #custom-menu.active .content {
    display: inline-block
}

.page-header #top-bar #logo {
    margin: 23px 0 0;
    text-align: center
}

.page-header #top-bar #logo a {
    display: inline-block
}

.page-header #top-bar #logo a img {
    height: 55px
}

.page-header #top-bar #top-widgets {
    text-align: right
}

.page-header #top-bar #top-widgets>ul {
    display: inline-block;
    margin: 40px 0 0;
    font-family: 'Brandon Grotesque Black';
    font-size: 14px;
    color: rgba(0,0,0,.8)
}

.page-header #top-bar #top-widgets>ul>li {
    float: left;
    border-right: 1px solid rgba(0,0,0,.1);
    padding: 0 15px;
    position: relative
}

.page-header #top-bar #top-widgets>ul>li span {
    display: inline-block
}

.page-header #top-bar #top-widgets>ul>li .icon {
    margin: 0 10px 0 0;
    float: left;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: rgba(0,0,0,.8);
    position: relative
}

.page-header #top-bar #top-widgets>ul>li.search {
    cursor: pointer
}

.page-header #top-bar #top-widgets>ul>li.search .area {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    padding: 0;
    position: absolute;
    right: 30px;
    width: 90px;
    font-size: 13px;
    text-align: left;
    font-family: 'FreightText Pro Book';
    line-height: initial;
    color: rgba(0,0,0,.3)
}

.page-header #top-bar #top-widgets>ul>li.search .icon {
    font-size: 20px;
    top: -2px;
    margin-right: 0
}

.page-header #top-bar #top-widgets>ul>li.search:hover .area {
    opacity: 1
}

.page-header #top-bar #top-widgets>ul>li.prayer .icon {
    color: #29aae3
}

.page-header #top-bar #top-widgets>ul>li.prayer .when {
    margin: 0 10px 0 0;
    color: rgba(0,0,0,.5)
}

.page-header #top-bar #top-widgets>ul>li.prayer:hover .hbox {
    display: block
}

.page-header #top-bar #top-widgets>ul>li.weather .icon {
    color: #ffc100;
    top: 2px
}

.page-header #top-bar #top-widgets>ul>li:first-child {
    padding-left: 0
}

.page-header #top-bar #top-widgets>ul>li:last-child {
    padding-right: 0;
    border-right: 0
}

.page-header #top-bar #top-widgets>ul>li .hbox {
    width: 215px;
    display: none
}

.page-header #top-bar #top-widgets>ul>li .hbox .content {
    position: relative;
    top: 15px;
    padding-bottom: 35px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city {
    width: 82%;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    z-index: 99;
    background-color: #fff
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city .zelect .zelected:after {
    font-family: icomoon;
    content: "\e10f";
    font-size: 20px;
    position: absolute;
    top: -1px;
    margin-left: 5px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city .zelect.open .zelected:after {
    content: "\e112"
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city .zelect.open .dropdown {
    height: 155px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city input {
    font-family: sans-serif;
    width: 100%;
    font-weight: 300;
    margin: 3px 0;
    padding: 3px 5px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city ol {
    font-family: sans-serif;
    background-color: #fff;
    width: 100%;
    position: absolute;
    z-index: 99;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 120px;
    overflow-y: scroll
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city ol li {
    font-weight: 300
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city .name {
    color: rgba(0,0,0,.8)
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .city .change {
    color: rgba(0,0,0,.6);
    float: right
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .times {
    display: inline-block;
    position: relative;
    top: 25px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .times li {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    -webkit-transition: color 350ms linear;
    transition: color 350ms linear;
    color: rgba(0,0,0,.4)
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .times li span {
    display: inline-block;
    width: 50%;
    float: left;
    position: relative;
    top: 5px
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .times li .time {
    text-align: right
}

.page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover {
    color: #DA2128
}

.page-header #top-bar #top-widgets .sponsored {
    position: relative;
    top: 36px;
    float: right;
    margin: 0 0 0 15px
}

.page-header #top-bar #top-widgets .sponsored a img {
    height: 25px
}

.page-header #menu {
    min-height: 50px
}

.page-header #menu ul {
    text-align: center
}

.page-header #menu ul li {
    display: inline-block;
    margin: 0 5px
}

.page-header #menu ul li a {
    display: block;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 5px
}

.page-header #menu ul li a:hover {
    color: #DA2128
}

.page-header #menu ul li:first-child {
    margin-left: 0
}

.page-header #menu ul li:first-child a {
    padding-left: 0
}

.page-header #menu ul li:last-child {
    margin-right: 0
}

.page-header #menu ul li:last-child a {
    padding-right: 0
}

.page-header #menu ul li.sub {
    position: relative
}

.page-header #menu ul li.sub .hbox {
    display: none;
    width: auto;
    left: -24px
}

.page-header #menu ul li.sub .hbox .content {
    padding: 0
}

.page-header #menu ul li.sub .hbox .content ul {
    z-index: 99999
}

.page-header #menu ul li.sub .hbox .content ul li {
    margin: initial;
    float: none;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    text-align: center
}

.page-header #menu ul li.sub .hbox .content ul li a {
    display: block;
    padding: 10px 20px
}

.page-header #menu ul li.sub:hover .hbox {
    display: block
}

.page-header #breaking-news {
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    background-color: #f8f8f8;
    -webkit-animation-name: breaking-news;
    animation-name: breaking-news;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.page-header #breaking-news .title {
    margin-right: 10px;
    font-family: 'Brandon Grotesque Black';
    font-size: 23px;
    line-height: 40px;
    float: left;
    color: #DA2128
}

.page-header #breaking-news ul li a {
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    line-height: 40px;
    color: #333;
    font-weight: 600;
    display: block
}

@-webkit-keyframes breaking-news {
    0%,100% {
        background-color: #F9F5D6
    }

    50% {
        background-color: #fdf300
    }
}

@keyframes breaking-news {
    0%,100% {
        background-color: #F9F5D6
    }

    50% {
        background-color: #fdf300
    }
}

.page-header.classic #top-bar {
    height: 75px
}

.page-header.classic #top-bar #logo {
    margin-top: 23px;
    float: left
}

.page-header.classic #top-bar #logo img {
    height: 28px
}

.page-header.classic #top-bar #top-widgets>ul {
    margin-top: 30px
}

.page-header.classic #top-bar #top-widgets .sponsored {
    top: 25px
}

.page-header.classic #menu {
    position: relative;
    top: 14px;
    left: 54px;
    float: left
}

.halkbank-yuzliram {
    float: left;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    overflow: hidden
}

.halkbank-yuzliram iframe {
    width: 750px;
    height: inherit
}

@media (max-width:1400px) {
    .halkbank-yuzliram iframe {
        margin-left: -60px
    }
}

.page-footer {
    background-color: #2b2d2e;
    padding: 60px 0 40px;
    position: relative;
    z-index: 999
}

.page-footer .container {
    background-color: transparent
}

.page-footer .footer-logos a {
    text-indent: -99999px;
    background-image: url(../images/our-brands-footer.png);
    background-repeat: no-repeat;
    opacity: .7;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.page-footer .footer-logos a:hover {
    opacity: 1
}

.page-footer .logo {
    margin: 70px 0 0
}

.page-footer .logo a {
    width: 204px;
    height: 44px;
    display: inline-block;
    background-position: 0 -46px
}

.page-footer .logo a img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.page-footer .logo a img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.page-footer .links h3 {
    color: #e0e0e0;
    font-size: 16px;
    margin: 0 0 10px
}

.page-footer .links ul li {
    padding: 3px 0
}

.page-footer .links ul li a {
    color: rgba(255,255,255,.4)
}

.page-footer .links ul li a:hover {
    color: rgba(255,255,255,.8)
}

.page-footer .our-brands {
    clear: both;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #414243;
    margin: 40px 0 0;
    padding: 40px 0 0;
    text-align: center
}

.page-footer .our-brands ul {
    display: inline-block
}

.page-footer .our-brands ul li {
    float: left;
    margin: 0 20px
}

.page-footer .our-brands ul li a {
    display: inline-block;
    height: 42px
}

.ads,.ads.square {
    display: block!important
}

.page-footer .our-brands ul li.kanal7 a {
    width: 49px;
    background-position: 0 0
}

.page-footer .our-brands ul li.radyo7 a {
    width: 50px;
    background-position: -49px 0
}

.page-footer .our-brands ul li.avrupa7 a {
    width: 39px;
    background-position: -99px 0
}

.page-footer .our-brands ul li.ulke-haber a {
    width: 71px;
    background-position: -138px 0
}

.page-footer .our-brands ul li.ulke a {
    width: 63px;
    background-position: -209px 0
}

.ads {
    background-color: #ededed
}

.ads.square {
    min-width: 300px;
    min-height: 250px;
    height: 310px;
    padding: 30px
}

.ads.square img {
    width: 300px;
    height: 250px
}

.ads.tower {
    height: 660px;
    padding: 30px
}

.ads.vertical {
    height: 600px
}

.ads.horizontal-728,.ads.horizontal-970 {
    height: 90px;
    margin: 30px auto;
    clear: both
}

.ads.horizontal-970 {
    width: 970px
}

.ads.horizontal-728 {
    width: 728px
}

.ads.home-horizontal {
    height: 109px;
    clear: both;
    padding: 9px 11px
}

.ads.page-skin {
    display: block;
    position: absolute;
    z-index: -1;
    width: 480px;
    height: 1000px;
    top: 30px;
    background-color: transparent
}

.ads.page-skin.left {
    left: -480px
}

.ads.page-skin.left .fixed {
    text-align: right
}

.ads.page-skin.right {
    right: -480px
}

.ads.page-skin.right .fixed {
    text-align: left
}

.ads.page-skin .fixed {
    width: inherit;
    display: block!important;
    position: fixed;
    background-color: #8d4577
}

.ads-z-index {
    z-index: 100
}

.middle-engageya-responsive {
    position: relative;
    width: 100%;
    height: 804px
}

div[id^=dfp-] {
    text-align: center
}

.news {
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.news .picture {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0;
    overflow: hidden
}

.news .picture img {
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.news .content .info {
    font-size: 11px;
    font-family: 'Brandon Grotesque Black';
    text-transform: uppercase
}

.news .content .info .category {
    font-size: 12px;
    margin: 0 5px 0 0;
    color: #4591b7;
    display: inline-block
}

.news .content .info .time {
    display: inline-block;
    font-weight: 400;
    color: rgba(0,0,0,.5)
}

.more-button,.news .content .title {
    font-weight: 700
}

.news.full-width .picture {
    width: 100%;
    position: absolute;
    z-index: 0;
    text-align: center
}

.news.full-width .picture img {
    width: auto;
    height: 100%;
    position: relative;
    left: 50%;
    margin-left: -100%
}

.news.full-width .picture:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: background .4s linear;
    transition: background .4s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(56%,transparent),color-stop(99%,rgba(0,0,0,.82)),to(rgba(0,0,0,.84)));
    background: -webkit-linear-gradient(top,transparent 0,transparent 56%,rgba(0,0,0,.82) 99%,rgba(0,0,0,.84) 100%);
    background: linear-gradient(to bottom,transparent 0,transparent 56%,rgba(0,0,0,.82) 99%,rgba(0,0,0,.84) 100%)
}

.news.full-width .picture-top-headline:before {
    height: 243px
}

.news.full-width .content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1
}

.news.full-width .content .info .time {
    color: rgba(255,255,255,.8)
}

.news.full-width .content .title {
    font-size: 16px;
    color: #fff
}

.news-box.local .news-area li .news .content .title,.news-box.local h3 {
    color: #000
}

.news.full-width:hover .picture img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news.block .picture {
    margin: 0 0 15px
}

.news.block .picture img {
    width: 100%;
    height: 150px
}

.news.block:hover .picture:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),color-stop(70%,rgba(0,0,0,.1)),to(rgba(0,0,0,.8)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 70%,rgba(0,0,0,.8) 100%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 70%,rgba(0,0,0,.8) 100%)
}

.news-box {
    height: 500px;
    position: relative;
    padding: 30px 20px 0;
    -webkit-transition: all 185ms linear;
    transition: all 185ms linear;
    background-size: cover;
    background-position: 50% 50%
}

.news-box:after,.news-box:before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0
}

.news-box:before {
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6)
}

.news-box:after {
    top: 19px;
    width: 3px;
    height: 36px;
    background-color: #32b3ea
}

.news-box.local {
    color: #000;
    height: 457px
}

.news-box.local:before {
    background-color: #f2f2f2
}

.news-box.local .news-area li {
    border-bottom: initial
}

.news-box.local .news-area li .news {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.news-box.local .news-area li:last-child .news {
    border-bottom: 0
}

.news-box.local .more {
    bottom: -3px;
    background-color: #32b3ea
}

.news-box.local .more a:after {
    color: #fff
}

.news-box h3 {
    font-family: 'FreightText Pro Black';
    font-size: 30px;
    position: relative;
    z-index: 1;
    color: #fff
}

.news-box .news-area {
    margin: 40px 0 0;
    position: relative;
    z-index: 1;
    font-family: 'FreightText Pro Bold';
    font-size: 20px
}

.news-box .news-area ul li {
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 10px 0;
    height: 80px;
    line-height: 1.1em
}

.news-box .news-area ul li .news .content .title {
    color: #f7f7f7
}

.news-box .news-area ul li .news .content .title span {
    display: none;
    font-family: sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    padding: 0 5px
}

.news-box .news-area ul li .news .content .publisher {
    font-family: 'Brandon Grotesque Black';
    font-size: 12px
}

.news-box .news-area ul li:first-child {
    height: 105px;
    font-size: 28px;
    border-bottom-color: transparent
}

.news-box .news-area ul li:first-child .publisher {
    margin: -10px 0 0
}

.news-box .news-area ul li:last-child {
    border-bottom-color: transparent
}

.news-box .more {
    font-family: 'FreightText Pro Black';
    font-size: 16px;
    line-height: 43px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 43px;
    background-color: rgba(0,0,0,.3);
    left: 0;
    text-align: right
}

.news-box .more a {
    display: block;
    padding: 0 15px 0 0;
    color: #f7f7f7
}

.news-box .more a:after {
    content: '\e904';
    font-family: icomoon;
    font-size: 15px;
    color: #32b3ea;
    position: relative;
    top: 3px;
    left: 4px
}

.sub-page-box {
    height: 460px
}

.hbox {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 999
}

.hbox .content {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    padding: 20px;
    width: 100%;
    text-align: left
}

.recommended-news {
    display: none;
    position: absolute;
    z-index: 120;
    right: 20px;
    bottom: 30px;
    width: 360px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.recommended-news .picture {
    width: 143px;
    height: 100px
}

.recommended-news .picture img {
    width: 100%;
    height: auto
}

.recommended-news h4 {
    font-family: 'Brandon Grotesque Black';
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,.8)
}

.recommended-news ul li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 30px 0
}

.recommended-news ul li .news .picture img {
    width: auto;
    height: auto
}

.recommended-news ul li:last-child {
    border-bottom: 0
}

.recommended-news.fixed {
    position: fixed
}

.notification-box {
    display: none;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    width: 330px;
    height: 135px;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.notification-box h4 {
    display: block;
    float: left;
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 14px;
    border-bottom: solid 1px #f9f9f9
}

.notification-box ul li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0 0
}

.notification-box ul li .picture {
    display: block;
    float: left;
    width: 72px;
    height: 72px
}

.notification-box ul li .picture img {
    width: 100%;
    height: auto
}

.notification-box ul li:last-child {
    border-bottom: 0
}

.notification-box ul li .content {
    display: block;
    float: left;
    width: 220px
}

.notification-box ul li .content span {
    display: block;
    float: left;
    width: 200px;
    margin: 0 0 10px 20px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 15px
}

.notification-box ul li .content a {
    display: inline-block;
    margin-left: 20px;
    width: 70px;
    height: auto;
    padding: 5px;
    background-color: #333;
    color: #fefefe;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px
}

.notification-box ul li .content a.active {
    background-color: #DA2128;
    color: #fff
}

.notification-box ul li .site-url {
    display: none;
    float: left;
    margin: 10px auto auto 50px;
    font-size: 12px
}

.notification-box ul li .site-url:hover {
    text-decoration: underline
}

.prev-next-news {
    position: relative;
    z-index: 999
}

.prev-next-news .icon {
    display: inline-block;
    padding: 36px 15px;
    border: 1px solid rgba(0,0,0,.1);
    font-size: 26px;
    position: relative;
    background-color: #fff;
    z-index: 0
}

.prev-next-news .news {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    padding: 10px;
    width: 300px;
    position: relative;
    z-index: 9999
}

.prev-next-news .news .picture {
    width: 80px;
    height: 80px
}

.prev-next-news .news .picture img {
    width: auto;
    height: 100%
}

.prev-next-news .next,.prev-next-news .prev {
    position: fixed;
    top: 30%;
    z-index: 99
}

.prev-next-news .prev {
    left: -301px
}

.prev-next-news .prev .icon {
    float: right;
    left: 0;
    -webkit-transition: left .9s;
    transition: left .9s
}

.prev-next-news .prev .news {
    left: 0;
    -webkit-transition: left .7s;
    transition: left .7s
}

.prev-next-news .prev:hover .icon {
    left: -58px
}

.prev-next-news .prev:hover .news {
    left: 300px
}

.prev-next-news .next {
    right: -301px
}

.prev-next-news .next .icon {
    float: left;
    right: 0;
    -webkit-transition: right .9s;
    transition: right .9s
}

.prev-next-news .next .news {
    left: 0;
    -webkit-transition: left .7s;
    transition: left .7s
}

.prev-next-news .next:hover .icon {
    right: -58px
}

.prev-next-news .next:hover .news {
    left: -300px
}

.social {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 30px 0 0
}

.social ul li {
    width: 75px;
    height: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin: 0 10px 0 0;
    background: url(../images/social.png);
    padding: 5px 0 0 7px
}

.social ul li.like {
    background-color: #425db0;
    background-position: 0 0
}

.social ul li.tweet {
    background-color: #0693e3;
    background-position: -75px 0;
    padding-left: 2px
}

.social ul li.share {
    background-color: #425db0;
    background-position: -150px 0
}

.social ul li.gplus {
    width: 42px;
    background-color: #f0f0f0;
    background-position: -226px 0
}

.sticky-header {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    min-width: 960px;
    padding: 15px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    font-family: 'Brandon Grotesque Black';
    font-size: 13px
}

.sticky-header .left {
    z-index: 10;
    position: relative;
    float: left
}

.sticky-header .left .logo img {
    height: 30px;
    margin: 0 10px 0 0
}

.sticky-header .breadcrumb {
    z-index: 1;
    position: relative;
    top: 4px;
    padding: 0 0 0 15px
}

.sticky-header .breadcrumb .category {
    color: rgba(0,0,0,.8);
    margin: 0 10px 0 0;
    text-transform: uppercase
}

.sticky-header .breadcrumb .title {
    color: rgba(0,0,0,.5);
    overflow: hidden;
    text-transform: uppercase
}

.sticky-header .options {
    float: right;
    position: relative;
    z-index: 10;
    top: -25px;
    width: 300px
}

.sticky-header .options .font-size {
    float: left;
    font-size: 25px;
    margin: 3px 20px 0 0;
    cursor: pointer
}

.sticky-header .options .social {
    clear: none;
    margin: 0;
    display: block;
    width: auto
}

.search-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.85)
}

.search-modal .close,.text-list {
    display: inline-block
}

.search-modal .close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

.search-modal .form {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.search-modal .form .search input {
    font-family: 'FreightText Pro Black';
    color: #fff;
    width: 100%;
    border: 0;
    font-size: 30px;
    line-height: 42px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-right: 55px
}

.search-modal .form .search button {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 35px;
    border: 0;
    background-color: transparent;
    color: #fff
}

.search-modal .form .search button:hover {
    color: #DA2128
}

.search-modal .form .tags {
    font-family: sans-serif;
    padding: 20px 0
}

.search-modal .form .tags a {
    color: #fff;
    font-size: 16px;
    margin: 0 10px 0 0;
    -webkit-transition: color 150ms linear;
    transition: color 150ms linear
}

.search-modal .form .tags a:hover {
    color: #DA2128
}

.text-list ul li {
    border-top: 3px solid #000;
    padding: 15px 0 0;
    float: left;
    width: 46%
}

.text-list ul li:first-child {
    margin: 0 4% 0 0
}

.text-list ul li:last-child {
    margin: 0 0 0 4%
}

.more-button {
    clear: both;
    display: block;
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.56);
    padding: 10px;
    width: 50%;
    margin: 40px auto;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.more-button:hover {
    background-color: rgba(0,0,0,.4);
    color: rgba(255,255,255,.9)!important
}

.bg-gray {
    background-color: #fdfdfd;
    border-top: 1px solid #eaeaea
}

.page-title {
    font-family: 'FreightText Pro Bold';
    font-size: 40px;
    line-height: initial;
    margin: 0 0 30px
}

.big-title {
    font-family: 'FreightText Pro Black';
    font-size: 34px;
    margin: 30px 0 30px 15px
}

.row .big-title {
    margin-left: 0
}

.news-list ul li {
    margin: 0 0 30px
}

.news-list ul li .news .picture img {
    width: 240px;
    height: 135px
}

.news-list ul li .news .content .title {
    font-size: 18px;
    margin: 5px 0 10px
}

.news-list ul li .news .content .summary {
    font-size: 13px;
    color: rgba(0,0,0,.8)
}

.news-list.text-only li {
    margin: 0 0 50px
}

.headlines-list ul li .news .picture {
    width: 100%;
    height: 100%
}

.headlines-list ul li .news .picture img {
    width: auto!important;
    height: 100%
}

.comment-list ul li .news .picture,.search-list ul li .news .picture,.tag-list ul li .news .picture {
    width: 240px;
    height: 135px
}

.comment-list ul li .news .picture img,.search-list ul li .news .picture img,.tag-list ul li .news .picture img {
    width: 100%;
    height: auto
}

.breaking-news ul li {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-bottom: 60px;
    position: relative
}

.breaking-news ul li .timer {
    font-size: 60px;
    font-weight: 500;
    color: rgba(0,0,0,.4);
    display: inline-block;
    height: 263px;
    padding: 10px 0 0
}

.breaking-news ul li .news {
    position: static
}

.breaking-news ul li .news .picture {
    margin: 0
}

.breaking-news ul li .news .picture img {
    width: 100%;
    height: auto
}

.breaking-news ul li .news .content {
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 25px;
    min-height: 111px
}

.breaking-news ul li .news .content .info .hour {
    font-family: 'Brandon Grotesque Black';
    font-size: 14px;
    color: #DA2128;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.breaking-news ul li .news .content .info .hour:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #DA2128;
    position: relative;
    left: 20px;
    top: 20px
}

.breaking-news ul li .news .content .info .hour:after {
    content: "\e112";
    font-family: icomoon;
    font-size: 25px;
    color: #DA2128;
    position: relative;
    left: -30px;
    top: -15px
}

.breaking-news ul li .news .content .title {
    font-size: 15px
}

.breaking-news-list ul li {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.breaking-news-list ul li .news .content .info .time {
    color: #DA2128
}

.breaking-news-list ul li .news .content .title {
    font-size: 17px
}

.breaking-news-list ul li:first-child {
    padding-top: 0
}

.breaking-news-list ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.result-info {
    margin-bottom: 30px
}

.result-info:after,.result-info:before {
    content: "";
    display: table
}

.result-info .date-select span,.result-info .result span {
    display: inline-block
}

.result-info:after {
    clear: both
}

.result-info.no-margin {
    margin: initial
}

.result-info .result {
    float: left;
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.result-info .result .key {
    color: #bbb;
    font-weight: 500;
    font-style: italic
}

.result-info .date-select {
    float: right
}

.result-info .date-select span.text {
    padding: 0 5px
}

.result-info .date-select button,.result-info .date-select input {
    width: 100%
}

.result-info .date-select input {
    padding: 3px 5px
}

.result-info .date-select button {
    border: none;
    background-color: #DA2128;
    color: #fff;
    font-family: 'FreightText Pro Black';
    font-size: 13px;
    padding: 5px 10px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.desc {
    font-size: 15px
}

.newspaper-headline li {
    margin: 0 0 40px
}

.newspaper-headline li a {
    display: inline-block;
    width: 155px
}

.newspaper-detail .info,.newspaper-headline li a .title {
    display: block;
    font-family: 'FreightText Pro Black'
}

.newspaper-headline li a .title {
    padding: 0 0 10px;
    font-size: 16px
}

.newspaper-headline li a .newspaper {
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.15),2px 2px 0 1px #fff,5px 5px 2px 0 rgba(0,0,0,.15),6px 6px 0 1px #fff,9px 9px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.15),2px 2px 0 1px #fff,5px 5px 2px 0 rgba(0,0,0,.15),6px 6px 0 1px #fff,9px 9px 3px 0 rgba(0,0,0,.15);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.newspaper-headline li a .newspaper img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%
}

.newspaper-headline li a:hover .newspaper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.newspaper-headline li a:hover .newspaper img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.newspaper-detail .info {
    margin: 0 0 30px;
    color: rgba(0,0,0,.6)
}

.gbox .box-title,.gbox.slider .bx-controls-direction a:before {
    color: #fff;
    font-size: 20px
}

.newspaper-detail .info .title {
    font-size: 30px!important
}

.newspaper-detail .info .social {
    float: right;
    width: auto;
    margin: -30px 0 0
}

.newspaper-detail .info .social li {
    margin: 0 0 0 10px
}

.newspaper-detail .picture {
    clear: both;
    position: relative;
    border: 1px solid #e5e5e5
}

.newspaper-detail .picture img {
    width: 100%
}

.newspaper-detail .picture:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 15px;
    top: -15px;
    bottom: -15px;
    border: 1px solid #e5e5e5
}

.newspapers-list {
    display: inline-block;
    width: 100%;
    margin: 0 0 50px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee
}

.newspapers-list li {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-family: 'FreightText Pro Bold';
    font-size: 20px;
    padding: 15px
}

.gbox {
    clear: both
}

.gbox .box-title {
    font-family: 'FreightText Pro Black';
    margin: 40px 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    position: relative
}

.gbox .box-title:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    background-color: #DA2128;
    bottom: 0
}

.gbox ul li {
    position: relative;
    margin: 0 0 30px
}

.gbox ul li .news .picture {
    margin: auto
}

.gbox ul li .news .picture img {
    height: auto
}

.gbox ul li .news .content .title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 20px;
    line-height: initial;
    color: #fff
}

.gbox.head ul li {
    padding: 0;
    float: left
}

.gbox.head ul li:first-child {
    margin: 0 30px 30px 0
}

.gbox.head ul li:last-child {
    margin: -19px 0 0
}

.gbox.slider .bx-controls-direction a {
    top: -60px;
    left: inherit
}

.gbox.slider .bx-controls-direction .bx-prev {
    right: 40px
}

.gbox.slider .bx-controls-direction .bx-next {
    right: 10px
}

.galley-detail {
    clear: both;
    display: table;
    margin: 0 0 30px
}

.galley-detail .media {
    width: 75%;
    display: table-cell
}

.galley-detail .media .item {
    position: relative
}

.galley-detail .media .item .control {
    position: absolute;
    z-index: 999;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0
}

.galley-detail .media .item .control a,.galley-detail .media .item .control span {
    display: block;
    position: absolute;
    width: 50%;
    bottom: 0;
    top: 0;
    padding-top: 24%
}

.galley-detail .media .item .control a i,.galley-detail .media .item .control span i {
    font-size: 60px;
    color: rgba(255,255,255,.5);
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.galley-detail .media .item .control a.prev,.galley-detail .media .item .control span.prev {
    left: 0
}

.galley-detail .media .item .control a.next,.galley-detail .media .item .control span.next {
    right: 0;
    text-align: right
}

.galley-detail .media .item .control a.play,.galley-detail .media .item .control span.play {
    left: 46%;
    z-index: 99;
    cursor: pointer;
    width: 60px
}

.galley-detail .media .item .control a:hover i,.galley-detail .media .item .control span:hover i {
    color: rgba(255,255,255,.8)
}

.galley-detail .media img {
    width: 100%
}

.galley-detail .info {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 30px
}

.galley-detail .info .content {
    font-size: 16px;
    color: #fff;
    padding: 20px 0
}

.page-main {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px
}

.page-main .first-headline {
    float: left;
    height: 240px;
    overflow: hidden;
    position: relative
}

.page-main .first-headline .bx-viewport,.page-main .first-headline ul li {
    height: 310px
}

.page-main .first-headline ul li a {
    display: block
}

.page-main .first-headline ul li a img {
    width: 100%
}

.page-main .first-headline .bx-pager {
    background-color: transparent;
    padding: 0;
    height: 50px;
    bottom: 0
}

.page-main .first-headline .bx-pager .bx-pager-item {
    padding: 10px 0 0
}

.page-main .first-headline .bx-pager .bx-pager-item a {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 27px;
    background-color: rgba(255,255,255,.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.4);
    text-indent: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 7px #000
}

.page-main .first-headline .bx-pager .bx-pager-item a:hover {
    border-color: #fff
}

.page-main .first-headline .bx-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.page-main .top-headline {
    height: 219px;
    overflow: hidden
}

.page-main .top-headline h3 {
    font-size: 14px;
    color: #898989;
    position: relative;
    margin: 0 0 25px
}

.page-main .top-headline h3:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 130px;
    right: 70px;
    border-top: 1px solid #e4e6e8
}

.page-main .top-headline ul li {
    float: left;
    margin-right: 30px;
    width: 262px;
    height: 189px;
    padding: 0
}

.page-main .top-headline ul li:nth-child(n+4) {
    margin-right: 0
}

.page-main .top-headline .news {
    position: relative
}

.page-main .top-headline .news .content {
    display: table;
    position: absolute;
    z-index: 10;
    width: 222px;
    height: 57px;
    margin-left: 20px;
    background-color: #fff;
    font-size: 15px;
    border-bottom: solid 1px #e0e0e0;
    bottom: 0;
    text-align: center
}

.page-main .top-headline .news .content .title {
    position: static;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.page-main .top-headline .news .picture {
    margin: 0;
    width: 262px;
    height: 146px
}

.page-main .top-headline .news .picture img {
    width: 100%;
    height: auto
}

.page-main .top-headline .bx-wrapper {
    position: relative
}

.page-main .top-headline .bx-wrapper .bx-has-controls-direction {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: -47px;
    height: 31px
}

.page-main .top-headline .bx-controls-direction a {
    top: -30px;
    left: inherit;
    background-color: #fff
}

.page-main .top-headline .bx-controls-direction a:before {
    color: rgba(0,0,0,.6);
    font-size: 20px
}

.page-main .top-headline .bx-controls-direction .bx-prev {
    right: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #f4f4f4;
    text-align: center
}

.page-main .top-headline .bx-controls-direction .bx-next {
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #efefef;
    text-align: center
}

.page-main .top-headline-second {
    height: 144px;
    overflow: hidden
}

.page-main .top-headline-second h3 {
    font-size: 14px;
    color: #898989;
    position: relative;
    margin: 0 0 25px
}

.page-main .top-headline-second h3:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 130px;
    right: 0;
    border-top: 1px solid #e4e6e8
}

.page-main .top-headline-second ul li {
    float: left;
    margin-right: 30px;
    width: 262px;
    height: 110px;
    padding: 0
}

.page-main .top-headline-second ul li:nth-child(n+4) {
    margin-right: 0
}

.page-main .top-headline-second .news .content {
    margin-top: 0
}

.page-main .top-headline-second .news .picture {
    width: 80px;
    height: 80px
}

.page-main .top-headline-second .news .picture img {
    width: 100%;
    height: auto
}

.page-main .top-headline-second .bx-wrapper {
    position: relative;
    margin-left: 0;
    border: none
}

.page-main .top-headline-second .bx-wrapper .bx-viewport {
    height: auto
}

.page-main .top-headline-second .bx-wrapper .bx-has-controls-direction {
    position: absolute;
    z-index: 100;
    right: -11px;
    top: 0;
    height: 31px
}

@media (max-width:1400px) {
    .page-main .top-headline .bx-wrapper .bx-has-controls-direction {
        bottom: -27px
    }

    .page-main .top-headline-second .bx-wrapper .bx-has-controls-direction {
        bottom: auto
    }
}

.page-main .top-headline-second .bx-controls-direction a {
    top: -33px;
    bottom: auto;
    left: inherit;
    background-color: transparent
}

.page-main .top-headline-second .bx-controls-direction a:before {
    background-color: transparent;
    font-size: 20px
}

.page-main .top-headline-second .bx-controls-direction .bx-prev {
    right: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    text-align: center
}

.page-main .top-headline-second .bx-controls-direction .bx-next {
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    text-align: center
}

.page-main .headline,.page-main .news-box-slider,.page-main .small-headline {
    position: relative;
    margin-bottom: 40px
}

.page-main .headline .bx-viewport,.page-main .news-box-slider .bx-viewport,.page-main .small-headline .bx-viewport {
    height: 420px
}

.page-main .headline .slider,.page-main .news-box-slider .slider,.page-main .small-headline .slider {
    height: 420px;
    overflow: hidden
}

.page-main .headline ul li,.page-main .news-box-slider ul li,.page-main .small-headline ul li {
    position: relative;
    height: 420px
}

.page-main .headline ul li .news .picture,.page-main .news-box-slider ul li .news .picture,.page-main .small-headline ul li .news .picture {
    margin: 0;
    width: 100%;
    height: 100%
}

.page-main .headline ul li .news .picture img,.page-main .news-box-slider ul li .news .picture img,.page-main .small-headline ul li .news .picture img {
    width: auto;
    height: 100%;
    max-width: none
}

.page-main .headline ul li .news .content,.page-main .news-box-slider ul li .news .content,.page-main .small-headline ul li .news .content {
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px
}

.page-main .headline ul li .news .content .info .category,.page-main .news-box-slider ul li .news .content .info .category,.page-main .small-headline ul li .news .content .info .category {
    color: rgba(255,255,255,.8)
}

.page-main .headline ul li .news .content .info .time,.page-main .news-box-slider ul li .news .content .info .time,.page-main .small-headline ul li .news .content .info .time {
    color: rgba(255,255,255,.5)
}

.page-main .headline ul li .news .content .title,.page-main .news-box-slider ul li .news .content .title,.page-main .small-headline ul li .news .content .title {
    font-family: 'FreightText Pro Bold';
    margin: 10px 0 0;
    font-size: 36px;
    color: #fff;
    line-height: 1.1em
}

.page-main .headline .paging,.page-main .news-box-slider .paging,.page-main .small-headline .paging {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 40px;
    background-color: #000
}

.page-main .headline .bx-pager,.page-main .news-box-slider .bx-pager,.page-main .small-headline .bx-pager {
    bottom: -40px
}

.page-main .headline-header,.page-main .news-box-slider-header,.page-main .small-headline-header {
    position: relative;
    z-index: 2;
    left: 0;
    right: 0;
    overflow: hidden;
    text-align: center;
    background: #222
}

.page-main .headline-header h3,.page-main .news-box-slider-header h3,.page-main .small-headline-header h3 {
    display: inline;
    float: left;
    width: 25%;
    font-family: 'Brandon Grotesque Black';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}

.page-main .headline-header h3.active.small-guncel,.page-main .news-box-slider-header h3.active.small-guncel,.page-main .small-headline-header h3.active.small-guncel {
    background: #d8242f
}

.page-main .headline-header h3.active.small-spor,.page-main .news-box-slider-header h3.active.small-spor,.page-main .small-headline-header h3.active.small-spor {
    background: #8fc249
}

.page-main .headline-header h3.active.small-ekonomi,.page-main .news-box-slider-header h3.active.small-ekonomi,.page-main .small-headline-header h3.active.small-ekonomi {
    background: #008eae
}

.page-main .headline-header h3.active.small-siyaset,.page-main .news-box-slider-header h3.active.small-siyaset,.page-main .small-headline-header h3.active.small-siyaset {
    background: #0070bc
}

.page-main .headline-header h3.active.small-dunya,.page-main .news-box-slider-header h3.active.small-dunya,.page-main .small-headline-header h3.active.small-dunya {
    background: #FF7F00
}

.page-main .headline-header.small-guncel,.page-main .news-box-slider-header.small-guncel,.page-main .small-headline-header.small-guncel {
    border-top: solid 2px #d8242f
}

.page-main .headline-header.small-spor,.page-main .news-box-slider-header.small-spor,.page-main .small-headline-header.small-spor {
    border-top: solid 2px #8fc249
}

.page-main .headline-header.small-ekonomi,.page-main .news-box-slider-header.small-ekonomi,.page-main .small-headline-header.small-ekonomi {
    border-top: solid 2px #008eae
}

.page-main .headline-header.small-siyaset,.page-main .news-box-slider-header.small-siyaset,.page-main .small-headline-header.small-siyaset {
    border-top: solid 2px #0070bc
}

.page-main .headline-header.small-dunya,.page-main .news-box-slider-header.small-dunya,.page-main .small-headline-header.small-dunya {
    border-top: solid 2px #FF7F00
}

.page-main .headline .small-headline-inner,.page-main .news-box-slider .small-headline-inner,.page-main .small-headline .small-headline-inner {
    display: none;
    height: 420px!important
}

.page-main .headline .small-headline-inner.active,.page-main .news-box-slider .small-headline-inner.active,.page-main .small-headline .small-headline-inner.active {
    display: block
}

.page-main .headline .small-headline-inner.passive,.page-main .news-box-slider .small-headline-inner.passive,.page-main .small-headline .small-headline-inner.passive {
    display: none
}

.page-main .headline .small-headline-inner .bx-small-headline-pager,.page-main .news-box-slider .small-headline-inner .bx-small-headline-pager,.page-main .small-headline .small-headline-inner .bx-small-headline-pager {
    background-color: #000;
    padding: 0;
    height: 40px;
    text-align: center
}

.page-main .headline .small-headline-inner .bx-small-headline-pager .bx-pager-item,.page-main .news-box-slider .small-headline-inner .bx-small-headline-pager .bx-pager-item,.page-main .small-headline .small-headline-inner .bx-small-headline-pager .bx-pager-item {
    float: left
}

.page-main .headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a,.page-main .news-box-slider .small-headline-inner .bx-small-headline-pager .bx-pager-item a,.page-main .small-headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a {
    width: 35.8px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid rgba(255,255,255,.2);
    text-indent: 0;
    font-size: 13px;
    text-align: center;
    color: rgba(255,255,255,.6)
}

.page-main .headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.page-main .headline .small-headline-inner .bx-small-headline-pager .bx-pager-item:last-of-type a,.page-main .news-box-slider .small-headline-inner .bx-small-headline-pager .bx-pager-item:last-of-type a,.page-main .small-headline .small-headline-inner .bx-small-headline-pager .bx-pager-item:last-of-type a {
    width: 37px;
    border: none
}

.page-main .headline .small-headline-inner.small-guncel-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner.small-guncel-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner.small-guncel-box .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #d8242f!important;
    border-color: #d8242f!important
}

.page-main .headline .small-headline-inner.small-spor-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner.small-spor-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner.small-spor-box .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #7cae48!important;
    border-color: #7cae48!important
}

.page-main .headline .small-headline-inner.small-ekonomi-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner.small-ekonomi-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner.small-ekonomi-box .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #008eae!important;
    border-color: #008eae!important
}

.page-main .headline .small-headline-inner.small-siyaset-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner.small-siyaset-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner.small-siyaset-box .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #0070bc!important;
    border-color: #0070bc!important
}

.page-main .headline .small-headline-inner.small-dunya-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .news-box-slider .small-headline-inner.small-dunya-box .bx-small-headline-pager .bx-pager-item a.active,.page-main .small-headline .small-headline-inner.small-dunya-box .bx-small-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #c46200!important;
    border-color: #c46200!important
}

.page-main .headline .bx-secondary-headline-pager {
    background-color: #000;
    padding: 0;
    height: 40px;
    bottom: -40px;
    text-align: left
}

.page-main .headline .bx-secondary-headline-pager .bx-pager-item {
    float: left
}

.page-main .headline .bx-secondary-headline-pager .bx-pager-item a {
    width: 28.8px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid rgba(255,255,255,.2);
    text-indent: 0;
    font-size: 13px;
    text-align: center;
    color: rgba(255,255,255,.6)
}

.page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.page-main .headline .bx-secondary-headline-pager .bx-pager-item:last-of-type a {
    border: none
}

.page-main .headline .bx-secondary-headline-pager .all-link {
    float: right;
    padding-right: 15px
}

.page-main .headline .bx-secondary-headline-pager .all-link a {
    width: initial!important;
    font-size: 12px
}

.page-main .headline .bx-secondary-headline-pager .all-link a:hover {
    color: #fff
}

.page-main .news-box-slider ul li,.page-main .small-headline ul li {
    float: left
}

.page-main .news-box-slider ul li .news .picture img,.page-main .small-headline ul li .news .picture img {
    height: 420px
}

.page-main .news-box-slider ul li .news .content,.page-main .small-headline ul li .news .content {
    bottom: 20px;
    left: 20px;
    right: 20px
}

.page-main .news-box-slider ul li .news .content .title,.page-main .small-headline ul li .news .content .title {
    margin: 10px 0 0;
    font-size: 24px;
    line-height: 1.1em
}

.page-main .news-box-slider h3 {
    top: 30px;
    left: 0;
    font-family: 'FreightText Pro Black';
    font-size: 30px;
    padding-left: 20px;
    position: absolute;
    z-index: 1;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.39)
}

.page-main .news-box-slider h3:after {
    top: -7px;
    width: 3px;
    height: 36px;
    left: 0;
    content: '';
    position: absolute;
    background-color: #32b3ea
}

.page-main .sub-headline ul li {
    height: 243px;
    float: left
}

.page-main .sub-headline.list ul li {
    height: 263px;
    margin: 0 0 30px
}

.page-main .sub-headline.list ul li .picture img {
    width: 360px;
    height: 263px
}

.page-main .sub-headline.list ul li.col-md-3,.page-main .sub-headline.list ul li.col-md-3 .picture img {
    height: 262px
}

.page-main .sub-headline.list ul li.col-md-4 {
    height: 202px
}

.page-main .sub-headline.list ul li.col-md-4 .picture img {
    width: 100%!important;
    height: 100%!important
}

.page-main .sub-headline.list ul li.col-md-4 .picture:before {
    background: 0 0!important
}

.page-main .sub-headline.home {
    position: relative;
    display: block;
    width: 750px;
    height: 281px;
    overflow: hidden;
    background-color: #ececec
}

.page-main .sub-headline.home ul li {
    width: 750px;
    height: 216px;
    float: left
}

.page-main .sub-headline.home ul li .picture {
    float: right;
    width: 472px;
    height: 100%;
    margin: 0;
    padding: 0
}

.page-main .sub-headline.home ul li .picture img {
    width: 100%;
    height: auto
}

.page-main .sub-headline.home ul li .content {
    float: left;
    display: block;
    position: relative;
    padding: 10px;
    z-index: 100;
    width: 275px;
    height: 216px;
    background-color: transparent;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.page-main .sub-headline.home ul li .content .title {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FreightText Pro Bold';
    font-size: 26px;
    color: #000;
    line-height: 30px
}

.page-main .sub-headline.home .bx-middle-headline-pager {
    background-color: #dcdcdc;
    position: static;
    text-align: center;
    height: 67px;
    padding: 5px
}

.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item {
    display: block;
    float: left;
    margin: 0 4px 0 0;
    position: relative
}

.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a {
    display: block;
    width: 78px;
    height: 57px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    text-indent: 0;
    overflow: hidden
}

.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a.active {
    margin: 0;
    padding: 0;
    border: 4px solid #DA2128
}

.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a.active:before {
    display: block;
    position: absolute;
    bottom: -11px;
    left: 33px;
    z-index: 101;
    content: '\25bc';
    font-size: 12px;
    color: #DA2128
}

.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a img {
    width: 100%;
    height: auto
}

.page-main .sub-headline.home .bx-pager-item-all {
    display: block;
    float: left;
    margin: 4px 4px 0 0;
    position: relative
}

.page-main .sub-headline.home .bx-pager-item-all a {
    display: block;
    width: 80px;
    height: 57px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    text-indent: 0;
    overflow: hidden;
    background: 0 0
}

.page-main .sub-headline.home .bx-pager-item-all a img {
    width: 100%;
    height: auto
}

.page-main .sub-headline.home .bx-pager-item-all a h3 {
    display: block;
    width: 100%;
    height: 57px;
    margin: 0;
    padding: 0;
    background-image: url(../images/second-headline-title.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.page-main .multimedia-box-photo.home,.page-main .multimedia-box-video.home {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    height: 380px;
    overflow: hidden;
    background-color: #ececec
}

.page-main .multimedia-box-photo.home ul li,.page-main .multimedia-box-video.home ul li {
    width: 100%;
    height: 316px;
    float: left
}

.page-main .multimedia-box-photo.home ul li .picture,.page-main .multimedia-box-video.home ul li .picture {
    float: right;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.page-main .multimedia-box-photo.home ul li .picture img,.page-main .multimedia-box-video.home ul li .picture img {
    width: 100%;
    height: 100%
}

.page-main .multimedia-box-photo.home ul li .picture::before,.page-main .multimedia-box-video.home ul li .picture::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    width: 169px;
    height: 27px;
    top: 20px;
    right: 20px;
    background-image: url(../images/multimedia-icon-sprite.jpg);
    background-position: 0 top;
    background-repeat: no-repeat
}

.page-main .multimedia-box-photo.home ul li .picture.video::before,.page-main .multimedia-box-video.home ul li .picture.video::before {
    background-position: -169px top
}

.page-main .multimedia-box-photo.home ul li .content,.page-main .multimedia-box-video.home ul li .content {
    display: block;
    position: absolute;
    z-index: 100;
    max-width: 75%;
    bottom: 30px;
    left: 30px;
    padding: 20px;
    background-color: rgba(255,255,255,.9)
}

.page-main .multimedia-box-photo.home ul li .content .title,.page-main .multimedia-box-video.home ul li .content .title {
    font-family: 'FreightText Pro Bold';
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager,.page-main .multimedia-box-photo.home .bx-middle-video-pager,.page-main .multimedia-box-video.home .bx-middle-photo-pager,.page-main .multimedia-box-video.home .bx-middle-video-pager {
    background-color: #dcdcdc;
    position: static;
    text-align: center;
    height: 63px;
    padding: 4px
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    position: relative
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a {
    display: block;
    width: 75px;
    height: 56px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    text-indent: 0;
    overflow: hidden
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a.active,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a.active,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a.active,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a.active {
    margin: 0;
    padding: 0;
    border: 4px solid #DA2128
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a.active:before,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a.active:before,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a.active:before,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a.active:before {
    display: block;
    position: absolute;
    bottom: -11px;
    left: 33px;
    z-index: 101;
    content: '\25bc';
    font-size: 12px;
    color: #DA2128
}

.page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a img,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a img,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a img,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a img {
    width: 100%;
    height: 100%
}

.page-main .multimedia-box-photo.home .bx-pager-item-all,.page-main .multimedia-box-video.home .bx-pager-item-all {
    display: block;
    float: left;
    margin: 4px 4px 0 0;
    position: relative
}

.page-main .multimedia-box-photo.home .bx-pager-item-all a,.page-main .multimedia-box-video.home .bx-pager-item-all a {
    display: block;
    width: 80px;
    height: 57px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    text-indent: 0;
    overflow: hidden;
    background: 0 0
}

.page-main .multimedia-box-photo.home .bx-pager-item-all a img,.page-main .multimedia-box-video.home .bx-pager-item-all a img {
    width: 100%;
    height: auto
}

.page-main .multimedia-box-photo.home .bx-pager-item-all a h3,.page-main .multimedia-box-video.home .bx-pager-item-all a h3 {
    display: block;
    width: 100%;
    height: 57px;
    margin: 0;
    padding: 0;
    background-image: url(../images/second-headline-title.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.page-main .second-headline {
    position: relative;
    display: inline-block
}

.page-main .second-headline ul li {
    width: 263px;
    height: 243px;
    float: left
}

.page-main .second-headline ul li:first-child {
    width: 556px;
    padding: 0;
    margin: 0 0 30px
}

.page-main .second-headline ul li:nth-child(3) {
    margin-left: 30px
}

.page-main .second-headline ul li:nth-child(n+4) {
    position: absolute;
    width: 163px;
    height: 155px;
    right: 0;
    border-top: 3px solid #000;
    margin: 0;
    padding: 15px 0 0
}

.page-main .second-headline ul li:nth-child(n+4) .picture {
    display: none
}

.page-main .second-headline ul li:nth-child(n+4) .content .title {
    font-size: 18px
}

.page-main .second-headline ul li:nth-child(4) {
    top: 0
}

.page-main .second-headline ul li:nth-child(5) {
    top: 155px
}

.page-main .second-headline ul li:nth-child(6) {
    top: 310px
}

.page-main .second-headline ul li:last-child {
    top: 470px;
    border-color: #DA2128;
    height: 45px
}

.page-main .second-headline ul li:last-child a {
    display: block;
    color: #DA2128;
    font-family: 'Brandon Grotesque Black';
    font-size: 14px
}

.page-main .second-headline ul li:last-child a:hover {
    color: rgba(0,0,0,.8)
}

.page-main .second-headline-home {
    position: relative;
    display: inline-block;
    width: 556px;
    height: 355px;
    overflow: hidden
}

.page-main .second-headline-home ul li {
    width: 556px;
    height: 315px;
    float: left
}

.page-main .second-headline-home ul li .picture {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.page-main .second-headline-home ul li .picture img {
    width: 100%;
    height: 100%
}

.page-main .second-headline-home ul li .content {
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(255,255,255,.7);
    text-align: center
}

.page-main .second-headline-home ul li .content .title {
    font-family: 'FreightText Pro Bold';
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.page-main .second-headline-home .bx-second-headline-pager {
    background-color: #ececec;
    padding: 0;
    position: static;
    text-align: center
}

.page-main .second-headline-home .bx-second-headline-pager .bx-pager-item {
    display: inline-block;
    float: none;
    margin-left: -3px
}

.page-main .second-headline-home .bx-second-headline-pager .bx-pager-item a {
    width: 28.8px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid #d0d0d0;
    text-indent: 0;
    font-size: 13px;
    text-align: center;
    color: #000;
    -webkit-transition: none;
    transition: none
}

.page-main .second-headline-home .bx-second-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.page-main .second-headline-home .bx-second-headline-pager .bx-pager-item:last-of-type a {
    border: none
}

.page-main .bx-news-box-pager {
    background-color: #efefef;
    padding: 0;
    height: 40px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 1px #ddd;
    box-shadow: inset 0 0 0 1px #ddd
}

.page-main .bx-news-box-pager .bx-pager-item {
    float: left
}

.page-main .bx-news-box-pager .bx-pager-item a {
    color: #000;
    width: 36px;
    height: 40px;
    border-left: 1px solid #fff;
    border-right: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    line-height: 40px;
    text-indent: 0;
    font-size: 13px;
    text-align: center;
    background-color: transparent;
    -webkit-transition: none;
    transition: none
}

.page-main .bx-news-box-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.page-main .bx-news-box-pager .bx-pager-item:first-of-type a {
    border-left: none
}

.page-main .bx-news-box-pager .bx-pager-item:last-of-type a {
    border: none
}

.page-main .authors.full {
    background-color: #2d4254;
    height: 175px;
    overflow: hidden;
    padding: 0
}

.page-main .authors.full.light {
    background-color: #757575
}

.page-main .authors.full .big-title {
    margin: 0;
    font-size: 26px;
    color: #fff;
    padding: 20px 0 30px 15px;
    position: relative;
    z-index: 10
}

.page-main .authors.full .big-title.quote {
    font-size: 24px;
    margin-left: 43%;
    color: #fff
}

.page-main .authors.full .big-title.active {
    font-size: 30px;
    color: #fff
}

.page-main .authors.full ul li {
    height: 105px
}

.page-main .authors.full ul li a .picture {
    float: left
}

.page-main .authors.full ul li a .picture img {
    width: auto;
    -webkit-border-radius: 0;
    border-radius: 0
}

.page-main .authors.full ul li a .content {
    margin: 30px 0 0
}

.page-main .authors.full ul li a .content .name {
    color: #e5ba46;
    font-weight: 700
}

.page-main .authors.full ul li a .content .title {
    color: #f9f9f9;
    height: 40px;
    overflow: hidden
}

.page-main .authors.full ul li:first-child {
    padding: 0
}

.page-main .authors.full .bx-controls-direction a {
    top: -30px;
    left: inherit;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}

.page-main .authors.full .bx-controls-direction a:before {
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 10px
}

.page-main .authors.full .bx-controls-direction a.disabled {
    cursor: default;
    display: inline-block;
    border-color: rgba(255,255,255,.5)
}

.page-main .authors.full .bx-controls-direction a.disabled:before {
    color: rgba(255,255,255,.5)
}

.page-main .authors.full .bx-controls-direction .bx-prev {
    right: 65px
}

.page-main .authors.full .bx-controls-direction .bx-next {
    right: 18px
}

.page-main .most-reads .left ul li {
    min-height: 124px;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    overflow: hidden
}

.page-main .most-reads .left ul li:first-child {
    border-top: 0;
    height: 203px;
    margin: 0;
    padding-top: 0
}

.page-main .most-reads .left ul li .news {
    overflow: inherit
}

.page-main .most-reads .left ul li .news.full-width .picture {
    width: 100%;
    height: 203px;
    overflow: hidden
}

.page-main .most-reads .left ul li .news.full-width .picture img {
    min-height: inherit;
    width: 100%;
    height: auto
}

.page-main .most-reads .left ul li .other-news .picture {
    width: 152px;
    height: 86px;
    overflow: hidden
}

.page-main .most-reads .left ul li .other-news .picture img {
    width: 100%;
    height: auto
}

.page-main .most-reads .right .out-box {
    background-color: #ededed
}

.page-main .most-reads .right .out-box a img {
    width: 100%
}

.page-main .most-reads .right .news-box .publisher {
    color: #e5ba46
}

.page-main .most-reads .right ul li .other-news picture {
    width: 152px;
    height: 86px;
    overflow: hidden
}

.page-main .most-reads .right ul li .other-news picture img {
    width: 100%;
    height: auto
}

.page-main .newspapers.full {
    position: relative;
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 23px 0 43px
}

.page-main .newspapers.full:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 38px;
    border-top: 3px solid #d5d5d5;
    border-bottom: 15px solid rgba(0,0,0,.1)
}

.page-main .newspapers.full ul li {
    width: 195px;
    padding-left: 15px;
    padding-right: 15px
}

.page-main .newspapers.full ul li .newspaper {
    position: relative;
    height: 110px;
    overflow: initial;
    top: 20px;
    -webkit-transition: top .2s linear;
    transition: top .2s linear
}

.page-main .newspapers.full ul li .newspaper:before {
    content: '';
    width: 4px;
    height: 110px;
    background: url(../images/newspaper-bg.png) repeat-y;
    position: absolute;
    left: 165px!important
}

.page-main .newspapers.full ul li .newspaper:hover {
    top: 0
}

.page-main .newspapers.full ul li .newspaper img {
    width: 165px
}

.page-main .newspapers.full .bx-wrapper {
    margin: 0
}

.page-main .newspapers.full .bx-wrapper .bx-pager {
    bottom: -39px
}

.page-main .newspapers.full .bx-wrapper .bx-pager a {
    background-color: rgba(0,0,0,.15)
}

.page-main .newspapers.full .bx-wrapper .bx-pager a.active {
    background-color: rgba(0,0,0,.5)
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction a {
    top: 141px
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction a:before {
    color: rgba(0,0,0,.6);
    font-size: 30px
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction .bx-prev {
    left: 41.5%!important
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction .bx-prev:before {
    content: "\e110"
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction .bx-next {
    right: 41.5%!important
}

.page-main .newspapers.full .bx-wrapper .bx-controls-direction .bx-next:before {
    content: "\e111"
}

.page-main .multimedia {
    clear: both
}

.page-main .multimedia .news {
    height: 241px
}

.page-main .multimedia .news .content {
    bottom: 20px;
    left: 20px
}

.page-main .multimedia .news .content .title {
    font-size: 18px
}

.page-main .multimedia .news:nth-child(1) {
    margin-bottom: 30px
}

.page-main .multimedia .middle .news {
    height: 516px;
    margin-bottom: 0
}

.page-main .multimedia .middle .news img {
    height: 516px
}

.page-main .multimedia .middle .news .content {
    bottom: 30px;
    left: 30px
}

.page-main .multimedia .middle .news .content .title {
    font-size: 26px;
    padding-left: 25px;
    line-height: 1
}

.page-main .multimedia .middle .news .content .title:before {
    font-family: icomoon;
    content: "\e905";
    color: #fff;
    font-size: 25px;
    position: absolute;
    left: -10px
}

.page-main .daily-videos h3 {
    font-size: 14px;
    color: #898989;
    position: relative;
    margin: 0 0 25px
}

.page-main .daily-videos h3:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 130px;
    right: 0;
    border-top: 1px solid #e4e6e8
}

.page-main .daily-videos ul li .news {
    height: 210px
}

.page-main .daily-videos ul li .news .info {
    position: absolute;
    width: 70px;
    height: 50px;
    top: 100px;
    background-color: rgba(0,0,0,.7);
    padding: 13px 0 0 20px
}

.page-main .daily-videos ul li .news .info span {
    display: inline-block
}

.page-main .daily-videos ul li .news .info .icon {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    border: 2px solid #fff;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.page-main .daily-videos ul li .news .info .icon i:before {
    left: 1px;
    top: 2px;
    position: relative
}

.page-main .daily-videos ul li .news .info .time {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 25px
}

.page-main .media {
    position: relative;
    z-index: 1
}

.page-main .media ul li .news {
    height: 300px
}

.page-main .media ul li .news .picture img {
    height: 203px
}

.page-main .media ul li .news .content .title {
    font-size: 18px;
    line-height: 1.3em
}

.page-main .media .play:before {
    font-family: icomoon;
    content: "\e01d";
    display: inline-block;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding-top: 25%;
    text-align: center;
    font-size: 60px;
    color: rgba(255,255,255,.6);
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.page-main .media .play:hover:before {
    color: #fff
}

.page-main .news-detail .head h1 {
    font-family: 'FreightText Pro Bold';
    font-size: 40px;
    line-height: initial
}

.page-main .news-detail .head h2 {
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    line-height: initial;
    margin: 10px 0 0
}

.page-main .news-detail .go .options,.page-main .news-detail .head .info {
    font-family: 'Brandon Grotesque Black'
}

.page-main .news-detail .head .info {
    font-size: 12px;
    padding: 35px 0;
    margin: 0 0 35px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .head .info ul {
    display: inline-block
}

.page-main .news-detail .head .info ul li {
    float: left;
    color: rgba(0,0,0,.5)
}

.page-main .news-detail .head .info ul li span {
    color: rgba(0,0,0,.8);
    display: inline-block;
    margin: 0 15px 0 5px
}

.page-main .news-detail .media img {
    width: 100%
}

.page-main .news-detail .go {
    display: inline-block;
    float: left;
    margin: 0 30px 30px 0
}

.page-main .news-detail .go .ads {
    padding: 0;
    height: auto
}

.page-main .news-detail .go .options ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .go .options ul li a {
    display: inline-block;
    width: 100%;
    padding: 15px 0
}

.page-main .news-detail .go .options ul li a span {
    display: inline-block
}

.page-main .news-detail .go .options ul li a .icon {
    color: #DA2128;
    float: left;
    font-size: 30px;
    -webkit-transition: color .4s linear;
    transition: color .4s linear
}

.page-main .news-detail .go .options ul li a .title {
    font-size: 12px;
    position: relative;
    top: 5px;
    left: 15px
}

.page-main .news-detail .go .options ul li a:hover .icon {
    color: #000
}

.page-main .news-detail .news-content {
    margin: 30px 0 0
}

.page-main .news-detail .news-content p {
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    line-height: 1.48;
    margin: 26px 0
}

.page-main .news-detail .news-content p strong {
    font-family: 'FreightText Pro Bold'
}

.page-main .news-detail .news-content p a {
    color: #98171c
}

.page-main .news-detail .news-content p a:hover {
    color: #da2128
}

.page-main .news-detail .news-content blockquote {
    width: 50%;
    float: left;
    font-family: 'FreightText Pro Bold';
    font-size: 20px;
    line-height: initial;
    padding: 25px 0;
    margin: 30px 30px 30px 0;
    border-top: 8px solid #000;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .news-content .related-news {
    width: 100%;
    margin: 30px auto;
    padding-top: 10px;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .news-content .related-news h4 {
    font-family: 'Brandon Grotesque Black';
    font-size: 12px;
    color: rgba(0,0,0,.8);
    padding: 0 0 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .news-content .related-news ul li {
    background-color: #F9F9F9;
    padding: 20px;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.page-main .news-detail .news-content .related-news ul li .news .picture img {
    height: 50px
}

.page-main .news-detail .news-content .related-news ul li .news .content .info .time {
    margin-top: 5px;
    color: rgba(0,0,0,.6)
}

.page-main .news-detail .news-content .related-news ul li .news .content .title {
    color: rgba(0,0,0,.7);
    font-size: 15px;
    line-height: initial
}

.page-main .news-detail .news-content .inline-gallery {
    width: 40%;
    float: left;
    line-height: initial;
    padding: 20px 0;
    margin: 30px 30px 30px 0;
    border-top: 4px solid #000;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .news-content .inline-gallery .news .picture {
    position: relative;
    margin: 0 0 20px
}

.page-main .news-detail .news-content .inline-gallery .news .picture img {
    width: 100%;
    height: auto
}

.page-main .news-detail .news-content .inline-gallery .news .picture:before {
    font-family: icomoon;
    content: "\e905";
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 24px;
    color: rgba(255,255,255,.8)
}

.page-main .news-detail .news-content .inline-gallery .news .content .title {
    font-size: 18px;
    line-height: initial
}

.page-main .news-detail .news-content .inner_related_news {
    position: relative;
    background-color: #dcdcdc;
    height: 60px;
    line-height: 60px;
    display: block;
    text-decoration: none!important;
    border-bottom: 3px solid #DA2128
}

.page-main .news-detail .news-content .inner_related_news img {
    position: absolute;
    width: 115px;
    height: 80px;
    margin-top: -10px
}

.page-main .news-detail .news-content .inner_related_news strong {
    margin-left: 150px;
    color: #414141;
    font-size: 18px;
    font-family: sans-serif!important
}

.page-main .news-detail .news-content .inner_related_news:hover {
    background-color: #e9e9e9
}

.page-main .news-detail .tags {
    clear: both;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque Black';
    font-size: 12px
}

.page-main .news-detail .tags h4 {
    margin: 10px 10px 0 0;
    color: rgba(0,0,0,.4);
    float: left
}

.page-main .news-detail .tags ul li {
    float: left;
    margin: 0 5px 0 0
}

.page-main .news-detail .tags ul li a {
    display: inline-block;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .print-like {
    float: right;
    position: relative;
    top: -33px
}

.page-main .news-detail .print-like a {
    display: inline-block;
    font-size: 26px;
    margin: 0 0 0 10px;
    color: rgba(0,0,0,.2);
    -webkit-transition: color 150ms linear;
    transition: color 150ms linear;
    cursor: pointer
}

.page-main .news-detail .print-like:hover {
    color: #da2128
}

.page-main .news-detail .print-like span {
    display: inline-block;
    font-size: 26px;
    margin: 0 0 0 10px;
    color: rgba(0,0,0,.2);
    -webkit-transition: color 150ms linear;
    transition: color 150ms linear;
    cursor: pointer
}

.page-main .news-detail .print-like span:hover {
    color: #DA2128
}

.page-main .news-detail .print-left {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 30px 0 0
}

.page-main .news-detail .similar-news {
    margin: 30px 0 0;
    padding: 0 0 30px;
    clear: both;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .similar-news .picture {
    width: 152px;
    height: 86px
}

.page-main .news-detail .similar-news h4 {
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: rgba(0,0,0,.6)
}

.page-main .news-detail .similar-news h4:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 130px;
    right: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.page-main .news-detail .related-banner {
    clear: both;
    width: 750px;
    height: 59px;
    display: block;
    margin-top: 20px;
    text-indent: -99999px;
    background-position: top center
}

.page-main .news-detail .related-banner-video {
    background-image: url(http://image.kanal7-cdn.com/assets/v2/common/images/video_buton.png)
}

.page-main .news-detail .related-banner-foto {
    background-image: url(http://image.kanal7-cdn.com/assets/v2/common/images/foto_buton.png)
}

.page-main .news-detail .related-banner:nth-child(n+2) {
    margin-bottom: -20px
}

.page-main .news-detail div.pagination ul {
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both
}

.page-main .news-detail div.pagination ul li {
    float: left;
    list-style: none
}

.page-main .news-detail div.pagination li a,.page-main .news-detail div.pagination li.disabled span {
    color: #666
}

.page-main .news-detail div.pagination li.active span {
    background-color: #666!important;
    color: #FFF!important
}

.page-main .news-detail div.pagination li a,.page-main .news-detail div.pagination li.active span,.page-main .news-detail div.pagination li.disabled span {
    border: 1px solid #CCC;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    width: 30px;
    text-align: center
}

.page-main.gallery {
    background-color: #0f0f0f;
    padding: 30px 0
}

.page-main.gallery .ads {
    background-color: transparent
}

.page-main.gallery .result {
    color: #454545
}

.page-main.gallery .page-title {
    color: #fff;
    margin: 0 0 30px;
    display: inline-block;
    width: 100%;
    font-size: 32px
}

.page-main.gallery .page-title .title {
    float: left
}

.page-main.gallery .page-title .title i {
    position: relative;
    top: 3px
}

.page-main.gallery .page-title .count {
    color: rgba(255,255,255,.3);
    padding: 0 0 0 20px;
    display: inline-block;
    float: left
}

.page-main.gallery .page-title .social {
    clear: inherit;
    float: right;
    margin: 13px 0 0;
    width: auto
}

.page-main .comments h4 {
    font-family: 'FreightText Pro Bold';
    font-size: 34px;
    margin: 0 0 30px
}

.page-main .comments h4 i {
    display: inline-block;
    margin: 0 0 0 10px;
    color: rgba(0,0,0,.4)
}

.page-main .comments .write {
    clear: both;
    padding: 20px 0
}

.page-main .comments .write button,.page-main .comments .write input,.page-main .comments .write textarea {
    width: 100%;
    margin: 0 0 10px;
    resize: none;
    border: 1px solid rgba(0,0,0,.15);
    font-family: 'FreightText Pro Book';
    font-size: 18px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 42px
}

.page-main .comments .write textarea {
    height: 70px;
    padding: 20px
}

.page-main .comments .write button,.page-main .comments .write input {
    padding: 10px 20px
}

.page-main .comments .write input {
    width: 79%;
    margin-right: 1%;
    float: left
}

.page-main .comments .write button {
    width: 20%;
    font-family: 'FreightText Pro Black';
    font-size: 20px;
    background-color: #f6f6f6;
    -webkit-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
    text-shadow: 1px 1px 1px #f9f9f9
}

.page-main .comments .write button:hover {
    background-color: #d1d1d1
}

.page-main .comments .write .info {
    padding: 25px;
    border: 1px solid rgba(0,0,0,.15);
    margin-bottom: 20px;
    display: none
}

.page-main .comments .write .info .error,.page-main .comments .write .info .success {
    color: #57a534
}

.page-main .comments .comments-list li {
    font-size: 13px;
    margin: 0 0 30px
}

.page-main .comments .comments-list li .top span {
    display: inline-block;
    margin: 0 8px 0 0
}

.page-main .comments .comments-list li .top .name {
    font-weight: 700
}

.page-main .comments .comments-list li .top .time {
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.page-main .comments .comments-list li .top .report {
    opacity: 0;
    font-weight: 700;
    color: #DA2128;
    cursor: pointer;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.page-main .comments .comments-list li .content {
    margin: 10px 0
}

.page-main .comments .comments-list li .bottom {
    color: rgba(0,0,0,.5)
}

.page-main .comments .comments-list li .bottom span {
    display: inline-block;
    margin: 0 5px 0 0;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.page-main .comments .comments-list li .bottom span.like:hover,.page-main .comments .comments-list li .bottom span.reply:hover {
    color: #DA2128
}

.page-main .comments .comments-list li .bottom .like,.page-main .comments .comments-list li .bottom .reply {
    cursor: pointer
}

.page-main .comments .comments-list li .bottom .liked {
    font-weight: 500;
    font-size: 12px
}

.page-main .comments .comments-list li .bottom .liked .count {
    margin: 0
}

.page-main .comments .comments-list li:hover .report {
    opacity: 1
}

.page-main .comments .comments-list li .write .new-comment {
    width: 100%
}

.page-main .news-detail .news-content iframe,.page-main .news-detail .news-content img {
    max-width: 100%
}

.page-about {
    background: url(../images/about-bg.jpg) center center no-repeat fixed;
    background-size: cover;
    min-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    text-align: center
}

.page-about:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6)
}

.page-about .menu {
    text-align: left
}

.page-about .menu a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    margin: 20px 0
}

.page-about .logo img {
    width: 247px;
    height: 53px
}

.page-about .summary {
    color: rgba(255,255,255,.8);
    margin: 45px 0
}

.page-about .pages ul {
    border-top: 1px solid rgba(255,255,255,.2);
    border-left: 1px solid rgba(255,255,255,.2);
    display: inline-block;
    width: 100%
}

.page-about .pages ul li {
    background-color: rgba(0,0,0,.4);
    border-right: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.page-about .pages ul li a {
    display: inline-block;
    color: rgba(255,255,255,.9);
    font-size: 20px;
    font-weight: 500;
    padding: 100px 0;
    width: 100%
}

.page-about .pages ul li a .number {
    color: #9a9999;
    display: inline-block;
    margin: 0 5px 0 0
}

.page-about .pages ul li.current,.page-about .pages ul li:hover {
    background-color: rgba(0,0,0,.6)
}

.page-about .pages ul li.current a:before,.page-about .pages ul li:hover a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: red
}

#home-authors:after,#home-authors:before {
    position: absolute;
    background: #636363;
    content: ""
}

#home-authors {
    position: relative;
    z-index: 3
}

#home-authors:before {
    width: 130px;
    height: 500px;
    top: -100px;
    left: 50%;
    z-index: 4;
    -webkit-box-shadow: -7px 0 7px rgba(0,0,0,.29);
    box-shadow: -7px 0 7px rgba(0,0,0,.29);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg)
}

#home-authors:after {
    width: 50%;
    height: 190px;
    top: 0;
    left: 55%
}

.kule-alti-banner a {
    display: inline-block;
    float: left
}

.kule-alti-banner a:last-of-type {
    margin-left: 12px
}

.authors {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 30px
}

.authors .picture {
    float: left;
    margin: 0 20px 0 0
}

.authors .picture img {
    width: 90px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.authors .content .name {
    font-weight: 500;
    font-size: 16px
}

.authors .content .title {
    color: rgba(0,0,0,.5)
}

.authors .content .spot {
    color: rgba(0,0,0,.9)
}

.authors .content .social {
    width: auto;
    margin: 15px 0 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.authors .content .social a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,.5);
    margin: 0 7px 0 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    color: #fff
}

.authors .content .social a i {
    position: relative;
    top: 7px
}

.authors .content .social a.facebook {
    font-size: 17px;
    background-color: #425daa
}

.authors .content .social a.twitter {
    background-color: #56a3d9
}

.authors .content .social a.googleplus {
    background-color: #de4b39
}

.authors.detail {
    display: inline-block;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.authors.detail .picture img {
    width: 150px
}

.authors.detail .content {
    padding: 25px 0 0
}

.authors.detail .content .name {
    font-size: 24px
}

.authors.detail .content .title {
    font-size: 16px;
    margin: 10px 0 0
}

.authors-item {
    width: 100%;
    height: auto!important;
    display: table;
    background-color: #E8E8E8
}

.authors-item:after,.authors-item:before {
    content: "";
    display: table
}

.authors-item:after {
    clear: both
}

.authors-item .content,.authors-item .picture {
    display: table-cell;
    vertical-align: middle
}

.authors-item .picture {
    background: #C7C7C7;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.authors-item .picture img {
    height: 90px
}

.authors-item .content {
    width: 100%
}

.authors-item .content .name {
    font-family: 'FreightText Pro Bold';
    font-size: 22px;
    margin-bottom: 10px
}

.other-authors {
    height: 131px
}

.author-other-slider {
    float: right;
    position: relative;
    z-index: 10;
    margin-left: 60px;
    max-width: 47%
}

.author-slider {
    float: left;
    position: relative;
    z-index: 2;
    max-width: 47%
}

.author-slider-content a .picture {
    margin: 0
}

.author-slider-content a .picture img {
    max-width: 125px!important;
    height: 105px
}

.author-slider-content a .content {
    margin: 20px 0 0!important;
    max-width: initial
}

.author-title {
    cursor: pointer
}

.about-pages {
    margin: 20px 0
}

.about-pages .team {
    font-weight: 300;
    padding-right: 20px
}

.about-pages .team ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 0 0
}

.about-pages .team ul li .titles {
    width: 400px;
    padding: 30px 0 0;
    color: #DA2128;
    font-size: 28px;
    float: left;
    border-top: 1px solid rgba(0,0,0,.1)
}

.about-pages .team ul li .names {
    padding: 30px 0 0;
    float: right;
    text-align: right
}

.about-pages .team ul li .names .name {
    font-size: 18px;
    padding: 10px 0
}

.about-pages .contact .box .title {
    font-size: 28px;
    color: #DA2128;
    margin: 0 0 20px
}

.about-pages .contact .box .sub-title {
    margin: 20px 0
}

.about-pages .contact .box .links {
    font-size: 18px
}

.about-pages .contact .box .links ul li {
    float: left;
    margin: 0 10px 0 0
}

.about-pages .contact .form {
    width: 70%
}

.about-pages .contact .form .box {
    margin: 20px 0
}

.about-pages .contact .form .form-element {
    width: 47%;
    float: left;
    margin: 0 3% 20px 0
}

#about-modal .contact .form-element.clear,.about-pages .contact .form .form-element.clear {
    clear: both;
    float: none
}

.about-pages .contact .form .form-element .zelect,.about-pages .contact .form .form-element input,.about-pages .contact .form .form-element textarea {
    width: 100%;
    background: 0 0;
    border: 1px solid rgba(0,0,0,.15);
    padding: 14px 20px;
    resize: none
}

.about-pages .contact .form .form-element button {
    border: none;
    background-color: #ef5642;
    color: #fff;
    font-family: 'FreightText Pro Black';
    font-size: 16px;
    padding: 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.about-pages .contact .form .form-element button:hover {
    background-color: #DA2128
}

.about-pages .contact .form .form-element .zelect {
    width: 100%;
    position: relative
}

#about-modal .contact .form-element.msg,.about-pages .contact .form .form-element.msg {
    width: 97%
}

.about-pages .contact .form .form-element .zelect .dropdown {
    position: absolute;
    background-color: #fff;
    left: -1px;
    right: -1px;
    top: -1px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.15)
}

.about-pages .contact .form .form-element .zelect .zelected:after {
    font-family: icomoon;
    content: "\e10f";
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 15px
}

.days-news .more,.days-news>.title {
    font-family: 'FreightText Pro Black'
}

.about-pages .contact .form .form-element .zelect ol {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 5px
}

.about-pages .contact .form .form-element .zelect ol li {
    padding: 5px
}

.about-pages .contact .form .form-element .zelect ol li:hover {
    background-color: #eee
}

.about-pages .contact.row {
    padding-top: 30px
}

#about-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0,0,0,.9);
    z-index: 999;
    display: none
}

#about-modal .icon-close {
    color: #fff;
    font-size: 33px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

#about-modal .about-pages {
    color: #fff;
    text-align: left
}

#about-modal .about-pages .titles {
    border-top: 1px solid rgba(255,255,255,.2)
}

#about-modal .contact {
    padding-right: 20px;
    font-weight: 300
}

#about-modal .contact .box .links ul li a {
    color: #fff
}

#about-modal .contact .form-element .zelect,#about-modal .contact .form-element input,#about-modal .contact .form-element textarea {
    border-color: rgba(255,255,255,.15)
}

#about-modal .contact .form-element button {
    border: none;
    background-color: #ef5642;
    color: #fff
}

#about-modal .contact .form-element button:hover {
    background-color: #DA2128
}

#about-modal .contact .form-element .zelect .dropdown {
    background-color: #000;
    border-color: rgba(255,255,255,.15)
}

#about-modal .contact .form-element .zelect .zelected:after {
    color: #fff
}

#about-modal .contact .form-element .zelect ol li:hover {
    color: #DA2128
}

.days-news {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.days-news>.title {
    font-size: 25px;
    padding: 26px 30px
}

.days-news ul {
    height: 343px;
    overflow: hidden
}

.days-news ul li {
    border-top: 1px solid rgba(0,0,0,.1);
    position: relative
}

.days-news ul li:before {
    content: attr(data-index);
    color: rgba(0,0,0,.3);
    font-size: 25px;
    position: absolute;
    left: 30px;
    top: 15px
}

.days-news ul li .news {
    padding: 0 0 0 30px;
    display: inherit
}

.days-news ul li .news .title {
    padding: 15px 20px 15px 34px;
    overflow: hidden
}

.days-news ul li .news .picture {
    display: none;
    float: right;
    margin: 0 0 0 20px
}

.days-news ul li .news .picture img {
    width: 100%;
    height: auto
}

.days-news ul li.active:before,.days-news ul li:hover:before {
    top: 35px
}

.days-news ul li.active .news .picture,.days-news ul li:hover .news .picture {
    display: inline-block;
    width: 130px;
    height: 90px;
    overflow: hidden
}

.days-news ul li.active .news .content .title,.days-news ul li:hover .news .content .title {
    white-space: normal;
    padding-right: 0
}

.days-news .more {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    z-index: 1;
    bottom: 0;
    width: 100%;
    background-color: #DA2128;
    text-align: right;
    padding: 0 10px 0 0
}

.days-news .more a {
    color: #fff
}

.days-news .more a:after {
    content: '\e904';
    font-family: icomoon;
    font-size: 15px;
    position: relative;
    top: 3px;
    left: 4px
}

.days-news .more a:hover {
    color: #fff!important
}

.sub .headline ul li .news .content .second-title {
    font-family: 'FreightText Pro Bold';
    font-size: 25px;
    color: #fff;
    line-height: 1.1em;
    background-color: #cd1f26;
    display: inline-block;
    padding: 5px 10px
}

.sub .headline .bx-primary-headline-pager {
    background-color: #000;
    text-align: center
}

.sub .headline .bx-primary-headline-pager .bx-pager-item {
    padding: 7px 5px
}

.sub .headline .bx-primary-headline-pager .bx-pager-item a {
    width: 25px;
    height: 25px;
    line-height: 22px;
    background-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.4);
    text-indent: 0;
    font-size: 13px;
    color: rgba(255,255,255,.6)
}

.sub .headline .bx-primary-headline-pager .bx-pager-item a:hover {
    border-color: #fff
}

.sub .headline .bx-primary-headline-pager .bx-pager-item a.active {
    color: #fff
}

.sub .sub-headline.line ul li {
    margin: 0 0 30px
}

.sub .sub-headline.second ul li {
    height: 310px
}

.sub .sub-headline.second ul li .news {
    min-height: 130px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.sub .sub-headline.second ul li .news .info .category {
    float: none
}

.sub .sub-headline.second ul li .news .content .title {
    font-size: 15px;
    color: inherit;
    height: 40px
}

.sub .sub-headline.second.line ul li {
    height: auto
}

.sub .sub-headline.second.line ul li .news .picture img {
    width: 130px;
    height: 130px
}

.sub .sub-headline.second.line ul li .news .content {
    top: 30px;
    padding-right: 10px;
    position: relative
}

.first-headline,.headline,.news-box-slider,.small-headline {
    display: inline-block;
    width: 100%
}

.first-headline ul li,.haber7 .page-main .small-headline ul li a:before,.headline ul li,.news-box-slider ul li,.small-headline ul li {
    display: none
}

.first-headline ul li a:before,.headline ul li a:before,.news-box-slider ul li a:before,.small-headline ul li a:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.first-headline ul li a:before {
    background: 0 0
}

.ekotrent .headline ul li a:before,.emlak .headline ul li a:before,.otomobil .headline ul li a:before,.tumspor .headline ul li a:before,.yemek .headline ul li a:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),to(#000));
    background-image: -webkit-linear-gradient(top,transparent 0,transparent 60%,#000 100%);
    background-image: linear-gradient(to bottom,transparent 0,transparent 60%,#000 100%)
}

.haber7 .headline.sub-page-headline ul li a:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),to(#000))!important;
    background-image: -webkit-linear-gradient(top,transparent 0,transparent 60%,#000 100%)!important;
    background-image: linear-gradient(to bottom,transparent 0,transparent 60%,#000 100%)!important
}

.news-box-slider ul li a:before,.small-headline ul li a:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),to(#000));
    background-image: -webkit-linear-gradient(top,transparent 0,transparent 60%,#000 100%);
    background-image: linear-gradient(to bottom,transparent 0,transparent 60%,#000 100%)
}

.haber7 .page-main .small-headline-inner {
    height: 380px!important
}

.haber7 .page-main .small-headline-header h3 {
    height: 38px;
    line-height: 38px;
    padding: initial
}

.haber7 .page-main .small-headline .bx-viewport,.haber7 .page-main .small-headline ul li {
    height: 380px
}

.haber7 .page-main .small-headline .slider {
    height: 380px;
    overflow: hidden
}

.haber7 .page-main .small-headline ul li .news .picture img {
    height: auto
}

#page,.page-container,.page-container-other {
    display: inline-block;
    width: 100%
}

.next-news-text {
    position: relative;
    margin: 60px 0 30px;
    color: rgba(0,0,0,.6);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    font-family: Sans-Serif
}

.next-news-text:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 115px;
    right: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.score-widget {
    width: 100%;
    height: 600px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    overflow: hidden
}

.score-widget .isHide {
    display: none
}

.score-widget-tab {
    height: 52px;
    text-align: center;
    border-bottom: 1px solid #E7E7E7;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.09);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.09)
}

.score-widget-tab_item {
    float: left;
    color: #202020;
    font-size: 24px;
    line-height: 52px;
    font-family: "FreightText Pro Black";
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative
}

.score-widget-tab_item:first-child {
    width: 55%
}

.score-widget-tab_item:last-child {
    width: 45%
}

.score-widget-tab_item+.score-widget-tab_item:after {
    top: 0;
    left: 0;
    width: 1px;
    height: 52px;
    content: "";
    background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,#ddd 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,#ddd 0,rgba(255,255,255,0) 100%);
    position: absolute
}

.score-widget-tab_item.isActive {
    color: #54A62B
}

.score-widget-tab_item:hover {
    opacity: .85
}

.score-widget-league {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.score-widget-league_item {
    width: 38px;
    height: 38px;
    display: inline-block;
    opacity: .7;
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity .16s;
    transition: opacity .16s;
    background-image: url(../images/league-logos.png);
    background-repeat: no-repeat
}

.score-widget-league_item.ptt {
    background-position: -61px 0
}

.score-widget-league_item.premier {
    background-position: -126px 0
}

.score-widget-league_item.bundesliga {
    background-position: -188px 0
}

.score-widget-league_item.bbva {
    background-position: -251px 0
}

.score-widget-league_item+.score-widget-league_item {
    margin-left: 18px
}

.score-widget-league_item+.score-widget-league_item:after {
    top: 9px;
    left: -11px;
    width: 1px;
    height: 20px;
    content: "";
    background: #D8D8D8;
    position: absolute
}

.score-widget-league_item.isActive:before {
    left: 0;
    bottom: -10px;
    width: 38px;
    height: 3px;
    content: "";
    background: #54A62B;
    position: absolute
}

.score-widget-league_item.isActive,.score-widget-league_item:hover {
    opacity: 1
}

.score-widget-content {
    height: 466px;
    cursor: default;
    overflow-y: auto;
    font-family: sans-serif
}

.score-widget-content-score {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.score-widget-content-score thead tr th {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
    z-index: 2;
    text-align: center;
    background: #fff;
    position: relative
}

.score-widget-content-score thead tr th:first-child {
    width: 23px
}

.score-widget-content-score thead tr th:nth-child(2) {
    width: 75px;
    padding-left: 9px;
    padding-right: 9px;
    text-align: left
}

.score-widget-content-score thead tr th:nth-child(2)~th {
    width: 27px
}

.score-widget-content-score thead tr th:nth-child(3)~th:after {
    top: 0;
    left: 0;
    width: 1px;
    height: 30px;
    content: "";
    position: absolute;
    background: -webkit-gradient(linear,left bottom,left top,from(#ddd),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom,#ddd 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,#ddd 0,rgba(255,255,255,0) 100%)
}

.score-widget-content-score thead tr th:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    z-index: 2;
    background: #ddd;
    position: absolute
}

.score-widget-content-score tbody {
    font-size: 12px;
    font-weight: 500;
    color: #3C3C3C
}

.score-widget-content-score tbody tr:hover td {
    background: rgba(0,0,0,.06)
}

.score-widget-content-score tbody tr:hover td:first-child {
    background: rgba(0,0,0,.12)!important
}

.score-widget-content-score tbody tr td:first-child,.score-widget-content-score tbody tr td:hover:after {
    background: rgba(0,0,0,.06)
}

.score-widget-content-score tbody tr td {
    text-align: center;
    position: relative;
    z-index: 2
}

.score-widget-content-score tbody tr td:nth-child(2) {
    text-align: left;
    padding-left: 9px;
    padding-right: 9px;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-widget-content-score tbody tr td:nth-child(n+2)+td:hover:after {
    top: -5000px;
    left: 0;
    width: 100%;
    height: 10000px;
    content: '';
    z-index: -1;
    position: absolute
}

.score-widget-content-score tbody tr td:hover {
    z-index: 0
}

.score-widget-content-score tbody tr:nth-last-child(-n+3) td:first-child {
    color: #6F3A3A;
    background: #F8DEDE
}

.score-widget-content-score:nth-child(1) tbody tr:nth-child(n+1):nth-child(-n+2) td:first-child {
    color: #3A4F1F;
    background: #D9E7D2
}

.score-widget-content-score:nth-child(1) tbody tr:nth-child(n+3):nth-child(-n+4) td:first-child {
    color: #3A4F1F;
    background: #E1EFD9
}

.score-widget-content-score:nth-child(2) tbody tr:nth-child(n+1):nth-child(-n+2) td:first-child {
    color: #3A4F1F;
    background: #D9E7D2
}

.score-widget-content-score:nth-child(2) tbody tr:nth-child(n+3):nth-child(-n+6) td:first-child {
    color: #3A4F1F;
    background: #E1EFD9
}

.score-widget-content-score:nth-child(3) tbody tr:nth-child(n+1):nth-child(-n+4) td:first-child {
    color: #3A4F1F;
    background: #D9E7D2
}

.score-widget-content-score:nth-child(3) tbody tr:nth-child(-n+5) td:first-child {
    color: #3A4F1F;
    background: #E1EFD9
}

.score-widget-content-score:nth-child(4) tbody tr:nth-child(n+1):nth-child(-n+4) td:first-child,.score-widget-content-score:nth-child(5) tbody tr:nth-child(n+1):nth-child(-n+4) td:first-child {
    color: #3A4F1F;
    background: #D9E7D2
}

.score-widget-content-score:nth-child(4) tbody tr:nth-child(n+5):nth-child(-n+6) td:first-child,.score-widget-content-score:nth-child(5) tbody tr:nth-child(n+5):nth-child(-n+6) td:first-child {
    color: #3A4F1F;
    background: #E1EFD9
}

.score-widget-content-fixture {
    font-weight: 700;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px
}

.score-widget-content-fixture .fixture-header {
    height: 30px;
    color: #323232;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px
}

.score-widget-content-fixture .fixture-header .league-name {
    float: left;
    font-size: 13px
}

.score-widget-content-fixture .fixture-header .navigate {
    float: right
}

.score-widget-content-fixture .fixture-header .navigate>* {
    float: left
}

.score-widget-content-fixture .fixture-header .navigate .icon-next,.score-widget-content-fixture .fixture-header .navigate .icon-prev {
    width: 30px;
    height: inherit;
    color: #B2B2B2;
    font-size: 30px;
    cursor: pointer
}

.score-widget-content-fixture .fixture-header .navigate .icon-next:hover,.score-widget-content-fixture .fixture-header .navigate .icon-prev:hover {
    color: #7f7f7f
}

.score-widget-content-fixture .fixture-header .navigate .icon-prev:before {
    content: "\e110"
}

.score-widget-content-fixture .fixture-header .navigate .icon-next:before {
    content: "\e111"
}

.score-widget-content-fixture .fixture-header .navigate .week-title {
    float: left;
    min-width: 82px;
    font-size: 16px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px
}

.score-widget-content-fixture .week {
    font-size: 14px;
    font-weight: 500;
    overflow-y: auto
}

.score-widget-content-fixture .week .date {
    color: #54A62B;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative
}

.score-widget-content-fixture .week .date:after {
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear,right top,left top,from(#FFF),color-stop(99%,#EEE));
    background-image: -webkit-linear-gradient(right,#FFF 0,#EEE 99%);
    background-image: linear-gradient(to left,#FFF 0,#EEE 99%)
}

.score-widget-content-fixture .week .match-details {
    color: #5A5A5A;
    overflow: hidden;
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 15px;
    margin-right: 15px
}

.score-widget-content-fixture .week .match-details+.match-details {
    border-top: 1px solid #EFEFEF
}

.score-widget-content-fixture .week .match-details:hover {
    color: #D83A34
}

.score-widget-content-fixture .week .away,.score-widget-content-fixture .week .home {
    float: left;
    width: 36.5%;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-widget-content-fixture .week .score,.score-widget-content-fixture .week .time {
    float: left;
    width: 15%;
    text-align: center
}

.explorer-warning {
    height: 82px;
    padding-top: 18px;
    font-weight: 700;
    padding-bottom: 18px;
    background: #E6E6E6
}

.explorer-warning .icon {
    background-image: url(../images/old-browsers-sprite.png);
    background-repeat: no-repeat
}

.explorer-warning .h7-logo {
    float: left;
    width: 46px;
    height: 46px;
    margin-left: 25px;
    margin-right: 20px;
    background-position: 0 0
}

.explorer-warning .warning-text {
    float: left;
    font-size: 13px;
    line-height: 17px;
    margin-top: 6px
}

.explorer-warning .warning-text>span {
    display: block
}

.explorer-warning .warning-text em {
    color: #DA2128;
    font-style: normal
}

.explorer-warning .browser-logo {
    width: 110px;
    height: 40px;
    float: left;
    padding-top: 6px;
    line-height: 14px;
    font-size: 12px;
    padding-left: 55px
}

.explorer-warning .browser-logo-frame {
    float: right;
    margin-right: 110px
}

.explorer-warning .browser-logo+a {
    margin-left: 30px
}

.explorer-warning .browser-logo.moz {
    background-position: 0 -61px
}

.explorer-warning .browser-logo.chrome {
    background-position: 0 -121px
}

.explorer-warning .browser-logo.ie {
    background-position: 0 -180px
}

.exchange-rate {
    height: 133px;
    overflow: hidden;
    cursor: default;
    border: 1px solid #E5E8E9;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(221,225,226,.8)),to(rgba(250,248,248,0)));
    background: -webkit-linear-gradient(top,rgba(221,225,226,.8) 0,rgba(250,248,248,0) 100%);
    background: linear-gradient(to bottom,rgba(221,225,226,.8) 0,rgba(250,248,248,0) 100%)
}

.exchange-rate-title {
    font-size: 30px;
    line-height: 30px;
    margin-top: 24px;
    margin-bottom: 20px;
    font-family: 'FreightText Pro Black'
}

.exchange-rate-content {
    float: left;
    width: 26.666666%;
    padding: 37px 0
}

.exchange-rate-content+div {
    width: 24.2%;
    border-left: 1px solid #e0e0e0
}

.exchange-rate-content .logo {
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 17px;
    margin-right: 8px;
    background-image: url(/assets/v2/ekonomi/images/exchange-logos.png);
    background-repeat: no-repeat
}

.exchange-rate-content .logo.gold {
    background-position: 0 -258px
}

.exchange-rate-content .logo.dollar {
    background-position: 0 -172px
}

.exchange-rate-content .logo.euro {
    background-position: 0 -85px
}

.exchange-rate-content .logo.bist {
    background-position: 0 -3px
}

.exchange-rate-content .name {
    font-size: 15px;
    line-height: 16px;
    font-family: "FreightText Pro Black";
    margin-bottom: 3px;
    display: inline-block;
    color: #005077
}

.exchange-rate-content .value {
    color: #1584ba;
    display: block;
    font-family: 'Brandon Grotesque Black'
}

.exchange-rate-content .value.first {
    font-size: 21px;
    line-height: 19px;
    margin-bottom: 5px
}

.exchange-rate-content .value.second {
    font-size: 14px;
    line-height: 14px
}

.exchange-rate-content .icon {
    width: 18px;
    height: 9px;
    display: inline-block;
    margin-left: 5px;
    background-image: url(/assets/v2/ekonomi/images/exchange-arrow.png);
    background-repeat: no-repeat
}

.exchange-rate-content .icon.up {
    background-position: 0 0
}

.exchange-rate-content .icon.down {
    background-position: 0 -9px
}

.exchange-calculation {
    height: 325px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

.exchange-calculation-title {
    font-size: 30px;
    font-family: "FreightText Pro Black";
    padding: 18px 25px;
    margin-bottom: 17px;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.09);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.09)
}

.exchange-calculation-content {
    padding: 0 25px;
    margin-bottom: 15px
}

.exchange-calculation-content label {
    width: 100%;
    color: #1584ba;
    font-size: 15px;
    font-weight: 600
}

.exchange-calculation-content label span {
    color: #bcd0da;
    font-size: 12px
}

.exchange-calculation-content input {
    width: 100%;
    color: #222;
    display: block;
    outline: 0;
    padding: 3% 2%;
    margin-top: 4px;
    font-weight: 400;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d9d9d9
}

.home-exchange .exchange-rate {
    height: 355px;
    overflow: hidden;
    cursor: default;
    border: none;
    background: #ececec
}

.home-exchange .exchange-rate-title {
    padding-left: 17px;
    font-size: 30px;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 0;
    font-family: 'FreightText Pro Black';
    border-left: solid 3px #32b3ea
}

.home-exchange .exchange-rate-content {
    float: none;
    width: 100%;
    padding: 17px 0 17px 17px;
    border-bottom: solid 1px #e0e0e0
}

.home-exchange .exchange-rate-content:first-of-type {
    padding-top: 21px
}

.home-exchange .exchange-rate-content:last-of-type {
    border: none
}

.home-exchange .exchange-rate-content .logo {
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    background-image: url(/assets/v2/common/images/exchange-logos.png);
    background-repeat: no-repeat
}

.home-exchange .exchange-rate-content .logo.gold {
    background-position: 0 0
}

.home-exchange .exchange-rate-content .logo.dollar {
    background-position: 0 -40px
}

.home-exchange .exchange-rate-content .logo.euro {
    background-position: 0 -80px
}

.home-exchange .exchange-rate-content .logo.bist {
    background-position: 0 -120px
}

.home-exchange .exchange-rate-content .name {
    font-size: 15px;
    line-height: 15px;
    font-family: 'Brandon Grotesque Black';
    margin-bottom: 3px;
    display: inline-block;
    color: #005077
}

.home-exchange .exchange-rate-content .value {
    color: #1584ba;
    display: block;
    font-family: 'Brandon Grotesque Black';
    margin-bottom: 0
}

.home-exchange .exchange-rate-content .value.first {
    font-size: 18px;
    line-height: 18px
}

.home-exchange .exchange-rate-content .value.second {
    display: none;
    font-size: 18px;
    line-height: 18px
}

.home-exchange .exchange-rate-content .icon {
    width: 18px;
    height: 9px;
    display: inline-block;
    margin-left: 5px;
    background-image: url(/assets/v2/common/images/exchange-arrow.png);
    background-repeat: no-repeat
}

.home-exchange .exchange-rate-content .icon.up {
    background-position: 0 0
}

.home-exchange .exchange-rate-content .icon.down {
    background-position: 0 -9px
}

.horizontal-ads-center {
    position: relative
}

.ads-left,.ads-right {
    top: 0;
    width: 480px;
    height: 1000px;
    display: block;
    position: absolute;
    z-index: 99
}

.ads-left {
    left: -485px;
    text-align: right!important
}

.ads-right {
    right: -485px;
    text-align: left!important
}

.close_turkcell,.masthead .close_masthead {
    position: absolute;
    z-index: 10;
    padding: 5px 10px;
    background-color: #C30E41;
    font-size: 12px;
    line-height: 12px;
    font-family: sans-serif;
    color: #fff
}

.ads-right-160 {
    top: 620px;
    left: 0;
    position: absolute
}

.detail-page-skin.isSticky {
    margin-top: 60px
}

.masthead,.mt-turkcell {
    margin-top: 30px
}

.masthead-container {
    width: 970px!important
}

.masthead {
    display: inline-block;
    overflow: hidden;
    text-align: center
}

.masthead.open {
    height: 252px
}

.masthead.close {
    height: 0
}

.masthead .close_masthead {
    top: 10px;
    right: 0;
    -webkit-border-radius: 3px 3px 1px 1px;
    border-radius: 3px 3px 1px 1px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.4)
}

.close_turkcell {
    bottom: 100%;
    right: 15px;
    -webkit-border-radius: 3px 3px 1px 1px;
    border-radius: 3px 3px 1px 1px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.4)
}

.close_turkcell:focus,.close_turkcell:hover {
    color: #FFF
}

#turkcell_tight {
    width: 100%
}

.middle-news .live-center {
    width: 100%;
    height: 54px
}

.middle-news .live-center a {
    display: block;
    width: 100%;
    height: 54px;
    background-image: url(../../spor/images/live-center.jpg)
}

.haber7 .headline ul li a:before {
    background: 0 0!important
}

.haber7 .headline .bx-secondary-headline-pager {
    background-color: #efefef
}

.haber7 .headline .bx-secondary-headline-pager .bx-pager-item a {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #fefefe;
    color: #000;
    -webkit-transition: none;
    transition: none
}

.haber7 .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128
}

.haber7 .headline .bx-secondary-headline-pager .bx-pager-item:first-of-type a {
    border-left: 1px solid #ccc
}

.haber7 .headline .bx-secondary-headline-pager .bx-pager-item:last-of-type a {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #fefefe
}

.haber7 .page-main .headline .bx-secondary-headline-pager .bx-pager-item:last-of-type a.all-headline-link:hover {
    color: #DA2128
}

.sub.tumspor .about-pages .contact .box .title,.sub.tumspor .about-pages .team ul li .titles,.sub.tumspor .breaking-news ul li .news .content .info .hour,.sub.tumspor .breaking-news ul li .news .content .info .hour:after,.sub.tumspor .breaking-news-list ul li .news .content .info .time,.sub.tumspor .page-header #breaking-news .title,.sub.tumspor .page-header #menu ul li a:hover,.sub.tumspor .page-header #top-bar #custom-menu .content ul li a:hover,.sub.tumspor .page-header #top-bar #custom-menu .content ul li:hover a:first-child,.sub.tumspor .page-header #top-bar #custom-menu.active .icon:before,.sub.tumspor .page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover,.sub.tumspor .page-main .comments .comments-list li .bottom span.like:hover,.sub.tumspor .page-main .comments .comments-list li .bottom span.reply:hover,.sub.tumspor .page-main .comments .comments-list li .top .report,.sub.tumspor .page-main .news-detail .go .options ul li a .icon,.sub.tumspor .page-main .news-detail .print-like span:hover,.sub.tumspor .page-main .news-detail .print-like:hover,.sub.tumspor .page-main .second-headline ul li:last-child a,.sub.tumspor .search-modal .form .search button:hover,.sub.tumspor .search-modal .form .tags a:hover,.sub.tumspor a:focus,.sub.tumspor a:hover {
    color: #57A534
}

.haber7 .page-header #top-bar {
    height: 80px
}

.haber7 .page-header #top-bar #logo {
    margin: 15px 0 0
}

.haber7 .page-header #top-bar #logo a img {
    height: 50px
}

.haber7 .page-header #menu {
    min-height: 34px
}

.haber7 .page-header #menu ul li a {
    padding: 10px 4px
}

.haber7 .second-headline .picture.home-first {
    height: 243px
}

.haber7 .second-headline .picture.home-first img {
    width: 100%;
    height: auto
}

.haber7 .media-home-page ul li .news {
    height: 230px
}

.haber7 .media-home-page ul li .news .picture img {
    height: 200px
}

.haber7 .days-news ul {
    height: 345px
}

.haber7 .days-news .more {
    background-color: #636363
}

.haber7 .days-news .title {
    position: relative;
    padding: 26px 30px 47px
}

.haber7 .days-news .title h3 {
    display: block;
    font-family: 'FreightText Pro Black';
    font-size: 30px;
    padding-left: 20px;
    position: absolute;
    z-index: 1;
    left: 0
}

.haber7 .days-news .title h3:after {
    top: -7px;
    width: 3px;
    height: 36px;
    left: 0;
    content: '';
    position: absolute;
    background-color: #DA2128
}

.sub.tumspor #about-modal .contact .form-element .zelect ol li:hover,.sub.tumspor #about-modal .contact .form-element button:hover,.sub.tumspor .about-pages .contact .form .form-element button:hover,.sub.tumspor .breaking-news ul li .news .content .info .hour:before,.sub.tumspor .days-news .more,.sub.tumspor .gbox .box-title:before,.sub.tumspor .result-info .date-select button {
    background-color: #57A534
}

.sub.tumspor .page-header #top-bar #custom-menu .content ul li:hover {
    border-left-color: #57A534
}

.sub.tumspor .page-main .first-headline .bx-pager .bx-pager-item a.active,.sub.tumspor .page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    background-color: #57A534;
    border-color: #57A534
}

.sub.tumspor .page-main .second-headline ul li:last-child {
    border-color: #57A534
}

.sub.tumspor .headline ul li .news .content .second-title {
    background-color: #386b22
}

.sub.ekotrent #about-modal .contact .form-element .zelect ol li:hover,.sub.ekotrent #about-modal .contact .form-element button:hover,.sub.ekotrent .about-pages .contact .form .form-element button:hover,.sub.ekotrent .breaking-news ul li .news .content .info .hour:before,.sub.ekotrent .days-news .more,.sub.ekotrent .gbox .box-title:before,.sub.ekotrent .result-info .date-select button {
    background-color: #1684BB
}

.sub.tumspor .page-main .news-detail .news-content p a {
    color: #386b22
}

.sub.ekotrent .about-pages .contact .box .title,.sub.ekotrent .about-pages .team ul li .titles,.sub.ekotrent .breaking-news ul li .news .content .info .hour,.sub.ekotrent .breaking-news ul li .news .content .info .hour:after,.sub.ekotrent .breaking-news-list ul li .news .content .info .time,.sub.ekotrent .page-header #breaking-news .title,.sub.ekotrent .page-header #menu ul li a:hover,.sub.ekotrent .page-header #top-bar #custom-menu .content ul li a:hover,.sub.ekotrent .page-header #top-bar #custom-menu .content ul li:hover a:first-child,.sub.ekotrent .page-header #top-bar #custom-menu.active .icon:before,.sub.ekotrent .page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover,.sub.ekotrent .page-main .comments .comments-list li .bottom span.like:hover,.sub.ekotrent .page-main .comments .comments-list li .bottom span.reply:hover,.sub.ekotrent .page-main .comments .comments-list li .top .report,.sub.ekotrent .page-main .news-detail .go .options ul li a .icon,.sub.ekotrent .page-main .news-detail .print-like span:hover,.sub.ekotrent .page-main .news-detail .print-like:hover,.sub.ekotrent .page-main .second-headline ul li:last-child a,.sub.ekotrent .search-modal .form .search button:hover,.sub.ekotrent .search-modal .form .tags a:hover,.sub.ekotrent a:focus,.sub.ekotrent a:hover {
    color: #1684BB
}

.sub.ekotrent .page-header #top-bar #custom-menu .content ul li:hover {
    border-left-color: #1684BB
}

.sub.emlak .page-header #top-bar #custom-menu .content ul li:hover,.sub.otomobil .page-header #top-bar #custom-menu .content ul li:hover {
    border-left-color: #e24547
}

.sub.ekotrent .page-main .first-headline .bx-pager .bx-pager-item a.active,.sub.ekotrent .page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    background-color: #1684BB;
    border-color: #1684BB
}

.sub.ekotrent .page-main .second-headline ul li:last-child {
    border-color: #1684BB
}

.sub.ekotrent .headline ul li .news .content .second-title {
    background-color: #0e5477
}

.sub.ekotrent .page-main .news-detail .news-content p a {
    color: #0e5477
}

.sub.otomobil .about-pages .contact .box .title,.sub.otomobil .about-pages .team ul li .titles,.sub.otomobil .breaking-news ul li .news .content .info .hour,.sub.otomobil .breaking-news ul li .news .content .info .hour:after,.sub.otomobil .breaking-news-list ul li .news .content .info .time,.sub.otomobil .page-header #breaking-news .title,.sub.otomobil .page-header #menu ul li a:hover,.sub.otomobil .page-header #top-bar #custom-menu .content ul li a:hover,.sub.otomobil .page-header #top-bar #custom-menu .content ul li:hover a:first-child,.sub.otomobil .page-header #top-bar #custom-menu.active .icon:before,.sub.otomobil .page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover,.sub.otomobil .page-main .comments .comments-list li .bottom span.like:hover,.sub.otomobil .page-main .comments .comments-list li .bottom span.reply:hover,.sub.otomobil .page-main .comments .comments-list li .top .report,.sub.otomobil .page-main .news-detail .go .options ul li a .icon,.sub.otomobil .page-main .news-detail .print-like span:hover,.sub.otomobil .page-main .news-detail .print-like:hover,.sub.otomobil .page-main .second-headline ul li:last-child a,.sub.otomobil .search-modal .form .search button:hover,.sub.otomobil .search-modal .form .tags a:hover,.sub.otomobil a:focus,.sub.otomobil a:hover {
    color: #e24547
}

.sub.ekotrent .page-main .bx-news-box-pager .bx-pager-item a.active {
    background-color: #1684BB;
    border-color: #1684BB
}

.sub.otomobil #about-modal .contact .form-element .zelect ol li:hover,.sub.otomobil #about-modal .contact .form-element button:hover,.sub.otomobil .about-pages .contact .form .form-element button:hover,.sub.otomobil .breaking-news ul li .news .content .info .hour:before,.sub.otomobil .days-news .more,.sub.otomobil .gbox .box-title:before,.sub.otomobil .result-info .date-select button {
    background-color: #e24547
}

.sub.otomobil .page-main .first-headline .bx-pager .bx-pager-item a.active,.sub.otomobil .page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    background-color: #e24547;
    border-color: #e24547
}

.sub.otomobil .page-main .second-headline ul li:last-child {
    border-color: #e24547
}

.sub.otomobil .headline ul li .news .content .second-title {
    background-color: #bd1d20
}

.sub.emlak #about-modal .contact .form-element .zelect ol li:hover,.sub.emlak #about-modal .contact .form-element button:hover,.sub.emlak .about-pages .contact .form .form-element button:hover,.sub.emlak .breaking-news ul li .news .content .info .hour:before,.sub.emlak .days-news .more,.sub.emlak .gbox .box-title:before,.sub.emlak .result-info .date-select button,.sub.otomobil .page-main .bx-news-box-pager .bx-pager-item a.active,.sub.otomobil .page-main .news-box-slider h3:after {
    background-color: #e24547
}

.sub.otomobil .page-main .news-detail .news-content p a {
    color: #bd1d20
}

.sub.emlak .about-pages .contact .box .title,.sub.emlak .about-pages .team ul li .titles,.sub.emlak .breaking-news ul li .news .content .info .hour,.sub.emlak .breaking-news ul li .news .content .info .hour:after,.sub.emlak .breaking-news-list ul li .news .content .info .time,.sub.emlak .page-header #breaking-news .title,.sub.emlak .page-header #menu ul li a:hover,.sub.emlak .page-header #top-bar #custom-menu .content ul li a:hover,.sub.emlak .page-header #top-bar #custom-menu .content ul li:hover a:first-child,.sub.emlak .page-header #top-bar #custom-menu.active .icon:before,.sub.emlak .page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover,.sub.emlak .page-main .comments .comments-list li .bottom span.like:hover,.sub.emlak .page-main .comments .comments-list li .bottom span.reply:hover,.sub.emlak .page-main .comments .comments-list li .top .report,.sub.emlak .page-main .news-detail .go .options ul li a .icon,.sub.emlak .page-main .news-detail .print-like span:hover,.sub.emlak .page-main .news-detail .print-like:hover,.sub.emlak .page-main .second-headline ul li:last-child a,.sub.emlak .search-modal .form .search button:hover,.sub.emlak .search-modal .form .tags a:hover,.sub.emlak a:focus,.sub.emlak a:hover {
    color: #e24547
}

.sub.otomobil .page-main .bx-news-box-pager .bx-pager-item a.active {
    border-color: #e24547
}

.sub.emlak .page-main .first-headline .bx-pager .bx-pager-item a.active,.sub.emlak .page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    background-color: #e24547;
    border-color: #e24547
}

.sub.emlak .page-main .second-headline ul li:last-child {
    border-color: #e24547
}

.sub.emlak .headline ul li .news .content .second-title {
    background-color: #bd1d20
}

.sub.emlak .page-main .news-detail .news-content p a {
    color: #bd1d20
}

.sub.yemek .about-pages .contact .box .title,.sub.yemek .about-pages .team ul li .titles,.sub.yemek .breaking-news ul li .news .content .info .hour,.sub.yemek .breaking-news ul li .news .content .info .hour:after,.sub.yemek .breaking-news-list ul li .news .content .info .time,.sub.yemek .page-header #breaking-news .title,.sub.yemek .page-header #menu ul li a:hover,.sub.yemek .page-header #top-bar #custom-menu .content ul li a:hover,.sub.yemek .page-header #top-bar #custom-menu .content ul li:hover a:first-child,.sub.yemek .page-header #top-bar #custom-menu.active .icon:before,.sub.yemek .page-header #top-bar #top-widgets>ul>li .hbox .content .times li:hover,.sub.yemek .page-main .comments .comments-list li .bottom span.like:hover,.sub.yemek .page-main .comments .comments-list li .bottom span.reply:hover,.sub.yemek .page-main .comments .comments-list li .top .report,.sub.yemek .page-main .news-detail .go .options ul li a .icon,.sub.yemek .page-main .news-detail .print-like span:hover,.sub.yemek .page-main .news-detail .print-like:hover,.sub.yemek .page-main .second-headline ul li:last-child a,.sub.yemek .search-modal .form .search button:hover,.sub.yemek .search-modal .form .tags a:hover,.sub.yemek a:focus,.sub.yemek a:hover {
    color: #f19b2c
}

.sub.emlak .page-main .bx-news-box-pager .bx-pager-item a.active {
    background-color: #e24547;
    border-color: #e24547
}

.sub.emlak .page-main .news-box-slider h3:after {
    background-color: #e24547
}

.sub.yemek #about-modal .contact .form-element .zelect ol li:hover,.sub.yemek #about-modal .contact .form-element button:hover,.sub.yemek .about-pages .contact .form .form-element button:hover,.sub.yemek .breaking-news ul li .news .content .info .hour:before,.sub.yemek .days-news .more,.sub.yemek .gbox .box-title:before,.sub.yemek .result-info .date-select button {
    background-color: #f19b2c
}

.sub.yemek .page-header #top-bar #custom-menu .content ul li:hover {
    border-left-color: #f19b2c
}

.sub.yemek .page-main .first-headline .bx-pager .bx-pager-item a.active,.sub.yemek .page-main .headline .bx-secondary-headline-pager .bx-pager-item a.active {
    background-color: #f19b2c;
    border-color: #f19b2c
}

.sub.yemek .page-main .second-headline ul li:last-child {
    border-color: #f19b2c
}

.sub.yemek .headline ul li .news .content .second-title {
    background-color: #c4740d
}

.sub.yemek .page-main .news-detail .news-content p a {
    color: #c4740d
}

.sub.yemek .page-main .bx-news-box-pager .bx-pager-item a.active {
    background-color: #f19b2c;
    border-color: #f19b2c
}

.ie8 .days-news>.title,.ie8 .days-news>ul li,.ie8 .page-main .news-detail .go .options ul li,.ie8 .search-modal .form .search input {
    border-bottom: 1px solid #ddd
}

.sub.yemek .page-main .news-box-slider h3:after {
    background-color: #f19b2c
}

.detail-bottom {
    border-top: solid 1px #eaeaea;
    background-color: #f9f9f9
}

.news-source {
    font-family: 'Brandon Grotesque Black';
    color: rgba(0,0,0,.5);
    margin-bottom: 30px
}

.news-source span {
    margin-left: 10px;
    color: rgba(0,0,0,.65)
}

.content-bottom-frame {
    position: relative;
    min-height: 40px
}

.content-bottom-frame .tags {
    width: 90%;
    overflow: hidden
}

.content-bottom-frame .tags ul li {
    margin: 0 5px 8px 0!important
}

.content-bottom-frame .print-like {
    float: initial!important;
    position: absolute!important;
    top: 9px!important;
    right: 10px!important
}

.ie8 .top-headline ul li,.ie8 .top-headline-second ul li {
    margin-right: 20px
}

.ie8 .days-news {
    border: 1px solid #ddd
}

.ie8 .page-footer .links ul li a {
    color: #7A7B7C
}

.ie8 .bx-secondary-headline-pager .bx-pager-item a {
    color: #ddd;
    border-right: 1px solid #333
}

.ie8 .bx-secondary-headline-pager .bx-pager-item a:hover {
    color: #fff
}

.ie8 .bx-wrapper .bx-controls-direction a:before {
    color: #9B9999
}

.ie8 .hbox .content,.ie8 .more-button,.ie8 .page-header #custom-menu .content,.ie8 .page-main .news-detail .tags ul li a,.ie8 .score-widget,.ie8 .sub-headline.second ul li .news {
    border: 1px solid #ddd
}

.ie8 .page-main .media .play:before {
    color: #fff
}

.ie8 .news .content .info .time {
    color: #90969A
}

.ie8 .headline ul li a:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    height: 161px;
    left: 0;
    background: #000
}

.ie8 .news.full-width .content,.ie8 .page-main .headline ul li .news .content,.ie8 .page-main .news-box-slider ul li .news .content,.ie8 .page-main .small-headline ul li .news .content {
    left: 0;
    right: 0;
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000');
    padding: 15px 30px
}

.ie8 .page-main .multimedia .middle .news .content {
    left: 0;
    bottom: 0
}

.ie8 .page-main .multimedia .middle .news .content .title:before {
    left: 10px
}

.ie8 .news-box {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000')
}

.ie8 .bx-primary-headline-pager {
    background: #000!important;
    z-index: 999
}

.ie8 .bx-primary-headline-pager a {
    color: #fff;
    border: 1px solid #4b4b4b
}

.ie8 .search-modal {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000', GradientType=0 )
}

.ie8 .search-modal .form {
    margin-left: -400px
}

.weather {
    position: relative
}

.weather .icon {
    display: block;
    width: 24px!important;
    height: 29px!important;
    top: -4px!important
}

.weather i[class*=" icon-"],.weather i[class^=icon-] {
    display: block;
    width: 24px;
    height: 29px;
    background-image: url(../images/icon/weather-sprite.png);
    background-position-x: 0
}

.weather .icon-acik {
    background-position-y: -145px
}

.weather .icon-az-bulutlu {
    background-position-y: -116px
}

.weather .icon-duman {
    background-position-y: -667px
}

.weather .icon-hafif-sagnak-yagisli,.weather .icon-hafif-yagmurlu {
    background-position-y: -493px
}

.weather .icon-hafif-kar-yagisli {
    background-position-y: -464px
}

.weather .icon-yer-yer-saganak-yagisli {
    background-position-y: -493px
}

.weather .icon-karla-karisik-yagmurlu {
    background-position-y: -406px
}

.weather .icon-guneyli-kuvvetli-ruzgar {
    background-position-y: -551px
}

.weather .icon-sicak {
    background-position-y: -609px
}

.weather .icon-parcali-bulutlu {
    background-position-y: -87px
}

.weather .icon-pus {
    background-position-y: -638px
}

.weather .icon-saganak-yagisli,.weather .icon-yagmurlu {
    background-position-y: -232px
}

.weather .icon-kar-yagisli {
    background-position-y: -290px
}

.weather .icon-dolu {
    background-position-y: -261px
}

.weather .icon-ruzgarli {
    background-position-y: -58px
}

.weather .icon-kuzeyli-kuvvetli-ruzgar {
    background-position-y: -522px
}

.weather .icon-soguk {
    background-position-y: -580px
}

.weather .icon-cok-bulutlu {
    background-position-y: -319px
}

.weather .icon-sis {
    background-position-y: -667px
}

.weather .icon-kuvvetli-saganak-yagisli,.weather .icon-kuvvetli-yagmurlu {
    background-position-y: -232px
}

.weather .icon-yogun-kar-yagisli {
    background-position-y: -435px
}

.weather .icon-gokgurultulu-saganak-yagisli {
    background-position-y: -406px
}

.weather .icon-toz-veya-kum-firtinasi {
    background-position-y: -29px
}

.contact-warning-text {
    font-size: 18px;
    margin-bottom: 10px;
    display: block
}

.contact-warning-button {
    padding: 20px;
    color: #fff;
    font-weight: 800;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #d05151
}

.contact-warning-button:focus,.contact-warning-button:hover {
    color: #fff;
    background-color: #C3454A
}

.result-error,.result-success {
    display: none;
    margin-bottom: 30px
}

.result-error>div,.result-success>div {
    font-size: 16px;
    padding: 10px 15px;
    color: #fff;
    display: inline-block
}

.result-error>div {
    background-color: #DA2128
}

.result-success>div {
    background-color: green
}

.about-pages-secondary .team ul li .titles {
    padding: 20px 0 10px;
    margin: 0 auto 15px;
    color: #DA2128;
    font-size: 22px;
    line-height: 1.2;
    display: block;
    float: none;
    position: relative;
    font-weight: 400;
    border: none;
    width: auto
}

.engageya-box,.subsite-engageya-box {
    border-top: solid 1px rgba(0,0,0,.1)
}

.about-pages-secondary .team ul li {
    display: block;
    text-align: center
}

.about-pages-secondary .team ul li .titles:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 1px;
    background: rgba(0,0,0,.1);
    left: 50%;
    margin-left: -25%
}

.about-pages-secondary .team ul li .names {
    padding: 0;
    float: none;
    text-align: center
}

.about-pages-secondary .team ul li .names .name {
    font-size: 16px;
    padding: 0 0 10px;
    line-height: 1.4
}

.engageya-box .eng_ww_title,.subsite-engageya-box .eng_ww_title {
    font-family: 'FreightText Pro Black';
    font-size: 34px!important
}

.footer-marquee-links-frame .container {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.footer-marquee-links-frame {
    width: 100%;
    color: #7A7B7C;
    background: #333;
    margin-bottom: 40px
}

.footer-marquee-links {
    list-style-type: none;
    display: inline-block;
    float: left;
    height: 40px;
    padding-left: 100%;
    text-indent: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    -webkit-animation: marquee 60s linear infinite;
    animation: marquee 60s linear infinite
}

.footer-marquee-links:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.footer-marquee-links_item {
    display: inline-block;
    padding-right: 15px
}

.footer-marquee-links_item a {
    display: block;
    padding-right: 10px;
    position: relative;
    color: rgba(255,255,255,.4);
    line-height: 40px;
    text-decoration: none
}

.footer-marquee-links_item:last-child a:after,.go_to_mobil {
    display: none
}

.footer-marquee-links_item a:hover {
    color: #fff
}

.footer-marquee-links_item a:after {
    right: -5px;
    content: "•";
    position: absolute
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

.go_to_mobil {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(10,10,10,.74902)
}

.go_to_mobil img {
    width: 100%
}

.mobil_notif_close {
    position: absolute;
    right: -25%;
    top: 15%;
    left: 88%
}

.mobil_notif_close img {
    width: 25%
}

.engageya-box {
    margin: 20px 0!important
}

.engageya-box .eng_ww_title {
    margin: 10px 0!important
}

.engageya-box .eng_widget_sw {
    float: left;
    width: 180px
}

@media (max-width:1400px) {
    .engageya-box .eng_widget_sw {
        width: 149px!important
    }
}

.subsite-engageya-box {
    margin: 20px 0!important
}

.subsite-engageya-box .eng_ww_title {
    margin: 10px 0!important
}

.subsite-engageya-box .eng_widget_sw {
    float: left;
    width: 180px
}

@media (max-width:1400px) {
    .subsite-engageya-box .eng_widget_sw {
        width: 149px!important
    }

    .p,.pt {
        padding-top: 10px
    }

    .p,.pb {
        padding-bottom: 10px
    }

    .m,.mt {
        margin-top: 10px
    }

    .m,.mb {
        margin-bottom: 10px
    }

    .page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a.active,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a.active,.page-main .multimedia-box-photo.home .bx-pager-item-all a.active,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a.active,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a.active,.page-main .multimedia-box-video.home .bx-pager-item-all a.active,.page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a.active,.page-main .sub-headline.home .bx-pager-item-all a.active {
        border: 4px solid #DA2128
    }

    .haber7 .second-headline .picture.home-first {
        height: 276px
    }

    .haber7 .second-headline .picture.home-first img {
        width: 100%;
        height: auto
    }

    .hidden-lg {
        display: block!important
    }

    .hidden-md {
        display: none!important
    }

    .container {
        max-width: 960px
    }

    .pl {
        padding-left: 10px
    }

    .pr {
        padding-right: 10px
    }

    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.container-fluid {
        padding-left: 5px;
        padding-right: 5px
    }

    .ml {
        margin-left: 10px
    }

    .mr {
        margin-right: 10px
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto
    }

    .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .ads {
        text-align: center
    }

    .ads.square {
        height: 260px;
        padding: 5px
    }

    .ads.tower {
        height: 660px;
        padding: 25px 5px
    }

    .ads.tower.home {
        height: 600px;
        padding: 0
    }

    .ads.home-horizontal {
        height: 78px;
        padding: 0;
        overflow: hidden
    }

    .ads.home-horizontal img {
        width: 468px;
        height: 60px
    }

    .middle-engageya-responsive {
        position: relative;
        width: 100%;
        height: 710px
    }

    .news .picture {
        margin: 0 10px 0 0
    }

    .big-title {
        margin: 30px 0 20px 5px
    }

    .page-header #top-bar #top-widgets ul li.search .area,.tumspor .page-header #menu ul li:nth-child(n+11) {
        display: none
    }

    .tumspor .page-header #menu ul li:last-of-type {
        display: inline-block
    }

    .days-news ul li:nth-child(n+5),.haber7 .page-header #menu ul li:nth-child(n+15),.page-main .second-headline ul li:nth-child(n+4),.prev-next-news {
        display: none
    }

    .page-main .first-headline,.page-main .first-headline .bx-viewport,.page-main .first-headline ul li {
        height: 190px
    }

    .page-main .first-headline ul li a img {
        height: initial
    }

    .page-main .headline .bx-secondary-headline-pager.bx-category {
        bottom: -15px
    }

    .page-main .headline .bx-secondary-headline-pager .bx-pager-item a {
        width: 24.21px
    }

    .page-main .middle-news .sub-headline ul li,.page-main .middle-news .sub-headline ul li.parts-one {
        height: 231px!important
    }

    .page-main .middle-news .sub-headline ul li.parts-one .picture {
        height: inherit
    }

    .page-main .sub-headline .picture-top-headline:before,.page-main .sub-headline ul li {
        height: 213px
    }

    .page-main .sub-headline.home {
        width: 630px;
        height: 267px
    }

    .page-main .sub-headline.home ul li {
        width: 630px;
        height: 216px;
        float: left
    }

    .page-main .sub-headline.home ul li .picture {
        width: 406px;
        height: 100%
    }

    .page-main .sub-headline.home ul li .content {
        width: 224px;
        height: 216px
    }

    .page-main .sub-headline.home ul li .content .title {
        font-size: 21px;
        line-height: 25px
    }

    .page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a.active:before,.page-main .sub-headline.home .bx-pager-item-all a.active:before {
        bottom: -11px;
        left: 25px;
        font-size: 12px
    }

    .page-main .sub-headline.home .bx-middle-headline-pager {
        height: 50px;
        padding: 5px
    }

    .page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item {
        margin: 0 3px 0 0
    }

    .page-main .sub-headline.home .bx-middle-headline-pager .bx-pager-item a {
        width: 62px;
        height: 40px
    }

    .page-main .sub-headline.home .bx-pager-item-all {
        margin: 4px 3px 0 0
    }

    .page-main .sub-headline.home .bx-pager-item-all a {
        width: 93px;
        height: 40px
    }

    .page-main .sub-headline.home .bx-pager-item-all a h3 {
        width: 100%;
        height: 40px;
        background-size: 46px 35px
    }

    .page-main .sub-headline.list ul li {
        margin: 0 0 10px
    }

    .page-main .sub-headline.list ul li.col-md-3,.page-main .sub-headline.list ul li.col-md-3 .picture img {
        height: 230px
    }

    .page-main .sub-headline.list ul li.col-md-4 {
        height: 174px
    }

    .page-main .multimedia-box-photo.home,.page-main .multimedia-box-video.home {
        height: 300px
    }

    .page-main .multimedia-box-photo.home ul li,.page-main .multimedia-box-video.home ul li {
        width: 100%;
        height: 256px;
        float: left
    }

    .page-main .multimedia-box-photo.home ul li .picture img,.page-main .multimedia-box-video.home ul li .picture img {
        width: 100%;
        height: auto
    }

    .page-main .multimedia-box-photo.home ul li .content,.page-main .multimedia-box-video.home ul li .content {
        width: 50%;
        left: 50px;
        padding: 10px
    }

    .page-main .multimedia-box-photo.home ul li .content .title,.page-main .multimedia-box-video.home ul li .content .title {
        font-size: 20px;
        line-height: 24px
    }

    .page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a.active:before,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a.active:before,.page-main .multimedia-box-photo.home .bx-pager-item-all a.active:before,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a.active:before,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a.active:before,.page-main .multimedia-box-video.home .bx-pager-item-all a.active:before {
        bottom: -11px;
        left: 25px;
        font-size: 12px
    }

    .page-main .multimedia-box-photo.home .bx-middle-photo-pager,.page-main .multimedia-box-photo.home .bx-middle-video-pager,.page-main .multimedia-box-video.home .bx-middle-photo-pager,.page-main .multimedia-box-video.home .bx-middle-video-pager {
        height: 50px;
        padding: 5px
    }

    .page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item {
        margin: 0 3px 0 0
    }

    .page-main .multimedia-box-photo.home .bx-middle-photo-pager .bx-pager-item a,.page-main .multimedia-box-photo.home .bx-middle-video-pager .bx-pager-item a,.page-main .multimedia-box-video.home .bx-middle-photo-pager .bx-pager-item a,.page-main .multimedia-box-video.home .bx-middle-video-pager .bx-pager-item a {
        width: 62px;
        height: 40px
    }

    .page-main .multimedia-box-photo.home .bx-pager-item-all,.page-main .multimedia-box-video.home .bx-pager-item-all {
        margin: 4px 3px 0 0
    }

    .page-main .multimedia-box-photo.home .bx-pager-item-all a,.page-main .multimedia-box-video.home .bx-pager-item-all a {
        width: 93px;
        height: 40px
    }

    .page-main .multimedia-box-photo.home .bx-pager-item-all a h3,.page-main .multimedia-box-video.home .bx-pager-item-all a h3 {
        width: 100%;
        height: 40px;
        background-size: 46px 35px
    }

    .page-main .second-headline {
        margin: 0 0 5px;
        width: 100%
    }

    .page-main .second-headline ul li {
        width: 309px;
        height: 286px
    }

    .page-main .second-headline ul li .news .picture img {
        height: 286px
    }

    .page-main .second-headline ul li:first-child {
        width: 100%;
        margin: 0 0 10px;
        height: 276px
    }

    .page-main .second-headline ul li:first-child .news .picture img {
        height: 100%
    }

    .page-main .second-headline ul li:first-child .content {
        bottom: 25px
    }

    .page-main .second-headline ul li:nth-child(3) {
        margin-left: 10px
    }

    .page-main .second-headline ul li:nth-child(n+4) .content .title {
        font-size: 16px
    }

    .page-main .second-headline-home {
        width: 470px;
        height: 340px
    }

    .page-main .second-headline-home ul li {
        width: 470px;
        height: 300px
    }

    .page-main .second-headline-home ul li .picture {
        width: 100%;
        height: 300px
    }

    .page-main .second-headline-home ul li .picture img {
        width: auto;
        height: 100%
    }

    .page-main .second-headline-home ul li .content {
        max-width: 300px;
        bottom: 30px;
        left: 30px;
        padding: 20px
    }

    .page-main .second-headline-home ul li .content .title {
        font-size: 23px;
        line-height: 27px
    }

    .page-main .top-headline {
        height: 190px;
        overflow: hidden
    }

    .page-main .top-headline .bx-controls-direction a {
        bottom: 0
    }

    .page-main .top-headline ul li {
        margin-right: 10px;
        width: 230px;
        height: 189px
    }

    .page-main .top-headline ul li:nth-child(n+4) {
        margin-right: 0
    }

    .page-main .top-headline .news {
        position: relative
    }

    .page-main .top-headline .news .content {
        width: 211px;
        height: 57px;
        margin-left: 10px;
        bottom: 10px
    }

    .page-main .top-headline .news .picture {
        width: 232px;
        height: 146px
    }

    .page-main .top-headline-second ul li {
        margin-right: 10px;
        width: 230px
    }

    .page-main .headline,.page-main .small-headline {
        height: 380px
    }

    .page-main .headline .bx-viewport,.page-main .headline .slider,.page-main .small-headline .bx-viewport,.page-main .small-headline .slider {
        height: inherit
    }

    .page-main .headline ul li,.page-main .small-headline ul li {
        height: 380px
    }

    .page-main .headline .small-headline-inner,.page-main .small-headline .small-headline-inner {
        height: 400px
    }

    .page-main .headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a,.page-main .small-headline .small-headline-inner .bx-small-headline-pager .bx-pager-item a {
        width: 30.3px
    }

    .page-main .small-headline,.page-main .small-headline .bx-viewport,.page-main .small-headline .slider,.page-main .small-headline-inner {
        height: 315px!important
    }

    .page-main .headline ul li .news .picture img {
        height: 380px
    }

    .page-main .small-headline-header h3 {
        font-size: 14px;
        line-height: 22px
    }

    .page-main .small-headline ul li .news .picture img {
        height: 361px;
        width: 100%
    }

    .page-main .most-reads .left ul li .news.full-width .picture,.page-main .most-reads .left ul li:first-child .news {
        height: 173px
    }

    .page-main .most-reads .left ul li {
        min-height: initial;
        padding: 14px 0
    }

    .page-main .most-reads .left ul li:first-child {
        height: 173px;
        margin-bottom: 14px
    }

    .page-main .most-reads .right .out-box a img {
        height: 125px
    }

    .page-main .multimedia .news {
        height: 213px
    }

    .page-main .multimedia .news:nth-child(1) {
        margin-bottom: 5px
    }

    .page-main .multimedia .middle .news {
        height: 436px;
        margin-bottom: 0
    }

    .page-main .multimedia .middle .news img {
        height: 436px
    }

    .page-main .daily-videos h3 {
        margin: 0 0 5px
    }

    .page-main .daily-videos ul li .news {
        height: 210px
    }

    .page-main .comments-list .write {
        width: 80%
    }

    .page-main .comments .write .button {
        font-size: 15px
    }

    .page-main .comments .write .button,.page-main .comments .write .input {
        padding: 0
    }

    .page-main .bx-news-box-pager .bx-pager-item a {
        width: 30.9px
    }

    .recommended-news {
        width: 310px
    }

    .recommended-news .picture {
        width: 110px
    }

    .notification-box {
        width: 300px;
        height: 135px;
        padding: 15px
    }

    .notification-box h4 {
        margin: 0 0 10px 10px;
        font-size: 12px
    }

    .notification-box ul li .picture {
        width: 45px;
        height: 45px
    }

    .notification-box ul li .content {
        width: 200px
    }

    .notification-box ul li .content span {
        width: 200px;
        margin: 0 0 10px 10px
    }

    .notification-box ul li .content a {
        margin-left: 10px
    }

    .notification-box ul li .site-url {
        margin-left: 80px
    }

    .breaking-news li {
        min-height: 319px
    }

    .breaking-news li .news {
        min-height: 258px
    }

    .days-news ul {
        height: 301px
    }

    .days-news ul li .news,.days-news ul li .news .content {
        height: 70px
    }

    .days-news ul li .news .content .title {
        height: 70px;
        display: table-cell;
        vertical-align: middle;
        white-space: normal
    }

    .days-news ul li.active .news .picture,.score-widget-content-score td:nth-last-child(3),.score-widget-content-score td:nth-last-child(4),.score-widget-content-score th:nth-last-child(3),.score-widget-content-score th:nth-last-child(4) {
        display: none
    }

    .days-news ul li.active .news .content .title {
        white-space: normal;
        padding: 15px 20px 15px 40px
    }

    .days-news ul li:before {
        top: 25px!important
    }

    .middle-news .col-md-8 {
        width: 470px
    }

    .middle-news .ads.vertical {
        height: 600px;
        overflow: hidden
    }

    .middle-news .live-center {
        width: 100%;
        height: 117px
    }

    .middle-news .live-center a {
        width: 100%;
        height: 117px;
        background-image: url(../../spor/images/live-center-md.jpg)
    }

    .sub .sub-headline.line ul li {
        margin: 0 0 10px
    }

    .sub .sub-headline.second ul li {
        height: 280px
    }

    .sub .sub-headline.second ul li .news.full-width .picture img {
        height: 213px
    }

    .explorer-warning .browser-logo-frame {
        margin-right: 35px
    }

    .explorer-warning .browser-logo+a {
        margin-left: 15px
    }

    .exchange-rate-content .logo {
        margin-left: 5px;
        margin-right: 5px
    }

    .exchange-rate-content .name {
        font-size: 14px;
        line-height: 14px
    }

    .exchange-rate-content .value.first {
        font-size: 17px;
        line-height: 17px
    }

    .home-exchange .exchange-rate {
        height: 341px
    }

    .home-exchange .exchange-rate-title {
        padding-left: 17px;
        font-size: 25px;
        line-height: 25px;
        margin-top: 30px
    }

    .home-exchange .exchange-rate-content {
        width: 100%;
        padding: 17px 0 17px 17px
    }

    .home-exchange .exchange-rate-content:first-of-type {
        padding-top: 21px
    }

    .home-exchange .exchange-rate-content .logo {
        width: 36px;
        height: 36px;
        margin-left: 0;
        margin-right: 10px
    }

    .home-exchange .exchange-rate-content .name {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 3px
    }

    .home-exchange .exchange-rate-content .value {
        margin-bottom: 0
    }

    .home-exchange .exchange-rate-content .value.first {
        font-size: 15px;
        line-height: 15px
    }

    .home-exchange .exchange-rate-content .value.second {
        font-size: 18px;
        line-height: 18px
    }

    .home-exchange .exchange-rate-content .icon {
        width: 18px;
        height: 9px;
        margin-left: 5px
    }

    .exchange-rate-title {
        margin-bottom: 11px
    }

    .kule-alti-banner a img {
        width: 143px;
        height: auto
    }

    .kule-alti-banner a:first-of-type {
        margin-left: 3px
    }

    .kule-alti-banner a:last-of-type {
        margin-left: 15px
    }

    .haber7 .page-main .headline,.haber7 .page-main .headline ul li,.haber7 .page-main .headline ul li .news .picture img {
        height: 353px
    }

    .haber7 .page-main .small-headline,.haber7 .page-main .small-headline ul li {
        height: 353px!important
    }

    .haber7 .page-main .headline.sub-page-headline .bx-secondary-headline-pager.bx-category {
        bottom: -38px
    }

    .haber7 .page-main .sub-page-box {
        height: 395px
    }

    .haber7 .page-main .sub-page-box .news-area ul li:first-child {
        height: 77px
    }

    .haber7 .page-main .sub-page-box .news-area ul li {
        height: 74px
    }

    .haber7 .page-main .sub-page-box .news-area {
        margin-top: 10px
    }

    .haber7 .page-main .media-home-page ul li .news {
        height: 170px
    }

    .haber7 .page-main .media-home-page ul li .news .picture img {
        height: 160px
    }

    .haber7 .page-main .news-detail .related-banner {
        clear: both;
        width: 600px;
        height: 47px;
        background-size: 600px 47px;
        margin: 10px 0
    }

    .haber7 .page-main .news-detail .related-banner:nth-child(n+2) {
        margin-bottom: -15px
    }

    .haber7 .page-main #turkcell_tight {
        width: 950px
    }

    .mt-turkcell {
        margin-top: 20px
    }
}