.block{
display:block
}
.iblock{
display:inline-block
}
.inline{
display:inline
}
.none{
display:none
}
.fleft{
float:left
}
.fright{
float:right
}
.rel{
position:relative
}
.abs{
position:absolute
}
.tcenter{
text-align:center!important
}
.tleft{
text-align:left!important
}
.tright{
text-align:right!important
}
.w100{
width:100%
}
a{
text-decoration:none!important
}
.w-light{
font-weight:300!important
}
.w-bold{
font-weight:700!important
}
.w-normal{
font-weight:400!important
}
.w-medium,.w-semi{
font-weight:500!important
}
input[type=password],input[type=text],textarea{
-webkit-appearance:none
}
input[type=password]:focus,input[type=text]:focus,textarea:focus{
outline:0
}
input{
-webkit-appearance:none
}
p{
margin:0
}
ul{
margin:0;
padding:0;
list-style:none
}
form{
margin:0
}
.t-ellipsis{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
display:inline-block
}
.pointer{
cursor:pointer
}
h1,h2,h3,h4,h5,h6{
margin:0
}
.rows:after,.rows:before{
content:"";
display:table;
clear:both
}
.row{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
.colFill{
-ms-flex-preferred-size:0;
flex-basis:0%;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%;
padding:0 12px
}
.colFixed{
-ms-flex-preferred-size:0;
flex-basis:0%;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
img{
max-width:100%
}
table{
border-spacing:0
}
.container{
width:100%;
max-width:1060px;
padding:0;
margin:0 auto
}
.mm-page__blocker{
background:rgba(34,34,34,.9)
}
.header-top{
height:48px;
width:100%;
background-color:#fff;
position:relative;
border-bottom:1px solid #e9e9e9
}
a#logo img{
max-height:60px
}
.mobile-logo img{
max-height:40px
}
.header-top .container{
height:100%
}
.header-top .flex-between{
height:100%;
display:flex;
justify-content:space-between;
align-items:center
}
.bor-ca svg{
margin-top:-4px
}
.header-top-left{
display:flex;
justify-content:flex-start;
align-items:center
}
.bor-ca{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
float:left
}
.bor-ca:after{
content:"";
position:absolute;
right:-16px;
top:50%;
transform:translateY(-50%);
border-radius:100%;
width:6px;
height:6px;
background-color:#32baec;
animation:w-p 1s infinite
}
.bor-ca-in{
color:#222;
font-size:10px;
line-height:normal;
display:inline-block;
font-weight:700;
text-align:right;
letter-spacing:.25px;
margin-left:11px
}
.bor-ca-in span{
display:block;
font-size:9px;
margin-top:1px;
font-weight:700
}
.bor-statistics{
float:left;
margin-left:24px
}
.bor-statistics li{
display:inline-block;
font-weight:700;
color:#222;
margin-right:30px
}
.bor-statistics li span{
font-size:10px;
display:inline-block;
vertical-align:middle;
text-align:right!important
}
.bor-statistics li span b{
display:block;
font-size:9px;
font-weight:700;
margin-top:1px
}
.bor-statistics li strong{
position:relative;
display:inline-block;
padding-left:25px;
vertical-align:middle;
font-size:20px;
font-weight:700
}
.bor-statistics li strong.bor-up:before{
border-bottom-color:#5bb615
}
.bor-statistics li strong:before{
position:absolute;
content:"";
left:8px;
border:4px solid transparent;
margin-top:2px
}
.bor-statistics li strong.bor-down:before{
border-top-color:#c90914;
margin-top:6px
}
.header-top-right .wheatall ul{
font-size:13px;
font-weight:900;
height:253px;
overflow:auto;
text-align:right
}
.wheat{
position:relative;
cursor:pointer;
display:flex;
align-items:center;
margin-right:40px
}
.weatherStatus i{
color:#2c9287;
font-size:20px;
width:32px;
height:24px;
display:block;
transition:.3s;
background-color:#2c9287;
transition:background-color .2s ease-in-out;
-webkit-mask-image:url(../img/hava/icon-h1-25.svg);
mask-image:url(../img/hava/icon-h1-25.svg)
}
.sc-widget .sc-fively{
margin-top:0;
margin-bottom:0
}
.new-category-in .main-manset{
width:100%!important
}
.new-category-in .tabslider{
display:none
}
.sc-six{
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:5px;
margin-top:20px
}
.nci-slider{
height:410px;
margin-bottom:20px
}
.new-category-in .bvgl-title{
background-color:#efefef
}
.new-category-in .bvgl-small{
padding-left:0;
padding-right:0;
height:70px;
margin-bottom:16.5px!important
}
.new-category-in a.bvgl-top p{
margin:11px 0 14px 0
}
.new-category-in a.bvgl-top figure{
height:160px
}
.new-category-in .sc-rek{
margin:0 auto;
text-align:center;
width:100%
}
.new-category-in .sc-rek img{
margin:0 auto;
text-align:center
}
.new-category-in .b-videogaleri{
width:270px;
height:auto
}
.new-category-in .bvgl-small a figure{
margin-right:11px;
width:116px;
height:70px
}
.load-more{
display:block;
width:100%;
cursor:pointer;
margin:5px 0 17px 0
}
.sc-six-in{
width:calc(33.3% - 14px)
}
.sc-six-in a{
display:block
}
.sc-six-in a figure{
width:100%;
height:130px;
overflow:hidden;
position:relative;
margin:0
}
.sc-six-in a figure img{
width:100%;
height:100%;
object-fit:cover
}
.sc-six-in a p{
font-family:Barlow;
font-size:16px;
line-height:19px;
font-weight:500;
color:#000;
margin:11px 0;
transition:color .2s ease-in-out;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.sc-six-in a:hover p{
color:#c90914
}
.wheat span{
font-weight:700;
font-size:20px;
color:#2c9287;
letter-spacing:.25px;
margin-left:8px
}
.wheat img{
float:left
}
.wheat p{
font-weight:700;
font-size:10px;
color:#2c9287;
letter-spacing:.25px;
margin-left:10px;
position:relative
}
.wheat p:after{
position:absolute;
content:"";
right:-19px;
border:4px solid transparent;
border-top-color:#2c9287;
top:50%;
transform:translateY(-50%);
margin-top:2px
}
.header-top-right{
display:flex;
align-items:center
}
.rem-time{
display:flex;
align-items:center
}
.rem-time-left{
font-weight:700;
font-size:10px;
letter-spacing:.25px;
line-height:12px;
color:#222;
text-align:right;
margin-right:15px
}
.rem-time-left b{
display:block;
font-weight:700;
margin-top:1px
}
.rem-time-right{
color:#222;
font-weight:700;
letter-spacing:.25px;
font-size:20px;
line-height:26px;
display:flex;
align-items:center
}
.rem-time-right span:before{
content:"";
position:absolute;
left:-11px;
top:50%;
transform:translateY(-50%);
width:6px;
height:6px;
border-radius:100%;
animation:w-p 1s infinite;
background:#87b41a
}
@-webkit-keyframes w-p{
0%{
opacity:0
}
30%{
opacity:1
}
60%{
opacity:1
}
90%{
opacity:0
}
100%{
opacity:0
}
}
.rem-time-right span{
position:relative;
margin-left:17px
}
.header-top-right .wheatall{
background:#fff;
padding:0;
position:absolute;
left:-50px;
top:90%;
width:200px;
z-index:8;
visibility:hidden;
opacity:0;
transform:translateY(12px);
transition:all .3s ease-in-out;
box-shadow:0 2px 5px rgba(62,60,60,.56);
border-radius:8px;
padding-right:5px
}
.wheatall:after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
background:#fafafa;
width:20px;
z-index:-1;
border-radius:0 8px 8px 0
}
.header-top-right .wheatall ul::-webkit-scrollbar{
width:10px;
right:2px
}
.header-top-right .wheatall ul::-webkit-scrollbar-track{
box-shadow:unset;
border-radius:0 8px 8px 0;
background-color:#fafafa
}
.header-top-right .wheatall ul::-webkit-scrollbar-thumb{
background:#cecece;
border-radius:5px;
box-shadow:unset
}
.header-top-right .wheatall ul li{
color:#000;
line-height:26px;
text-align:left!important;
white-space:nowrap;
cursor:pointer;
display:block;
font-size:14px;
font-weight:600;
transition:color .2s ease-in-out;
height:30px;
line-height:30px;
padding:0 22px
}
.header-top-right .wheatall ul{
padding:0 5px 9px 0
}
.header-top-right .wheatall ul li:hover{
background-color:#f4f4f4
}
header.header1{
box-shadow:0 0 8px 0 rgba(26,24,35,.18)
}
.header-bottom{
width:100%;
background-color:#fff;
position:relative
}
.altrw{
box-shadow:0 0 6px 0 rgba(51,48,63,.6)
}
.header-bottom-left{
padding-right:16px;
height:100%;
width:auto;
display:flex;
align-items:center;
justify-content:flex-start;
position:relative
}
.logo-pattern{
position:absolute;
right:0;
top:0;
height:100%;
min-width:1160px;
overflow:hidden
}
.header-bottom-left #logo{
height:100%;
background-color:#b70b19;
display:flex;
align-items:center;
justify-content:center;
padding-right:16px
}
footer .logo-pattern{
background-color:#b70b19
}
.logo-pattern img{
object-fit:cover;
min-width:100%;
min-height:100%
}
#logo{
position:relative
}
.header-bottom .flex-between{
height:70px;
display:flex;
align-items:center;
justify-content:space-between;
transition:height .2s ease-in-out
}
.header-bottom-left:before{
position:absolute;
content:"";
right:100%;
top:0;
bottom:0;
width:100%;
height:100%;
background:#b70b19
}
.header-bottom-right{
float:right;
display:flex;
justify-content:space-between;
align-items:center
}
.header-bottom-left nav ul li{
display:inline-block;
position:relative;
margin-right:12px;
padding-right:16px
}
.header-bottom-left nav ul li:last-child{
margin-right:0
}
.header-bottom-left nav ul li a{
display:block;
color:#000;
font-weight:500;
font-family:Barlow;
position:relative;
line-height:70px;
font-size:16px
}
.header-bottom-left nav>ul>li.menu-attr a:before{
content:attr(title);
padding:0 2px;
font-family:Barlow;
font-size:10px;
color:#fff;
position:absolute;
width:auto;
right:0;
top:12px;
height:12px;
line-height:13px;
font-weight:600;
background-color:#b70b19
}
.header-bottom-left nav ul li ul li a:before{
display:none
}
.header-search-form{
position:absolute;
top:0;
left:0;
width:100%;
visibility:hidden;
opacity:0;
transform:translateY(10px);
transition:all .35s ease-in-out;
cursor:auto;
z-index:99
}
.header-search-form.opened{
visibility:visible!important;
opacity:1!important;
transform:translateY(0)!important
}
.header-search-form .container{
position:relative
}
.hsf-in{
background-color:#fff;
display:block;
width:100%;
height:70px
}
.header-search-form .container form{
height:70px;
padding-right:70px
}
.header-search-form form input{
background-color:transparent;
width:100%;
outline:0;
background:0 0;
border:0;
font-family:Barlow;
-webkit-appearance:none;
text-indent:20px;
height:70px;
padding-right:30px;
font-size:1.2em;
font-weight:400;
color:#495057
}
.header2 .header-search-form form input{
text-indent:0
}
.header-search-form .container form button{
position:absolute;
right:0;
height:100%;
width:50px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background-color:transparent!important;
font-size:15px;
font-weight:400;
color:#fff;
top:0;
cursor:pointer;
border:0
}
.s-close{
position:absolute;
right:0;
top:50%;
margin-top:-6px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center
}
header{
position:relative;
z-index:999
}
.header-search-form form input::placeholder{
color:#6c757d
}
a.red span,li.red a:before{
background-color:#b70b19!important
}
a.orange span,li.orange a:before{
background-color:#e88627!important
}
a.green span,li.green a:before{
background-color:#19b216!important
}
a.brown span,li.brown a:before{
background-color:#cb5419!important
}
a.gray span,li.gray a:before{
background-color:#79685f!important
}
a.blue span,li.blue a:before{
background-color:#4b679b!important
}
a.green2 span,li.green2 a:before{
background-color:#61a260!important
}
a.purple span,li.purple a:before{
background-color:#563890!important
}
a.purple2 span,li.purple2 a:before{
background-color:#715eaf!important
}
a.purple3 span,li.purple3 a:before{
background-color:#563890!important
}
a.blue2 span,li.blue2 a:before{
background-color:#4b679b!important
}
a.blue3 span,li.blue3 a:before{
background-color:#3b9cea!important
}
.header-bottom-left nav ul li a:after{
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
height:3px;
width:0;
background-color:#b70b19;
transition:width .3s ease-in-out
}
.header-bottom-left nav ul li a:hover:after{
width:100%
}
.header-bottom-left nav{
position:relative;
padding:0 0 0 16px
}
.menu-item-has-children{
position:relative
}
.header-bottom-left nav ul li:after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background-color:#e6e6e6;
width:1px;
height:17px
}
header .menu-item-has-children ul.sub-menu{
position:absolute;
left:-1px;
top:100%;
background:#222;
padding:8px 0;
min-width:180px;
z-index:3;
visibility:hidden;
transition:all .3s ease-in-out;
opacity:0;
transform:translateY(10px)
}
header .menu-item-has-children ul.sub-menu li{
text-align:left;
width:auto;
position:relative;
height:auto;
margin:0;
padding:0;
display:block;
width:100%;
height:30px;
border-right:0;
padding:0 24px;
transition:background-color .2s ease-in-out
}
ul.sub-menu li:after{
display:none
}
ul.sub-menu li:last-child{
padding-right:0
}
ul.sub-menu li a{
font-size:14px!important;
font-weight:600;
position:relative;
line-height:30px!important;
display:block;
height:30px;
width:100%;
color:#fff!important;
text-transform:none!important
}
header .menu-item-has-children ul.sub-menu li a:after{
display:none
}
ul.sub-menu li:hover{
background-color:#383636
}
header .menu-item-has-children:hover>.sub-menu{
visibility:visible;
opacity:1;
transform:translateY(0)
}
.hamburger.m-toggle{
display:flex;
align-items:center;
height:17px
}
.hamburger-in{
display:inline-block;
cursor:pointer
}
.hamburger span{
display:block;
width:16px;
height:2px;
background-color:#222;
margin:4px 0;
transition:all .2s ease-in-out
}
.hamburger span:first-child,.hamburger span:last-child{
margin:0;
width:10px
}
.hamburger span:first-child{
width:20px
}
.hamburger:hover span{
width:20px
}
.hamburger-toggle span:first-child{
transform:translate(0,6px) rotate(43deg);
width:20px
}
.hamburger-toggle span:last-child{
transform:translate(0,-6px) rotate(-43deg);
width:20px
}
.hamburger-toggle span:nth-child(2){
opacity:0
}
.header-bottom-right-options ul{
display:flex;
align-items:center;
min-width:89px;
justify-content:flex-end
}
.header-bottom-right-options ul li{
display:inline-block;
margin-right:17px;
height:18px
}
.header-bottom-right-options ul li:first-child{
margin-right:18px
}
.header-bottom-right-options ul li a{
display:block
}
.header-bottom-right-options ul li:last-child{
margin-right:0
}
.mobile-menu{
z-index:99999;
display:block;
background-color:#fcfcfc;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
overflow-y:scroll;
transition:all .35s ease-in-out;
transform:translate(-100%);
visibility:hidden;
animation:gozuk .35s ease-in-out forwards
}
.customize-support .mobile-menu{
padding-top:44px
}
.customize-support .mobile-menu.cmobile{
padding-top:0
}
.mobile-menu.pad{
padding-top:0
}
.mobile-menu.pad2{
padding-top:65px!important
}
.mobile-menu-anim{
visibility:visible!important;
transform:translateX(0)!important
}
.mobile-menu::-webkit-scrollbar{
width:5px;
right:2px
}
.mobile-menu::-webkit-scrollbar-track{
background:#f5f5f5;
box-shadow:unset;
border-radius:10px
}
.mobile-menu::-webkit-scrollbar-thumb{
border-radius:10px;
box-shadow:unset;
background-color:#dedfea
}
.overlay{
content:"";
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
background:#fff;
opacity:.8;
z-index:98;
display:none
}
.overlayblack{
background-color:#000
}
.mobile-menu ul{
margin:0;
list-style-type:none;
padding:0 32px
}
.mobile-menu ul li{
padding:0;
margin:0;
position:relative
}
.mobile-menu ul li a{
display:flex;
color:#2e2e2e;
text-decoration:none;
font-weight:700;
display:flex;
align-items:center;
padding-left:0;
height:61px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
transition:background-color .2s ease-in-out;
font-size:18px;
letter-spacing:-.25px
}
.mobile-menu ul.sub-menu li a{
color:#2e2e2e!important;
font-size:18px!important;
letter-spacing:-.25px!important;
background-color:transparent!important
}
.mobile-menu ul.sub-menu li:hover{
background-color:transparent!important
}
.mobile-menu ul.sub-menu li:hover a{
background-color:transparent!important
}
.mobile-menu h3{
padding-left:32px;
color:#c00;
font-size:18px;
font-weight:700;
margin-top:18px;
letter-spacing:-.25px;
margin-bottom:5px
}
.mobile-menu ul li a b{
font-weight:700;
margin-right:4px
}
.mobile-menu ul li a:first-child{
border-top:0
}
.mobile-menu ul li a img{
position:absolute;
right:25px;
opacity:.6;
transition:opacity .2s ease-in-out
}
.mobile-menu ul li a:hover img{
opacity:1
}
.thumbSlider{
padding:0 125px;
position:relative
}
.thumbSlider .swiper-wrapper a{
display:block;
width:100%;
font-size:0
}
.thumbSlider .swiper-wrapper a img{
object-fit:cover;
min-height:200px;
width:100%
}
.thumbSlider .swiper-wrapper a strong{
position:absolute;
left:0;
bottom:0;
overflow-y:hidden;
font-size:36px;
color:#fff;
font-weight:700!important;
font-family:Barlow,sans-serif;
line-height:44px;
padding:15px 20px;
height:105px
}
.thumbSlider .swiper-wrapper a strong span{
color:#fdde11;
display:block
}
.thumbSlider .swiper-wrapper a:before{
position:absolute;
content:"";
left:0;
bottom:0;
width:100%;
height:130px;
opacity:.6;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)
}
.thumbSlider>ul{
position:absolute;
left:0;
top:-5px;
bottom:-5px;
width:100%
}
.thumbSlider>ul li{
display:block;
width:115px;
height:25%;
position:absolute;
top:0;
left:0;
border-radius:0;
background:0 0;
padding:5px 0;
opacity:1
}
.thumbSlider>ul li img{
height:100%;
object-fit:cover
}
.thumbSlider>ul li:nth-child(2),.thumbSlider>ul li:nth-child(6){
top:25%
}
.thumbSlider>ul li:nth-child(3),.thumbSlider>ul li:nth-child(7){
top:50%
}
.thumbSlider>ul li:nth-child(4),.thumbSlider>ul li:nth-child(8){
top:75%
}
.thumbSlider>ul li:nth-child(5),.thumbSlider>ul li:nth-child(6),.thumbSlider>ul li:nth-child(7),.thumbSlider>ul li:nth-child(8){
left:auto;
right:0
}
.thumbSlider>ul li:before{
position:absolute;
content:"";
left:0;
top:5px;
bottom:5px;
right:0;
opacity:0;
border:3px solid #c90914;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.thumbSlider>ul li:after{
position:absolute;
content:"";
left:0;
top:5px;
bottom:5px;
right:0;
background:#000;
opacity:.65;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.thumbSlider>ul li:focus{
outline:0
}
.thumbSlider>ul li:hover:after{
opacity:0
}
.thumbSlider>ul li.swiper-pagination-bullet-active:before{
opacity:1
}
.thumbSlider>ul li.swiper-pagination-bullet-active:after{
opacity:0
}
.right.mobile-gizle{
max-width:300px!important
}
.tag{
display:inline-block;
font-style:normal;
color:#fff;
font-size:12px;
background:#c90914;
padding:7px 12px;
font-weight:700!important;
text-transform:uppercase;
border-radius:0;
line-height:normal
}
.sport em.tag{
position:absolute;
top:-41px;
left:15px;
display:block;
line-height:normal!important;
text-transform:uppercase
}
.tag.green{
background:#178c29
}
.tag.pink{
background:#b32d44
}
.tag.purple{
background:#5133a5
}
.tag.orange{
background:#f88b28
}
.tag.blue{
background:#214b7f
}
.newsBox{
display:block;
background:#fff;
font-size:0
}
.newsBox span{
position:relative;
display:block
}
.newsBox span img{
width:100%;
object-fit:cover
}
.newsBox span>strong{
position:absolute;
left:10px;
top:10px
}
.newsBox span>i{
position:absolute;
left:50%;
top:50%;
font-size:18px;
color:#fff;
display:block;
width:50px;
line-height:50px;
border-radius:100%;
margin:-25px 0 0 -25px;
text-align:center!important;
background:rgba(201,9,20,.85)
}
.newsBox>strong{
display:block;
font-size:17px;
font-weight:700;
color:#010101;
padding:14px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.newsBox>strong span{
display:block;
line-height:22px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.haberSingle .right .newsBox>strong span{
font-weight:500;
font-size:16px;
line-height:22px;
margin-top:10px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:#000
}
.haberSingle .right .newsBox>strong{
padding:0
}
.haberSingle .right .newsBox>strong:hover span{
color:#b70b19
}
.newsBox.blue span>i{
background:rgba(33,75,127,.85)
}
.newsBox.purple span>i{
background:rgba(78,63,127,.85)
}
.newsBox.orange span>i{
background:rgba(233,111,38,.85)
}
.newsBox.orange:hover>strong{
color:#e96f26
}
.newsBox.green span>i{
background:rgba(23,140,41,.85)
}
.newsBox.green:hover>strong{
color:#178c29
}
.newsBox2{
position:relative;
display:block;
font-size:0
}
.newsBox2 img{
width:100%;
object-fit:cover
}
.newsBox2>i{
position:absolute;
left:50%;
top:50%;
font-size:18px;
color:#fff;
display:block;
width:50px;
line-height:50px;
border-radius:100%;
margin:-25px 0 0 -25px;
text-align:center!important;
background:rgba(201,9,20,.85)
}
.newsBox2>em{
position:absolute;
left:15px;
top:15px;
z-index:2
}
.newsBox2>em.right{
left:auto;
right:15px
}
.newsBox2>span{
position:absolute;
left:0;
bottom:0;
right:0;
padding:12px;
padding-left:17px
}
.newsBox2>span strong{
margin-top:10px;
display:block;
font-size:17px;
color:#fff;
line-height:22px;
overflow:hidden;
font-weight:500;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
-webkit-line-clamp:2
}
.newsBox2>span strong span{
display:block;
color:#fdde11
}
.newsBox2>span strong.sm{
font-size:16px;
max-height:38px;
line-height:normal
}
.newsBox2>span strong.md{
font-size:22px;
max-height:54px;
line-height:normal
}
.newsBox2:before{
position:absolute;
content:"";
left:0;
bottom:0;
width:100%;
height:130px;
opacity:.75;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%);
max-height:100%
}
.ads{
text-align:center;
display:block;
width:100%;
font-size:0
}
.ads img{
margin:0 auto;
height:auto;
height:unset
}
.formGroup{
width:100%;
padding-bottom:12px
}
.formGroup>label{
display:block;
font-size:13px;
color:#242424;
padding-bottom:5px;
font-weight:500
}
.formGroup>div{
position:relative
}
.formGroup>div input,.formGroup>div select{
width:100%;
display:block;
padding:0;
border:1px solid #dedede;
padding:8px 10px;
font-size:13px;
color:#242424;
line-height:14px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
-webkit-appearance:none;
appearance:none
}
.formGroup>div input:focus,.formGroup>div select:focus{
background:#f7f7f7
}
.formGroup>div select{
padding-right:30px
}
.formGroup>div i{
position:absolute;
right:0;
top:50%;
line-height:0;
color:#a5a5a5;
font-size:10px;
text-align:center!important;
width:30px
}
.formGroup>div i:before{
line-height:0;
display:block
}
.formGroup.horizontal{
display:table
}
.formGroup.horizontal>label{
display:table-cell;
padding-bottom:0;
padding-right:12px;
font-weight:500
}
.formGroup.horizontal>div{
display:table-cell
}
.formGroup:last-child{
padding-bottom:0
}
.formGroup2>label{
color:#1a1a1a;
font-size:12px;
font-weight:600!important;
display:block;
padding-bottom:7px
}
.formGroup2>div{
position:relative;
background:#edeae6
}
.formGroup2>div input,.formGroup2>div select{
position:relative;
z-index:2;
border:none;
padding:0;
width:100%;
font-weight:600!important;
color:#757575;
font-size:12px;
padding:10px 15px;
line-height:14px;
-webkit-appearance:none;
appearance:none;
background:0 0
}
.formGroup2>div select{
padding-right:50px
}
.formGroup2>div select+i{
position:absolute;
right:0;
top:0;
line-height:34px;
width:34px;
text-align:center!important;
font-size:10px;
color:#757575;
background:#d9d6d3
}
.btn{
padding:0;
border:1px solid #dedede;
background:#f7f7f7;
font-size:13px;
color:#242424;
line-height:14px;
padding:8px 15px;
cursor:pointer;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.btn:hover{
background:#c90914;
color:#fff;
border-color:#c90914
}
.btn.blue:hover{
background:#222074;
border-color:#222074
}
.tab .tabContent>div{
display:none
}
.tab .tabContent>div.active{
display:block
}
.economyTable{
width:100%;
border:1px solid #d8d8d8;
border-spacing:0
}
.economyTable tbody tr td{
border-bottom:1px solid #eaeaea;
vertical-align:middle;
padding:10px 5px;
color:#2953b8;
font-size:12px;
font-weight:700!important
}
.economyTable tbody tr td img{
max-width:unset
}
.economyTable tbody tr td.change{
width:10px;
font-weight:500;
font-size:14px
}
.economyTable tbody tr td.change span{
position:relative;
padding-left:20px
}
.economyTable tbody tr td.change span:before{
position:absolute;
content:"";
top:50%;
left:0;
border:6px solid transparent
}
.economyTable tbody tr td.change.up span{
color:#3fa65a;
display:block
}
.economyTable tbody tr td.change.up span:before{
border-bottom-color:#3fa65a;
margin-top:-9px
}
.economyTable tbody tr td.change.down span{
color:#c90914;
display:block
}
.economyTable tbody tr td.change.down span:before{
border-top-color:#c90914;
margin-top:-3px
}
.economyTable tbody tr td:first-child{
width:10px;
padding-left:15px
}
.economyTable tbody tr td:last-child{
padding-right:15px
}
.economyTable tbody tr:last-child td{
border-bottom:none
}
.authorBox ul{
background:#fff;
border:1px solid #d8d8d8;
border-top:none
}
.authorBox ul li{
border-top:1px solid #d8d8d8
}
.authorBox ul li a{
display:block;
position:relative;
padding:20px 15px 20px 98px
}
.authorBox ul li a img{
position:absolute;
left:15px;
top:15px;
width:68px;
height:68px;
border-radius:100%;
background:#d9d0cc
}
.authorBox ul li a strong{
display:block;
color:#c90914;
font-weight:700!important;
font-size:15px
}
.authorBox ul li a span{
font-size:15px;
color:#000;
line-height:20px;
height:40px;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.authorBox ul li:first-child{
border-top:none
}
.videoNewsBox ul{
background:#fff;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8
}
.videoNewsBox ul li{
border-bottom:1px solid #d8d8d8
}
.videoNewsBox ul li a{
display:block;
position:relative;
padding:20px 15px 20px 175px;
min-height:120px
}
.videoNewsBox ul li a span{
position:absolute;
left:15px;
top:15px;
font-size:0
}
.videoNewsBox ul li a span img{
width:145px;
height:90px;
object-fit:cover
}
.videoNewsBox ul li a span i{
position:absolute;
right:0;
bottom:0;
font-size:10px;
color:#fff;
line-height:18px;
display:block;
width:18px;
text-align:center!important;
background:#c90914
}
.videoNewsBox ul li a strong{
display:block;
line-height:20px;
font-size:15px;
color:#222;
max-height:60px;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical
}
.videoNewsBox ul li a em{
display:block;
font-style:normal;
color:#848484;
font-size:13px;
font-weight:500!important;
padding-top:5px
}
.popularNewsBox ul{
background:#fff
}
.popularNewsBox ul li a{
display:block;
position:relative
}
.popularNewsBox ul li a span{
position:relative;
display:block;
color:#000;
padding:17px 15px 18px 60px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.popularNewsBox ul li a span b{
position:absolute;
left:15px;
top:50%;
margin-top:-15px;
text-align:center!important;
width:30px;
display:block;
line-height:30px;
border-radius:100%;
font-size:15px;
background:#ddd;
color:#000;
font-weight:600;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.popularNewsBox ul li a span strong{
display:block;
line-height:20px;
font-size:16px;
height:42px;
overflow:hidden;
font-weight:500
}
.popularNewsBox ul li a span em{
display:block;
font-style:normal;
font-size:13px;
color:#626161;
font-weight:500!important;
padding-top:5px
}
.popularNewsBox ul li a img{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
object-fit:cover;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
.popularNewsBox ul li a:hover img{
opacity:1
}
.popularNewsBox ul li a:hover span{
color:#fff
}
.popularNewsBox ul li a:hover span b,.popularNewsBox ul li a:hover span em{
color:#fff
}
.leagueBox{
background:url(../img/leagueBox.png) no-repeat right top,#178c29;
padding:0 15px 15px
}
.leagueBox>.head{
padding:7px 0
}
.leagueBox>.head a span{
width:100%;
text-align:right!important
}
.leagueBox>.head h5{
padding-left:0
}
.leagueBox .scrollTable{
background:#fff;
padding:15px
}
.leagueBox .scrollTable>div:first-child{
background:#f4f4f4;
color:#c72949;
font-size:14px;
font-weight:500;
line-height:20px
}
.leagueBox .scrollTable>div:first-child td{
padding:6px
}
.leagueBox .scrollTable>div:last-child{
font-size:14px;
color:#1a1a1a;
line-height:20px;
margin-top:15px;
max-height:409px
}
.leagueBox .scrollTable>div:last-child tr td{
padding:10px 6px;
padding-left:6px;
padding-right:13px;
border-top:1px solid #e9e9ea
}
.leagueBox .scrollTable>div:last-child tr td b{
background:#9f9f9f;
line-height:18px;
width:18px;
text-align:center!important;
color:#fff;
display:block
}
.leagueBox .scrollTable>div:last-child tr:first-child td{
border-top:none
}
.leagueBox .scrollTable>div:last-child tr:first-child td b{
background:#d30f41
}
.leagueBox .scrollTable>div:last-child tr:nth-child(2) td b,.leagueBox .scrollTable>div:last-child tr:nth-child(3) td b{
background:#e6ab00
}
.fixtureBox{
background:#333;
margin-bottom:20px
}
.fixtureBox .top{
display:table;
width:100%
}
.fixtureBox .top>div{
display:table-cell
}
.fixtureBox .top>div .head>*{
padding:10px 15px 10px 0
}
.fixtureBox .top>div ul{
font-size:0;
text-align:right!important;
white-space:nowrap
}
.fixtureBox .top>div ul li{
display:inline-block;
font-size:12px;
font-weight:700!important;
color:#fff;
padding:18px 15px;
cursor:pointer
}
.fixtureBox .top>div ul li.active{
background:#178c29
}
.fixtureBox>.center{
position:relative;
display:none;
background:#848484;
padding:0 32px
}
.fixtureBox>.center .swiper-container .swiper-slide{
width:auto;
font-size:12px;
font-weight:700!important;
color:#fff;
padding:0 15px;
line-height:32px;
cursor:pointer
}
.fixtureBox>.center .swiper-container .swiper-slide.active{
background:#178c29
}
.fixtureBox>.center .swiper-button-next,.fixtureBox>.center .swiper-button-prev{
position:absolute;
right:0;
top:0;
line-height:32px;
margin:0;
padding:0;
height:auto;
width:32px;
color:#fff;
font-size:12px
}
.fixtureBox>.center .swiper-button-next:after,.fixtureBox>.center .swiper-button-prev:after{
display:none
}
.fixtureBox>.center .swiper-button-prev{
right:auto;
left:0
}
.fixtureBox .bottom{
padding:0 15px 15px
}
.fixtureBox .bottom>div{
background:#fff;
padding:15px
}
.fixtureBox .bottom>div .h{
position:relative;
background:#333;
padding:7px 120px 7px 45px
}
.fixtureBox .bottom>div .h img{
position:absolute;
left:15px;
top:50%;
width:21px;
height:14px;
margin-top:-7px
}
.fixtureBox .bottom>div .h strong{
display:block;
color:#fff;
font-weight:500;
font-size:14px;
line-height:18px
}
.fixtureBox .bottom>div .h>div{
position:absolute;
right:0;
top:0;
background:#178c29;
height:100%;
width:110px
}
.fixtureBox .bottom>div .h>div i{
position:absolute;
right:15px;
color:#fff;
top:50%;
line-height:0;
font-size:10px
}
.fixtureBox .bottom>div .h>div select{
position:absolute;
right:0;
top:0;
height:100%;
width:110px;
border:none;
background:0 0;
color:#fff;
font-weight:700!important;
font-size:12px;
padding:0 15px;
-webkit-appearance:none;
appearance:none
}
.fixtureBox .bottom>div .h>div select option{
color:#1a1a1a
}
.fixtureBox .bottom>div .t{
overflow:auto;
max-height:487px
}
.fixtureBox .bottom>div .t table{
width:100%;
table-layout:fixed
}
.fixtureBox .bottom>div .t table tr td{
font-size:14px;
color:#1a1a1a;
padding:10px;
height:50px
}
.fixtureBox .bottom>div .t table tr td:first-child{
font-size:13px;
color:#333;
width:85px;
white-space:nowrap
}
.fixtureBox .bottom>div .t table tr td:nth-child(3){
text-align:right!important
}
.fixtureBox .bottom>div .t table tr td.dot{
width:90px
}
.fixtureBox .bottom>div .t table tr td.dot ul{
font-size:0;
white-space:nowrap
}
.fixtureBox .bottom>div .t table tr td.dot ul li{
display:inline-block;
width:10px;
height:10px;
border-radius:100%;
background:#9f9f9f;
margin:2px
}
.fixtureBox .bottom>div .t table tr td.dot ul li.green{
background:#188128
}
.fixtureBox .bottom>div .t table tr td.dot ul li.red{
background:#d30f41
}
.fixtureBox .bottom>div .t table tr td.dot ul li.yellow{
background:#e6ab00
}
.fixtureBox .bottom>div .t table tr td.center{
width:150px;
padding:0;
white-space:nowrap;
text-align:center!important
}
.fixtureBox .bottom>div .t table tr td.center ul{
font-size:0
}
.fixtureBox .bottom>div .t table tr td.center ul li{
display:inline-block;
vertical-align:top;
font-size:13px;
font-weight:600;
padding:2px
}
.fixtureBox .bottom>div .t table tr td.center ul li span{
background:#f0f0f0;
line-height:20px;
width:18px;
display:block;
text-align:center!important;
color:#333
}
.fixtureBox .bottom>div .t table tr td.center ul li time{
background:#178c29;
line-height:20px;
width:44px;
display:block;
text-align:center!important;
color:#fff
}
.fixtureBox .bottom>div .t table tr td.center ul li img{
display:block
}
.fixtureBox .bottom>div .t table tr td.center ul li:first-child{
padding-right:8px
}
.fixtureBox .bottom>div .t table tr td.center ul li:last-child{
padding-left:8px
}
.fixtureBox .bottom>div .t table tr td:last-child{
width:85px;
text-align:right!important
}
.fixtureBox .bottom>div .t table tr td:last-child a{
font-size:20px;
color:#178c29
}
.fixtureBox .bottom>div .t table tr:nth-child(even){
background:#f0f0f0
}
.fixtureBox .bottom>div .t table tr:nth-child(even) td.center ul li span{
background:#fff
}
.fixtureBox .bottom>div .mobile{
display:none
}
.fixtureBox .bottom>div .mobile .swiper-slide{
position:relative;
width:100%;
overflow:hidden;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
.fixtureBox .bottom>div .mobile .swiper-slide .team{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
text-align:center!important;
padding:30px 0;
padding-right:50px
}
.fixtureBox .bottom>div .mobile .swiper-slide .team img{
height:40px
}
.fixtureBox .bottom>div .mobile .swiper-slide .team strong{
display:block;
padding:10px 0;
color:#1a1a1a;
font-size:14px
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul{
font-size:0;
white-space:nowrap
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul li{
display:inline-block;
width:10px;
height:10px;
border-radius:100%;
background:#9f9f9f;
margin:2px
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul li.green{
background:#188128
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul li.red{
background:#d30f41
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul li.yellow{
background:#e6ab00
}
.fixtureBox .bottom>div .mobile .swiper-slide .team:last-child{
padding-right:0;
padding-left:50px
}
.fixtureBox .bottom>div .mobile .swiper-slide .center{
position:absolute;
text-align:center!important;
left:50%;
top:50%;
margin-left:-40px;
transform:translateY(-50%)
}
.fixtureBox .bottom>div .mobile .swiper-slide .center .score{
width:80px;
text-align:center!important
}
.fixtureBox .bottom>div .mobile .swiper-slide .center .score span{
vertical-align:middle;
background:#f0f0f0;
line-height:24px;
width:24px;
text-align:center!important;
color:#333;
display:inline-block
}
.fixtureBox .bottom>div .mobile .swiper-slide .center .score b{
vertical-align:middle;
margin:0 5px
}
.fixtureBox .bottom>div .mobile .swiper-slide .center .time{
white-space:nowrap;
color:#333;
font-size:14px;
padding-top:10px
}
.fixtureBox .bottom>div .mobile .swiper-slide .center .time strong{
display:block
}
.fixtureBox .bottom>div .mobile .navDot{
text-align:center!important;
padding-bottom:15px
}
.fixtureBox .bottom>div .mobile .navDot span{
width:10px;
height:10px;
margin:2px;
background:#9f9f9f
}
.fixtureBox .bottom>div .mobile .navDot span.swiper-pagination-bullet-active{
background:#c90914
}
.scrollTable>div:last-child{
overflow:auto
}
.scrollTable>div:last-child table{
width:100%
}
.head{
position:relative;
background-color:#fff
}
.head>h1,.head>h2,.head>h3,.head>h4,.head>h5,.head>h6,.head>strong{
color:#000!important;
font-weight:700!important;
font-size:16px!important;
line-height:16px!important;
padding-top:20px;
padding-bottom:1px;
display:block;
font-family:Barlow,sans-serif;
text-align:center;
text-transform:uppercase
}
.left.tvAndNewspaper .head h3{
color:#fff!important;
text-align:left;
padding:10px 20px!important;
font-size:14px!important
}
.bestReadBox .head h3{
padding:18px 0 0 0;
border-bottom:1px solid #e6e6e6;
padding-bottom:16px;
color:#fff
}
.head.blue,.head.pink{
background-color:#fff!important
}
.head.black h2,.head.black h3{
color:#000!important
}
.head.black{
background-color:#fff!important
}
.head>a{
position:absolute;
right:0;
top:0;
bottom:0;
width:85px;
color:#fff;
background:#aa0d0f;
font-size:12px;
font-weight:700!important;
text-align:center!important
}
.head>a span{
display:inline-block;
position:absolute;
left:50%;
top:50%;
line-height:0;
transform:translateX(-50%);
padding-right:20px;
white-space:nowrap
}
.head>a span i{
position:absolute;
right:0;
top:50%;
line-height:0;
font-size:10px
}
.head>a+h1,.head>a+h2,.head>a+h3,.head>a+h4,.head>a+h5,.head>a+h6,.head>a+strong{
padding-right:100px
}
.head>a.md{
width:110px
}
.head>a.md+h1,.head>a.md+h2,.head>a.md+h3,.head>a.md+h4,.head>a.md+h5,.head>a.md+h6,.head>a.md+strong{
padding-right:125px
}
.head>a.lg{
width:135px
}
.head>a.lg+h1,.head>a.lg+h2,.head>a.lg+h3,.head>a.lg+h4,.head>a.lg+h5,.head>a.lg+h6,.head>a.lg+strong{
padding-right:150px
}
.policy{
position:fixed;
left:0;
bottom:-100%;
right:0;
background:#f2f2f2;
color:#515151;
overflow:hidden;
transition:all .4s ease-in-out;
z-index:9999;
box-shadow:0 0 10px rgba(34,34,34,.16);
display:flex;
align-items:center;
justify-content:space-between;
max-width:1060px;
margin:0 auto;
padding:17px 25px
}
.policy .container{
position:relative;
width:100%;
max-width:100%;
display:flex;
align-items:center;
justify-content:space-between
}
.policy .container p{
font-size:15px;
font-weight:500;
line-height:26px;
color:#515151;
padding-right:33px
}
.policy .container p a{
color:#000;
font-weight:600
}
.policy .container>a{
font-size:8px;
color:#fff;
width:26px;
line-height:26px;
text-align:center!important;
height:26px;
background-color:#fb0d1b;
border-radius:100%;
min-width:26px;
display:flex;
position:relative;
align-items:center;
justify-content:center
}
.policy .container>a:before{
width:8px;
height:8px;
position:absolute;
content:"";
background-image:url(../img/icons/Cross.svg)
}
.policy.active{
bottom:0
}
.horoscope>div{
background:url(../img/bg/homeHoroscope.jpg) no-repeat center;
background-size:cover;
padding:19px 0
}
.horoscope>div ul{
font-size:0;
text-align:center!important
}
.horoscope>div ul li{
display:inline-block
}
.horoscope>div ul li a{
position:relative;
display:block;
color:#fff;
font-size:13px;
font-weight:500!important;
width:78px;
padding:10px 0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.horoscope>div ul li a i{
display:block;
font-size:48px;
margin-bottom:11px
}
.horoscope>div ul li a>span{
position:absolute;
left:0;
top:50%;
width:100%;
transform:translateY(-50%);
font-size:12px;
font-weight:700!important;
opacity:0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.horoscope>div ul li a>span span{
display:block
}
.horoscope>div ul li a:before{
position:absolute;
content:"";
left:0;
top:0;
right:0;
bottom:0;
background:#812535;
opacity:0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.horoscope>div ul li a:hover>span{
opacity:1
}
.horoscope>div ul li a:hover::before{
opacity:.9
}
.horoscope.purple>div{
background:url(../img/bg/womanHoroscope.jpg) no-repeat center;
background-size:cover
}
.horoscope.purple>div ul li a:before{
background:#4e3f7f
}
.horoscopeCalculation .row{
margin:0;
background:#fff;
border-top:none;
padding:5px 6px
}
.horoscopeCalculation .row>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:9px
}
.alerts li{
display:block;
position:relative;
font-size:14px;
font-weight:500;
color:#157a1e;
background:#f2fdf3;
border:1px solid #c1ecd7;
padding:15px 15px 15px 55px;
line-height:18px;
margin-top:12px
}
.alerts li i{
position:absolute;
left:5px;
top:50%;
line-height:0;
text-align:center!important;
width:50px;
font-size:18px
}
.alerts li.danger{
background:#fdf2f2;
border-color:#ecc0c0;
color:#c90914
}
.alerts li:first-child{
margin-top:0
}
.bestReadBox>div{
background:#fff!important;
padding-bottom:1px
}
.bestReadBox>div .head{
padding:2px 0
}
.bestReadBox>div ul li{
border-top:0!important
}
.bestReadBox>div ul li a{
display:block;
position:relative;
padding:13px 20px 23px 138px;
height:80px
}
.bestReadBox>div ul li a img{
position:absolute;
left:20px!important;
top:16px;
width:105px;
height:65px;
object-fit:cover
}
.bestReadBox>div ul li a strong{
font-weight:500!important;
font-size:16px;
line-height:22px;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
color:#000;
position:relative;
bottom:-1px
}
.bestReadBox>div ul li a:hover strong{
text-decoration:underline
}
.bestReadBox>div>div:last-child{
border-top:0!important;
padding:16px 20px 12px 20px
}
.bestReadBox>div>div:last-child a img{
height:146px
}
.bestReadBox>div>div:last-child a span strong{
color:#000;
font-weight:500!important;
font-size:16px;
line-height:22px
}
.bestReadBox>div>div:last-child a:before{
display:none
}
.bestReadBox>div>div:last-child a span{
position:static
}
.economy .head.blue h2{
text-align:left;
padding-left:16px
}
.amount.formGroup.horizontal label{
width:100%;
display:block;
padding-bottom:5px
}
.amount.formGroup.horizontal div{
display:block;
width:100%
}
.pop{
position:fixed;
z-index:16!important;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
opacity:0;
visibility:hidden;
background:#ebebeb;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
.pop.open{
opacity:1;
visibility:visible
}
.pop>a{
position:absolute;
right:0;
top:0;
z-index:9;
color:#fff;
line-height:40px;
width:40px;
text-align:center!important
}
.pop #registerAndLogin,.pop .registerAndLoginContent{
padding:40px 0
}
[data-tooltip]{
position:relative
}
[data-tooltip]:before{
position:absolute;
content:attr(data-tooltip);
left:50%;
white-space:nowrap;
bottom:100%;
transform:translateX(-50%);
font-family:Barlow,sans-serif;
background:#c90914;
font-size:12px;
font-weight:500;
line-height:28px;
padding:0 15px;
margin-bottom:10px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
visibility:visible
}
[data-tooltip]:after{
position:absolute;
content:"";
left:50%;
bottom:100%;
margin-left:-5px;
border:5px solid transparent;
border-top-color:#c90914;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
visibility:visible
}
[data-tooltip]:hover:after,[data-tooltip]:hover:before{
opacity:1;
visibility:visible
}
body{
margin:0;
background:#e5e5e5;
font-family:Barlow,sans-serif;
font-size:14px;
box-sizing:border-box;
opacity:1;
padding-right:0!important
}
body *{
box-sizing:border-box;
-webkit-box-sizing:border-box;
outline:0!important
}
body :after,body :before{
box-sizing:border-box;
-webkit-box-sizing:border-box;
outline:0!important
}
body.bgWhite{
background:#fff
}
body.load{
opacity:1
}
#home .cuff{
padding-top:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#home .cuff .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px
}
#home .cuff .left .bottom{
background:#222;
background:#848484;
padding:3px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0;
display:none
}
#home .cuff .left .bottom li{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 12px;
padding:3px
}
#home .cuff .left .bottom li a{
display:block;
text-align:center!important;
font-size:12px;
font-weight:700!important;
color:#fff;
line-height:18px;
padding:6px;
background:#222;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#home .cuff .left .bottom li a.active,#home .cuff .left .bottom li a:hover{
background:#c90914
}
#home .cuff .left .bottom li a.green.active,#home .cuff .left .bottom li a.green:hover{
background:#42b053
}
#home .cuff .left .bottom li a.orange.active,#home .cuff .left .bottom li a.orange:hover{
background:#fe9e14
}
#home .cuff .left .bottom li a.blue.active,#home .cuff .left .bottom li a.blue:hover{
background:#47a0cf
}
#home .cuff .right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px
}
#home .fiveNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px;
margin-bottom:0
}
#home .fiveNews>div{
padding:0 10px;
padding-bottom:20px;
-webkit-box-flex:0;
flex:0 0 25%;
max-width:25%
}
#home>.bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:0;
margin-left:0
}
#home>.bottom>.left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px
}
#home>.bottom>.left .sixNewsSymmetry{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px;
margin-bottom:20px
}
#home>.bottom>.left .sixNewsSymmetry>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:20px 10px 0
}
#home>.bottom>.left .sixNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px;
margin-bottom:20px
}
#home>.bottom>.left .sixNews .left{
-ms-flex:0 0 66.67%;
flex:0 0 66.67%;
max-width:66.67%;
padding:0 10px
}
#home>.bottom>.left .sixNews .left>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#home>.bottom>.left .sixNews .left>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#home>.bottom>.left .sixNews .left>div>div:first-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 10px;
padding:0 10px 0
}
#home>.bottom>.left .sixNews .left div:not(:first-child) a{
height:143.53px
}
#home>.bottom>.left .sixNews .left>div>div:first-child a{
height:307px
}
#home>.bottom>.left .sixNews .left>div>div:first-child a img{
height:100%
}
#home>.bottom>.left .sixNews .right{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 9px 0 10px
}
#home>.bottom>.left .sixNews .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#home>.bottom>.left .sixNews .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:0 10px 20px 10px;
height:163.5px
}
#home>.bottom>.left .sixNews .right>div>div:last-child{
padding-bottom:0;
height:144px
}
#home>.bottom>.left .sixNews .right>div>div a{
height:100%
}
#home>.bottom>.left .sixNews .right>div>div a img{
height:100%
}
#home>.bottom>.left .economy{
padding-top:20px
}
#home>.bottom>.left .tvAndNewspaper{
position:relative;
padding-right:224px
}
#home>.bottom>.left .tvAndNewspaper .tv{
margin-top:20px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child{
position:relative;
padding:15px;
background:#fff;
border:1px solid #d8d8d8;
border-top:none
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol{
position:relative;
z-index:2;
background:#3b227d;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0;
margin:0;
list-style:none;
padding-right:17px;
text-align:center!important
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li{
font-size:14px;
color:#fff;
font-weight:500!important;
line-height:19px;
-ms-flex:0 0 40%;
flex:0 0 40%;
max-width:40%;
padding:0 12px;
padding:8px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li:first-child{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%;
padding:0 12px;
padding:8px;
background:#7152c6
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(2){
background:#fc4482
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div{
position:relative;
z-index:2;
height:268px;
overflow:auto
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul{
background:#f9f9f9;
display:table;
width:100%;
border-spacing:0
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li{
display:table-row;
margin:0
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div{
display:table-cell;
width:40%;
padding:0;
background:#fed7e5;
border-bottom:1px solid #fff;
height:67px;
padding:5px 10px;
text-align:center!important;
vertical-align:middle
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div p{
font-size:14px;
color:#222
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div p strong{
display:block;
color:#fc4482;
padding-bottom:5px;
font-weight:500
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div p span{
padding-right:5px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div p span:last-child{
padding:0 0 0 5px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:first-child{
width:20%;
padding:0;
border-bottom:1px solid #eaeaea;
background:#f9f9f9
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:last-child{
background:#efeafa
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li:last-child>div{
border-bottom:none
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div::-webkit-scrollbar{
width:17px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div::-webkit-scrollbar-track{
background:#7152c6
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div::-webkit-scrollbar-thumb{
background-color:#5133a5;
transform:scale(.5)
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child:before{
position:absolute;
content:"";
left:-1px;
top:0;
right:-1px;
height:200px;
background:#5133a5
}
#home>.bottom>.left .tvAndNewspaper .newspaper{
position:absolute;
right:0;
top:0;
z-index:2;
width:200px
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child{
padding:14px;
background:#fff;
border:1px solid #d8d8d8;
border-top:none;
position:relative
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .swiper-slide a{
display:block;
font-size:0
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .swiper-slide a img{
width:100%
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .pager{
position:absolute;
left:46px;
right:46px;
bottom:14px;
text-align:center!important;
z-index:2;
width:auto;
line-height:32px;
color:#757575;
font-size:12px;
font-weight:700!important
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav{
background:#edeae6;
margin-top:10px
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav:after,#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav:before{
content:"";
display:table;
clear:both
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav>div{
float:left;
line-height:32px;
width:32px;
text-align:center!important;
background:#d9d6d3;
font-size:12px;
color:#757575;
cursor:pointer;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav>div:last-child{
float:right
}
#home>.bottom>.left .tvAndNewspaper .newspaper>div>div:last-child .nav>div:hover{
background:#a3a3a3;
color:#fff
}
#home>.bottom>.left .sport{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 0 20px 0;
background:#fff
}
#home .video-five{
margin-bottom:20px
}
#home>.bottom>.left .sport>div:first-child{
-ms-flex:0 0 66.67%;
flex:0 0 66.67%;
max-width:66.67%;
padding:0 10px;
padding:0
}
#home>.bottom>.left .sport>div:first-child a{
height:100%
}
#home>.bottom>.left .sport>div:first-child a img{
height:100%
}
#home>.bottom>.left .sport>div:first-child a span{
background:#f8f8f8;
max-width:92%;
padding:15px
}
#home>.bottom>.left .sport>div:first-child a span strong{
font-size:18px;
line-height:24px;
color:#222;
margin-top:0
}
#home>.bottom>.left .sport>div:first-child a:before{
display:none
}
#home>.bottom>.left .sport>div:last-child{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 12px;
padding:0
}
#home>.bottom>.left .sport>div:last-child .swiper-slide a{
display:block;
position:relative;
font-size:0
}
#home>.bottom>.left .sport>div:last-child .swiper-slide a img{
width:100%
}
#home>.bottom>.left .sport>div:last-child .swiper-slide a strong{
position:absolute;
left:12px;
bottom:12px
}
#home>.bottom>.left .sport>div:last-child .pager li{
position:relative;
width:100%;
height:auto;
border-radius:0;
background:0 0;
padding:10px 20px;
opacity:1
}
#home>.bottom>.left .sport>div:last-child .pager li a{
font-size:17px;
color:#000;
font-weight:500!important;
line-height:22px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
max-height:44px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#home>.bottom>.left .sport>div:last-child .pager li:before{
position:absolute;
content:"";
left:0;
top:10px;
bottom:10px;
width:2px;
background:#178c29;
opacity:0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#home>.bottom>.left .sport>div:last-child .pager li:after{
position:absolute;
content:"";
top:0;
left:20px;
right:20px;
height:1px;
background:#e6e6e6
}
#home>.bottom>.left .sport>div:last-child .pager li:first-child:after{
display:none
}
#home>.bottom>.left .sport>div:last-child .pager li.swiper-pagination-bullet-active a{
color:#178c29
}
#home>.bottom>.left .sport>div:last-child .pager li.swiper-pagination-bullet-active:before{
opacity:1
}
#home>.bottom>.left .fixtureBox{
margin-top:20px
}
#home>.bottom>.right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px;
padding:0 0 20px 0
}
#home>.bottom>.right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#home>.bottom>.right>div>div{
order:1;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
.addss{
margin:20px 0
}
.right .game ul{
background:#fff;
border:1px solid #d8d8d8;
border-top:none;
font-size:0;
text-align:center!important;
padding:9px 0
}
.right .game ul li{
display:inline-block;
padding:5px;
vertical-align:middle
}
.right .game ul li span{
display:block;
font-size:20px;
font-weight:700!important;
color:#fff;
border-radius:100%;
line-height:44px;
width:44px;
background:#de0a16;
background:-moz-linear-gradient(top,#de0a16 0,#a5050d 100%);
background:-webkit-linear-gradient(top,#de0a16 0,#a5050d 100%);
background:linear-gradient(to bottom,#de0a16 0,#a5050d 100%)
}
.right .game ul li span.black{
background:#6a6a6a;
background:-moz-linear-gradient(top,#6a6a6a 0,#212121 100%);
background:-webkit-linear-gradient(top,#6a6a6a 0,#212121 100%);
background:linear-gradient(to bottom,#6a6a6a 0,#212121 100%)
}
.right .game ul li b{
font-size:30px;
color:#000
}
#home>.bottom>.right .leagueBox .goal{
max-height:204px
}
#economy{
padding-bottom:20px
}
#economy .top{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#economy .top>div:first-child{
-ms-flex:0 0 510px;
flex:0 0 480px;
max-width:calc(100% - 580px);
padding:0 10px
}
#economy .top>div:last-child{
-ms-flex:0 0 580;
flex:0 0 580px;
max-width:580px
}
#economy .top>div:last-child ul{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#economy .top>div:last-child ul li{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 10px 10px 10px;
margin-bottom:10px
}
#economy .top>div:last-child ul li a{
display:block;
position:relative;
padding:9px 0 9px 130px
}
#economy .top>div:last-child ul li a img{
position:absolute;
left:0;
top:0;
height:84px;
width:115px;
object-fit:cover
}
#economy .top>div:last-child ul li a strong{
font-size:17px;
color:#222;
font-weight:700!important;
line-height:22px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
height:66px
}
#economy .center{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#economy .center>div{
-ms-flex:0 0 278px;
flex:0 0 278px;
max-width:278px;
padding:0 10px
}
.fixtureBox.tab .top .head{
background-color:transparent
}
.fixtureBox.tab .top .head h3{
color:#fff!important
}
.cuff{
max-width:100%
}
#economy .center>div table{
width:100%;
border:1px solid #d8d8d8;
background-color:#fff;
color:#242424;
font-size:14px;
text-align:center!important
}
#economy .center>div table thead{
font-size:15px
}
#economy .center>div table thead tr td{
padding:10px 20px
}
#economy .center>div table thead tr td:first-child{
text-align:left!important
}
#economy .center>div table thead tr td.select{
padding:0 20px;
position:relative;
background:#214b7f
}
#economy .center>div table thead tr td.select i{
position:absolute;
right:10px;
top:50%;
color:#fff;
font-size:10px;
line-height:0
}
#economy .center>div table thead tr td.select select{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:0 0;
border:none;
text-align:center;
text-align-last:center;
-webkit-appearance:none;
appearance:none;
font-size:15px;
color:#fff
}
#economy .center>div table thead tr td.select select option{
color:#242424
}
#economy .center>div table tbody tr td{
border-top:1px solid #d8d8d8;
padding:12px 15px;
line-height:22px
}
#economy .center>div table tbody tr td:first-child{
text-align:left!important;
position:relative;
padding-left:52px
}
#economy .center>div table tbody tr td:first-child img{
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%)
}
#economy .center>div table tbody tr td .nowMoney{
padding-left:20px;
position:relative
}
#economy .center>div table tbody tr td .nowMoney:before{
position:absolute;
content:"";
left:0;
top:50%;
border:5px solid transparent;
border-bottom-color:#37bb9b;
margin-top:-7px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#economy .center>div table tbody tr td .nowMoney.down:before{
margin-top:-3px;
border-bottom:transparent;
border-top-color:#ff4264
}
#economy .center>div table tbody tr td .gap{
display:inline-block;
background:#37bb9b;
color:#fff;
font-size:12px;
padding:0 5px;
width:60px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#economy .center>div table tbody tr td .gap.down{
background:#ff4264
}
#economy .center>div table tbody tr:nth-child(odd){
background:#f7f7f7
}
#economy .center>div:first-child{
-ms-flex:0 0 462px;
flex:0 0 462px;
max-width:462px;
padding:0 10px
}
#economy .center>div:last-child{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:320px;
padding:0 10px
}
#economy .bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#economy .bottom .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px
}
#economy .bottom .left .sixNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#economy .bottom .left .sixNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:10px 10px 0
}
#economy .bottom .left .ads{
margin-top:10px;
margin-bottom:10px
}
#economy .bottom .right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px;
padding:0 10px
}
#economy .bottom .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#economy .bottom .right>div>div:first-child{
padding:0
}
.hs-parite{
margin-bottom:20px
}
#economy .bottom .right>div>div{
max-width:100%;
width:100%
}
#economy .bottom .right>div>div #agenda,#woman{
padding-bottom:24px
}
#agenda>div,#woman>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#agenda>div .left,#woman>div .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px;
margin-top:0
}
#agenda>div .left .sixNews,#woman>div .left .sixNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px
}
#agenda>div .left .sixNews>div,#woman>div .left .sixNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 10px 0
}
#agenda>div .left .rk,#woman>div .left .rk{
margin-bottom:20px
}
#home .left .rk{
margin-bottom:20px
}
#agenda>div .right,#woman>div .right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px
}
#agenda>div .right>div,#woman>div .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#agenda>div .right>div>div,#woman>div .right>div>div{
order:1;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#agenda>div .right .bestRead>div,#woman>div .right .bestRead>div{
position:relative
}
#agenda>div .right .bestRead .newsBox2>span,#woman>div .right .bestRead .newsBox2>span{
bottom:35px
}
#agenda>div .right .bestRead .newsBox2:before,#woman>div .right .bestRead .newsBox2:before{
height:220px
}
#agenda>div .right .bestRead .number,#woman>div .right .bestRead .number{
position:absolute;
z-index:3;
left:0;
bottom:0;
width:100%;
font-size:0;
text-align:center!important;
border-top:1px solid #454545
}
#agenda>div .right .bestRead .number li,#woman>div .right .bestRead .number li{
display:inline-block;
opacity:1;
width:34px;
height:auto;
line-height:34px;
text-align:center!important;
border-radius:0;
font-size:12px;
font-weight:700!important;
color:#fff;
background:0 0;
border-left:1px solid #454545
}
#agenda>div .right .bestRead .number li:first-child,#woman>div .right .bestRead .number li:first-child{
border-left:none
}
#agenda>div .right .bestRead .number li.swiper-pagination-bullet-active,#woman>div .right .bestRead .number li.swiper-pagination-bullet-active{
background:#c90914
}
#sport{
padding-bottom:24px
}
#sport .top .team{
margin-top:15px;
font-size:0;
text-align:justify;
overflow:hidden;
height:65px;
margin-bottom:-9px;
margin-left:-5px;
margin-right:-5px
}
#sport .top .team:after,#sport .top .team:before{
content:"";
display:table;
clear:both
}
#sport .top .team li{
display:inline-block;
width:64.5px;
padding:5px 4px 5px 5px
}
#sport .top .team li a{
display:block;
text-align:center!important;
height:55px;
border:1px solid #d8d8d8;
position:relative;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#sport .top .team li a img{
position:absolute;
left:50%;
top:50%;
max-width:53px;
max-height:53px;
object-fit:cover;
transform:translate(-50%,-50%)
}
#sport .top .team li a span{
font-size:10px;
color:#fff;
font-weight:500;
background:#e6ab00;
width:20px;
line-height:20px;
display:inline-block;
position:absolute;
right:-5px;
top:-5px;
border-radius:100%;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#sport .top .team li a:hover{
background:#f1f1f1
}
#sport .top .thumbSlider>ul li:before{
border-color:#178c29
}
#sport .top .fiveNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px;
padding-top:20px
}
#sport .top .fiveNews>div{
padding:0 10px;
-webkit-box-flex:0;
flex:0 0 25%;
max-width:25%
}
#sport>.bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#sport>.bottom .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px;
margin-top:20px
}
#sport>.bottom .left .fixtureBox .bottom>div .t{
max-height:342px
}
#sport>.bottom .left .sixNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#sport>.bottom .left .sixNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 10px
}
#sport>.bottom .left .ads{
margin-top:20px
}
#sport>.bottom .right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px
}
#sport>.bottom .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#sport>.bottom .right>div>div{
order:1;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#agenda>div .right>div>div.popularNewsBox,#sport .right>div>div.bestReadBox,#woman .right>div>div.bestReadBox{
padding-top:0
}
#agenda div>.right>div>div:first-child{
padding-top:0
}
.burcTopWidget{
margin:0 0 20px 0!important
}
#sport>.bottom .right .leagueBox .scrollTable>div:last-child{
max-height:327px
}
#sport>.bottom .right .popularNews{
padding-top:20px
}
#sport>.bottom .right .popularNews .slider{
margin-top:10px
}
#sport>.bottom .right .popularNews>div{
position:relative
}
#sport>.bottom .right .popularNews>div .nav{
position:absolute;
right:0;
top:0;
z-index:2
}
#sport>.bottom .right .popularNews>div .nav>div{
background:rgba(255,255,255,.65);
line-height:40px;
width:40px;
text-align:center!important;
font-size:12px;
color:#000;
font-weight:700!important;
cursor:pointer;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#sport>.bottom .right .popularNews>div .nav>div:hover{
background:#fff
}
#technology{
padding-bottom:24px
}
#agenda .sliderTech{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
margin-top:-2px
}
#agenda .sliderTech .swiper-slide>div img{
height:400px
}
#agenda .sliderTech .custom1 img{
margin-top:2px
}
#agenda .sliderTech .swiper-slide a:before{
height:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.6) 100%);
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.6) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.6) 100%)
}
#agenda .sliderTech .swiper-slide a .tag{
padding:7px 10px
}
#agenda .sliderTech .swiper-slide a>span{
padding:20px
}
#agenda .sliderTech .swiper-slide a>span strong.sm{
line-height:22px;
max-height:44px
}
#agenda .sliderTech .swiper-slide a>span strong.md{
line-height:28px;
max-height:56px
}
#agenda .sliderTech .custom1{
width:600px;
padding-right:2px
}
#agenda .sliderTech .custom2{
width:300px
}
#agenda .sliderTech .custom2>div{
padding:0
}
#agenda .sliderTech .custom2>div>div{
padding:2px
}
#agenda .sliderTech .custom2>div>div img{
height:198px
}
#agenda .sliderTech .nav{
position:absolute;
left:0;
width:100%;
top:50%;
z-index:5;
height:0;
margin-top:-24px;
padding:0 2px
}
#agenda .sliderTech .nav>div{
float:left;
color:#fff;
background:rgba(233,111,38,.8);
opacity:.8;
line-height:48px;
width:34px;
text-align:center!important;
font-size:20px;
cursor:pointer
}
#agenda .sliderTech .nav>div:last-child{
float:right
}
#technology>.container>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#technology>.container>div .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px;
margin-top:20px
}
#technology>.container>div .left .sixNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#technology>.container>div .left .sixNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 12px;
padding:20px 10px 0
}
#technology>.container>div .left .ads{
margin-top:20px
}
#registerAndLogin,.registerAndLoginContent{
background:#ebebeb;
position:relative;
padding:30px 0
}
#registerAndLogin:before,.registerAndLoginContent:before{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height:165px;
background:#222
}
#registerAndLogin .container,.registerAndLoginContent .container{
position:relative;
z-index:2;
max-width:614px
}
#registerAndLogin .container>div,.registerAndLoginContent .container>div{
background:#fff;
box-shadow:0 2px 3px #c9c9c9;
padding:35px 85px 0
}
#registerAndLogin .container>div span,.registerAndLoginContent .container>div span{
font-size:30px;
color:#2b2b2b
}
#registerAndLogin .container>div span strong,.registerAndLoginContent .container>div span strong{
color:#c90914
}
#registerAndLogin .container>div .form>div,.registerAndLoginContent .container>div .form>div{
margin-top:20px;
position:relative
}
#registerAndLogin .container>div .form>div input[type=password],#registerAndLogin .container>div .form>div input[type=text],#registerAndLogin .container>div .form>div textarea,.registerAndLoginContent .container>div .form>div input[type=password],.registerAndLoginContent .container>div .form>div input[type=text],.registerAndLoginContent .container>div .form>div textarea{
font-size:15px;
color:#2b2b2b;
font-family:Barlow,sans-serif;
resize:none;
width:100%;
padding:0;
border:1px solid #dedede;
line-height:18px;
padding:15px 20px
}
#registerAndLogin .container>div .form>div input[type=password]::-webkit-input-placeholder,#registerAndLogin .container>div .form>div input[type=text]::-webkit-input-placeholder,#registerAndLogin .container>div .form>div textarea::-webkit-input-placeholder,.registerAndLoginContent .container>div .form>div input[type=password]::-webkit-input-placeholder,.registerAndLoginContent .container>div .form>div input[type=text]::-webkit-input-placeholder,.registerAndLoginContent .container>div .form>div textarea::-webkit-input-placeholder{
color:#2b2b2b
}
#registerAndLogin .container>div .form>div input[type=password]::-moz-placeholder,#registerAndLogin .container>div .form>div input[type=text]::-moz-placeholder,#registerAndLogin .container>div .form>div textarea::-moz-placeholder,.registerAndLoginContent .container>div .form>div input[type=password]::-moz-placeholder,.registerAndLoginContent .container>div .form>div input[type=text]::-moz-placeholder,.registerAndLoginContent .container>div .form>div textarea::-moz-placeholder{
color:#2b2b2b
}
#registerAndLogin .container>div .form>div input[type=password]:-ms-input-placeholder,#registerAndLogin .container>div .form>div input[type=text]:-ms-input-placeholder,#registerAndLogin .container>div .form>div textarea:-ms-input-placeholder,.registerAndLoginContent .container>div .form>div input[type=password]:-ms-input-placeholder,.registerAndLoginContent .container>div .form>div input[type=text]:-ms-input-placeholder,.registerAndLoginContent .container>div .form>div textarea:-ms-input-placeholder{
color:#2b2b2b
}
#registerAndLogin .container>div .form>div input[type=password]:-moz-placeholder,#registerAndLogin .container>div .form>div input[type=text]:-moz-placeholder,#registerAndLogin .container>div .form>div textarea:-moz-placeholder,.registerAndLoginContent .container>div .form>div input[type=password]:-moz-placeholder,.registerAndLoginContent .container>div .form>div input[type=text]:-moz-placeholder,.registerAndLoginContent .container>div .form>div textarea:-moz-placeholder{
color:#2b2b2b
}
#registerAndLogin .container>div .form>div .passwordForgot,.registerAndLoginContent .container>div .form>div .passwordForgot{
position:absolute;
right:20px;
top:50%;
display:inline-block;
font-size:15px;
transform:translateY(-50%);
color:#1a4d99
}
#registerAndLogin .container>div .form>div.check label,.registerAndLoginContent .container>div .form>div.check label{
color:#2b2b2b;
font-size:15px;
position:relative;
padding-left:35px;
cursor:pointer;
display:inline-block
}
#registerAndLogin .container>div .form>div.check label a,.registerAndLoginContent .container>div .form>div.check label a{
font-weight:500;
color:#4769b0
}
#registerAndLogin .container>div .form>div.check label:before,.registerAndLoginContent .container>div .form>div.check label:before{
position:absolute;
content:"";
left:0;
top:50%;
margin-top:-11px;
width:22px;
height:22px;
border:1px solid #dedede;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#registerAndLogin .container>div .form>div.check label i,.registerAndLoginContent .container>div .form>div.check label i{
position:absolute;
left:0;
top:50%;
width:22px;
text-align:center!important;
line-height:0;
font-size:12px;
color:#fff;
opacity:0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#registerAndLogin .container>div .form>div.check input,.registerAndLoginContent .container>div .form>div.check input{
display:none
}
#registerAndLogin .container>div .form>div.check input:checked+label:before,.registerAndLoginContent .container>div .form>div.check input:checked+label:before{
border-color:#000;
background:#000
}
#registerAndLogin .container>div .form>div.check input:checked+label i,.registerAndLoginContent .container>div .form>div.check input:checked+label i{
opacity:1
}
#registerAndLogin .container>div .form>div button,.registerAndLoginContent .container>div .form>div button{
width:100%;
border:none;
background:#222;
font-size:18px;
font-weight:700!important;
color:#fff;
line-height:24px;
padding:13px 15px
}
#registerAndLogin .container>div .alerts,.registerAndLoginContent .container>div .alerts{
margin-top:20px
}
#registerAndLogin .container>div .foot,.registerAndLoginContent .container>div .foot{
font-weight:500;
background:#f7f7f7;
margin:30px -85px 0;
text-align:center!important;
color:#2b2b2b;
font-size:15px;
padding:25px
}
#registerAndLogin .container>div .foot:after,#registerAndLogin .container>div .foot:before,.registerAndLoginContent .container>div .foot:after,.registerAndLoginContent .container>div .foot:before{
content:"";
display:table;
clear:both
}
#registerAndLogin .container>div .foot a,.registerAndLoginContent .container>div .foot a{
color:#c90914;
font-weight:500
}
#profile{
padding-bottom:24px;
overflow:hidden
}
#profile>ul{
font-size:0;
padding:24px 0
}
#profile>ul li{
position:relative;
display:inline-block;
vertical-align:middle
}
#profile>ul li a{
font-size:14px;
color:#222;
font-weight:500
}
#profile>ul li i{
position:absolute;
right:0;
top:50%;
line-height:0;
font-size:8px;
color:#222;
width:24px;
text-align:center!important
}
#profile>ul li i+a{
margin-right:24px
}
#profile>ul li strong{
color:#fff;
background:#c90914;
border-radius:2px;
font-size:14px;
font-weight:500;
line-height:28px;
padding:0 15px;
display:block
}
#profile .top{
position:relative;
background:#222
}
#profile .top>div{
position:relative;
z-index:2;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-align:end!important;
align-items:flex-end!important;
margin:0
}
#profile .top>div .social{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 12px;
font-size:0;
padding:30px
}
#profile .top>div .social li{
display:inline-block;
padding:5px
}
#profile .top>div .social li a{
display:block;
color:#fff;
font-size:20px;
line-height:44px;
width:44px;
border-radius:100%;
background:#1fb8fc;
text-align:center!important
}
#profile .top>div .social li a.icon-facebook{
background:#5b7cc5
}
#profile .top>div .social li a.icon-instagram{
background:#f3740d
}
#profile .top>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
text-align:center!important;
color:#fff;
padding:30px 0 15px
}
#profile .top>div>div h2{
font-size:20px;
font-weight:500!important
}
#profile .top>div>div p{
font-size:15px;
padding:15px 0 25px
}
#profile .top>div>div>div{
position:relative;
font-size:0
}
#profile .top>div>div>div img{
width:70px;
height:70px;
border-radius:100%;
overflow:auto;
object-fit:cover;
border:4px solid #fff;
position:absolute;
left:50%;
top:0;
margin-left:-33px
}
#profile .top>div>div>div>p{
padding:0;
padding-top:75px;
padding-right:70px;
display:inline-block;
width:50%;
font-size:15px
}
#profile .top>div>div>div>p span{
display:inline-block;
color:#fff;
font-size:20px;
line-height:44px;
width:44px;
border-radius:100%;
background:#c90914;
text-align:center!important
}
#profile .top>div>div>div>p strong{
font-weight:500!important;
display:block;
padding-top:7px
}
#profile .top>div>div>div>p:last-child{
padding-right:0;
padding-left:70px
}
#profile .top>div>div>div>p:last-child span{
background:#f9b832
}
#profile .top>div>div>div>p:last-child span:before{
background:#f9b832
}
#profile .top>div>div>div>p:last-child span:after{
border-top-color:#f9b832
}
#profile .top>div .award{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 12px;
font-size:0;
text-align:right!important;
padding:30px
}
#profile .top>div .award li{
display:inline-block;
padding:5px
}
#profile .top>div .award li a{
position:relative;
display:block;
color:#fff;
font-size:20px;
line-height:44px;
width:44px;
border-radius:100%;
background:#c90914;
text-align:center!important
}
#profile .top>div .award li a span{
position:absolute;
right:2px;
top:-2px;
display:block;
width:10px;
height:10px;
border-radius:100%;
background:#0be53e;
border:2px solid #11ae36
}
#profile .top:before{
position:absolute;
content:"";
left:0;
top:0;
right:0;
bottom:0
}
#profile .bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#profile .bottom .left{
-ms-flex:0 0 792px;
flex:0 0 792px;
max-width:calc(100% - 300px);
padding-right:20px
}
#profile .bottom .left .tab{
padding-top:20px
}
#profile .bottom .left .tab .tabMenu{
display:table;
width:100%;
background:#848484
}
#profile .bottom .left .tab .tabMenu>li{
display:table-cell;
text-align:center!important;
font-size:0;
cursor:pointer;
padding:9px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#profile .bottom .left .tab .tabMenu>li span{
display:inline-block;
font-size:13px;
font-weight:700!important;
color:#fff;
position:relative;
line-height:18px;
padding-left:30px
}
#profile .bottom .left .tab .tabMenu>li span i{
position:absolute;
font-size:20px;
left:0;
top:50%;
line-height:0
}
#profile .bottom .left .tab .tabMenu>li.active{
background:#c90914
}
#profile .bottom .left .tab .tabContent ul li{
padding-top:20px
}
#profile .bottom .left .tab .tabContent ul li a{
display:block;
position:relative;
padding-left:255px;
min-height:150px
}
#profile .bottom .left .tab .tabContent ul li a img{
position:absolute;
left:0;
top:0;
width:235px;
height:150px;
object-fit:cover
}
#profile .bottom .left .tab .tabContent ul li a p{
position:relative;
display:block
}
#profile .bottom .left .tab .tabContent ul li a p strong{
display:block;
font-size:18px;
color:#242424;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%
}
#profile .bottom .left .tab .tabContent ul li a p span{
display:block;
font-size:15px;
color:#242424;
line-height:24px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
height:72px;
margin-top:10px
}
#profile .bottom .left .tab .tabContent ul li a p em{
font-style:normal;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 -30px;
font-size:0
}
#profile .bottom .left .tab .tabContent ul li a p em b{
position:relative;
display:inline-block;
font-size:12px;
font-weight:600;
color:#fff;
background:#c90914;
padding:7px 20px;
border-radius:14px;
margin:10px
}
#profile .bottom .left .tab .tabContent ul li a p em b:before{
position:absolute;
content:"";
width:8px;
height:8px;
border-radius:100%;
background:#c90914;
left:-14px;
top:50%;
margin-top:-4px
}
#profile .bottom .left .tab .tabContent ul li a p em b:first-child{
margin-left:0;
border-bottom-left-radius:0
}
#profile .bottom .left .tab .tabContent ul li a p em b:first-child:before{
display:none
}
#profile .bottom .left .tab .tabContent .more{
margin-top:30px;
text-align:center!important;
position:relative
}
#profile .bottom .left .tab .tabContent .more a{
position:relative;
display:inline-block;
font-size:14px;
font-weight:700!important;
color:#fff;
background:#c90914;
line-height:18px;
padding:9px 20px;
border-radius:18px
}
#profile .bottom .left .tab .tabContent .more:before{
position:absolute;
content:"";
left:0;
top:50%;
right:0;
height:1px;
background:#dcdcdc
}
#profile .bottom .right{
-ms-flex:0 0 384px;
flex:0 0 384px;
max-width:300px;
padding:0 12px
}
#profile .bottom .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#profile .bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#profileEdit{
max-width:1176px;
padding:30px 12px
}
#profileEdit>div{
display:table;
border:1px solid #d8d8d8;
width:100%
}
#profileEdit>div>div{
display:table-cell;
vertical-align:top
}
#profileEdit>div>div:first-child{
background:#f8f9fa;
border-right:1px solid #d8d8d8;
width:250px
}
#profileEdit>div>div:first-child ul{
padding:25px 25px 25px 0
}
#profileEdit>div>div:first-child ul li a{
position:relative;
display:block;
font-size:14px;
color:#242424;
line-height:20px;
padding:10px 20px 10px 65px;
border-radius:0 20px 20px 0;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#profileEdit>div>div:first-child ul li a i{
position:absolute;
left:30px;
top:50%;
line-height:0;
width:25px;
text-align:center!important;
font-size:20px;
color:#5f6368;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#profileEdit>div>div:first-child ul li a i.icon-id-card{
font-size:22px
}
#profileEdit>div>div:first-child ul li a i.icon-bell{
font-size:18px
}
#profileEdit>div>div:first-child ul li a.active,#profileEdit>div>div:first-child ul li a:hover{
color:#c90914
}
#profileEdit>div>div:first-child ul li a.active i,#profileEdit>div>div:first-child ul li a:hover i{
color:#c90914
}
#profileEdit>div>div:first-child ul li a.active{
background:#fde8e8
}
#profileEdit>div>div:last-child>div{
max-width:530px;
width:100%;
margin:0 auto;
padding:50px 15px;
text-align:center!important
}
#profileEdit>div>div:last-child>div>img{
max-width:100%
}
#profileEdit>div>div:last-child>div>h2{
font-size:24px;
color:#202124;
font-weight:600;
padding-top:25px
}
#profileEdit>div>div:last-child>div form{
display:table;
width:100%
}
#profileEdit>div>div:last-child>div form>div{
display:table-row
}
#profileEdit>div>div:last-child>div form>div>label{
display:table-cell;
text-align:right!important;
width:10px;
white-space:nowrap;
vertical-align:top;
font-size:14px;
color:#242424;
padding-right:30px;
line-height:36px;
padding-top:20px
}
#profileEdit>div>div:last-child>div form>div>div{
display:table-cell;
padding-top:20px
}
#profileEdit>div>div:last-child>div form>div>div input,#profileEdit>div>div:last-child>div form>div>div textarea{
border:1px solid #d8d8d8;
font-size:14px;
color:#242424;
padding:0;
width:100%;
resize:none;
padding:9px 15px;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#profileEdit>div>div:last-child>div form>div>div input:focus,#profileEdit>div>div:last-child>div form>div>div textarea:focus{
background:#f7f7f7
}
#profileEdit>div>div:last-child>div form>div.form-action>div{
text-align:right!important
}
#profileEdit>div>div:last-child>div form>div.form-action>div button,#profileEdit>div>div:last-child>div form>div.form-action>div input[type=submit]{
font-size:14px;
font-weight:600;
color:#fff;
background:#c90914;
padding:12px 20px;
border:none;
cursor:pointer;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in;
-o-transition-timing-function:ease-in;
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
#profileEdit>div>div:last-child>div form>div.form-action>div button:hover,#profileEdit>div>div:last-child>div form>div.form-action>div input[type=submit]:hover{
background:#a70a13
}
.sitemapflex{
display:flex;
align-items:center;
justify-content:space-between
}
.sitemapflex time{
font-size:13px;
font-family:Barlow;
font-weight:600;
color:#222;
min-width:300px;
text-align:right
}
#newsRead .top .siteMap b{
font-weight:600
}
.sitemapflex time b{
font-weight:600;
margin:0 5px
}
.sitemapflex time b:last-child{
margin-right:0
}
.sitemapflex time b:first-child{
margin-left:0
}
.sitemapflex time u{
text-decoration:none
}
#newsRead .top h1{
font-family:Barlow;
font-weight:700;
font-size:38px;
letter-spacing:-.15px;
line-height:48px;
color:#000
}
#newsRead .top h2{
font-size:19px;
font-family:Barlow;
line-height:26px;
font-weight:500;
color:#4a4a4a;
margin-bottom:3px;
margin-top:4px
}
#newsRead .bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:0;
margin-left:0
}
#newsRead .bottom .left{
-ms-flex:0 0 852px;
flex:0 0 852px;
max-width:calc(100% - 300px);
padding:0 12px;
padding:20px 10px 0;
padding-top:12px;
padding-right:20px
}
.left.tvAndNewspaper{
padding:10px 0 0 0!important
}
#newsRead .bottom .left .detail>*{
margin-bottom:12px!important
}
#newsRead .bottom .left .detail>.slider{
margin-bottom:16px!important
}
#newsRead .bottom .left .detail>p{
margin-bottom:13px!important
}
#newsRead .bottom .left .detail>:last-child{
margin-bottom:0!important
}
#newsRead .bottom .left .detail .cap:after,#newsRead .bottom .left .detail .cap:before{
content:"";
display:table;
clear:both
}
#newsRead .bottom .left .detail .cap>img{
width:100%;
display:block;
margin-bottom:15px
}
#newsRead .bottom .left .detail .cap>a{
font-size:0;
float:left
}
#newsRead .bottom .left .detail .cap>a i{
display:inline-block;
width:30px;
line-height:30px;
border-radius:100%;
text-align:center!important;
color:#fff;
font-size:14px;
background:#c90914;
vertical-align:middle
}
#newsRead .bottom .left .detail .cap>a strong{
display:inline-block;
font-size:14px;
color:#000;
vertical-align:middle;
margin:0 6px;
margin-left:8px
}
#newsRead .bottom .left .detail .cap>a span{
display:inline-block;
vertical-align:middle;
font-size:13px;
color:#646464;
padding-left:12px;
position:relative
}
#newsRead .bottom .left .detail .cap>a span::before{
position:absolute;
content:"";
left:0;
top:50%;
background:#9e9ea0;
width:4px;
height:4px;
border-radius:100%;
margin-top:-2px
}
#newsRead .bottom .left .detail .cap ul{
float:right;
display:inline-block;
font-size:0;
vertical-align:middle
}
#newsRead .bottom .left .detail .cap ul li{
display:inline-block;
vertical-align:middle;
margin-left:10px
}
#newsRead .bottom .left .detail .cap ul li a img{
width:30px;
height:30px;
border-radius:100%
}
#newsRead .bottom .left .detail p{
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500
}
#newsRead .bottom .left .detail p strong{
color:#c90914
}
#newsRead .bottom .left .detail p.shortCode{
padding:20px 15px;
background:#fdfaf2;
border:1px solid #fbf2df;
font-size:15px
}
#newsRead .bottom .left .detail .slider .number{
background:#222;
width:100%;
font-size:0;
text-align:center!important;
border-top:1px solid #454545
}
#newsRead .bottom .left .detail .slider .number li{
display:inline-block;
opacity:1;
width:36px;
height:auto;
line-height:36px;
text-align:center!important;
border-radius:0;
font-size:12px;
font-weight:700!important;
color:#fff;
background:0 0;
border-left:1px solid #454545
}
#newsRead .bottom .left .detail .slider .number li:first-child{
border-left:none
}
#newsRead .bottom .left .detail .slider .number li.swiper-pagination-bullet-active{
background:#c90914
}
#newsRead .bottom .left .detail h2,#newsRead .bottom .left .detail h3{
font-weight:600;
line-height:24px;
margin-bottom:9px!important
}
#newsRead .bottom .left .detail h4{
margin-top:15px;
margin-bottom:15px!important;
font-weight:600;
color:#000;
line-height:24px
}
#newsRead .bottom .left .detail h1{
font-size:36px;
line-height:1.2em
}
#newsRead .bottom .left .detail h2{
font-size:34px;
line-height:1.2em
}
#newsRead .bottom .left .detail h3{
font-size:30px;
line-height:1.2em
}
#newsRead .bottom .left .detail h4{
font-size:26px;
line-height:1.2em
}
#newsRead .bottom .left .detail h5{
font-size:22px;
line-height:1.2em
}
#newsRead .bottom .left .detail h6{
font-size:16px
}
.haberSingle .newsBox span>strong{
display:none
}
#newsRead .bottom .left .detail .relatedContent{
position:relative
}
#newsRead .bottom .left .detail .relatedContent>strong{
position:absolute;
right:15px;
top:-9px;
z-index:1;
padding:5px 10px;
font-weight:600!important
}
#newsRead .bottom .left .detail .relatedContent a{
display:block;
background:#eb212e;
position:relative;
padding:17px 17px 17px 252px;
height:132px
}
#newsRead .bottom .left .detail .relatedContent a img{
position:absolute;
left:0;
top:0;
height:100%;
width:232px;
object-fit:cover
}
#newsRead .bottom .left .detail .relatedContent a strong{
font-family:Barlow;
font-size:20px;
line-height:24px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
max-height:48px;
font-weight:700;
color:#fff
}
#newsRead .bottom .left .detail .relatedContent a em{
display:block;
text-transform:uppercase;
font-size:12px;
font-weight:700;
line-height:16px;
margin-bottom:7px;
color:#fff;
font-style:normal
}
#newsRead .bottom .left .detail blockquote{
display:block;
font-size:16px;
color:#757373;
line-height:24px;
position:relative;
margin:20px 0 19px 0!important;
border-left:2px solid #f4f4f4;
padding:15px 15px 15px 60px
}
#newsRead .bottom .left .detail>p.shortCodeRed{
margin-bottom:20px!important
}
#newsRead .bottom .left .detail blockquote .icon-quote{
position:absolute;
color:#e8e8e8;
left:25px;
top:10px;
font-size:18px
}
#newsRead .bottom .left .detail ol{
margin:0;
padding:0;
counter-reset:li-counter
}
#newsRead .bottom .left .detail ol li{
list-style:none;
padding-left:30px;
position:relative;
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500;
margin-bottom:4px
}
#newsRead .bottom .left .detail figcaption{
font-size:16px;
line-height:26px;
font-weight:500;
color:#757373;
text-align:center
}
#newsRead .bottom .left .detail figure{
margin:0!important
}
#newsRead .bottom .left .detail ol li:before{
position:absolute;
left:0;
top:5px;
width:20px;
line-height:20px;
border-radius:100%;
text-align:center!important;
color:#fff;
font-size:14px;
font-weight:700!important;
background:#c90914;
content:counter(li-counter);
counter-increment:li-counter
}
#newsRead .bottom .left .tags{
border-bottom:2px solid #e9e9e9;
margin:20px 0;
margin-bottom:0
}
#newsRead .bottom .left .tags ul{
margin:0 -5px;
font-size:0;
padding:0 5px 10px 5px
}
div .head.gray,div .head.lightBlue{
background-color:#fff!important
}
#newsRead .bottom .left .tags ul:after,#newsRead .bottom .left .tags ul:before{
content:"";
display:table;
clear:both
}
#newsRead .bottom .left .tags ul li{
display:inline-block;
border:1px solid #e1e1e1;
border-radius:2px;
text-align:center;
transition:background-color .2s ease-in-out,border-color .2s ease-in-out;
margin:0 5px 10px 0
}
#newsRead .bottom .left .tags ul li:first-child{
margin-left:0
}
#newsRead .bottom .left .tags ul li a{
display:block;
color:#000;
font-family:Barlow;
font-weight:500;
line-height:20px;
font-size:13px;
padding:6px 12px
}
.haberSingle .bottom .sixNews .newsBox>span{
height:130px
}
.haberSingle .bottom .sixNews .newsBox>strong{
padding:0
}
.haberSingle .sixNews .row>div{
padding:0 10px!important
}
.haberSingle .bottom .sixNews .newsBox span{
font-family:Barlow;
font-size:16px;
line-height:19px;
font-weight:500;
color:#000;
margin:11px 0;
transition:color .2s ease-in-out;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.haberSingle .bottom .sixNews .newsBox strong>span{
height:40px
}
#newsRead .bottom .left .tags ul li:hover{
background-color:#e1e1e1!important;
border-color:#e1e1e1!important
}
#newsRead .bottom .left .sixNews .row>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 12px;
padding:12px
}
#newsRead .bottom .left .commentForm{
margin-top:12px;
margin-bottom:20px
}
#newsRead .bottom .left .commentForm form{
border:1px solid #e1e1e1
}
#newsRead .bottom .left .commentForm form>div>p{
color:#000;
font-weight:600;
font-size:14px;
position:relative;
padding:0 20px 0 50px;
height:69px;
line-height:69px
}
#newsRead .bottom .left .commentForm form>div>p:first-child{
border-bottom:1px solid #ddd
}
#newsRead .bottom .left .commentForm form>div>p i{
position:absolute;
left:16px;
top:50%;
line-height:0;
font-size:22px;
color:#e5e5e5
}
.ql-editor{
background:0 0;
color:#afb0c0;
width:100%;
background-color:#fcfcfd;
padding:10px 18px!important;
border:0;
border-top:1px solid #eaeaf5;
font-style:normal;
height:140px!important
}
span.comment-active b{
color:#c90914;
font-weight:700;
margin:0 3px
}
span.comment-active{
width:100%;
display:block;
display:flex;
align-items:center;
padding:10px 20px;
background-color:#f8f9fa;
border-top:1px solid #e1e1e1;
font-size:12px;
font-weight:600;
color:#81878c;
font-family:Barlow;
flex-wrap:wrap;
min-height:50px
}
#newsRead .bottom .left .commentForm form>div #editorTool{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
#newsRead .bottom .left .commentForm form>div #editorTool>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:0
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar{
order:1;
border:none;
border-top:1px solid #dedede;
padding:8px 0 8px 16px
}
#editor-container .ql-editor p,#editor-container .ql-editor::before{
font-size:14px!important;
font-weight:500!important;
color:#81878c!important;
font-family:Barlow;
left:17px
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div{
margin:0 -8px
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div:after,#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div:before{
content:"";
display:table;
clear:both
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div>span{
margin:0;
padding:0 8px;
border-left:1px solid #d9dbdf
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div>span:first-child{
border-left:none
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar .send{
padding:0 8px
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar .send button{
width:auto;
color:#81878c;
font-size:15px;
font-weight:700!important;
background:#e8eaed;
padding:5px 20px;
border-radius:3px;
height:auto
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-container{
overflow:auto;
border:none;
color:#2b2b2b;
font-size:14px;
font-weight:500
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-container .ql-editor{
padding:20px 0
}
#newsRead .bottom .left .commentForm form>div #editorTool>span{
display:block;
font-size:12px;
color:#81878c;
padding:7px 0 7px 16px;
width:100%;
background:#fcfcfd;
font-weight:500
}
#newsRead .bottom .left .commentForm form>p{
font-size:12px;
background:#f8f9fa;
color:#81878c;
border-top:1px solid #d8d8d8;
padding:15px 20px
}
#newsRead .bottom .left .commentForm form>p strong{
font-weight:400!important;
color:#c90914
}
#newsRead .bottom .left .comments{
border:1px solid #d8d8d8
}
#newsRead .bottom .left .comments>strong{
display:block;
font-size:20px;
color:#81878c;
font-weight:500;
padding:21px 0 0 0;
font-size:20px;
font-weight:700;
line-height:26px;
color:#000;
border-bottom:1px solid #e1e1e1;
padding-bottom:20px;
font-family:Barlow;
margin-left:16px;
margin-right:16px
}
#newsRead .bottom .left .comments ul li{
padding:15px 0 10px 80PX;
position:relative;
margin:0
}
#newsRead .bottom .left .comments ul li .icons{
position:absolute;
left:16px;
top:10px;
width:50px;
font-size:0;
padding:0;
height:50px;
border-radius:100%;
overflow:hidden
}
#newsRead .bottom .left .comments ul li .icons img{
width:100%;
height:100%;
object-fit:cover
}
#newsRead .bottom .left .comments ul li .icons i{
display:inline-block;
color:#e5e5e5;
font-size:50px;
vertical-align:middle;
margin:5px
}
#newsRead .bottom .left .comments ul li .icons i.icon-reply{
font-size:18px
}
#newsRead .bottom .left .comments ul li .h{
position:relative;
padding-right:100px
}
#newsRead .bottom .left .comments ul li .h strong{
font-weight:600;
font-size:14px;
color:#000
}
#newsRead .bottom .left .comments ul li .h time{
font-family:Barlow;
font-size:14px;
color:#81878c;
margin-left:15px;
font-weight:500
}
#newsRead .bottom .left .comments ul li .h div{
position:absolute;
right:16px;
top:0
}
#newsRead .bottom .left .comments ul li .h div>i{
line-height:24px;
width:24px;
text-align:center!important;
color:#5f6368;
cursor:pointer
}
#newsRead .bottom .left .comments ul li>p{
font-weight:400;
line-height:22px;
font-size:15px;
color:#000;
margin-top:7px
}
#newsRead .bottom .left .comments ul li.reply{
background:#f8f9fa
}
#newsRead .bottom .left .comments ul li:first-child{
border-top:none
}
#newsRead .bottom .right{
-ms-flex:0 0 300px;
flex:0 0 300px;
max-width:300px;
padding:0
}
#newsRead .bottom .right>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px
}
#newsRead .bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
.footer-top{
width:100%;
height:80px;
display:flex;
justify-content:space-between;
align-items:center;
background-color:#b70b19;
position:relative;
overflow:hidden
}
.footer-top .logo-pattern{
left:0;
right:unset;
width:100%;
height:80px
}
footer .container{
position:relative
}
.footer-top .logo-pattern img{
height:100%;
width:100%;
object-fit:cover
}
a.footer-logo{
display:block;
margin-right:70px
}
a.footer-logo img{
max-height:56px
}
.footer-top-left{
display:flex;
align-items:center;
justify-content:flex-start
}
.footer-top-left p{
font-weight:500;
font-size:15px;
color:#fff;
line-height:18px;
position:relative
}
.footer-top-left p:after,.footer-top-left p:before{
content:open-quote;
position:absolute;
top:-5px;
left:-30px;
margin:0;
padding:0;
height:auto;
color:#fff;
font-family:sans-serif;
font-size:57px;
line-height:1em;
width:9px;
overflow:hidden
}
.footer-top-left p:before{
left:-18px
}
.ftp-search{
width:300px;
position:relative
}
.ftp-search input{
width:100%;
height:48px;
background-color:transparent;
border:2px solid #fff!important;
border-radius:24px;
padding:0 45px 0 25px;
font-weight:500;
font-size:15px;
color:#fff;
font-family:Barlow,sans-serif
}
.ftp-search input::placeholder{
color:#fff
}
.ftp-search svg{
position:absolute;
right:9px;
top:8px;
cursor:pointer
}
.ftp-search input[type=submit]{
display:none;
opacity:0;
visibility:hidden
}
.footer-menus{
width:100%;
height:80px;
background-color:#f1f1f1;
display:flex;
justify-content:space-evenly;
align-items:center
}
.footer-menus ul li{
display:inline-block;
position:relative;
padding-right:20px
}
.footer-menus ul{
display:flex;
align-items:center;
justify-content:space-between
}
.footer-menus ul li a{
display:block;
color:#000;
font-weight:600;
font-family:Barlow;
position:relative;
line-height:80px;
text-transform:uppercase;
font-size:14px
}
.flex-start{
display:flex;
justify-content:space-between;
align-items:flex-start
}
.footer-menus ul li:after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background-color:#e6e6e6;
width:1px;
height:17px
}
.footer-menus ul li a span{
padding:0 2px;
font-family:Barlow;
font-size:10px;
color:#fff;
position:absolute;
width:auto;
right:0;
top:17px;
height:12px;
line-height:13px
}
.footer-menus ul li a:after{
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
height:3px;
width:0;
background-color:#b70b19;
transition:width .3s ease-in-out
}
.footer-menus ul li a:hover:after{
width:100%
}
.footer-menus a.red:after{
background-color:#b70b19
}
.footer-menus a.orange:after{
background-color:#e88627
}
.footer-menus a.green:after{
background-color:#19b216
}
.footer-menus a.brown:after{
background-color:#cb5419
}
.footer-menus a.gray:after{
background-color:#79685f
}
.footer-menus a.blue:after{
background-color:#4b679b
}
.footer-menus a.green2:after{
background-color:#61a260
}
.footer-menus a.purple:after{
background-color:#563890
}
.footer-menus a.purple2:after{
background-color:#715eaf
}
.footer-menus a.purple3:after{
background-color:#563890
}
.footer-menus a.blue2:after{
background-color:#4b679b
}
.footer-menus a.blue3:after{
background-color:#3b9cea
}
.footer-menus ul li:last-child{
padding-right:0;
margin-right:0
}
.footer-menus ul li:last-child:after{
display:none
}
.footer-links-left{
width:calc(100% - 200px);
float:left;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap
}
a.red2 span{
background-color:#e92535
}
a.red span{
background-color:#b70b19
}
a.orange span{
background-color:#e88627
}
a.green span{
background-color:#19b216
}
a.brown span{
background-color:#cb5419
}
a.gray span{
background-color:#79685f
}
a.blue span{
background-color:#4b679b
}
a.green2 span{
background-color:#61a260
}
a.purple span{
background-color:#563890
}
a.purple2 span{
background-color:#715eaf
}
a.purple3 span{
background-color:#563890
}
a.blue2 span{
background-color:#4b679b
}
a.blue3 span{
background-color:#3b9cea
}
.footer-links-right{
float:right;
width:125px
}
.footer-links-left ul{
display:inline-block
}
.footer-links{
background-color:#fff;
width:100%;
padding:25px 0
}
.footer-links-left ul li a{
font-weight:500;
font-size:15px;
line-height:28px;
color:#444343;
transition:color .2s ease-in-out
}
.footer-links-left ul li a:hover{
color:#b70b19
}
.footer-links-right ul li{
display:block;
margin-bottom:10px
}
.footer-links-right ul li:last-child{
margin-bottom:0
}
.footerSocial li{
float:left;
margin-right:5px
}
.desk-menu-bottom-left li a,.fgaleri-share li a,.footerSocial li a{
width:36px;
height:36px;
border-radius:100%;
border:2px solid #9da1a4;
display:flex;
align-items:center;
justify-content:center;
transition:border-color .2s ease-in-out
}
.desk-menu-bottom-left li a i,.fgaleri-share li a i,.footerSocial li a i{
display:block;
height:20px;
transition:.3s;
background-color:#9da1a4;
transition:background-color .2s ease-in-out
}
.desk-menu-bottom .facebook i,.facebook i,.fgaleri-share .facebook i{
width:10px;
-webkit-mask-image:url(../img/icons/footerFacebook.svg);
mask-image:url(../img/icons/footerFacebook.svg);
background-position: center
}
.desk-menu-bottom .twitter i,.fgaleri-share .twitter i,.twitter i{
width:18px;
-webkit-mask-image:url(../img/icons/footerTwitter.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-image:url(../img/icons/footerTwitter.svg)
}
.google-plus i{
width:17px;
-webkit-mask-image:url(../img/icons/footerGPlus.svg);
mask-image:url(../img/icons/footerGPlus.svg)
}
.desk-menu .instagram i,.instagram i{
width:20px;
-webkit-mask-image:url(../img/icons/footerInstagram.svg);
mask-image:url(../img/icons/footerInstagram.svg)
}
.fgaleri-share ul li a.whatsapp i,.icon-border.whatsapp i{
width:20px;
-webkit-mask-image:url(../img/icons/whatsapp.svg);
mask-image:url(../img/icons/whatsapp.svg)
}
.icon-border.whatsapp{
border-color:#25d366
}
.icon-border.whatsapp i{
display:block;
height:20px;
transition:.3s;
background-color:#25d366;
transition:background-color .2s ease-in-out
}
.options-icons:hover .icon-border.whatsapp{
border-color:#25d366;
background-color:#25d366
}
.fgaleri-share ul li a.zoomin i{
width:20px;
-webkit-mask-image:url(../img/icons/zoom-in.svg);
mask-image:url(../img/icons/zoom-in.svg)
}
.pinterest i{
width:20px;
-webkit-mask-image:url(../img/icons/footerPinterest.svg);
mask-image:url(../img/icons/footerPinterest.svg)
}
.youtube i{
width:20px;
-webkit-mask-image:url(../img/icons/footerYoutube.svg);
mask-image:url(../img/icons/footerYoutube.svg);
mask-position: center;
mask-repeat: no-repeat
}
.dribbble i{
width:18px;
-webkit-mask-image:url(../img/icons/footerDribbble.svg);
mask-image:url(../img/icons/footerDribbble.svg)
}
.fgaleri-share ul li{
list-style:none!important;
list-style-type:none!important;
transition:transform .3s ease-in-out
}
.fgaleri-share ul li{
transform:translateY(60px)
}
.fgaleri-share ul li:nth-child(2){
transition-delay:.1s
}
.fgaleri-share ul li:nth-child(3){
transition-delay:.2s
}
.fgaleri-share ul li:nth-child(4){
transition-delay:.3s
}
.fgaleri-share ul li:nth-child(5){
transition-delay:.4s
}
figure:hover .fgaleri-share ul li{
transform:translateY(0);
margin:0!important
}
.fgaleri-share ul li:nth-child(1) a:hover{
background-color:#325a9d
}
.fgaleri-share ul li:nth-child(2) a:hover{
background-color:#111
}
.fgaleri-share ul li:nth-child(3) a:hover{
background-color:#ca2028
}
.fgaleri-share ul li:nth-child(4) a:hover{
background-color:#25d366
}
.fgaleri-share ul li:nth-child(5) a:hover{
background-color:#ff000e
}
.haberSingle .left .detail ul{
padding:0;
display:block;
align-items:center
}
.fgaleri-share li a{
border:0;
background:#000;
opacity:.8;
color:#fff;
margin:0 3px
}
.fgaleri-share li a:hover{
opacity:1
}
.fgaleri-share li a i{
background-color:#fff!important
}
.fgaleri-share{
position:absolute;
right:20px;
bottom:15px
}
.footerSocial{
width:100%;
background-color:#fff;
height:80px;
display:flex;
align-items:center;
justify-content:center;
border-top:2px solid #f1f1f1
}
.desk-menu li a.facebook:hover i,.footerSocial li a.facebook:hover i{
background-color:#257fc3
}
.desk-menu li a.facebook:hover:before{
color:#257fc3
}
.desk-menu li a.facebook:hover,.footerSocial li a.facebook:hover{
border-color:#257fc3
}
.desk-menu li a.twitter:hover i,.footerSocial li a.twitter:hover i{
background-color:#111
}
.desk-menu li a.twitter:hover:before{
color:#111
}
.desk-menu li a.twitter:hover,.footerSocial li a.twitter:hover{
border-color:#111
}
.desk-menu li a.instagram:hover i,.footerSocial li a.instagram:hover i{
background-color:#e86227
}
.desk-menu li a.instagram:hover:before{
color:#e86227
}
.desk-menu li a.instagram:hover,.footerSocial li a.instagram:hover{
border-color:#e86227
}
.footerSocial li a.pinterest:hover i{
background-color:#cb2027
}
.footerSocial li a.pinterest:hover{
border-color:#cb2027
}
.footerSocial li a.google-plus:hover i{
background-color:#1ab7ea
}
.footerSocial li a.google-plus:hover{
border-color:#1ab7ea
}
.footerSocial li a.youtube:hover i{
background-color:#c92229
}
.footerSocial li a.youtube:hover{
border-color:#c92229
}
.footerSocial li a.dribbble:hover i{
background-color:#e04d84
}
.footerSocial li a.dribbble:hover{
border-color:#e04d84
}
.afterwhite{
background-color:#efefef!important
}
.side-puandurumu{
background-color:#fff;
padding:16px 21px
}
.new-category-in .side-puandurumu{
border:1px solid #e6e6e6
}
.side-p-header{
display:flex;
align-items:center;
justify-content:space-between
}
.side-p-header h2{
font-size:16px;
color:#000;
font-weight:700;
width:calc(100% - 80px);
text-transform:uppercase
}
.side-p-header span{
color:#0d0d0d;
font-size:15px;
font-weight:600;
width:22px;
text-align:center;
padding:0 16px
}
.side-p-header span:last-child{
padding-right:9px
}
.side-p-body{
padding-top:10px
}
.side-p-body ol{
list-style:none;
counter-reset:pcounter;
padding:0;
margin-bottom:0
}
.side-p-body ol li{
counter-increment:pcounter;
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:15px;
margin-bottom:17px;
border-bottom:1px solid #e6e6e6;
display:none;
position:relative
}
.side-p-body ol li:after{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:15px;
height:1px
}
.side-p-body ol li:first-child:after{
background:#4a8bee
}
.side-p-body ol li:nth-child(2):after{
background:#f67b38
}
.side-p-body ol li:nth-child(3):after{
background:#40a65a
}
.side-p-body ol li:nth-child(17):after,.side-p-body ol li:nth-child(18):after,.side-p-body ol li:nth-child(19):after,.side-p-body ol li:nth-child(20):after,.side-p-body ol li:nth-child(21):after,.side-p-body ol li:nth-child(22):after{
background:#c90914
}
.side-p-body ol li:nth-child(4):after,.side-p-body ol li:nth-child(5):after{
display:none
}
.side-p-body ol li:before{
content:counter(pcounter);
font-size:15px;
color:#0d0d0d;
font-weight:600;
position:absolute
}
.side-p-body ol li p{
font-size:14px;
font-weight:500;
color:#000;
width:calc(100% - 80px);
padding-left:29px;
position:relative;
margin-top:1px
}
.side-p-body ol li:hover p{
color:#1d802f
}
.side-p-body ol li b{
font-size:14px;
font-weight:600;
color:#0d0d0d;
margin-right:8px
}
.side-p-body ol li b:last-child{
margin-right:0
}
.side-p-body ol li:last-child{
margin-bottom:0
}
a.side-p-genislet{
width:100%;
height:40px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
line-height:40px;
color:#1d802f;
font-weight:600;
font-size:14px;
text-align:center;
display:block;
margin-bottom:20px;
background-image:url(../img/bg/pbg.jpg);
background-repeat:repeat;
background-size:contain
}
.side-p-body ol li:nth-child(5){
margin-bottom:0;
border-bottom:0
}
.side-p-body ol.dar li{
display:none!important
}
.side-p-body ol li:nth-child(1),.side-p-body ol li:nth-child(2),.side-p-body ol li:nth-child(3),.side-p-body ol li:nth-child(4),.side-p-body ol li:nth-child(5){
display:flex!important
}
.side-p-body ol li:last-child{
margin-bottom:20px
}
a.p-goall{
width:100%;
height:40px;
line-height:40px;
display:flex;
align-items:center;
text-align:center;
background-color:#1d802f;
position:relative;
justify-content:center;
border-radius:2px;
font-weight:600;
color:#fff;
font-size:14px
}
a.p-goall svg{
position:absolute;
right:15px;
transition:transform .2s ease-in-out
}
a.p-goall:hover svg{
animation:rightarrow 1s infinite ease-in-out
}
#newsRead .bottom .left .detail .relatedContent a span{
color:#fff;
font-size:13px;
font-weight:700;
position:absolute;
bottom:17px
}
#newsRead .bottom .left .detail .relatedContent a span svg{
margin-left:8px
}
#newsRead .bottom .left .detail .relatedContent a span svg,.other-text svg{
transition:transform .2s ease-in-out
}
#newsRead .bottom .left .detail .relatedContent a:hover span svg,.other-text:hover svg{
animation:rightarrow 1s infinite ease-in-out
}
@keyframes rightarrow{
0%{
transform:translateX(0)
}
50%{
transform:translateX(10px)
}
100%{
transform:translateX(0)
}
}
.h-ilan{
position:relative;
width:100%;
height:114px;
overflow:hidden;
padding:0!important;
display:block
}
#home .right .rk{
margin-top:20px
}
.h-ilan:hover p{
text-decoration:underline
}
.h-ilan img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}
.h-ilan-in{
position:relative;
display:flex;
height:100%;
width:100%;
align-items:center;
background-color:rgba(201,9,20,.73);
padding-left:17px;
overflow:hidden
}
.h-ilan-in:before{
content:"";
position:absolute;
background-color:#fff;
border-radius:100%;
width:278px;
height:278px;
left:100%;
margin-left:-83px;
top:0;
margin-top:-40px
}
.h-ilan-in p{
font-size:20px;
font-weight:600;
line-height:26px;
color:#fff;
padding-right:85px
}
.h-ilan-other{
position:absolute;
right:0;
padding-right:10px
}
.hiother1{
display:inline-block;
font-size:13px;
font-weight:700;
color:#fff;
position:relative;
z-index:9;
padding:0 6px 4px 4px;
font-style:italic;
letter-spacing:.2px;
margin-right:5px
}
.hiother1:before{
content:"";
position:absolute;
left:50%;
top:50%;
width:100%;
height:18px;
background:#fc0d1b;
transform:translate(-50%,-50%) skew(-20deg);
z-index:-1;
margin-top:-2px;
box-shadow:3px 3px 1px 0 rgba(42,42,47,.45)
}
.hiother2{
display:inline-block;
font-size:10px;
font-weight:700;
color:#fff;
position:relative;
z-index:9;
padding:0 6px 0 4px;
height:18px;
line-height:16px;
font-style:italic;
letter-spacing:.2px;
float:right;
margin-top:-2px
}
.hiother2:before{
content:"";
position:absolute;
left:50%;
top:50%;
width:100%;
height:18px;
background:#790307;
transform:translate(-50%,-50%) skew(-20deg);
z-index:-1;
margin-top:-2px;
box-shadow:3px 3px 1px 0 rgba(42,42,47,.45)
}
.h-left:before{
right:100%;
margin-right:-83px;
left:unset;
margin-left:0
}
.h-left p{
padding-left:76px;
padding-right:0
}
.h-left .h-ilan-other{
right:unset;
left:0;
padding-left:16px;
padding-right:0
}
.h-left .hiother1:before,.h-left .hiother2:before{
box-shadow:-3px 3px 1px 0 rgba(42,42,47,.45)
}
.h-ilan-in.blue{
background-color:rgba(32,87,181,.85)
}
.h-ilan-in.blue .hiother1:before{
background-color:#4c81d9
}
.h-ilan-in.blue .hiother2:before{
background-color:#2057b5
}
.h-ilan-in.purple{
background-color:rgba(81,56,163,.85)
}
.h-ilan-in.purple .hiother1:before{
background-color:#fa4883
}
.h-ilan-in.purple .hiother2:before{
background-color:#d03367
}
.h-ilan-in.green{
background-color:rgba(36,162,54,.75)
}
.h-ilan-in.green .hiother1:before{
background-color:#29a03a
}
.h-ilan-in.green .hiother2:before{
background-color:#1e7d2c
}
.b-videogaleri{
width:290px;
background-color:#fff;
position:relative;
padding-bottom:11px
}
.with-sticky .b-videogaleri{
background-color:#efefef
}
.bvgl-title{
width:100%;
display:block;
height:50px;
background-color:#fff;
padding-left:20px;
border-left:2px solid #a5159e;
line-height:52px
}
.b-videogaleri .bvgl-title{
height:45px;
line-height:45px
}
.bvgl-title h2{
font-weight:700;
font-size:16px;
color:#000;
display:block;
text-transform:uppercase
}
a.bvgl-top{
display:block;
width:100%
}
a.bvgl-top figure{
width:100%;
height:165px;
object-fit:cover;
margin:0
}
a.bvgl-top figure img{
width:100%;
height:100%;
object-fit:cover
}
a.bvgl-top p{
display:-webkit-box;
-webkit-box-orient:vertical;
color:#000;
font-weight:500;
font-size:17px;
line-height:20px;
margin:15px 15px 14px 15px;
transition:color .2s ease-in-out;
-webkit-line-clamp:2;
overflow:hidden;
height:40px
}
a.bvgl-top p:hover{
text-decoration:underline
}
.bvgl-small{
padding:0 15px;
display:block;
width:100%;
height:70px;
margin-bottom:15px
}
.b-videogaleri .bvgl-small{
margin-bottom:10px
}
.video-five .bvgl-small{
padding:0
}
.new-category-in .video-five .bvgl-small{
margin-bottom:15px!important
}
.new-category-in .video-five .bvgl-small:last-child{
margin-bottom:0!important
}
.bvgl-small:last-child{
margin-bottom:0
}
.bvgl-small a:hover p{
text-decoration:underline
}
.bvgl-small a figure{
width:110px;
height:64px;
float:left;
margin:0 16px 0 0
}
.video-five .flex-start{
display:flex;
justify-content:space-between;
align-items:flex-start
}
.bvgl-small a figure img{
width:100%;
height:100%;
object-fit:cover
}
.bvgl-small p{
font-size:16px;
line-height:22px;
color:#000;
transition:color .2s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
display:-webkit-box;
font-weight:500
}
.video-five-left{
background-color:#222;
width:450px;
padding:15px 15px 13px 15px
}
.video-five-left figure{
height:262px;
width:100%;
margin:0
}
.video-five-left figure img{
height:100%;
width:100%;
object-fit:cover
}
.video-five-left h1{
font-size:20px;
font-weight:500;
line-height:26px;
color:#fff;
margin-top:12px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:52px
}
.video-five a:hover h1{
text-decoration:underline
}
.mid-rek{
font-size:0
}
.video-five a:hover .play-button{
transform:rotate(360deg)
}
.video-five-right{
background-color:#000;
width:calc(100% - 450px);
padding:15px 15px 14px 15px
}
.video-five .bvgl-small p{
color:#fff
}
.video-five a{
display:block;
position:relative
}
.play-button{
width:48px;
height:48px;
background-color:rgba(0,0,0,.5);
border-radius:100%;
position:absolute;
display:flex;
align-items:center;
justify-content:center;
transition:transform .35s ease-in-out;
top:50%;
transform:translateY(-50%);
left:20px;
z-index:1
}
.relatedContent .play-button{
left:90px
}
#newsRead .bottom .right>div .newsBox .play-button{
left:50%;
transform:translate(-50%,-50%)
}
#newsRead .bottom .right>div .newsBox:hover .play-button{
left:50%;
transform:translate(-50%,-50%) rotate(360deg)
}
.video-five-left .play-button{
transform:unset;
top:15px;
left:15px
}
.video-five-right .play-button{
transform:unset;
top:5px;
left:5px;
width:34px;
height:34px
}
.video-five-right .play-button img{
max-width:17px;
margin-left:4px
}
.flex-start.mid568-col{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:20px
}
.kat-grid-right{
width:300px;
background-color:#fff;
padding:18px 20px 23px 20px
}
.kat-grid-right .kat-title{
text-align:center
}
.kat-grid-right-five figure{
width:100%;
height:150px;
margin:0
}
.kat-grid-right-five figure img{
object-fit:cover;
width:100%;
height:100%
}
.kat-grid-right-five strong{
font-size:17px;
line-height:22px;
font-weight:600;
color:#000;
-webkit-line-clamp:2;
overflow:hidden;
display:block;
height:45px;
margin-top:10px;
margin-bottom:12px;
transition:color .2s ease-in-out
}
.kat-grid-right-five a:hover strong{
color:#c90914
}
.kat-grid-right-five a{
display:block;
width:100%;
position:relative
}
.kat-grid-right-five{
position:relative
}
.kat-grid-right-five .owl-dot:before{
counter-increment:dots;
content:counter(dots);
margin-left:1px
}
.kat-grid-right-five .owl-dots button{
width:28px;
height:28px;
color:#ccc!important;
font-size:14px!important;
font-weight:500!important;
border-radius:100%!important;
border:2px solid #ccc!important;
margin-right:7px;
transition:all .2s ease-in-out
}
.kat-grid-right-five .owl-dots button.active,.kat-grid-right-five .owl-dots button:hover,.kat-grid-right-five .owl-nav button:hover{
border-color:#000!important;
color:#000!important
}
.kat-grid-right-five .owl-dots{
display:flex!important;
bottom:0;
counter-reset:dots;
width:100%;
padding:0 14px;
flex-wrap:nowrap;
justify-content:center;
height:auto;
align-items:center
}
.kat-grid-right-five .owl-nav button{
width:28px;
height:28px;
border:2px solid #ccc!important;
border-radius:100%;
text-align:center;
display:flex;
align-items:center;
justify-content:center
}
#economy .bestReadBox .head h3{
padding-bottom:5px
}
#economy .bestReadBox>div ul li a{
padding-left:130px
}
#economy .bestReadBox>div ul li a img{
left:0
}
#economy .bestReadBox>div>div:last-child{
padding-left:0;
padding-right:0
}
.finans-doviz{
width:100%;
height:auto;
display:block;
position:relative;
margin-bottom:20px
}
.fd-in .fd-1{
width:25%;
flex:0 0 25%;
float:left;
padding:15px 23px 15px 25px;
position:relative;
transition:background-color .2s ease-in-out
}
.fd-in{
width:100%;
height:auto;
display:flex;
align-items:center;
flex-wrap:wrap;
border:1px solid #e6e6e6
}
.fd-in .fd-1:nth-child(1),.fd-in .fd-1:nth-child(2),.fd-in .fd-1:nth-child(3),.fd-in .fd-1:nth-child(4){
border-bottom:1px solid #e6e6e6
}
.fd-1-top{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:11px
}
.fd-1-top figure{
width:18px;
height:18px;
border-radius:100%;
overflow:hidden;
margin:0
}
.fd-1-top figure img{
width:100%;
height:100%;
object-fit:cover
}
.fd-1-bot.flex-center{
display:flex;
align-items:center;
justify-content:space-between
}
.fd-in .fd-1:nth-child(2),.fd-in .fd-1:nth-child(4),.fd-in .fd-1:nth-child(5),.fd-in .fd-1:nth-child(7){
background-color:#f9f9f9
}
.fd-1-top span{
font-size:14px;
font-weight:700;
margin-left:10px;
color:#0d0d0d;
text-transform:uppercase;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
.fd1b p{
font-size:12px;
font-weight:400;
color:#818181;
margin-bottom:5px;
display:block;
font-family:Barlow
}
.fd1b span{
font-size:12px;
font-weight:700;
color:#000
}
.fd-1-bot .fd1b:nth-child(3) span{
color:#26a69a
}
.fd-1-bot .fd1b.down span{
color:#e74b4c!important
}
.fd-1:hover .fd-1-top span{
color:#2c98f0
}
.fd-1:hover{
background-color:#dfeefb!important
}
.fd-1:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:0;
transition:all .2 ease-in-out;
background-color:#2c98f0
}
.fd-1:hover:before{
height:2px
}
.hissesenet{
border:1px solid #e6e6e6;
padding:18px 0 20px 0
}
.hissesenet .p-goall{
background-color:#2c98f0;
width:calc(100% - 40px);
margin:0 auto
}
.hissesenet .p-goall span{
font-size:13px;
font-weight:600;
line-height:1em
}
.hissesenet h5{
font-weight:700;
font-size:16px;
color:#000;
margin-bottom:13px;
margin-left:20px
}
.hissetab ul{
margin-left:20px;
margin-bottom:3px
}
.hissetab-in ul:not(:first-child){
display:none
}
.hissetab ul li{
font-size:13px;
font-weight:600;
color:#0d0d0d;
font-family:Barlow;
display:inline-block;
border-bottom:2px solid transparent;
padding-bottom:5px;
transition:border-color .2s ease-in-out
}
.hissetab ul li.active,.hissetab ul li:hover{
border-color:#2c98f0;
cursor:pointer
}
.hissetab ul li:not(:last-child){
margin-right:18px
}
.hissetab-in ul li span{
font-size:14px;
font-weight:700;
color:#0d0d0d;
display:block;
margin-bottom:10px
}
.hissetab-in ul li p{
font-size:12px;
color:#818181;
font-family:Barlow;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:500
}
.hissetab-in ul li span{
font-size:15px;
color:#000;
font-family:Barlow;
font-weight:500
}
.hissetab-in ul li span.hisseup{
color:#26a69a
}
.hissetab-in ul li span.hissedown{
color:#e74b4c
}
.hissetab-in ul li{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
height:65px;
border-left:2px solid transparent;
transition:all .2s ease-in-out;
padding:0 20px
}
.hissetab-in ul li:hover span{
color:#2c98f0
}
.hissetab-in ul li a{
padding-right:12px
}
.hissetab-in ul li:after{
content:"";
background-color:#e6e6e6;
width:calc(100% - 40px);
transform:translateX(-50%);
height:1px;
position:absolute;
left:50%;
bottom:0
}
.hissetab-in ul li:hover{
border-color:#2c98f0;
background-color:#dfeefb
}
.hissetab-in ul li:hover:after{
display:none
}
.hissetab-in ul li:last-child{
margin-bottom:15px
}
#home.container .newsBox>strong span{
font-size:17px!important;
line-height:22px!important;
font-weight:500!important;
margin:0
}
#home.container .newsBox>strong{
padding:14px;
height:72px
}
#home.container .newsBox>strong:hover span{
color:#c90914
}
.sport-slide{
border:1px solid #e6e6e6;
width:100%;
margin-bottom:20px
}
.ss-top{
display:block;
width:100%;
border-bottom:1px solid #e6e6e6;
z-index:9;
position:relative
}
.ss-top-mobile{
position:absolute;
left:0;
top:0;
width:100%;
display:none
}
.ss-top-mobile .ss-choosen,.ss-top-mobile a{
display:block;
color:#6d6d6d;
height:28px;
line-height:28px;
text-align:left;
padding:0 16px;
font-family:Barlow;
font-size:12px;
font-weight:500;
transition:all .2s ease-in-out;
cursor:pointer
}
.ss-choosen{
height:34px!important;
line-height:34px!important
}
.ss-choosen,.ss-top-mobile a:hover{
background-color:#208042;
color:#000!important
}
.ss-top-mobile-in{
padding:5px 0;
border-right:1px solid #e6e6e6;
background-color:#fff;
border-bottom:1px solid #e6e6e6;
z-index:999;
position:relative;
transition:all .2s ease-in-out;
visibility:hidden;
opacity:0
}
.ss-top-mobile-in.active{
visibility:visible;
opacity:1
}
.ss-top ul{
display:flex;
align-items:center;
justify-content:center
}
.ss-top ul li{
cursor:pointer;
height:40px;
line-height:40px;
color:#000;
display:block;
font-size:12px;
font-family:Barlow;
font-weight:500;
text-align:center;
border-right:1px solid #e1e1e1;
padding:0 20px;
transition:color .2s ease-in-out,background-color .2s ease-in-out;
position:relative
}
.ss-top ul li a{
color:#000
}
.ss-top ul li.active a,.ss-top ul li:hover a{
color:#fff
}
.ss-top ul li:last-child{
border:0
}
.ss-top ul li.active,.ss-top ul li:hover{
background-color:#208042;
color:#fff
}
.ss-top ul li.active:before{
content:"";
position:absolute;
bottom:-6px;
left:50%;
background-image:url(../img/box-end.svg);
width:13px;
height:13px;
margin-left:-6.5px
}
.ss-mid{
height:113px;
width:100%;
display:flex;
align-items:center;
font-family:Barlow;
position:relative;
padding-left:24px
}
#owl-sports .owl-stage{
display:flex
}
#owl-sports:after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:28px;
background:#fff;
z-index:1
}
#owl-sports:not(.owl-loaded){
opacity:0
}
#owl-sports img{
width:auto
}
.owl-sports-in{
display:flex;
flex-direction:column;
align-items:center;
padding:0 25px;
height:70px;
justify-content:flex-end
}
.sports-in-top{
display:flex;
align-items:flex-end;
justify-content:center;
margin-bottom:4px;
position:relative;
position:relative
}
.sports-in-top:after{
content:"";
position:absolute;
right:-25px;
background-color:#e6e6e6;
height:44px;
width:1px;
bottom:0
}
#owl-sports .owl-item:last-child .sports-in-top:after{
display:none
}
#owl-sports{
position:relative
}
#owl-sports .owl-dots{
display:none
}
#owl-sports .owl-nav{
position:absolute;
top:15px;
display:block!important;
width:100%;
height:1px;
left:0;
z-index:9
}
#owl-sports .owl-nav .owl-prev{
background:#208042;
position:absolute;
left:-24px;
width:28px;
height:40px;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
transition:background-color .2s ease-in-out;
display:flex!important;
border:0;
box-shadow:unset;
align-items:center
}
#owl-sports .owl-nav .owl-prev img{
transform:rotate(0)!important;
margin-left:2px;
opacity:1
}
#owl-sports .owl-nav .owl-next{
position:absolute;
background:#208042;
right:0!important;
width:28px;
height:40px;
border-top-left-radius:30px;
border-bottom-left-radius:30px;
transition:background-color .2s ease-in-out;
display:flex!important;
border:0;
box-shadow:unset;
align-items:center
}
#owl-sports .owl-nav .owl-next img{
transform:rotate(180deg);
opacity:1;
margin-left:6px
}
#owl-sports .owl-nav button:hover{
background-color:#222!important
}
.sit-mid span{
display:inline-block;
width:24px;
height:22px;
color:#222;
background-color:#e2e2e2;
text-align:center;
line-height:22px;
font-family:Barlow;
font-size:12px;
font-weight:500
}
.sit-mid .green{
color:#208042
}
.sit-left p,.sit-mid p,.sit-right p,.sports-in-bottom span{
font-family:Barlow;
font-size:12px;
font-weight:500
}
.sit-mid{
margin:0 11px;
text-align:center
}
.sit-left img,.sit-right img{
margin-bottom:3px
}
.sit-mid div{
margin-bottom:7px;
display:flex;
align-items:center;
justify-content:center
}
.sit-left>div,.sit-right>div{
display:flex;
flex-direction:column;
align-items:center
}
.sit-left,.sit-right{
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.load-9{
width:100%;
position:absolute;
height:100%;
left:0;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background-color:#fff;
z-index:98;
opacity:0;
visibility:hidden;
transition:all .35s ease-in-out
}
.load-active{
visibility:visible;
opacity:1
}
.spinner{
position:relative;
width:45px;
height:45px;
margin:0 auto
}
.bubble-1,.bubble-2{
position:absolute;
top:0;
width:25px;
height:25px;
border-radius:100%;
background-color:#208042
}
.bubble-2{
top:auto;
bottom:0
}
.l-9{
animation-delay:1.44s
}
.load-9 .spinner{
animation:loadingI 2s linear infinite
}
.load-9 .bubble-1,.load-9 .bubble-2{
animation:bounce 2s ease-in-out infinite
}
.load-9 .bubble-2{
animation-delay:-1s
}
@keyframes loadingI{
100%{
transform:rotate(360deg)
}
}
@keyframes bounce{
0%,100%{
transform:scale(0)
}
50%{
transform:scale(1)
}
}
.ss-bottom{
display:block;
width:100%;
border-top:1px solid #e6e6e6;
text-align:center
}
.ss-bottom a{
display:inline-flex;
margin:0 auto;
background-color:#222;
color:#fff;
height:34px;
font-family:Barlow;
font-size:12px;
font-weight:500;
line-height:34px;
align-items:center;
padding:0 20px;
width:260px
}
.ss-bottom a:before{
transition:transform .35s ease-in-out
}
.ss-bottom a.active:before{
transform:rotate(180deg)
}
.ss-bottom ul a{
background-color:#208042;
border-bottom:1px solid #ffffff4d;
transition:background-color .2s ease-in-out
}
.ss-bottom ul.haftamac{
position:absolute;
left:50%;
transform:translate(-50%,10px);
visibility:hidden;
opacity:0;
transition:all .35s ease-in-out;
z-index:99;
max-height:272px;
max-width:260px;
overflow-y:scroll;
overflow-x:hidden
}
.ss-bottom ul.haftamac::-webkit-scrollbar{
width:8px;
padding:2px;
height:2px
}
.ss-bottom ul.haftamac::-webkit-scrollbar-track{
height:2px;
background:#222
}
.ss-bottom ul.haftamac::-webkit-scrollbar-thumb{
background-color:#fff;
border-radius:4px
}
.ss-bottom ul.haftamac.active{
visibility:visible;
opacity:1;
transform:translate(-50%,0)
}
.ss-bottom ul a:hover{
background-color:#15562c
}
.ss-bottom img{
margin-left:10px
}
.ss-bottom>a b{
font-weight:500
}
.ss-bottom>a{
position:relative
}
.ss-bottom>a:before{
content:"";
position:absolute;
right:20px;
width:7px;
height:4px;
background-image:url(../img/icons/cdown.svg)
}
.fourrscl a{
display:block
}
.fourrscl figure{
width:100%;
height:100%;
margin:0
}
.fourrscl figure img{
width:100%;
height:100%;
object-fit:cover
}
#sport .side-puandurumu{
border:1px solid #e6e6e6
}
.sc-fively{
width:100%;
margin-bottom:0;
margin-top:0
}
.autorek{
font-size:0;
margin-bottom:8px
}
.sc-fively a{
display:block
}
.sc-fively a figure{
display:block;
width:100%;
height:100%;
overflow:hidden;
margin:0
}
.sc-fively a img{
max-width:100%;
width:100%;
height:100%;
object-fit:cover
}
.sc-fively .flex-between{
flex-direction:column
}
.sc-fively-2{
width:100%;
display:flex;
align-items:center;
justify-content:space-between
}
.sc-fively-2 a{
display:block;
width:calc(50% - 10px);
float:left
}
.sc-fively-2 a figure{
width:140px;
height:80px
}
.sc-fively-2 a p{
color:#000;
font-weight:500!important;
font-size:16px;
line-height:22px;
font-family:Barlow;
margin-top:10px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.sc-fively-1 a p{
font-weight:500!important;
font-size:16px;
line-height:22px;
margin-top:10px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:#000
}
.sc-fively-1{
margin:15px 0
}
.sc-fively-1 a figure{
height:172px;
width:100%;
overflow:hidden;
margin:0
}
.sc-fively a p{
transition:color .2s ease-in-out
}
.sc-related h3{
color:#000;
font-family:Barlow;
font-weight:700;
line-height:26px;
font-size:16px;
text-align:center;
border-bottom:1px solid #e6e6e6;
padding-bottom:12px;
margin-bottom:19px
}
.sc-related{
margin-top:-7px;
margin-bottom:-20px
}
.sc-related .sc-fively .sc-fively-1:first-child{
margin-top:12px
}
.sc-right>div:first-child{
padding-top:0
}
.fourrscl-bottom p{
transition:color .2s ease-in-out;
font-weight:500!important;
font-size:16px;
line-height:22px;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
color:#000
}
.fourrscl-bottom a{
width:100%;
height:66px
}
.fourrscl-bottom a:hover p{
color:#c90914
}
.fourrscl-b-a{
margin-top:13px;
display:block
}
.fourrscl-bottom .fourrscl-b-a:last-child{
margin-bottom:0
}
.fourrscl-bottom figure{
width:110px;
height:100%;
float:left;
margin:0 10px 0 0
}
.fourrscl-top a{
display:block;
width:100%;
height:172px;
position:relative
}
.fourrscl-top a p{
font-size:20px;
font-weight:600;
line-height:24px;
color:#fff;
position:absolute;
bottom:14px;
left:20px;
transition:color .2s ease-in-out;
right:20px;
display:-webkit-box;
-webkit-line-clamp:3;
overflow:hidden;
-webkit-box-orient:vertical
}
.fourrscl-top a:hover p{
text-decoration:underline
}
.fourrscl-top a:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:100%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.45) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.45) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.45) 90%)
}
.burcTopWidget .burcIconArea li{
padding:20px;
float:left;
width:calc(100% / 12);
text-align:center;
cursor:pointer;
height:78px;
display:inline-flex;
align-items:center;
justify-content:center;
flex-direction:column;
background-color:#efefef
}
.burcTopWidget .burcIconArea li.active{
background:#c7223c;
color:#fff
}
.burcTopWidget .burcIconArea li span{
float:left;
text-align:center;
width:100%;
font-size:14px;
font-family:Barlow;
display:block;
margin-top:12px;
font-weight:500
}
.burcTopWidget .burcIconArea li img{
width:36px;
margin:0 auto;
display:none
}
.burcTopWidget .burcIconArea li img.brcilk{
display:block
}
.burcTopWidget .burcWidgetContent{
background:#2a2a2a;
width:100%;
padding:20px
}
.burcTopWidget p{
color:#fff;
letter-spacing:.25px;
line-height:22px;
font-family:Barlow;
max-width:450px;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
display:-webkit-inline-box;
float:left;
font-weight:500;
font-size:14px
}
.burcTopWidget .burcWidgetContent>a{
color:#fff;
font-weight:700;
margin-left:29px;
font-size:14px;
display:inline-block;
margin-top:2px
}
.burcTopWidget .burcWidgetContent h3{
color:rgba(255,255,255,.75)!important;
font-size:12px!important;
font-weight:700;
letter-spacing:.25px;
line-height:22px;
margin-bottom:6px
}
.burcTopWidget .bwcc .bwcc-top a{
color:#fff;
font-weight:700;
margin-left:5px;
font-size:14px;
display:inline-block;
line-height:22px
}
.burcTopWidget .burcIconArea li.active img{
display:block
}
.burcTopWidget .burcIconArea li.active img.brcilk{
display:none
}
.burcTopWidget .burcWidgetContent .widgetBottom a{
color:#fff;
font-weight:600;
margin-right:4px;
font-size:13px;
color:#000;
letter-spacing:.25px;
height:30px;
line-height:30px;
text-align:center;
background-color:#fff;
border-radius:15px;
padding:0 25px;
display:inline-block;
font-family:Barlow;
transition:color .2s ease-in-out,background-color .2s ease-in-out
}
.burcTopWidget .bwcc .bwcc-top a img{
float:right;
transform:rotate(180deg);
margin-left:10px;
margin-top:6px
}
.burcTopWidget .bwcc{
display:none;
align-items:center;
justify-content:space-between;
width:100%
}
.burcTopWidget .burcWidgetContent .widgetBottom a.active,.burcTopWidget .burcWidgetContent .widgetBottom a:hover{
color:#fff;
background-color:#e7596f
}
.burcTopWidget .bwcc.active{
display:flex
}
.burcTopWidget .burcWidgetContent{
background:#c7223c;
width:100%;
padding:15px 21px 17px 21px;
display:flex
}
.right .burcTopWidget .burcWidgetContent>a{
margin-left:0
}
.right .burcTopWidget .burcWidgetContent .widgetBottom a{
padding:0 22px
}
.right .burcTopWidget .burcWidgetContent .widgetBottom{
margin-top:15px
}
.right .horoscapeM .head h5{
color:#fff!important;
margin-bottom:10px;
text-transform:capitalize
}
.right .horoscapeM .head p{
padding:0 30px
}
.right .horoscopeCalculation.horoscapeM form{
border:1px solid #e6e6e6
}
.right .horoscopeCalculation.horoscapeM{
padding-top:0!important
}
.techArea .bestReadBox>div{
background-color:#4e417e!important
}
.techArea .bestReadBox>div .head{
background-color:#4e417e!important
}
.techArea .bestReadBox>div ul li a em,.techArea .bestReadBox>div ul li a strong{
color:#fff
}
.techArea .bestReadBox>div>div:last-child{
padding:16px 20px 12px 20px
}
.haberSingle .bottom .left{
padding-left:0!important
}
.owll-sp li a.active,.owll-sp li a:hover{
color:#178c29!important
}
#owll-sp .owl-dots{
opacity:0;
user-select:none;
visibility:hidden
}
#owll-sp div a{
height:169px;
display:block;
width:100%
}
#owll-sp div a img{
height:100%;
width:100%;
object-fit:cover
}
#owll-sp.owl-carousel{
width:calc(100% + 1px)
}
.flex-between{
display:flex;
justify-content:space-between;
align-items:center
}
#agenda .techArea{
width:100%;
max-width:1060px!important
}
.fast-comment{
width:100%;
display:block;
background-color:#fff;
border-radius:4px
}
div#fast-container{
padding-top:54px;
background-color:#fff;
border:0!important
}
#editorTool2{
position:relative;
box-shadow:0 1px 1px #b0b0b0
}
.haberSingle .right .newsBox>strong span{
margin-bottom:0
}
#newsRead .bottom .right>div>div.bestReadBox{
padding-top:0
}
#newsRead .bottom .right>div>div.bestReadBox.foto-g-popular{
padding-top:15px
}
#newsRead .bestReadBox>div>div:last-child{
padding-bottom:0
}
#editorTool2 .cloud{
display:block;
height:55px;
width:100%;
position:absolute;
top:-1px;
background:#efefef
}
.cloud .hyg{
font-family:Barlow;
font-size:12px;
font-weight:700;
line-height:15px;
color:#fff;
text-transform:uppercase;
background-color:#eb212e;
padding:10px 15px;
position:absolute;
left:20px;
bottom:1px
}
.cloud span:after{
content:"";
position:absolute;
width:14px;
height:12px;
background-image:url(../img/icons/fast-before.png);
background-size:cover;
background-position:center;
bottom:-10px;
left:0;
z-index:9
}
.cloud-count{
position:absolute;
right:-10px;
top:-10px;
background-color:#33d2e0;
width:24px;
height:24px;
color:#fff;
text-align:center;
line-height:25px;
border-radius:100%;
font-family:Barlow;
font-size:12px;
font-weight:700
}
p.hyg-right{
position:absolute;
right:15px;
bottom:10px;
font-family:Barlow;
font-size:14px;
font-weight:600;
color:#7a7b8e
}
p.hyg-right a{
color:#ff7a51
}
.hyg{
position:relative
}
.textarea-scroll{
height:80px;
width:100%;
background-color:#fcfcfd;
padding:10px 18px;
border-top:1px solid #eaeaf5;
border-bottom:1px solid #eaeaf5;
overflow:hidden
}
.ql-editor::-webkit-scrollbar,.textarea-scroll textarea::-webkit-scrollbar{
width:6px;
right:2px
}
.ql-editor::-webkit-scrollbar-track,.textarea-scroll textarea::-webkit-scrollbar-track{
background:0 0;
box-shadow:unset;
border-radius:10px
}
.ql-editor::-webkit-scrollbar-thumb,.textarea-scroll textarea::-webkit-scrollbar-thumb{
border-radius:3px;
box-shadow:unset;
background-color:#e9e9e9
}
.textarea-scroll textarea{
width:100%;
border:0;
resize:none;
height:100px;
background:0 0;
font-family:Rajdhani;
font-size:14px;
font-weight:600;
line-height:24px;
color:#afb0c0
}
.textarea-scroll textarea::placeholder{
font-size:14px;
line-height:24px;
color:#afb0c0
}
#fast-container .ql-toolbar.ql-snow .ql-formats{
margin-right:9px!important
}
#fast-container .ql-container.ql-snow{
border:0!important
}
#fast-container .ql-toolbar.ql-snow{
background-color:#efefef;
border:0!important;
padding:0 11px!important;
min-height:63px!important
}
.ql-snow .ql-fill,.ql-snow .ql-stroke,.ql-snow .ql-stroke.ql-fill{
stroke:#b4b4b4!important
}
.ql-active .ql-stroke,.ql-active rect,.ql-formats button:active .ql-stroke,.ql-formats button:focus .ql-stroke,.ql-formats button:hover .ql-stroke,.ql-formats button:hover rect{
stroke:#5a5a5a!important
}
#editorTool2 .ql-editor{
background:0 0;
color:#afb0c0;
width:100%;
background-color:#fcfcfd;
padding:10px 18px!important;
border:0;
border-top:1px solid #eaeaf5;
border-bottom:1px solid #eaeaf5;
font-style:normal;
height:140px!important
}
#editorTool2 .ql-editor{
height:80px!important
}
.right .ql-editor p,.right .ql-editor.ql-blank::before{
font-family:Barlow;
font-size:14px;
font-weight:500;
line-height:24px!important;
font-style:normal!important;
color:#afb0c0!important;
left:20px!important
}
#editorTool2 .ql-toolbar.ql-snow{
background-color:#efefef;
border:0!important;
padding:0 11px!important;
min-height:63px!important
}
#editorTool2 .send button{
width:auto!important;
float:right;
background-color:#eb212e!important;
color:#fff;
display:inline-block;
padding:8px 11px!important;
cursor:pointer;
transition:background-color .2s ease-in-out;
font-weight:700;
font-family:Barlow;
font-size:12px;
font-weight:700;
height:auto!important;
text-transform:uppercase
}
#editorTool2 .send button:focus,#editorTool2 .send button:hover{
color:#fff!important;
background-color:#222!important
}
.lltl-center{
display:flex;
align-items:center;
justify-content:space-between;
min-height:63px
}
.rightBanner{
position:absolute;
right:0;
z-index:97
}
.leftBanner{
position:absolute;
left:0;
z-index:97
}
.lrbanner{
top:0;
position:fixed
}
.news-four-2{
width:420px
}
.news-four-2 .news-four-in{
max-width:50%;
flex:0 0 50%;
margin-bottom:20px
}
.news-four-2 .news-four-in .news-four-in-title{
height:62px;
padding:12px 14px
}
.news-four-2 .news-four-in figure{
height:115px
}
.news-four-2 .news-four-in span{
font-size:15px;
line-height:20px;
font-weight:500;
-webkit-line-clamp:3
}
.news-four-2 .news-four-in:nth-child(3),.news-four-2 .news-four-in:nth-child(4){
margin-bottom:0
}
.news-four-2 .news-four-in:nth-child(3) .news-four-in-title,.news-four-2 .news-four-in:nth-child(4) .news-four-in-title{
height:72px;
padding:17px 14px
}
.side-rek{
width:100%;
height:250px;
overflow:hidden;
position:relative
}
.left-rek{
width:100%;
height:90px;
overflow:hidden;
position:relative
}
.left-rek img,.side-rek img{
width:100%;
height:100%
}
.fively-right{
width:300px
}
.fively-right>div:first-child{
margin-bottom:20px
}
.fively-left figure{
display:block;
width:100%;
height:100%;
margin:0
}
.fively-title h5{
font-weight:500;
font-size:20px;
line-height:24px;
color:#000;
padding-bottom:0;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.fively-title p{
font-weight:600;
font-size:16px;
line-height:22px;
color:#fbd451;
display:-webkit-box;
-webkit-line-clamp:1;
overflow:hidden;
-webkit-box-orient:vertical
}
span.radius-tag{
display:block;
position:absolute;
top:20px;
left:20px;
font-weight:700!important;
font-size:10px!important;
color:#fff!important;
background-color:#c90914;
padding:7px 12px;
border-radius:2px;
line-height:normal!important
}
span.lastmin{
animation:lastMin 1s infinite
}
@-webkit-keyframes lastMin{
0%{
background-color:#222
}
30%{
background-color:#c90914
}
60%{
background-color:#c90914
}
90%{
background-color:#222
}
100%{
background-color:#222
}
}
svg.full-c{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transform:rotate(0);
stroke:url(#header-shape-gradient);
fill:none;
stroke-width:5px;
stroke-dasharray:9;
stroke-dashoffset:0;
stroke-linecap:round;
animation:loading 6s ease-in-out infinite alternate;
border:0!important
}
.yazarlar-left{
width:380px;
background-color:#fff;
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
padding:10px 25px 4px 25px
}
.yl-in{
padding:20px 0 8px 0;
border-bottom:1px solid #e5e5e5
}
.yl-in:last-child{
border-bottom:0
}
.yl-in-top{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:15px
}
.yl-in-top a:last-child{
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction:column;
text-align:left;
margin-left:10px
}
.yl-in-top a figure{
width:34px;
height:34px;
border-radius:100%;
overflow:hidden;
margin:0
}
.yl-in-top a figure img{
width:100%;
height:100%;
border-radius:100%;
object-fit:cover
}
.yl-in-top a span{
color:#fc433e;
font-size:13px;
font-weight:500;
margin-bottom:2px;
font-family:Barlow
}
.yl-in-top a date{
font-size:11px;
font-weight:400;
color:#817f7f
}
line{
display:block;
width:100%
}
.yl-in-bottom a{
color:#000;
font-size:16px;
font-weight:700;
line-height:21px;
margin-bottom:5px;
display:block;
transition:color .2s ease-in-out;
font-family:Barlow
}
.yl-in-bottom a:hover{
color:#fc433e
}
.yl-in-bottom p{
color:#000;
font-size:13px;
line-height:21px
}
.yazarlar-flex{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start
}
.yazarlar-right{
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.yr-in{
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
background-color:#fff;
width:calc(33% - 10px);
display:flex;
margin-bottom:20px;
max-height:120px
}
.yr-in a{
display:block
}
.yr-in a figure{
width:120px;
height:120px;
background-color:#d3d3d3;
display:flex;
align-items:flex-end;
justify-content:center;
margin:0
}
.yr-in a span{
font-size:14px;
font-weight:600;
font-family:Barlow;
color:#fc433e;
display:block;
margin-bottom:8px
}
.yr-in a p{
color:#000;
font-size:15px;
font-weight:700;
font-family:Barlow;
line-height:21px;
transition:color .2s ease-in-out;
display:-webkit-box;
-webkit-line-clamp:3;
overflow:hidden;
-webkit-box-orient:vertical
}
.yr-in .yr-lastc{
padding:20px
}
.yr-in a:hover p{
color:#fc433e
}
.kyif-in{
background-color:#fff;
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
display:flex;
justify-content:space-between;
position:relative
}
.kyif-in.kyifn1{
width:281px;
height:50px
}
.kyifn1 figure{
position:absolute;
right:0;
pointer-events:none
}
.kyif-in a{
display:flex;
justify-content:space-between;
width:100%;
height:50px;
line-height:50px
}
.kyif-in a span,.kyif-in input{
font-size:15px;
font-weight:600;
color:#000;
display:block;
padding:0 25px;
font-family:Barlow
}
.kyif-in input{
cursor:pointer;
width:100%;
height:100%;
border:0
}
.datepicker-top-left,.datepicker-top-right{
border-top-color:#fc433e!important
}
.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{
border-bottom-color:#fc433e!important;
display:none!important
}
.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"]{
font-size:16px!important;
color:#fc433e;
font-family:Barlow
}
.datepicker-panel>ul>li.highlighted{
background-color:#fc433e!important;
color:#fff
}
.datepicker-panel>ul>li:hover{
color:#fc433e
}
.datepicker-panel>ul>li.picked{
background-color:#fc433e!important;
color:#fff!important
}
.datepicker-container{
width:275px!important;
font-family:Barlow;
font-size:14px!important;
margin-top:-10px;
box-shadow:unset!important;
border:1px solid #ddd!important;
margin-left:-1px
}
.datepicker-panel>ul{
width:100%!important
}
.datepicker-panel ul:first-child{
height:46px;
text-align:center;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #d7d7d7;
font-weight:500
}
.datepicker-container ul:nth-child(2){
display:flex;
align-items:center;
justify-content:flex-start
}
.datepicker-container ul:nth-child(2) li{
width:39px;
height:34px;
font-size:13px;
line-height:34px;
color:#454545;
font-weight:500
}
.datepicker-container ul:nth-child(3) li{
width:39px!important;
height:36px!important;
line-height:36px;
color:#454545;
font-weight:500
}
.datepicker-container ul:nth-child(3){
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start
}
.datepicker-container ul li.muted{
opacity:0;
visibility:hidden
}
li.muted[data-view="day next"]{
display:none
}
ul[data-view=months],ul[data-view=years]{
display:flex!important;
flex-wrap:wrap;
justify-content:flex-start!important;
align-items:center;
padding-left:10px!important
}
.datepicker-panel>ul[data-view=months]>li{
width:63.5px!important
}
.datepicker-panel>ul>li[data-view="month next"]{
margin-right:-20px
}
.datepicker-panel>ul>li[data-view="month prev"]{
margin-left:-20px
}
.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"]{
background-image:url(../img/nx.png);
background-size:cover;
width:8px;
height:15px;
font-size:0!important
}
.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="years next"]{
transform:rotate(180deg)
}
.datepicker-panel>ul>li:hover,.datepicker-panel>ul>li[data-view="month current"]:hover,.datepicker-panel>ul>li[data-view="month next"]:hover,.datepicker-panel>ul>li[data-view="month prev"]:hover,.datepicker-panel>ul>li[data-view="year current"]:hover,.datepicker-panel>ul>li[data-view="years current"]:hover{
background-color:transparent!important
}
.datepicker-panel>ul>li.picked{
background-color:#fc433e!important;
color:#fff!important
}
.kyif-in input::placeholder{
font-size:15px;
font-weight:500;
color:#000
}
.datepicker-panel>ul>li[data-view="month current"]{
user-select:none!important;
pointer-events:none!important;
cursor:auto!important
}
.kyif-in figure{
width:64px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
background-color:#f4f4f4;
pointer-events:none;
margin:0
}
.kyif-in figure img{
max-width:100%;
transition:transform .75s ease-in-out
}
.kyif-in.kyifn1 form{
width:100%
}
.kyif-in.kyifn2{
width:290px
}
.kyif-in.kyifn3{
width:250px
}
.kyif-in.kyifn4{
width:179px
}
.kyi-filters{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px
}
.kyif-in a:hover img{
transform:rotateY(360deg)
}
.kyif-in .alt-cat-box{
pointer-events:none;
max-width:100%
}
.kyif-in .alt-cat-box-bar{
max-height:378px;
height:auto
}
.kyif-in .alt-cat-box.act{
visibility:visible;
opacity:1;
pointer-events:auto
}
.kyif-in .alt-cat-box li a{
height:30px
}
.kyif-in .alt-cat-box:after{
display:none
}
.kyif-in .alt-cat-box{
top:51px;
right:unset;
left:0;
padding-top:0;
box-shadow:.57px .82px 2px rgba(165,161,161,.34)
}
.kyif-in .alt-cat-box-bar{
border-radius:0;
background-color:#f4f4f4;
width:210px;
max-width:100%
}
.kyif-in .alt-cat-box li a{
color:#000
}
.kyif-in .alt-cat-box li a:hover{
background-color:#e5e5e5
}
.kyif-in .simplebar-scrollbar:before{
background:#cecece!important
}
.kyif-in .simplebar-vertical{
background:#fff!important;
border-radius:0!important
}
.yazar-detay-left{
width:340px;
background-color:#fff;
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
padding:20px 20px 0 20px
}
.ydl-top-in{
display:flex;
align-items:flex-end;
justify-content:flex-start
}
.ydl-top figure{
width:120px;
height:120px;
min-width:120px;
background-color:#d3d3d3;
margin-right:15px!important;
min-width:120px;
min-height:120px
}
.ydl-top figure img{
width:100%;
height:100%;
object-fit:cover
}
.ydl-top-right h2{
color:#222;
font-size:18px;
font-weight:600;
margin-bottom:6px
}
.ydl-top-right p:before{
content:open-quote;
font-size:48px;
position:absolute;
top:10px;
left:0;
margin:0;
padding:0;
height:1px;
width:1px
}
.ydl-top-right p{
color:#626161;
font-size:13px;
line-height:18px;
font-weight:500;
margin-bottom:20px;
display:block;
position:relative;
padding-left:21px;
padding-right:10px
}
.ydl-top ul{
display:flex;
align-items:center;
justify-content:space-between;
display:flex;
align-items:center;
justify-content:space-between;
height:auto;
border:0;
background:0 0
}
.ydl-top ul li{
display:flex;
align-items:center;
justify-content:space-between
}
.ydl-top ul li a{
display:flex;
width:36px;
height:36px;
border-width:2px;
border-radius:100%;
align-items:center;
justify-content:center
}
.ydl-top ul li a.facebook{
border-color:#257fc3
}
.ydl-top ul li a.facebook i{
background-color:#257fc3
}
.ydl-top ul li a.facebook:hover{
background-color:#257fc3
}
.ydl-top ul li a.facebook:hover i{
background-color:#fff!important
}
.ydl-top ul li a.twitter{
border-color:#111
}
.ydl-top ul li a.twitter i{
background-color:#111
}
.ydl-top ul li a.twitter:hover{
background-color:#111
}
.ydl-top ul li a.twitter:hover i{
background-color:#fff!important
}
.ydl-top ul li a.instagram{
border-color:#e86227
}
.ydl-top ul li a.instagram i{
background-color:#e86227
}
.ydl-top ul li a.instagram:hover{
background-color:#e86227
}
.ydl-top ul li a.instagram:hover i{
background-color:#fff!important
}
.ydl-top ul li a.pinterest{
border-color:#c92229
}
.ydl-top ul li a.pinterest i{
background-color:#c92229
}
.ydl-top ul li a.pinterest:hover{
background-color:#c92229
}
.ydl-top ul li a.pinterest:hover i{
background-color:#fff!important
}
a.other-text{
border-radius:2px;
display:block;
width:100%;
height:40px;
line-height:40px;
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:15px;
font-weight:700;
margin:20px 0;
background:#fc433e;
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 14px
}
a.other-text svg{
margin-left:5px
}
.ydl-other h1{
font-size:16px;
font-weight:700;
color:#000;
text-align:center;
margin-bottom:20px;
border-bottom:1px solid #e6e6e6;
padding-bottom:16px
}
.ftum{
display:flex;
align-items:center;
justify-content:space-between
}
.ftum a{
flex:0 0 50%;
max-width:calc(50% - 5px)
}
.ftum a:first-child{
background:#257fc3;
display:block;
color:#fff;
height:40px;
line-height:40px;
text-align:center;
font-size:16px;
border-radius:2px;
font-weight:700
}
.ydl-other ul li{
display:block;
width:100%;
margin-bottom:20px
}
.ydl-other ul li figure{
width:120px;
height:120px;
background-color:#d3d3d3;
margin-right:20px;
min-width:120px;
box-shadow:.57px .82px 1px rgba(165,161,161,.34);
min-width:120px;
min-height:120px
}
.ydl-other ul li figure img{
width:100%;
height:100%;
object-fit:cover
}
.ydl-other ul li a{
display:flex;
align-items:center;
justify-content:flex-start
}
.ydl-other ul li a h2{
color:#fc433e;
font-weight:600;
font-size:15px
}
.ydl-other ul li a p{
color:#000;
font-size:16px;
font-weight:600;
line-height:21px;
display:block;
margin-top:7px
}
.yazar-detay-left figure{
margin:0
}
.yazar-detay-right{
width:calc(100% - 360px);
background-color:#fff;
padding:20px 20px 10px 20px
}
.yazar-flex{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap
}
.yazar-detay-right .relatedContent{
position:relative
}
.yazar-detay-right .relatedContent a{
display:block;
background:#eb212e;
position:relative;
padding:17px 17px 17px 252px;
height:132px
}
.yazar-detay-right .relatedContent a img{
position:absolute;
left:0;
top:0;
height:100%;
width:232px;
object-fit:cover
}
.yazar-detay-right .relatedContent a em{
display:block;
text-transform:uppercase;
font-size:12px;
font-weight:700;
line-height:16px;
margin-bottom:7px;
color:#fff;
font-style:normal
}
.yazar-detay-right .relatedContent a strong{
font-family:Barlow;
font-size:20px;
line-height:24px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
max-height:48px;
font-weight:700;
color:#fff
}
.yazar-detay-right .relatedContent a span{
color:#fff;
font-size:13px;
font-weight:700;
position:absolute;
bottom:17px
}
.yazar-detay-right .relatedContent a span svg{
margin-left:8px
}
.yazar-detay-right .relatedContent a span svg{
transition:transform .2s ease-in-out
}
.yazar-detay-right .relatedContent a:hover span svg{
animation:rightarrow 1s infinite ease-in-out
}
.yazar-detay-right p strong{
color:#c90914
}
.yazar-detay-right blockquote{
display:block;
font-size:16px;
color:#757373;
line-height:24px;
position:relative;
margin:20px 0 19px 0!important;
border-left:2px solid #f4f4f4;
padding:15px 15px 15px 60px
}
.yazar-detay-right blockquote p{
color:#757373;
font-size:17px
}
.yazar-detay-right blockquote .icon-quote{
position:absolute;
color:#e8e8e8;
left:25px;
top:10px;
font-size:18px
}
.yazar-post{
position:relative;
margin-bottom:12px
}
.yazar-post:not(:last-child):after{
content:'';
display:block;
width:100%;
height:16px;
background-image:url(../img/content-separatrix.webp);
background-position:left top;
background-repeat:repeat-x;
background-size:8px;
margin-top:20px
}
.yazar-post ul li{
list-style:disc;
list-style-type:disc;
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500;
margin-bottom:5px
}
.yazar-post ul{
padding:0 0 0 16px;
display:block;
align-items:center
}
.yazar-post p.shortCodeBlue{
padding:20px 15px;
background:#f1f8fb;
border:1px solid#ddedf6;
font-size:15px
}
.yazar-post figure{
margin:0!important
}
.yazar-post .wp-block-image img{
max-width:100%
}
.yazar-post figcaption{
font-size:16px;
line-height:26px;
font-weight:500;
color:#757373;
text-align:center
}
.yazar-post ol{
margin:0;
padding:0;
counter-reset:li-counter
}
.yazar-post ol li{
list-style:none;
padding-left:30px;
position:relative;
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500;
margin-bottom:4px
}
.yazar-post iframe{
width:100%!important;
height:390px
}
.yazar-post ol li:before{
position:absolute;
left:0;
top:5px;
width:20px;
line-height:20px;
border-radius:100%;
text-align:center!important;
color:#fff;
font-size:14px;
font-weight:700!important;
background:#c90914;
content:counter(li-counter);
counter-increment:li-counter
}
.yazar-detay-right h1{
font-family:Barlow;
font-weight:700;
font-size:32px;
letter-spacing:-.15px;
line-height:1.2em;
color:#000
}
.yazar-detay-right p{
margin:10px 0;
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500
}
.yazar-detay-right .cap{
position:relative;
margin:12px 0
}
.yazar-detay-right h2,.yazar-detay-right h3{
font-size:34px;
font-weight:600;
line-height:1.2em;
margin-bottom:9px!important;
margin-top:15px
}
.yazar-detay-right h3{
font-size:30px
}
.yazar-detay-right h4{
font-size:26px;
line-height:1.2em
}
.yazar-detay-right h5{
font-size:22px;
line-height:1.2em
}
.yazar-detay-right h6{
font-size:16px
}
.yatay2{
display:block;
-webkit-box-flex:0;
flex:0 0 50%;
max-width:calc(50% - 10px);
position:relative;
width:100%;
min-height:1px;
float:left;
position:relative
}
.yatay2-text{
position:absolute;
bottom:0;
left:0;
padding:0 19px 13px 19px;
width:100%
}
.yatay2 a{
display:block;
position:relative;
height:225px
}
.yatay2 figure img{
width:100%;
height:100%;
object-fit:cover
}
.yatay2 figure{
width:100%;
height:100%;
overflow:hidden;
margin:0
}
.wd1{
width:100%;
margin-bottom:20px
}
.yatay2-text h5{
font-weight:700;
font-size:26px;
line-height:30px;
margin-bottom:4px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
color:#fff
}
.yatay2-text p{
font-size:16px;
line-height:30px;
font-weight:600;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
height:26px;
color:#fff
}
.yatay2 a:hover .play-button,a:hover .play-button{
transform:translateY(-50%) rotate(360deg)
}
.sixNewsSymmetry a:hover .play-button{
transform:translateY(-50%) translateX(-50%) rotate(360deg)
}
.play-button img{
margin-left:3px;
max-width:20px;
height:25px!important;
position:static!important
}
.header-sport-slider{
height:48px;
width:100%;
display:flex;
justify-content:flex-start;
align-items:center;
background-color:#222
}
.header-sport-slider .container{
display:flex;
justify-content:flex-start;
align-items:center;
height:100%
}
.hss-left{
height:100%;
width:125px;
background-color:#267f45;
display:flex;
align-items:center;
justify-content:space-between
}
.hss-left span{
width:100px;
text-align:center;
color:#fff;
display:block;
font-size:15px;
font-weight:500
}
.hss-left-arrows{
height:100%;
width:25px;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:column
}
.hss-left-arrows div{
height:calc(50% - .5px);
background:#21723d;
width:25px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer
}
.hss-bottom img{
transform:rotate(180deg)
}
.hss-right{
height:20px;
width:calc(100% - 125px);
padding-left:28px
}
.hss-match{
display:flex;
align-items:center;
justify-content:flex-start
}
.hss-match span{
color:#fff;
font-size:15px;
font-weight:500
}
.hss-match img{
max-width:20px;
max-height:20px
}
.hss-match div{
display:flex;
align-items:center
}
.hss-match-left span{
margin-right:10px
}
.hss-match-right span{
margin-left:10px
}
.hss-match-result{
margin:0 14px 0 15px
}
.hss-right .owl-nav{
visibility:hidden;
opacity:0;
width:0;
height:0
}
.mobileg-g{
display:none!important
}
.new-yazar-slider{
width:100%;
background-color:#fff;
padding:10px;
margin-bottom:20px;
overflow:hidden
}
.new-yazar-slider figure{
min-width:120px;
min-height:120px;
width:120px;
height:120px;
background-color:#d3d3d3;
display:flex;
align-items:flex-end;
justify-content:center;
margin:0;
box-shadow:.57px .82px 1px rgba(165,161,161,.34)
}
.nys-slider-in{
display:flex;
background-color:#262626;
padding:17px 20px 0 30px;
justify-content:space-between
}
.nys-right{
margin-left:0
}
.nys-right h5{
font-size:16px;
font-weight:500;
color:#b7b7b7;
line-height:24px
}
.nys-right p{
color:#fff;
font-size:16px;
line-height:24px;
font-weight:500;
margin-top:5px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:48px
}
.nys-right span{
font-size:14px;
font-weight:500;
color:#7e7e7e;
display:block;
margin-top:7px
}
.nys-slider-in a:hover p{
text-decoration:underline
}
.nys-slider-in a:hover h5,.nys-slider-in a:hover span{
color:#fff
}
.nys-slider-in a:hover span svg path{
fill:#fff
}
.ydl-top.fixa{
position:fixed;
background-color:#fff;
z-index:99;
box-shadow:0 0 30px rgba(0,0,0,.2);
width:340px;
margin-left:-20px;
padding:20px 20px 0 20px;
top:0
}
.hmfix .ydl-top.fixa{
top:52px
}
.customize-support .ydl-top.fixa{
top:32px
}
.hmfix.customize-support .ydl-top.fixa{
top:84px
}
.selectli-svg{
display:inline;
cursor:pointer;
position:relative
}
.selectli-svg svg{
transition:transform .35s ease-in-out
}
.selectli-svg:hover svg{
transform:rotate(360deg)
}
.selectli-svg-in{
background:#fff;
padding:0;
position:absolute;
right:44px;
top:-25px;
width:250px;
z-index:8;
visibility:hidden;
opacity:0;
transition:all .3s ease-in-out;
box-shadow:0 2px 5px rgba(62,60,60,.56);
border-radius:8px;
padding-right:15px
}
.kyi-filters .selectli-svg-in{
top:72px;
left:1px;
right:unset
}
.selectli-svg-in.on{
visibility:visible!important;
opacity:1!important;
transform:translateY(-12px)
}
.selectli-svg-in:before{
position:absolute;
top:21px;
right:-9px;
width:9px;
height:21px;
content:"";
background-image:url(../img/icons/hvt2.png)
}
.kyi-filters .selectli-svg-in:before{
top:-15px;
right:21px;
transform:rotate(-90deg)
}
.selectli-svg-in:after{
content:"";
position:absolute;
right:0;
bottom:0;
height:calc(100% - 59px);
background:#fafafa;
width:20px;
z-index:-1;
border-radius:0 0 8px 0;
border-left:1px solid #ddd
}
.selectli-place:after{
content:"";
position:absolute;
bottom:0;
width:calc(100% + 10px);
height:1px;
background:#e8e8e8;
left:0
}
.selectli-svg-in ul::-webkit-scrollbar{
width:10px;
right:2px
}
.selectli-svg-in ul::-webkit-scrollbar-track{
box-shadow:unset;
border-radius:0 8px 8px 0;
background-color:#fafafa
}
.selectli-svg-in ul::-webkit-scrollbar-thumb{
background:#cecece;
border-radius:5px;
box-shadow:unset
}
.selectli-svg-in ul li{
display:block
}
.selectli-svg-in ul li a{
color:#000;
line-height:26px;
text-align:left!important;
white-space:nowrap;
cursor:pointer;
display:block;
font-size:14px;
font-weight:600;
transition:color .2s ease-in-out;
height:42px;
line-height:42px;
padding:0 22px;
border-bottom:1px solid #ccc
}
.selectli-svg-in ul{
height:209px;
overflow:auto;
width:245px;
padding-right:5px;
border-bottom-left-radius:8px
}
.selectli-svg-in ul li:hover{
background-color:#f4f4f4;
color:#bc0711
}
.selectli-place{
width:calc(100% + 5px);
background-color:#fff;
padding:10px 0 10px 10px;
position:relative;
border-top-left-radius:10px
}
.selectli-place input{
height:40px;
line-height:40px;
background-color:#f4f4f4;
border:1px solid #ccc;
color:#515151;
font-size:14px;
font-weight:600;
padding:0 35px 0 14px;
width:100%;
border-radius:4px
}
.selectli-place input::placeholder{
color:#515151
}
.selectli-place img{
position:absolute;
right:15px;
top:20px;
pointer-events:none;
user-select:none
}
.sb-right-icons .hamburger-in{
margin-left:2px;
padding-bottom:1px
}
.hd-top-left{
display:flex;
align-items:center;
justify-content:flex-start;
position:relative
}
.htl-i-right span{
font-size:13px;
font-weight:700;
color:#333;
display:block;
line-height:1em
}
.htl-i-right b{
display:flex;
align-items:flex-end;
justify-content:flex-start;
font-size:13px;
font-weight:700;
color:#d02333
}
.htl-i-right b u{
text-decoration:none;
font-size:11px;
font-weight:700;
color:#8c8c8c;
margin-left:4px;
padding-bottom:1px
}
.htl-i{
margin-right:16px;
display:flex;
align-items:center;
justify-content:flex-start
}
header.header2{
display:block;
background:#fff
}
.header2after{
position:absolute;
width:100%;
height:500px;
top:0;
content:"";
background:linear-gradient(180deg,rgb(255 255 255) 70%,rgb(255 255 255 / 0) 100%);
z-index:-1
}
.hd-top{
background-color:#fff
}
.hd-top-in{
display:flex;
align-items:center;
justify-content:space-between;
height:50px
}
.htl-i-left span{
display:inline-block;
margin:2px 0
}
.htl-i-left{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
margin-right:9px
}
.htl-i-left.up span:before{
border-width:0 3.5px 4px;
animation:bist_up 1s infinite;
content:'';
border-style:solid;
display:block
}
.htl-i-right b.up{
color:#25d366
}
.withHeader3 .htl-i-right b.up{
color:#006726
}
.header1 .htl-i-right b.up{
color:#1ec15b
}
.htl-i-left.up span:nth-child(1):before{
border-color:transparent transparent #25d366;
-webkit-animation-delay:1s;
animation-delay:1s
}
.htl-i-left.up span:nth-child(2):before{
border-color:transparent transparent rgba(37,211,102,.5);
-webkit-animation-delay:1.5s;
animation-delay:1.5s
}
.htl-i-left.up span:nth-child(3):before{
border-color:transparent transparent rgba(37,211,102,.2);
-webkit-animation-delay:1.75s;
animation-delay:1.75s
}
.htl-i-left.down span:before{
border-width:4px 3.5px 0;
animation:bist_down 1s infinite;
content:'';
border-style:solid;
display:block
}
.htl-i-left.down span:nth-child(1):before{
border-color:#d11a27 transparent transparent;
animation-delay:1s
}
.htl-i-left.down span:nth-child(2):before{
border-color:rgba(209,26,39,.5) transparent transparent;
animation-delay:1.5s
}
.htl-i-left.down span:nth-child(3):before{
border-color:rgba(209,26,39,.2) transparent transparent;
animation-delay:1.75s
}
@-webkit-keyframes bist_up{
0%,to{
border-color:transparent transparent #25d366
}
50%{
border-color:transparent transparent rgba(37,211,102,.2)
}
}
@-webkit-keyframes bist_down{
0%,to{
border-color:#d11a27 transparent transparent
}
50%{
border-color:rgba(209,26,39,.2) transparent transparent
}
}
.hd-top-left:after{
content:"";
position:absolute;
right:9px;
width:1px;
height:28px;
background-color:#e9e9e9
}
.header1 .weatherStatus i,.header2 .weatherStatus i{
background-color:#2c9287
}
.header1 .wheat p:after,.header2 .wheat p:after{
border-top-color:#2c9287
}
.header1 .wheat p,.header1 .wheat span,.header2 .wheat p,.header2 .wheat span{
color:#2c9287;
text-transform:uppercase
}
.hwwi-flex{
display:flex;
flex-direction:column
}
.hwwi-bottom{
display:flex;
align-items:center;
justify-content:flex-start
}
.hwwi-flex span{
font-size:13px;
font-weight:700;
position:relative;
padding-right:12px
}
.hwwi-bottom p{
margin-left:5px;
font-size:13px;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
white-space:nowrap;
overflow:hidden!important;
text-overflow:ellipsis
}
.header2 .wheat p:after{
display:none
}
.hwwi-top span:after{
position:absolute;
content:"";
right:0;
border:4px solid transparent;
border-top-color:#2c9287;
top:50%;
transform:translateY(-50%);
margin-top:2px
}
.hwwi-top{
line-height:1em
}
.header2-vakit{
display:flex;
align-items:center;
margin-right:16px;
width:140px;
position:relative
}
.header2-vakit p{
color:#006726;
font-size:13px;
font-weight:700;
position:relative;
margin-left:7px
}
.header1 .header2-vakit p{
margin-left:14px
}
.header2-vakit span{
font-size:16px;
font-weight:700;
color:#006726;
letter-spacing:.25px;
padding:5px 6px;
background:#e6f0e7;
display:block;
position:relative
}
.header1 .header-top-right .wheat:after,.header2 .header-top-right .wheat:after{
content:"";
position:absolute;
right:6px;
width:1px;
height:28px;
background-color:#e9e9e9
}
.header1 .header-top-right .wheat:after{
right:1px
}
.header1 .header-top-right .wheat,.header2 .header-top-right .wheat{
margin-right:13px
}
.hd-top-right{
margin-left:18px
}
.header2-vakit:after{
content:"";
position:absolute;
right:-17px;
width:1px;
height:28px;
background-color:#e9e9e9
}
.hd-bot-flex{
display:flex;
justify-content:flex-start
}
.hd-bot{
background-color:#f5f5f5;
height:59px;
border-bottom:1px solid #d9dbdf;
border-top:2px solid #c80813
}
.hd-bot-right nav ul li{
display:inline-block;
margin-right:34px
}
.hd-bot-right nav ul li a{
color:#000;
font-size:16px;
font-weight:500;
height:100%;
display:block;
line-height:59px;
padding-bottom:2px
}
.header2 .hd-bot-right nav ul li a{
line-height:50px
}
.header2.withHeader3 .hd-bot-right nav ul li a{
line-height:47px
}
.hd-bot-right nav ul li:last-child{
margin-right:0
}
.hd-bot-right{
display:flex;
align-items:center;
height:59px;
margin-left:18px
}
.hd-bot-left .logo-pattern{
width:0;
height:0;
display:none
}
.hd-bot-left #logo,.hd-bot-left .mobile-logo{
height:74px;
background:#c80813;
display:block;
display:flex;
align-items:center;
justify-content:center;
padding:0 12px
}
.hd-bot-left #logo{
box-shadow:0 0 8px rgb(31 31 31 / 28%)
}
.hd-bot-left .mobile-logo{
display:none
}
.log-7 .logo-pattern{
display:none
}
.header2.withHeader3 .header-top-right{
margin-left:21px
}
.header2.withHeader3 .header-top-right:before{
left:-18px
}
.header2.withHeader3 .header-top-right{
margin-left:21px
}
.header2.withHeader3 .header-top-right:before{
left:-18px
}
.withHeader3 .htl-i-left{
margin-right:10px
}
.hd-top-left .htl-i{
margin-right:23px
}
.header1 .hd-top-left .htl-i:last-child{
margin-right:0
}
.header1 .hd-top-left .htl-i{
margin-right:25px
}
.withHeader3 .hd-top-left:before{
content:"";
position:absolute;
left:-18px;
width:1px;
height:28px;
background-color:#e9e9e9
}
.withHeader3 .hd-top-left{
position:relative
}
.withHeader3 .htlison{
margin-right:12px
}
.f-galeri-four{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-start;
margin-right:-1px;
width:100%;
margin-bottom:20px
}
.f-galeri-four div a:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:70%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(to bottom,transparent 0,rgba(41,50,63,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgb(41 50 63 / 90%) 90%)
}
.f-galeri-four figure{
margin:0;
height:222px;
width:100%
}
.f-galeri-four>div{
flex:0 0 25%;
max-width:calc(25% - 15px)
}
.f-galeri-four div a{
display:block;
width:100%;
position:relative
}
.f-galeri-four div a:hover h2,.f-galeri-four div a:hover span{
text-decoration:underline
}
.f-galeri-four figure img{
width:100%;
height:100%;
object-fit:cover
}
.f-galeri-p{
position:absolute;
bottom:0;
width:100%;
padding:0 19px 21px 19px
}
.f-galeri-p h2{
color:#fff;
font-size:15.98px;
font-weight:600;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
.f-galeri-p span{
font-size:13.98px;
font-weight:400;
color:#fff
}
.f-galeri-four div a p{
position:absolute;
right:15px;
width:29px;
height:23px;
top:15px;
color:#fff;
font-size:12px;
font-weight:500;
letter-spacing:-.1px;
background-color:#15151f;
border-radius:11.5px;
text-align:center;
line-height:23px
}
.flex-start.mid768-col.flmc{
margin-bottom:20px
}
.scrollTop{
position:fixed;
right:300px;
bottom:90px;
width:48px;
height:48px;
border-radius:100%;
box-shadow:0 0 18px rgba(157,161,164,.54);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
background-color:#9da1a4;
opacity:0;
transition:all .4s ease-in-out 0s;
z-index:2
}
.scrollTop:hover{
background-color:#606467
}
.lastmn{
width:100%
}
.lastmn h2{
color:#000;
font-size:16px;
font-weight:700;
text-align:center;
display:block;
width:100%;
padding-bottom:4px
}
.lastmn h2 u{
color:#eb212e;
text-decoration:none;
position:relative
}
.lastmn h2 u:before{
content:"";
position:absolute;
left:0;
bottom:-1px;
background:#eb212e;
width:100%;
height:1px
}
.lastmn-in-top span{
font-size:12px;
color:#727272;
font-weight:500;
margin-left:6px
}
.lastmn-in-bottom h3{
font-size:16px;
font-weight:500;
line-height:20px;
color:#000;
margin-top:11px;
display:block;
padding-right:12px;
display:-webkit-box;
-webkit-line-clamp:2;
overflow:hidden;
-webkit-box-orient:vertical;
height:40px
}
.lastmn-in{
margin:16px 0 14px 5px;
position:relative;
padding-left:15px;
display:block
}
.lastmn-in:last-child{
margin-bottom:0
}
.lastmn-in:before{
content:"";
width:2px;
height:50px;
background-color:#e3e3e3;
position:absolute;
left:0;
top:18px
}
.lastmn-in:hover h1{
text-decoration:underline
}
.lastmn-in:before{
content:"";
width:2px;
height:50px;
background-color:#e3e3e3;
position:absolute;
left:0;
top:18px
}
.lastmn-in:after{
content:"";
width:12px;
height:12px;
border:1px solid #9c9c9c;
position:absolute;
left:-5px;
top:6px;
border-radius:100%
}
.lastmn-in-top p{
background-color:#b70b19;
border-radius:2px;
color:#fff;
line-height:22px;
height:22px;
padding:0 7px;
font-size:12px;
font-weight:700;
text-align:center;
display:inline-block
}
.lastmn-red .lastmn-in-top p{
background-color:#b70b19
}
.lastmn-blue .lastmn-in-top p{
background-color:#3b99d9
}
.lastmn-green .lastmn-in-top p{
background-color:#30ad63
}
.lastmn-orange .lastmn-in-top p{
background-color:#d15519
}
.lastmn-red:hover:after,.lastmn-red:hover:before{
border-color:#5c5c5b;
background-color:#5c5c5b
}
.lastmn-blue:hover:after,.lastmn-blue:hover:before{
border-color:#3b99d9;
background-color:#3b99d9
}
.lastmn-green:hover:after,.lastmn-green:hover:before{
border-color:#30ad63;
background-color:#30ad63
}
.lastmn-orange:hover:after,.lastmn-orange:hover:before{
border-color:#d15519;
background-color:#d15519
}
.gvms-hid{
display:flex
}
.gvms-flex2{
display:none
}
.play-button.withGaleri img{
margin-left:0;
height:auto!important;
max-width:23px;
width:23px;
height:22.98px
}
header.header2.withHeader3{
box-shadow:0 1px 2px #0000005e
}
.withHeader3 .hd-bot-flex{
align-items:center;
justify-content:space-between
}
.withHeader3 .hd-bot-right{
margin-left:0
}
.header2.withHeader3 .header-top-right{
margin-right:0
}
.withHeader3 .header2-vakit:after{
display:none
}
.header2.withHeader3 .hd-top-left:after{
display:none
}
.withHeader3 .header2-vakit{
margin-right:0!important
}
.header2.withHeader3 .hd-bot{
border-top:1px solid #e9e9e9;
height:49px;
background-color:#fff
}
.header2.withHeader3 .hd-top{
height:68px;
border-top:3px solid #db2027;
display:flex;
align-items:center
}
.header2.withHeader3 .hd-bot-right{
height:46px
}
.withHeader3 .header-search-form form,.withHeader3 .header-search-form form input,.withHeader3 .hsf-in{
height:47px
}
.withHeader3 .header-search-form{
top:69px
}
.withHeader3 .header-search-form form,.withHeader3 .header-search-form form input,.withHeader3 .hsf-in{
height:47px
}
.withHeader3 .header-search-form{
top:69px
}
.withHeader3 .header-search-form .container form button{
background-color:transparent!important
}
.withHeader3 .header-search-form .container form button img.mobileg-g{
display:block!important
}
.withHeader3 .hsf-in svg.mobileg-g{
display:block!important
}
.withHeader3 .hsf-in svg.mobileg-g path{
stroke:#222!important
}
.withHeader3 .hsf-in{
background-color:#fff
}
.withHeader3 .header-search-form form input{
text-indent:0
}
.header-bottom.on .hsf-in{
height:50px
}
.header-bottom.on .header-search-form form input{
height:50px
}
.header-bottom.on .header-search-form .container form{
height:50px
}
.sticky-bread.sticked .header-search-form .container form,.sticky-bread.sticked .header-search-form form input,.sticky-bread.sticked .hsf-in{
height:49px;
text-indent:0
}
.sticky-bread .header-search-form.opened{
display:none
}
.sticky-bread.sticked .header-search-form.opened{
display:block
}
.header2 .header-search-form .container form,.header2 .header-search-form form input,header.header2 .hsf-in{
height:50px
}
.header2.withHeader3 .header-search-form .container form,.header2.withHeader3 .header-search-form input,.header2.withHeader3 .hsf-in{
height:46px
}
.desk-menu{
width:100%;
background-color:#2a2929;
visibility:hidden;
opacity:0;
position:absolute;
z-index:99;
transition:all .3s ease-in-out
}
.desk-menu.on.fixs{
top:52px!important;
position:fixed
}
.customize-support .desk-menu.on.fixs{
top:84px!important;
position:fixed
}
.desk-menu-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
padding:26px 0 28px 0
}
.desk-menu-top ul{
max-width:157px
}
.desk-menu-top ul li a{
display:block;
color:#fff;
font-size:14px;
font-weight:600;
transition:color .2s ease-in-out
}
.desk-menu-top ul li a:hover{
opacity:.6
}
.desk-menu-top ul li{
display:block;
margin-bottom:18px
}
.desk-menu-top ul li:first-child{
margin-bottom:24px;
display:block;
font-weight:600;
font-size:16px;
color:#c9c9c9
}
.desk-menu-top ul li:last-child{
margin-bottom:0
}
.desk-menu-bottom{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 0;
border-top:1px solid rgba(255,255,255,.03)
}
.desk-menu-bottom-right ul{
display:flex;
align-items:center
}
.desk-menu-bottom-right ul li:not(:last-child){
margin-right:28px
}
.desk-menu-bottom-left ul li{
display:inline-block;
margin-right:95px
}
.desk-menu-bottom-left li a:before{
content:"Facebook";
position:absolute;
left:100%;
margin-left:12px;
font-size:14px;
color:#9da1a4;
font-weight:600;
transition:color .2s ease-in-out
}
.desk-menu-bottom-left li a.twitter:before{
content:"Twitter"
}
.desk-menu-bottom-left li a.instagram:before{
content:"Instagram"
}
.desk-menu-bottom-left li a{
position:relative
}
.desk-menu-bottom-right ul li a{
display:flex;
align-items:center;
justify-content:flex-start;
font-size:14px;
color:#9da1a4;
font-weight:600;
transition:color .2s ease-in-out
}
.desk-menu-bottom-right ul li a span{
width:36px;
height:36px;
border-radius:100%;
border:2px solid #9da1a4;
display:flex;
align-items:center;
justify-content:center;
transition:border-color .2s ease-in-out;
margin-left:12px
}
.desk-menu-bottom-right ul li a:hover{
color:#fff
}
.desk-menu-bottom-right ul li a:hover span{
color:#fff;
border-color:#fff
}
.desk-menu-bottom-left ul li:nth-child(2){
margin-right:79px
}
.desk-menu-bottom-right ul li a:hover svg path{
fill:#fff;
transition:fill .2s ease-in-out
}
.commentQuickText{
position:absolute;
z-index:-222
}
.nci-slider .main-manset-title{
position:absolute;
bottom:8px;
left:10px;
right:10px;
line-height:40px
}
.nci-slider .main-manset-title h3{
position:static;
display:inline;
left:unset;
right:unset;
margin:0;
padding:1px 10px;
color:#fff;
background-color:rgba(0,0,0,.75);
-webkit-box-decoration-break:clone;
-o-box-decoration-break:clone;
box-decoration-break:clone;
line-height:44px
}
.nci-slider .main-manset-title:before{
display:none
}
.desk-menu.on{
opacity:1;
visibility:visible
}
.left .detail .sc-left-tags{
width:100%;
border-bottom:2px solid #e9e9e9;
margin-top:20px;
margin-bottom:8px;
padding-bottom:15px
}
.left .detail .sc-left-tags ul{
padding-left:0!important
}
.sc-left-tags ul li{
display:inline-block;
border:1px solid #e1e1e1;
border-radius:2px;
text-align:center;
transition:background-color .2s ease-in-out,border-color .2s ease-in-out;
margin:0 5px 10px 0
}
.sc-left-tags ul li:first-child{
margin-left:0
}
.sc-left-tags ul li a{
display:block;
color:#000!important;
font-family:Barlow;
font-weight:500;
line-height:20px;
font-size:13px;
padding:6px 12px
}
.sc-left-tags ul li:hover{
background-color:#e1e1e1
}
.gal-number{
margin-top:10px
}
.detail>.gal-number:first-child{
margin-top:0
}
.wleft-slider-left li.active a figure{
border:2px solid #b70b19
}
.nys-slider-in a{
display:inline-block
}
.header1 .hd-top-right,.header2 .hd-top-right{
margin-left:14px;
margin-right:0;
display:flex;
align-items:center
}
.hwwi-bottom span{
padding-right:0
}
.header2.withHeader3 .hd-top-left .htlison:after{
content:"";
position:absolute;
right:-18px;
width:1px;
height:28px;
background-color:#e9e9e9
}
.htl-i.htlison{
position:relative
}
.canli_b{
width:330px;
border:0;
border:1px solid #e6e6e6;
padding-bottom:0;
overflow:hidden
}
.canli_b_span{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:-35px;
padding:0 10px 5px 10px
}
.canli_b_span span{
color:#000;
font-family:Barlow;
font-weight:500;
font-size:14px
}
.canli_b h5{
margin-bottom:0
}
.canli_b #chart{
margin-top:20px;
padding:0
}
.cont-cb select{
border:1px solid #e6e6e6;
border-radius:0;
font-size:15px;
font-weight:700;
font-family:Barlow;
height:30px;
width:120px;
text-transform:uppercase;
background:url(../img/icons/scl.png) no-repeat 100% 50%;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
padding-left:10px;
margin-bottom:20px
}
.cont-cb select option{
font-size:14px;
font-family:Barlow
}
.cbb-flex{
display:flex;
align-items:center;
justify-content:space-between
}
.bist100or{
display:flex;
flex-direction:column
}
.bist100or i{
font-size:15px;
font-style:normal;
font-weight:600;
width:84px;
display:inline-flex;
justify-content:space-between;
align-items:center;
line-height:1em;
margin-right:28px;
color:#000
}
.bist100or span>b{
font-size:15px;
font-weight:400;
margin-right:15px;
color:#000
}
.bist100or span>b.up{
color:#54b8b2
}
.bist100or span>b.down{
color:#e74b4c
}
.bist100or .bista{
font-size:24px;
font-weight:600;
display:inline-flex;
align-items:center
}
.bista img{
margin-left:15px
}
.bist100or span{
display:block;
margin-bottom:18px
}
.bist100or span:last-child{
margin-bottom:0
}
.bistaciliskapanis-en span{
font-size:14px;
font-weight:700;
display:block;
color:#000
}
.bistaciliskapanis-en b{
color:#26a69a;
font-size:15px;
font-weight:400;
margin-top:6px;
display:block
}
.bistaciliskapanis-en div:last-child b{
color:#e74b4c
}
.bistaciliskapanis-en{
display:flex;
align-items:center;
justify-content:space-between;
text-align:left
}
.bistaciliskapanis-en div:last-child{
text-align:right
}
.bistaciliskapanis{
width:330px;
text-align:center
}
.bistaciliskapanis-bar{
width:100%;
height:6px;
background:linear-gradient(270deg,#e74b4c,#26a69a);
margin:10px 0 15px 0
}
.bistaciliskapanis-son span{
font-size:15px;
color:#000;
display:block;
text-align:right
}
.bistaciliskapanis-son{
display:inline-block;
margin:0 auto
}
.bistaciliskapanis-son span:first-child{
margin-bottom:3px
}
.cb-letters{
display:flex;
align-items:center;
justify-content:space-between
}
.cb-letters ul li a{
display:block;
width:24px;
height:28px;
margin-right:4px;
border:1px solid #e6e6e6;
text-align:center;
line-height:28px;
color:#000;
font-size:15px;
font-weight:700;
transition:all .2s ease-in-out
}
.cb-letters ul li a:hover{
background-color:#e5e5e5;
border-color:#858585
}
.cb-letters ul li a.active,.cb-letters ul li a:active,.cb-letters ul li a:focus{
color:#fff;
background-color:#2c98f0;
border-color:#2c98f0
}
.cb-letters p{
font-size:14px;
color:#000
}
.cb-letters p b{
color:#2c98f0;
font-weight:600
}
.cb-letters ul li{
display:inline-block
}
.cb-letters{
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:14px 0;
margin:30px 0 15px 0
}
.cb-veriler{
display:flex;
align-items:flex-start;
justify-content:space-between
}
.cb-veri{
width:330px;
background-color:#fff;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6
}
.cb-ver-head{
height:36px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 6px 0 20px;
background-color:#2c98f0
}
.cb-ver-head{
color:#fff;
font-size:13px;
font-weight:700
}
.cb-veri ul li{
display:flex;
align-items:center;
justify-content:space-between;
padding:0 6px 0 20px;
height:40px;
border-bottom:1px solid #e6e6e6;
position:relative
}
.cb-veri ul li em{
font-style:normal
}
.cb-veri ul li:last-child{
border-bottom:0
}
.cb-veri ul li a{
display:block;
color:#0d0d0d;
font-weight:600;
font-size:14px;
position:relative;
width:calc(100% / 4);
text-align:left;
}
.cb-veri ul li span{
font-size:13px;
color:#0d0d0d;
font-weight:400;
width:calc(100% / 4);
text-align:center
}
.cb-ver-head span{
width:calc(100% / 4);
text-align:center
}
.cb-veri ul li.down a:before{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background-image:url(../img/chevrondown.svg);
width:11px;
height:6px
}
.cb-veri ul li.up a:before{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background-image:url(../img/chevronup.svg);
width:11px;
height:6px
}
.cb-ver-head span:first-child{
width:calc(100% / 4);
text-align:left
}
.cb-veri ul li.down,.cb-veri ul li.down:hover{
background-color:#fedbdc;
border-color:#fedbdc
}
.cb-veri ul li.up,.cb-veri ul li.up:hover{
background-color:#dafffc;
border-color:#dafffc
}
.cb-veri ul li:hover{
background-color:#dfeefb;
border-color:#dfeefb
}
.cb-veri ul li:hover a{
color:#2c98f0
}
.cb-veri ul li:hover:after{
content:"";
position:absolute;
left:0;
height:100%;
top:0;
width:2px;
background-color:#2c98f0
}
.ct-borsa{
background-color:#fff;
padding:20px
}
.bestReadBox.foto-g-popular>div>div:last-child{
padding:0
}
.bestReadBox.foto-g-popular>div>div:last-child a{
display:flex;
align-items:center
}
.foto-g-popular.bestReadBox>div>div:last-child a img{
position:static;
height:66px;
width:110px;
margin-right:14px
}
.foto-g-popular.bestReadBox>div>div:last-child a span strong{
margin:0;
color:#fff;
line-height:20px
}
.foto-g-popular.bestReadBox>div>div:last-child a span{
padding:0
}
.foto-g-popular.bestReadBox>div,.foto-g-popular.bestReadBox>div .head{
background-color:#28323f!important
}
.foto-g-popular.bestReadBox>div .head{
padding:0
}
.foto-g-popular.bestReadBox>div .head h3{
border:0!important;
text-align:center;
padding:0;
border-bottom:1px solid #535b65!important;
padding-bottom:18px;
margin-bottom:20px;
padding-top:18px;
color:#fff
}
.foto-g-popular.bestReadBox>div{
padding:0 20px 20px 20px!important
}
.foto-g-popular.bestReadBox>div ul li{
border:0!important;
margin-bottom:15px
}
.foto-g-popular.bestReadBox>div ul li a{
padding:0
}
.foto-g-popular.bestReadBox>div ul li a strong{
line-height:20px;
color:#fff
}
.foto-g-popular.bestReadBox>div ul li a img{
position:static;
height:66px;
width:110px;
margin-right:14px
}
.foto-g-popular.bestReadBox>div ul li a{
display:flex;
align-items:center;
padding:0;
justify-content:flex-start;
height:auto
}
.radius-tag,.tag{
border-radius:2px!important;
background-color:#52a79d!important
}
.footer-links span{
display:none
}
.mobileSearch{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
z-index:999;
display:none
}
.customize-support .mobileSearch{
top:32px
}
.mobileSearch.mbsfix{
top:0!important
}
.mss-close{
height:46px;
background:#fff;
display:flex;
align-items:center;
justify-content:flex-end;
padding-right:14px
}
.mobileSearch.on{
display:block
}
.mobileSearch-flex{
height:74px;
display:flex;
align-items:center;
justify-content:flex-start;
border-top:2px solid #ebebeb;
border-bottom:2px solid #ebebeb
}
.mobileSearch-flex input{
height:100%;
width:100%;
font-size:30px!important;
font-weight:400;
color:#909090;
font-family:Barlow;
border:0
}
.mobileSearch-flex input::placeholder{
color:#d0d0d0;
font-size:30px!important;
font-weight:400
}
.mobileSearch-flex button{
height:100%;
min-width:82px;
border:0;
box-shadow:unset;
background-color:#fff;
padding:0;
line-height:80px
}
.mobileSearch-flex button svg path{
stroke:#d0d0d0!important
}
.mobileSearch-bottom ul li{
display:block
}
.mobileSearch-bottom ul li a{
display:block;
color:#d0d0d0;
font-size:18px;
font-weight:400;
padding:7px 0
}
.mobileSearch-bottom ul li a svg path{
fill:#d0d0d0
}
.mobileSearch-bottom ul li a svg{
width:12px;
margin-right:30px
}
.mobileSearch-bottom{
padding:15px 35px;
background-color:#fcfcfc;
height:calc(100% - 74px);
overflow-x:hidden;
overflow-y:scroll
}
.cb-veri-full .cb-veri{
width:100%
}
.cb-veri-full .cb-veri ul li a{
width:calc(100% / 5);
display:flex;
align-items:center
}
.cb-veri-full .cb-veri ul li a img{
margin-right:13px
}
.cb-veri-full .cb-ver-head span:first-child{
width:calc(100% / 5)
}
.cb-veri-full .cb-ver-head span{
width:calc(100% / 5)
}
.cb-veri-full .cb-veri ul li span{
width:calc(100% / 5)
}
span.parite-trade{
font-weight:500!important
}
span.parite-trade.pt-down{
color:#26a69a
}
span.parite-trade.pt-up{
color:#e74b4c
}
.mobile-menu-header{
width:100%;
display:flex;
align-items:center;
justify-content:center;
height:50px;
background-color:#fff
}
.mobile-menu-header span{
font-weight:500;
font-size:18px;
color:#5c5c5c
}
.mobile-menu-header svg{
position:absolute;
left:14px;
transform:rotate(180deg)
}
.mobile-menu .desk-menu-bottom-left ul li a{
height:32px;
border:0;
width:auto;
margin-right:12px
}
.mobile-menu .desk-menu-bottom-left li a:before{
display:none
}
.mobile-menu .desk-menu-bottom-left ul li{
margin-right:0
}
.mobile-menu .desk-menu-bottom-left{
margin-top:10px
}
.mmh-bottom{
padding-bottom:10px
}
.mmh-bottom{
padding-bottom:10px;
height:calc(100% - 50px);
overflow-y:scroll
}
#chartdiv2{
width:100%;
height:120px;
display:inline-block
}
g[role=tooltip] g{
fill:#fff;
fill-opacity:1;
stroke:unset
}
.yol-in-top-right>svg{
margin-bottom:-1px
}
header.header1 .hd-top{
background:#222
}
.header1 .htl-i-right span{
color:#fff
}
.header1 .htl-i-right b u{
color:#999
}
.header1 .header2-vakit p,.header1 .wheat p,.header1 .wheat span{
color:#fff!important
}
.header1 .wheat p{
max-width:110px
}
.header1 .hwwi-top span:after{
border-top-color:#fff
}
.header1 .weatherStatus i{
background-color:#fff;
color:#fff;
margin-right:2px
}
.header1 .header2-vakit span{
background:#323232;
color:#fff;
padding:5px 10px;
display:flex;
align-items:center;
justify-content:space-between
}
.header1 .header2-vakit span b{
position:relative
}
.header2-vakit span b:before{
content:"";
position:absolute;
left:100%;
top:50%;
transform:translateY(-50%);
width:6px;
height:6px;
border-radius:100%;
animation:w-p 1s infinite;
background:#87b41a;
margin-top:2px;
margin-left:4px
}
.header1 .header2-vakit span u{
text-decoration:none;
margin-left:15px
}
.header1 .hd-top-left:after{
background-color:#3f3f3f
}
.header1 .header-top-right .wheat:after,.header1 .header2-vakit:after{
background:#3f3f3f
}
.header1 .hd-top-right{
display:none
}
.header1 .header2-vakit{
margin-right:0;
width:165px
}
.header1 .header2-vakit:after{
display:none
}
.header1 .hd-top-left:after{
display:none
}
.header1 .header-top-right .wheat:before{
content:"";
position:absolute;
left:-11px;
width:1px;
height:28px;
background-color:#3f3f3f
}
#zuck-modal-content .story-viewer .head .left .info>*{
color:#222
}
.mobile-menu ul li ul{
padding:0;
display:none
}
.mobile-menu ul li.on ul.sub-menu{
display:block!important;
position:static!important;
background:unset!important;
min-width:unset!important;
visibility:visible!important;
transform:unset!important
}
.mobile-menu ul li.menu-item-has-children:after,.mobile-menu ul li.menu-item-has-children:before{
position:absolute;
content:"";
right:0;
width:20px;
height:2px;
background:#2e2e2e;
top:30px
}
.mobile-menu ul li.menu-item-has-children{
position:relative
}
.mobile-menu ul li.menu-item-has-children:after{
height:20px;
width:2px;
right:9px;
margin-top:-9px
}
.mobile-menu ul li.on:after{
display:none
}
.mobile-menu ul li ul li a{
padding-left:12px
}
.fancybox-caption,.fancybox-container,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{
z-index:999999!important
}
.comments-in-us-com{
padding-left:0;
margin-top:20px
}
.comments-in-like.flex-center i:before{
display:none
}
a.yanitla{
font-family:Barlow;
font-size:14px;
color:#81878c;
font-weight:500
}
a.yanitla:after{
content:"-";
position:relative;
margin:0 11px
}
.yorumdown,.yorumup{
display:inline-block
}
.comments-in-like.flex-center i{
margin-right:4px;
width:16px;
height:15px;
background-color:#9da1a4;
float:left;
-webkit-mask-image:url(../img/icons/like2.svg);
mask-image:url(../img/icons/like2.svg)
}
.com-report{
position:absolute;
right:0;
cursor:pointer;
position:absolute;
right:0
}
#newsRead .bottom .left .comments ul{
padding-bottom:0
}
#newsRead .bottom .left .comments ul li .h time:before{
content:"-";
margin-right:15px
}
.com-report-button{
transition:all .2s ease-in-out;
opacity:0;
visibility:hidden;
cursor:pointer;
width:100px;
height:26px;
line-height:25px;
background-color:#eb212e;
border-radius:12px;
font-weight:700;
font-size:12px;
color:#fff;
position:absolute;
right:5px;
top:-5px;
cursor:pointer;
border:0
}
.com-report:hover .com-report-button{
opacity:1;
visibility:visible;
transform:translateX(-10px)
}
.comments-in ul li{
margin-top:20px
}
.comments-in ul li ul li{
margin-left:70px;
display:none
}
.comments-in ul li ul li:first-child,.comments-in ul li ul li:nth-child(2){
display:block
}
.com-report:hover svg circle{
fill:#eb212e
}
.yorumup{
font-family:Barlow;
font-weight:500;
font-size:12px;
color:#18a215
}
.yorumdown{
font-family:Barlow;
font-weight:400;
font-size:12px;
color:#eb212e;
cursor:pointer
}
.yorumdown .icon-like{
transform:rotate(180deg)
}
.comments-in-like.flex-center i{
margin-right:4px;
width:16px;
height:15px;
background-color:#9da1a4;
float:left
}
.comments-in-like.flex-center div:hover i{
background-color:#606467
}
.yorumup{
margin-right:11px;
cursor:pointer
}
.comments-in-options.flex-center.text-left{
display:flex;
align-items:center
}
.comments-in-like.flex-center{
margin-right:20px
}
.comment-reply-link{
color:#81878c!important;
font-weight:500;
margin-right:10px
}
header .selectli-place{
width:calc(100% - 25px);
border-radius:10px;
background:0 0;
padding-bottom:10px
}
header .selectli-svg-in{
opacity:1;
visibility:visible
}
header .selectli-place:after{
display:none
}
header .selectli-place input{
height:30px;
padding:0 30px 0 12px;
background-color:#f4f4f4;
border:1px solid #ccc
}
header .selectli-place img{
top:15px;
right:12px
}
.header-bottom-right-options .onAvat{
max-width:20px;
max-height:20px;
border-radius:100%
}
.new-category-in .video-five{
margin-bottom:20px
}
.sit-left p,.sit-right p{
white-space:nowrap;
overflow:hidden;
-webkit-line-clamp:1;
text-overflow:ellipsis;
max-width:58px
}
.karla-karisik-yagmurlu{
-webkit-mask-image:url(../img/hava/icon-h1-19.svg)!important
}
.cok-bulutlu,.default,.kapali{
-webkit-mask-image:url(../img/hava/icon-h1-27.svg)!important
}
.duman,.pus,.toz-veya-kum-firtinasi{
-webkit-mask-image:url(../img/hava/icon-h1-21.svg)!important
}
.ruzgarli,.soguk{
-webkit-mask-image:url(../img/hava/icon-h1-25.svg)!important
}
.bulutlu,.parcali-az-bulutlu,.parcali-bulutlu{
-webkit-mask-image:url(../img/hava/icon-h1-49.svg)!important
}
.az-bulutlu{
-webkit-mask-image:url(../img/hava/icon-h1-29.svg)!important
}
.acik,.sicak{
-webkit-mask-image:url(../img/hava/icon-h1-33.svg)!important
}
.hafif-sagnak-yagisli{
-webkit-mask-image:url(../img/hava/icon-h1-41.svg)!important
}
.dolu{
-webkit-mask-image:url(../img/hava/icon-h1-14.svg)!important
}
.yogun-kar-yagisli{
-webkit-mask-image:url(../img/hava/icon-h1-17.svg)!important
}
.icon-12{
-webkit-mask-image:url(../img/hava/icon-h1-tornado.svg)!important
}
.icon-13,.orta-siddetli-yagmur{
-webkit-mask-image:url(../img/hava/icon-h1-10.svg)!important
}
.icon-15{
-webkit-mask-image:url(../img/hava/icon-h1-05.svg)!important
}
.hafif-kar,.kar,.kar-olasiligi{
-webkit-mask-image:url(../img/hava/icon-h1-05.svg)!important
}
.hafif-yagmur,.hafif-yagmurlu,.yagmur,.yagmur-olasiligi{
-webkit-mask-image:url(../img/hava/icon-h1-41.svg)!important
}
.guneyli-kuvvetli-ruzgar,.kuzeyli-kuvvetli-ruzgar{
-webkit-mask-image:url(../img/hava/icon-h1-21.svg)!important
}
#owl-wleft-slider3 .owl-nav button{
display:flex!important
}
.compensate-for-scrollbar{
margin-right:0!important
}
.yol-in-bottom{
margin-bottom:20px
}
.commentForm .authorInput{
font-size:14px!important;
font-weight:500!important;
color:#81878c!important;
height:30px
}
.ydl-top-right .footerSocial li a.youtube:hover{
border-color:#c92229;
background-color:#c92229;
transition:border 0s
}
.ydl-top-right .footerSocial li a.youtube:hover i{
background-color:#fff
}
.nmaz-flex{
display:flex;
align-items:center
}
.nmaz-flex svg{
margin-left:8px;
margin-top:1px;
background:#2e6a5c;
border-radius:2px
}
.nmaz-flex .selectli-svg-in{
right:unset;
left:0;
top:45px;
transform:translateX(0) translateY(12px)
}
.nmaz-flex .selectli-svg:hover .selectli-svg-in{
transform:translateX(0) translateY(0)
}
.nmaz-flex .selectli-svg-in:before{
right:unset;
left:25px;
top:-15px;
transform:rotate(-90deg)
}
.puan-durumu-cont{
background-color:#fff;
margin:20px 0;
border-radius:6px
}
.p-d-head{
background:#267f45;
border-radius:6px 6px 0 0;
padding:15px 20px
}
.p-d-body .cb-ver-head{
height:40px;
padding:0 20px
}
.p-d-body ul li{
padding:0
}
.p-d-body ul li a{
padding:0 20px;
display:block
}
.p-d-head h1{
color:#fff;
font-size:16px
}
.p-d-body .cb-veri ul li{
height:50px;
padding:0 20px;
border-bottom:1px solid #f5f5f5
}
.commentForm input.emailInput{
border:0;
font-size:14px!important;
font-weight:500!important;
color:#81878c!important;
width:100%;
height:30px
}
.p-d-body span{
width:calc(100% / 12)!important;
position:relative
}
.p-d-body .cb-ver-head span:first-child{
max-width:55px
}
.p-d-body ul li span:first-child{
text-align:left;
max-width:55px
}
.p-d-body ul li span.up:first-child:after{
position:absolute;
content:"";
right:50%;
border:5px solid transparent;
border-bottom-color:#5bb615;
margin-right:-3px
}
.p-d-body ul li span.down:first-child:after{
position:absolute;
content:"";
right:50%;
border:5px solid transparent;
border-top-color:#c90914;
margin-top:5px;
margin-right:-3px
}
.p-d-body ul li:nth-child(even){
background:#f1f3f4
}
.cb-veri-full .cb-veri ul li span:nth-child(2){
display:flex;
align-items:center;
font-weight:500;
justify-content:center
}
.pbodyin .cb-veri-full .cb-veri ul li span:nth-child(2){
display:flex;
align-items:center;
font-weight:500;
justify-content:flex-start
}
.cb-veri-full .cb-veri ul li span:nth-child(2) img{
margin-right:9px;
max-width:30px;
max-height:30px
}
.p-d-body .cb-ver-head span:nth-child(2),.p-d-body ul li span:nth-child(2){
width:150px!important;
text-align:left
}
.p-d-body .cb-ver-head span:last-child,.p-d-body ul li span:last-child{
width:150px!important;
text-align:center
}
.p-d-body ul li:after{
display:none!important
}
.p-d-body .cb-veriler ul li:first-child:before,.p-d-body .cb-veriler ul li:nth-child(2):before,.p-d-body .cb-veriler ul li:nth-child(3):before,.p-d-body .cb-veriler ul li:nth-child(4):before,.p-d-body .cb-veriler ul li:nth-child(5):before{
width:3px;
height:calc(100% + 1px);
position:absolute;
left:0;
top:0;
content:"";
background-color:#267f45
}
.p-d-body .cb-veri ul li.dddown:before{
width:3px;
height:calc(100% + 1px);
position:absolute;
left:0;
top:0;
content:"";
background-color:#c90914
}
.p-d-body .cb-veriler ul li:nth-child(5):before{
background-color:#2c98f0
}
.pbodyin{
border:1px solid #e6e6e6
}
.p-d-body .ss-top{
display:block;
width:100%;
z-index:98;
position:relative;
background:#f5f5f5;
border-bottom:0;
height:40px
}
.p-d-body .ss-top ul::-webkit-scrollbar{
display:none!important;
-ms-overflow-style:none!important;
scrollbar-width:none
}
.p-d-body .cb-veri{
border:0
}
.p-d-body .ss-top ul{
justify-content:flex-start
}
.p-d-body .ss-top ul li.active,.p-d-body .ss-top ul li:hover{
font-weight:500;
border-right-color:transparent
}
.p-d-body .cb-veri ul li:hover{
background:#f5f5f5!important;
border-color:#f5f5f5
}
a.other-text.author-current-user{
max-width:100%;
flex:0 0 100%;
background:#fc433e
}
a.other-text.author-current-user svg{
position:absolute;
right:14px;
top:50%;
margin-top:-5px
}
.ydl-top ul li a.yotubue{
border-color:red!important
}
.ydl-top ul li a.youtube{
border-color:#c92229
}
.ydl-top ul li a.youtube i{
background:#c92229
}
.p-d-body ul li span:last-child b{
display:inline-block;
width:30px;
height:21px;
line-height:22px;
background:#e5e5e5;
border-radius:20px;
font-weight:500;
text-align:center
}
.p-d-body ul li span:last-child{
display:flex;
justify-content:center;
overflow:hidden
}
.p-d-body ul li span:last-child img:not(:first-child){
margin-left:6px
}
.right .rk{
margin-bottom:0!important;
padding-top:0!important
}
#agenda .fiveNews a.newsBox strong span,#economy .fiveNews a.newsBox strong span,#sport .fiveNews a.newsBox strong span,#woman .fiveNews a.newsBox strong span,.new-category-in .fiveNews a.newsBox strong span{
display:flex;
align-items:center;
padding:0 14px;
font-size:17px!important;
line-height:22px!important;
font-weight:500!important;
margin:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:auto
}
#agenda .fiveNews a.newsBox>strong,#economy .fiveNews a.newsBox>strong,#sport .fiveNews a.newsBox>strong,#woman .fiveNews a.newsBox>strong,.new-category-in .fiveNews a.newsBox>strong{
height:72px;
display:flex;
align-items:center;
border:1px solid #e6e6e6
}
.sondakikaflex{
flex-wrap:wrap;
display:flex;
align-items:flex-start;
justify-content:space-between;
margin:20px 0 10px 0
}
.sondakikaflex-in{
flex:0 0 25%;
max-width:calc(25% - 10px);
border-bottom:1px solid #e6e6e6;
padding-bottom:25px;
margin-bottom:40px
}
.sondakikaflex-in a{
display:block;
color:#fff;
position:relative
}
.sondakikaflex-in a figure{
margin:0;
height:130px;
width:100%;
overflow:hidden
}
.sondakikaflex-in a figure img{
width:100%;
height:100%;
object-fit:cover
}
.sondakikaflex-in a p{
height:72px;
display:flex;
align-items:center;
justify-content:center;
font-size:17px!important;
line-height:22px!important;
color:#000;
font-weight:500!important;
padding:0 14px;
position:relative;
background-color:#fff;
border-bottom-color:#fff;
transition:background-color .25s ease-in-out
}
.sondakikaflex-in a p b{
display:-webkit-box;
-webkit-line-clamp:2;
overflow:hidden;
-webkit-box-orient:vertical;
font-weight:500
}
.sondakikaflex-in:hover a p b{
color:#fff
}
.sondakikaflex-in a span{
color:#db2027;
font-weight:500;
font-size:18px;
text-align:center;
width:100%;
display:block;
position:absolute;
left:0;
top:100%;
margin-top:30px
}
.sondakikaflex-in a span u{
position:absolute;
left:50%;
top:-14px;
transform:translateX(-50%);
background:#db2027;
width:10px;
height:10px;
content:"";
border-radius:100%
}
.sondakikaflex-in.red a span:before{
background-color:#db2027
}
.sondakikaflex-in.blue a span:before{
background-color:#4b679b
}
.sondakikaflex-in.green a span:before{
background-color:#19b216
}
.sondakikaflex-in.red a span{
color:#db2027
}
.sondakikaflex-in.blue a span{
color:#4b679b
}
.sondakikaflex-in.green a span{
color:#19b216
}
.sondakikacontainer.container{
margin-top:20px
}
.hschart{
margin-top:-30px
}
.hschart svg{
margin-left:-3px
}
.header2 .hd-bot{
border-bottom-color:#d9dbdf!important
}
div#newsRead.hakkimizda{
padding:20px 0
}
.hakkimizda .top h1{
margin-top:10px;
margin-bottom:10px
}
.h4c-in {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
}
.header4 .logo-pattern {
display: none;
}
.h4c-in #logo {
max-width: 164px;
}
.header4-center {
background-color: #FBFBFB;
box-shadow: inset 0 1px 3px rgba(186,186,186,.58);
}
header.header4 {
background-color: transparent;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}
body{
-webkit-font-smoothing: unset!important;
text-rendering: unset!important;
-moz-osx-font-smoothing: unset!important;
}
.h4c-in nav>ul>li>a {
display: block;
font-size: 15px;
font-weight: 600;
color: #12182A;
padding: 0 14px;
line-height: 60px;
position: relative;
}
.h4c-in nav>ul>li>a {
display: block;
font-size: 15px;
font-weight: 600;
color: #12182A;
padding: 0 14px;
line-height: 60px;
position: relative;
}
.h4t-in-left.down b {
color: #d02333;
}
.h4b-right .hd-top-right span {
background-color: #fff;
}
.h4c-in nav ul li:last-child a {
padding-right: 0;
}
.h4b-in {
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
}
.h4b-right>a:before {
content: "";
width: 1px;
height: 20px;
background-color: rgba(255,255,255,.25);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.header-bottom-right-options ul li a {
display: block;
}
.h4b-right .hd-top-right li .des-g {
display: none!important;
}
.h4b-right .hd-top-right li .mobileg-g {
display: block!important;
}
.header4 .header-search-form {
top: unset;
bottom: 0px;
height: 60px;
}
.header4 .hsf-in {
height: 60px;
}
.h4c-in nav>ul {
display: flex;
align-items: center;
}
.header4 .header-search-form .container form, .header4 .header-search-form form input {
height: 60px;
}
.header4 .s-close {
right: 15px;
}
.header4-bottom {
background-color: #244182;
}
.h4b-right>a {
display: block;
font-size: 17px;
font-weight: 600;
color: #fff;
opacity: .8;
transition: opacity .2s ease-in-out;
position: relative;
margin-right: 17px;
padding-right: 17px;
}
.h4b-right a:hover {
opacity: 1;
}
.hour24 g {
transform-origin: center;
animation: hour24 2s infinite linear;
}
.hour24 g path {
fill: #fff;
}
@keyframes hour24 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.h4b-left {
display: flex;
align-items: center;
justify-content: flex-start;
width: 60%;
}
.h4b-carousel {
max-width: 100%;
padding-left: 127px;
}
.h4b-carousel span, .h4b-carousel i, .h4b-carousel a {
color: #FFCB05;
font-weight: 600;
font-size: 17px;
}
.h4b-carousel i {
margin: 0 12px;
}
.h4b-carousel a {
color: #fff;
white-space: nowrap;
max-width: 420px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.h4b-carousel .owl-nav {
display: block;
margin-left: 0;
position: absolute;
top: -20px;
left: -125px;
line-height: 0;
}
.h4b-carousel .owl-item>div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.h4b-carousel .owl-nav button {
height: 60px;
width: 50px;
outline: none;
border: 0;
background: transparent;
}
.h4b-carousel .owl-nav button.owl-next {
background-color: rgba(255,255,255,.15);
transform: rotate(180deg);
}
.h4b-carousel .owl-nav button img {
margin: 0 auto;
padding: 0;
max-width: unset;
width: auto;
}
.hour24 {
margin-top: 4px;
}
.header4-top .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.h4t-in {
flex: 0 0 25%;
max-width: calc(25% - 15px);
display: flex;
align-items: center;
justify-content: space-between;
}
.h4t-in-right {
width: calc(100%);
padding-left: 6px;
}
.h4t-in-left span,.h4t-in-left p {
font-size: 16px;
font-weight: 400;
color: #036;
}
.h4t-in-left p {
font-size: 22.4px;
}
.h4t-in-left b {
color: #006726;
font-weight: 400;
font-size: 13px;
}
.h4t-in-right>div {
max-width: 90%;
}
.borsl {
display: block;
width: 12.78px;
height: 7.78px;
-webkit-mask-image: url(../img/borsl.svg);
mask-image: url(../img/borsl.svg);
background-color: #036;
margin-right: 10px;
}
.h4t-in-left p {
display: flex;
align-items: center;
justify-content: flex-start;
}
.h4t-in-left.down .borsl {
transform: rotate(180deg);
}
.header4-top {
height: 82px;
display: flex;
align-items: center;
background-color: #fff;
}
.four-manset{
height:350px;
margin-bottom:20px;
width:100%;
position:relative;
}
#home .four-manset {
padding: 0 12px;
}
.four-manset #owl-four-manset{
height:350px;
width:calc(100% - 250px);
margin:0 auto
}
.four-manset .four-manset-pagination ul{
position:absolute;
width: 100%;
height:350px;
top:0;
max-width: 1060px;
}
.four-manset .four-manset-pagination ul li{
display:block;
width:115px;
height:calc(25% - 7.5px);
border-radius:0;
background:0 0;
margin-top:10px;
opacity:1;
cursor:pointer;
position:relative
}
.four-manset .four-manset-pagination ul li:nth-child(5){
right:0;
top:0;
position:absolute;
margin-top:0
}
.four-manset .four-manset-pagination ul li:nth-child(6){
position:absolute;
right:0;
top:80px
}
.four-manset .four-manset-pagination ul li:nth-child(7){
position:absolute;
right:0;
top:170px
}
.four-manset .four-manset-pagination ul li:nth-child(8){
position:absolute;
right:0;
bottom:0
}
.four-manset-pagination ul li:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height:100%;
background:#000;
opacity:.65;
transition:opacity .2s ease-in-out
}
.four-manset-pagination ul li.active:after,.four-manset-pagination ul li:hover:after{
opacity:0
}
.four-manset-pagination ul li:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:3px solid transparent;
transition:all .2s ease-in-out
}
.four-manset-pagination ul li.active:before,.four-manset-pagination ul li:hover:before{
border-color:#ca0a14
}
.four-manset .four-manset-pagination ul li:first-child{
margin-top:0
}
.four-manset-pagination ul li img{
height:100%;
object-fit:cover;
max-width:100%;
width:100%
}
.four-manset #owl-four-manset a{
display:block;
width:100%;
font-size:0
}
.four-manset #owl-four-manset a strong{
position:absolute;
left:0;
bottom:11px;
overflow-y:hidden;
font-size:36px;
color:#fff;
font-weight:700!important;
font-family:Barlow,sans-serif;
line-height:40px;
padding:0 20px;
height:auto;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
margin-bottom: 15px;
}
.four-manset #owl-four-manset a:before{
position:absolute;
content:"";
left:0;
bottom:0;
width:100%;
height:130px;
opacity:.6;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)
}
.four-manset #owl-four-manset a img{
object-fit:cover;
min-height:200px;
width:100%;
height:350px
}
.four-manset .owl-dots,.four-manset .owl-nav{
visibility:hidden;
display:none;
opacity:0
}
.sdf .lastol-in {
margin-bottom: 20px;
}
.sdf a h3 {
height: 53px;
}
.dovizdetay {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 0
}
.dovizdetay-left {
flex: 0 0 792px;
max-width: calc(100% - 300px);
padding: 0 20px 0 0;
}
.dovizdetay-right {
flex: 0 0 300px;
max-width: 300px;
}
.tg-collapse {
flex: 100%;
width: 100%;
margin-bottom: 20px;
}
.tg-in {
background-color: #fff;
border: 1px solid #E6E6E6;
}
.tg-in ul li {
padding: 0 16px;
height: 49px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.tg-in ul li h4 {
font-size: 14px;
font-weight: 600;
color: #000000;
padding-left: 12px;
position: relative;
}
.tg-in ul li h4:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 24px;
width: 4px;
background-color: #2C98F0;
margin-top: -12px;
left: -2px;
}
.tg-in ul li:first-child p {
display: flex;
align-items: center;
color: #9094A1;
font-size: 12px;
}
.tg-in ul li:first-child p img {
margin-left: 7px;
}
.tg-in ul li:nth-child(odd) {
background-color: #f8f9fd;
}
.tg-in ul li:not(:first-child) {
border-top: 1px solid #e0e3eb;
}
.tg-in ul li:after, .piyasaozet-bottom li:after {
content: "";
position: absolute;
left: 0;
width: 1px;
height: 100%;
background: #2c98f0;
opacity: 0;
visibility: hidden;
}
.tg-in ul li:not(:first-child)>p {
width: calc(100% / 5);
text-align: left;
font-size: 14px;
font-weight: 400;
letter-spacing: -.10px;
color: #0C0E15;
}
.tg-in ul li a span b {
font-size: 14px;
font-weight: 500;
color: #2c98f0;
}
.tg-in ul li a span {
line-height: 1em;
}
.tg-in ul li a span i {
font-style: normal;
font-size: 12px;
color: #515562;
display: block;
margin-top: 4px;
line-height: 1em;
}
.tg-in ul li:not(:first-child)>p:last-child {
position: relative;
text-align: right;
}
.tg-in ul li:first-child:hover {
background-color: #fff;
}
.tg-in ul li:first-child {
width: 100%;
height: 48px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px 4px 0 0;
}
.tg-in ul li a {
display: flex;
align-items: center;
justify-content: flex-start;
width: 114px;
}
.tg-in ul li:hover {
background: #ECF6FE;
}
.tg-in ul li a img {
margin-right: 14px;
border-radius: 100%;
width: 18px;
height: 18px;
}
.dovizdetayhead {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.ddh-left {
display: flex;
align-items: center;
justify-content: flex-start;
}
.ddh-left img {
margin-right: 13px;
width: 38px;
height: 38px;
border-radius: 100%;
object-fit: cover;
}
.ddh-left b {
font-size: 22px;
font-weight: 700;
color: #131722;
letter-spacing: -.10px;
display: block;
line-height: 1em;
}
.ddh-left span b {
}
.ddh-left u {
text-decoration: none;
color: #6B6C6E;
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
line-height: 1em;
}
.ddh-right span {
color: #6B6C6E;
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
line-height: 1em;
}
.dovizdetaybody {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 26px;
}
.dovizdetaybody div span {
line-height: 1em;
margin-right: 40px;
}
.dovizdetaybody div span u {
text-decoration: none;
font-size: 14px;
font-weight: 500;
color: #6B6C6E;
letter-spacing: -.10px;
line-height: 1em;
display: block;
margin-bottom: 10px;
}
.dovizdetaybody div span b {
font-size: 22px;
color: #131722;
letter-spacing: -.10px;
font-weight: 700;
}
.dovizdetaybody div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.dovizdetaybody div span:last-child {
margin-right: 0;
}
.dovizdetaybody div span .up {
color: #3AB95F;
}
.ddb-in {
border: 1px solid #E6E6E6;
padding: 14px 25px 16px 25px;
margin-bottom: 19px;
}
.ddb-in h1 {
font-size: 16px;
font-weight: 700;
letter-spacing: -.10px;
color: #C90914;
margin-bottom: 12px;
}
.ddb-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.ddb-row span {
display: flex;
flex: 0 0 50%;
border-bottom: 1px solid #E6E6E6;
max-width: calc(50% - 19px);
justify-content: space-between;
font-size: 14px;
padding-bottom: 11px;
margin-bottom: 9px;
}
.ddb-row span u {
text-decoration: none;
}
.ddb-row span u,.ddb-row span b {
color: #000000;
font-size: 14px;
font-weight: 500;
}
.ddb-row:last-child span {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.ddb-row.ddb-row-full span {
flex: 0 0 100%;
max-width: 100%;
}
.ddb-row.ddb-row-full span u {
width: 240px;
}
.ddb-row.ddb-row-full:first-child span u,.ddb-row.ddb-row-full:first-child span b {
font-weight: 700;
}
.ddb-row.ddb-row-full span b {
width: 102px;
text-align: left;
}
.ddb-row.ddb-row-full.ddbfirst span u,.ddb-row.ddb-row-full.ddbfirst span b {
font-weight: 700;
}
.ddb-row.ddb-row-full span b:nth-child(2),.ddb-row.ddb-row-full span b:nth-child(3) {
width: 32px;
}
.ddb-row.ddb-row-full span b:nth-child(4) {
width: 104px;
}
.ddb-row.ddb-row-full span b:nth-child(5) {
width: 66px;
}
.ddb-tab {
width: 100%;
margin-top: 43px;
}
.ddb-tab ul {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 2px solid #E6E6E6;
padding-bottom: 8px;
margin-bottom: 20px;
}
.ddb-tab ul li a {
display: block;
margin-right: 40px;
font-weight: 500;
color: #000000;
font-size: 16px;
position: relative;
}
.ddb-tab ul li a:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
width:0;
background: #2C98F0;
height: 2px;
transition: all .2s ease-in-out;
transform: translateX(-50%);
}
.ddb-tab ul li a.active:before,.ddb-tab ul li a:hover:before {
width: 100%;
}
.chartkrip {
border: 1px solid #E6E6E6;
padding: 8px 0 8px 0;
margin-bottom: 19px;
max-height: 300px;
overflow: hidden;
position: relative;
}
.kriploader {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%!important;
background: rgba(255,255,255,.8);
display: flex!important;
align-items: center;
justify-content: center;
}
.kriploader img {
max-width: 58px;
}
text.highcharts-title tspan {
font-family: acuminpro,sans-serif;
}
.chartkrip>div {
width: 100%;
float: none;
height: 282px;
}
.ddb-tab ul::-webkit-scrollbar-track{
opacity: 0;
width:0;
background:transparent;
visibility: hidden;
height:0;
display:none;
}
.ddb-tab ul::-webkit-scrollbar{
opacity: 0;
width:0;
background:transparent;
visibility: hidden;
height:0;
display:none;
}
.ddb-tab ul::-webkit-scrollbar-thumb{
opacity: 0;
width:0;
background:transparent;
visibility: hidden;
height:0;
display:none;
}
.sinema-top {
height: 380px;
width: 100%;
background-color: #221F2B;
position: relative;
padding: 16px 0 23px 0;
}
.sinema-top:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .35;
background-image: url(../img/bg/sinemabg.png);
background-size: cover;
z-index: 0;
}
.sinema-popular-frag a figure:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
margin-top: -24px;
margin-left: -24px;
width: 48px;
height: 48px;
visibility: hidden;
opacity: 0;
transition: visibility .2s ease-in-out, opacity .2s ease-in-out, transform .35s ease-in-out;
background-image: url(../img/icons/sinemaplaybig.png);
z-index: 9;
}
.sinema-top-t {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 17px;
}
.sinema-top h3 {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
}
.sinema-top h3 b:first-child {
opacity: .4;
}
.sinema-top h3 b:nth-child(2) {
opacity: .7;
}
.sinema-top h3 b:last-child {
opacity: .4;
}
.sinema-top .container {
position: relative;
z-index: 9;
}
.owl-sinema-in {
display: block;
text-align: center;
float: left;
width: 100%;
}
.owl-sinema-in:last-child {
margin-right: 0;
}
.owl-sinema-in .thumbnail {
float: left;
width: 100%;
height: 260px;
position: relative;
overflow: hidden;
}
.owl-sinema-in .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.owl-sinema-in .thumbnail ul {
position: absolute;
top: 50%;
left: 0;
margin-top: -26px;
right: 0;
width: 100%;
height: 100%;
text-align: center;
visibility: hidden;
opacity: 0;
}
figure {
margin: 0;
}
.owl-sinema-in .thumbnail ul:before {
position: absolute;
content: "";
top: calc(-50% + 26px);
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.owl-sinema-in .thumbnail ul li {
display: block;
position: relative;
z-index: 2;
}
.owl-sinema-in .thumbnail ul li p {
display: inline-block;
height: 22px;
line-height: 22px;
color: #fff;
padding: 0 13px;
border-radius: 20px;
font-size: 10px;
text-transform: uppercase;
}
.owl-sinema-in span {
font-family: 'Barlow';
font-weight: 600;
display: block;
margin-top: 0px;
width: 100%;
font-size: 15px;
color: #fff;
text-align: center;
padding-top: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.owl-sinema-in .thumbnail ul li p.lang {
background: #EF5D33;
margin-bottom: 10px;
font-family: 'Barlow';
font-size: 12px;
font-weight: 700;
}
.owl-sinema-in .thumbnail ul li p.quality {
background: #2292D5;
font-family: 'Barlow';
text-transform: capitalize;
padding: 0 12px;
font-size: 11px;
font-weight: 500;
}
.owl-sinema-in:hover .thumbnail ul {
visibility: visible;
opacity: 1;
}
#owl-sinema .owl-nav {
display: block !important;
}
#owl-sinema .owl-nav button {
background-color: rgba(239, 93, 51, 0.95) !important;
width: 28px;
height: 40px;
position: absolute;
top: 50%;
z-index: 3;
text-indent: -9999px;
margin-top: -40px;
}
#owl-sinema .owl-nav button:hover {
background-color: rgba(240, 91, 40, 0.95) !important;
}
#owl-sinema .owl-nav .owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
}
#owl-sinema .owl-nav .owl-next {
transform: rotate(180deg);
right: 1px;
border-radius: 0 3px 3px 0;
}
#owl-sinema .owl-nav button img {
opacity: 1;
margin: 0 auto;
}
#owl-sinema .owl-nav button.owl-prev img {
transform: rotate(0);
}
#owl-sinema .owl-nav button:hover {
background: rgba(239, 93, 51, 1) !important;
}
.pt40 {
padding-top: 40px;
}
button {
border: 0;
}
button.owl-prev.disabled {
display: block !important;
}
.sinema-left {
width: calc(100% - 320px);
float: left;
}
.sinema-right {
width: 300px;
float: right;
}
.sinema-left-in {
background-color: #fff;
padding: 20px;
box-shadow:0px 1px 2px rgb(17 21 25 / 27%);
display: flex;
margin-bottom: 20px;
}
.sinema-left-in a figure {
width: 184px;
height: 250px;
overflow: hidden;
}
.sinema-left-in a figure img {
object-fit: cover;
width: 100%;
height: 100%;
}
.sli-right {
padding: 2px 0 0 20px;
}
.sli-right h2 {
font-size: 19px;
color: #000000;
font-weight: 600;
margin-bottom: 8px;
transition: color .2s ease-in-out;
}
.sli-right span {
font-size: 15px;
font-family: 'Barlow';
font-weight: 500;
color: #000000;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sinema-popular-frag {
padding: 5px 20px 20px 20px!important;
}
.sli-right span i {
font-style: normal;
color: #8A8A8A;
}
h3.smndt {
font-size: 16px;
font-weight: 700;
display: block;
margin-bottom: 16px;
color: #000;
}
.sli-right p {
color: #000000;
font-family: 'Barlow';
font-size: 16px;
line-height: 26px;
margin-top: 7px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 500;
}
.sli-right-title:hover h2 {
color: #EF5D33;
}
#owl-sinema .owl-dots {
position: absolute;
right: 0;
top: -41px;
}
#owl-sinema .owl-dots button {
padding: 0;
background: #EF5D33;
width: 6px;
height: 6px;
border-radius: 30px;
margin-left: 5px;
transition: all .35s ease-in-out;
}
#owl-sinema .owl-dot:before {
display: none;
}
#owl-sinema .owl-dots button.active {
width: 20px;
}
a.fragmanbutton {
position: relative;
margin-top: 13px;
height: 32px;
display: inline-flex;
align-items: center;
overflow: hidden;
line-height: 32px;
background-color: #EF5D33;
border-radius: 16px;
padding: 0 12px 0 19px;
}
a.fragmanbutton span {
color: #fff;
font-size: 12px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
}
a.fragmanbutton span svg {
margin-left: 12px;
transition: transform .35s ease-in-out;
}
a.fragmanbutton:hover svg {
transform: rotate(360deg);
}
.full-sManset {
height: 370px;
width: 100%;
background-color: #221F2B;
position: relative;
padding: 20px 21px 23px 21px;
margin-bottom: 20px;
}
.full-sManset .sinema-top-t a:hover {
text-decoration: underline!important;
}
.full-sManset:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .35;
background-image: url(../img/bg/sinemabg.png);
background-size: cover;
z-index: 0;
}
.full-sManset .sinema-top-t {
position: relative;
z-index: 5;
margin-bottom: 16px;
}
.full-sManset .sinema-top-t h3 {
color: #fff;
font-size: 20px;
}
.full-sManset .sinema-top-t h3 b {
opacity: .4;
}
.full-sManset .sinema-top-t a {
display: block;
color: #fff;
font-size: 12px;
font-weight: 700;
}
.full-sManset .sinema-top-t a svg {
margin-left: 8px;
transition: transform .2s ease-in-out;
}
.full-sManset .sinema-top-t a:hover svg {
animation: rightarrow 1s infinite ease-in-out;
}
.full-sManset .owl-sinema-in .thumbnail {
height: 252px;
}
.full-sManset .owl-nav {
position: absolute;
top: 50%;
width: calc(100% + 42px);
display: flex;
align-items: center;
justify-content: space-between;
height: 1px;
margin-top: -14px;
left: -21px;
}
.full-sManset .owl-nav .owl-next {
transform: rotate(180deg);
}
.full-sManset .owl-nav button {
height: 28px;
width: 40px;
background-color: #F1F1F1;
border-radius: 0 14px 14px 0;
transition: background-color .2s ease-in-out;
}
.full-sManset .owl-nav button:hover {
background-color: #d3d0d0;
}
.full-sManset .owl-nav button img {
padding: 0;
margin-left: 5px;
}
.full-sManset .owl-nav button.owl-next img {
margin-left: 5px;
}
div#videoPostHead.sinemavph:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .35;
background-image: url(../img/bg/llk.jpeg);
background-size: cover;
z-index: 0;
}
.sinemavph i.videoIcon.center {
background: #ef5d33;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
width: 32px;
height: 32px;
border-radius: 100%;
transition: transform .2s ease-in-out;
box-shadow: unset!important;
margin: -16px 0 0 -16px;
}
.videoPostHead .contentArea .rightPosts ul li i.videoIcon:before {
display: none;
}
.videoPostHead .contentArea .rightPosts ul li i.videoIcon svg {
margin-left: 2px;
}
.sinemavph .videoPostHead .contentArea .rightPosts ul::-webkit-scrollbar-track{
background:#00000047;
}
.sinemavph .videoPostHead .contentArea .rightPosts ul::-webkit-scrollbar-thumb{
background:#ef5d33;
}
.sinema-popular-frag {
box-shadow: 0px 1px 2px rgb(17 21 25 / 27%)!important;
}
.sli-right span b {
background-color: #EF5D33;
display: inline-block;
padding: 0 9px;
border-radius: 9px;
font-weight: 600!important;
color: #fff!important;
font-size: 12px;
line-height: 17px;
height: 18px;
}
.sli-right span b:nth-child(2) {
margin-left: 8px;
background-color: #2292D5;
}
.sinema-popular-frag a {
margin-top: 12px!important;
width: 124px!important;
}
.sinema-popular-frag a figure {
height: 170px!important;
}
.num-pagination {
width: 100%;
height: 60px;
display: flex;
ALIGN-ITEMS: center;
justify-content: center;
background-color: #fff;
box-shadow: 0px 1px 2px rgb(17 21 25 / 27%);
}
.num-pagination ul {
display: flex;
align-items: center;
justify-content: center;
}
.num-pagination ul a {
height: 20px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 600;
color: #000000;
transition: all .2s ease-in-out;
margin-right: 44px;
position: relative;
}
.num-pagination ul li a.active,.num-pagination ul li a:hover {
color: #EF5D33;
}
.num-pagination ul a:after {
content: "";
position: absolute;
right: -22px;
height: 20px;
width: 1px;
background-color: #EAEAF5;
}
.num-pagination ul>a:last-child:after {
display: none;
}
.num-pagination ul>a.active svg path, .num-pagination ul>a:hover svg path {
fill: #000;
}
.num-pagination ul>a svg path {
opacity: 1;
fill: #DFDFE5;
transition: fill .2s ease-in-out;
}
.sinema-cok {
width: 100%;
margin-bottom: 27px;
}
.scok-in {
width: 100%;
display: block;
margin-bottom: -20px;
}
.scokin {
box-shadow: 0px 1px 2px rgb(17 21 25 / 27%);
background-color: #fff;
width: 250px;
margin-bottom: 20px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.scok-out {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.scokin a {
width: 100%;
display: block;
position: relative;
}
.scokin a figure {
width: 100%;
height: 154px;
position: relative;
}
.scokin a figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.scokin>a>span {
position: absolute;
top: 15px;
left: 19px;
z-index: 1;
text-align: center;
background-color: #EF5D33;
display: inline-block;
padding: 0 9px;
border-radius: 9px;
font-weight: 600!important;
color: #fff!important;
font-size: 12px;
line-height: 17px;
height: 18px;
}
.scokin>a>figure b {
position: absolute;
bottom: -20px;
left: 20px;
background: #ef5d33;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
width: 40px;
height: 40px;
border: 4px solid #fff;
border-radius: 100%;
transition: transform .2s ease-in-out;
}
.scokin a figure:hover b {
transform: rotate( 360deg);
}
.scokin>a>figure b svg {
margin-left: 5px;
}
.scok-bottom {
width: 100%;
background-color: #fff;
padding: 25px 20px 14px 20px;
}
.scok-bottom h2 {
font-size: 16px;
font-weight: 600;
color: #000;
line-height: 21px;
margin-bottom: 10px;
transition: color .2s ease-in-out;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical;
}
.scok-bottom h2:hover {
color: #ef5d33;
}
.scok-bottom span {
color: #000;
font-size: 15px;
font-weight: 500;
margin-bottom: 8px;
display: block;
}
.scok-bottom span b {
font-weight: 500;
color: #8A8A8A;
}
.scdoviz .head {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 16px;
}
.scdovizin {
background-color: #fff;
padding: 20px;
}
.scdovizintab>div {
width: 130px;
height: 38px;
background: #F3F4F5;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #DCDDE1;
transition: all .2s ease-in-out;
cursor: pointer;
}
.scdovizintab {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.scdovizintab>div.active {
background-color: #4694EE;
border-color: #4694EE;
}
.scdovizintab>div span {
font-size: 14px;
font-weight: 500;
color: #000000;
transition: color .2s ease-in-out;
}
.scdovizintab>div.active span {
color: #fff;
}
.scdovizintab>div svg {
margin: 0 7px 0 6px;
}
.scdovizintab>div.active svg path,.scdovizintab>div.active svg polyline {
stroke: #fff;
}
.scdovizintab>div svg path, .scdovizintab>div svg polyline {
transition: stroke .2s ease-in-out;
}
.scdovizin-inputs {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15px;
justify-content: space-between;
}
.scdovizin-inputs input {
border: 1px solid #E9E8F0;
outline: none;
height: 36px;
width: 120px;
border-radius: 2px;
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
color: #000;
padding: 0 13px;
}
.scdovizin-inputs input::placeholder {
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
color: #000;
}
.scdovizin-inputs input:focus::placeholder {
opacity: 0;
}
.scdovizin-inputs select {
width: 120px;
height: 36px;
border: 1px solid #DCDDE1;
border-radius: 2px;
background-color: #F3F4F5;
color: #515151;
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
padding: 0 8px;
}
.scdovizin-inputs.scifull span {
height: 36px;
line-height: 36px;
background-color: #fff;
width: 100%;
border: 1px solid #CDE6FE;
border-radius: 2px;
text-align: center;
color: #000000;
font-size: 14px;
font-weight: 500;
letter-spacing: -.10px;
}
.scdovizin-inputs.scifull {
margin-bottom: 20px;
}
.scselect select{
appearance: none;
-webkit-appearance: none;
}
.scselect img {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
user-select: none;
}
.scselect {
position: relative;
}
.scdovizin button {
width: 100%;
height: 36px;
line-height: 36px;
border-radius: 2px;
text-align: center;
color: #fff;
background-color: #4694EE;
font-size: 14px;
font-weight: 700;
font-family: 'Barlow';
cursor: pointer;
transition: all .2s ease-in-out;
}
.scdovizin-inputs.scifull input {
width: 100%;
}
.scdovizin button:hover {
opacity: .88;
}
#home .fiveNews.eightNews>div a, .wleft-slider.wleft-slider2.wleft-slider3, #home .fively-left .fively-title, #home .sixNewsSymmetry .newsBox, #home .news-four-in a.news-four-link, #home .b-videogaleri, #home>.bottom>.left .sport, #home .bestReadBox>div, #home .popularNewsBox>div, #home .side-puandurumu, #home .kat-grid-right.kgr, #home a.h-ilan, .sondakikaflex-in a p, #home .sc-related, #home .scdoviz {
box-shadow: 0 1px 2px rgb(17 21 25 / 27%);
}
#home .fd-in, #home .hissesenet {
box-shadow: 0 1px 2px rgb(17 21 25 / 27%);
border:0;
background-color: #fff
}
#home .fourrscl {
box-shadow: 0 1px 2px rgb(17 21 25 / 27%);
background-color: #fff;
padding-bottom: 16px;
}
#home .fourrscl-bottom {
padding: 3px 16px 0 16px;
}
#home .sc-related {
padding: 18px 0!important;
}
#home .sc-related {
margin-top: 0;
margin-bottom: 0;
background-color: #fff;
padding: 17px 0;
}
.currency_result, .altin_result, .coin_result {
margin-bottom: 0!important;
}
.scdoviz {
border: 1px solid #e6e6e6;
}
#home .scdoviz {
border:0;
}
#home .sc-related .sc-fively {
padding: 0 20px;
}
#home .sc-related .sc-fively-1:last-child {
margin-bottom: 0;
}
#home .fd-in .fd-1 {
background: #ffffff;
}
#home .fd-in .fd-1:nth-child(2), #home .fd-in .fd-1:nth-child(4), #home .fd-in .fd-1:nth-child(5), #home .fd-in .fd-1:nth-child(7) {
background-color: #f9f9f9;
}
.fourrscl {
margin-bottom: 10px;
}
.hissesenet .hissetab-in>ul>a {
height: 65px;
display: block;
}
.new-category-in .side-puandurumu {
margin-bottom: -10px;
}
.header2after {
display: none;
}
.header2 .hd-bot {
border-bottom: 0!important;
}
div#home.container {
margin-top: 20px;
}
div#owl-wleft-slider3 .owl-dots button, #owl-wleft-slider3 .owl-nav {
border-bottom: 0!important;
}
#owl-wleft-slider3 .owl-nav {
border:0!important;
}
div#owl-wleft-slider3 .owl-dots button:first-child {
border: 0!important;
}
div#owl-wleft-slider3 .owl-dots button {
width: 43px!important;
border-left: 0!important;
border-right: 0!important;
margin-right: 1px!important;
}
.hissetab-in ul a:last-child li:after {
display: none;
}
.videoPostHead .contentArea .rightPosts i.videoIcon.center {
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
width: 32px;
height: 32px;
border-radius: 100%;
transition: transform .2s ease-in-out;
box-shadow: unset!important;
margin: -16px 0 0 -16px;
}
#home .four-manset .four-manset-pagination ul {
left: 0;
}
.four-manset #owl-four-manset {
width: calc(100% - 226px);
}
@media screen and (max-width: 880px) {
.dovizdetay-left,.dovizdetay-right {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
}
.four-manset {
padding:0!important;
margin-left: -10px;
width: calc(100% + 20px);
margin-top: -10px;
margin-bottom: 10px;
}
.four-manset .owl-nav {
display: none!important;
width: calc(100% + 20px)!important;
margin-left: -10px!important;
}
.nci-slider {
display: none;
}
div#owl-wleft-slider .owl-dots {
justify-content: center!important;
}
div#owl-wleft-slider .owl-dots button {
margin: 0 2px;
}
div#home.container {
margin-top: 0;
}
.sli-right h2 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
}
.full-sManset {
margin-bottom: 10px;
}
.full-sManset .sinema-top-t h3 {
font-size: 16px;
}
.full-sManset {
height: auto;
padding: 18px 21px;
}
.full-sManset .owl-sinema-in .thumbnail {
height: 196px;
}
.full-sManset .owl-sinema-in span {
padding-top: 14px;
}
.ddb-in.ddb-inscroll {
overflow: hidden;
overflow-x: scroll;
}
.ddb-row.ddb-row-full.ddbfirst {
width: 550px;
padding-right: 15px;
}
.ddb-row.ddb-row-full {
width: 550px;
padding-right: 15px;
}
.dovizdetay {
padding: 15px 0;
}
.ddb-in {
padding: 15px;
margin-bottom: 10px;
}
.chartkrip {
padding: 5px ​15px 15px 15px;
margin-bottom: 10px;
}
.dovizdetay {
padding: 12px 0;
}
.ddb-row {
flex-direction: column;
align-items: flex-start;
}
.hc-in-left p u i {
font-size: 10px;
margin-top: -4px;
margin-left: 2px;
}
text.highcharts-title tspan:nth-child(2) {
display: none;
}
text.highcharts-title tspan {
font-size: 14px;
}
.ddb-row span {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.ddb-row:last-child span {
border-bottom: 1px solid #E6E6E6;
margin-bottom: 9px;
padding-bottom: 9px;
}
.ddb-row:last-child span:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.dovizdetaybody {
flex-direction: column;
align-items: flex-start;
margin-top: 18px;
margin-bottom: 22px;
}
.dovizdetaybody div span {
}
.dovizdetaybody div {
width: 100%;
flex-wrap: wrap;
}
.dovizdetaybody div span {
margin-bottom: 13px;
margin-right: 20px;
}
.dovizdetaybody div.ddb-right span:last-child {
margin-bottom: 0;
}
.ddb-left {
margin-bottom: 1px;
}
.ddb-tab {
margin-top: 13px;
position: relative;
}
.ddh-left u {
font-size: 13px;
}
.ddh-right span {
font-size: 13px;
}
.ddh-left img {
margin-right: 10px;
}
.dovizdetaybody div span u {
font-size: 13px;
margin-bottom: 6px;
}
.dovizdetaybody div span b {
font-size: 18px;
}
.ddb-tab ul {
overflow: hidden;
overflow-x: scroll;
margin-bottom: 8px;
position: relative;
border-bottom: 0;
padding-bottom: 12px;
}
.ddb-tab:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 2px;
background: #E6E6E6;
}
.ddb-tab ul li a:before {
bottom: -10px;
z-index: 9;
}
.ddb-tab ul li a {
min-width: max-content;
width: max-content;
margin-right: 24px;
font-size: 14px;
}
.sdf a h3 {
height: unset;
}
.four-manset.des-gizle{
padding-left:12px!important;
padding-right:12px!important;
margin-bottom:0!important;
overflow:hidden;
margin-left:0!important
}
.four-manset .owl-nav{
visibility:visible;
opacity:1;
display:none!important;
width:100%;
position:absolute;
top:80px;
height:1px
}
#four-manset button-owl-next,#four-manset button.owl-prev{
width:38px;
height:38px;
background-color:#fff!important;
border-radius:100%;
box-shadow:0 1px 2px 0 rgba(26,24,35,.16);
margin-top:-25px;
transition:background-color .2s ease-in-out;
border:0
}
.four-manset .owl-nav button{
width:22px;
height:38px;
transition:background-color .2s ease-in-out;
border:0;
margin-top:-10px;
background:rgba(255,255,255,.7)
}
.four-manset .owl-nav button img{
margin:0 auto
}
#four-manset button.owl-prev{
left:-7px;
position:absolute
}
.four-manset .owl-dots{
visibility:visible;
display:block;
opacity:1;
width:100%;
height:24px;
background-color:#000;
position:absolute;
top:176px;
z-index:9999;
display:flex;
justify-content:center;
padding:0 11px 6px 11px;
align-items:center
}
.four-manset .owl-dots button{
border:0;
box-shadow:none;
margin:0;
display:inline-block;
font-size:0;
vertical-align:middle;
width:6px;
height:6px;
background:#fff;
padding:0;
margin-right:3px;
transition:all .2s ease-in-out
}
.four-manset button.owl-prev{
position:absolute;
left:0;
display:flex;
align-items:center;
justify-content:center
}
.four-manset .owl-nav button.owl-prev i{
margin-left:-1px
}
.four-manset .owl-nav button.owl-next{
right:0;
position:absolute;
display:flex;
align-items:center;
justify-content:center
}
.four-manset #owl-four-manset{
width:100%
}
.four-manset-pagination{
display:none
}
.four-manset,.four-manset #owl-four-manset a img{
height:200px
}
.four-manset{
margin-bottom:0;
padding:0
}
.four-manset #owl-four-manset a strong,.tab-up-title h3{
font-size:20px!important;
line-height:normal!important;
max-height:48px;
overflow:hidden;
text-transform:capitalize;
padding-top:0;
padding-bottom:0;
bottom:30px
}
}
.h4b-right {
display: flex;
align-items: center;
justify-content: flex-start;
}
span.mobilokundu {
color: #999;
font-weight: 400;
font-size: 15px;
margin-top: 13px;
display: none;
margin-bottom: 5px;
}
@media (max-width:1399px){
.leftBanner,.lholder,.rightBanner{
display:none
}
.yazarlar-right{
width:100%
}
.yr-in{
width:calc(33% - 10px)
}
.yazarlar-left{
width:100%;
margin-bottom:20px
}
.yazarlar-right{
width:100%
}
.kat-yazarlar-in{
padding:0;
display:flex;
flex-direction:column
}
.kat-yazarlar{
padding-top:10px
}
.yazarlar-left,.yr-in{
margin-bottom:10px
}
}
@media (max-width:1175px){
.h4c-in nav{
display: none;
}
.scrollTop{
display:none
}
.alt-cat{
overflow-x:scroll;
overflow-y:hidden
}
.new-category-in .b-videogaleri{
margin-bottom:10px;
width:calc(50% - 70px)
}
.new-category-in #agenda>div .left,.sc-six{
margin-top:10px!important
}
.load-more{
margin-bottom:0
}
#agenda.container div.new-category-in div.left,.new-category-in .left{
padding-right:0!important;
padding-left:0!important
}
.kyi-filters{
display:none
}
#economy .bottom .right{
display:none
}
.ftp-search svg{
top:9px
}
.footer-top-left{
flex-direction:column;
align-items:flex-start
}
a.footer-logo{
margin-right:0;
display:none!important
}
.footer-top-left p{
margin-left:33px
}
.footer-top-left p{
margin-left:33px
}
.header-search-form .container form button{
right:0
}
.header-top-right .wheat{
display:none
}
.header-bottom-left nav{
display:none
}
.header-bottom-right{
justify-content:flex-end
}
.thumbSlider{
padding:0 100px
}
.thumbSlider>ul li{
width:90px
}
#home .cuff .left{
-ms-flex:0 0 70%;
flex:0 0 70%;
max-width:70%;
padding:0 12px
}
#home .cuff .right{
-ms-flex:0 0 30%;
flex:0 0 30%;
max-width:30%;
padding:0
}
#home .fiveNews>div{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 12px
}
#home .fiveNews>div:nth-child(5){
display:none
}
#home>.bottom>.left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0
}
#home>.bottom>.right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0;
display:block!important
}
#home>.bottom>.right .goalKing,#home>.bottom>.right .popularNewsBox{
display:none
}
#home>.bottom>.right .horoscope{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#home>.bottom>.right .game{
order:0
}
#economy .top>div:first-child,#economy .top>div:last-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .center>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px
}
#economy .center>div:first-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .center>div:last-child{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px
}
#economy .bottom .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .bottom .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .bottom .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#economy .bottom .right>div>div:last-child,#economy .bottom .right>div>div:nth-child(2){
order:0
}
#agenda>div .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#agenda>div .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#home>.bottom>.left .sixNews,.right{
display:none!important
}
#zuck-modal-content .story-viewer .head .right{
display:block!important
}
#agenda>div .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#agenda>div .right>div>div:nth-child(1),#agenda>div .right>div>div:nth-child(4){
order:0
}
#agenda>div .right>div>div.bestRead{
display:none
}
#woman>div .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#woman>div .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding-top:20px
}
#woman>div .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#woman>div .right>div>div:first-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#woman>div .right>div>div:nth-child(2){
order:2
}
#sport .top .fiveNews>div{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 10px
}
#sport>.bottom .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 10px
}
#sport>.bottom .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#sport>.bottom .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0;
order:3
}
#sport>.bottom .right>div>div:nth-child(4){
order:1;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#sport>.bottom .right>div>div:nth-child(2),#sport>.bottom .right>div>div:nth-child(5){
order:2
}
#technology>.container>div .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#profile .bottom .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#profile .bottom .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#profile .bottom .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#profile .bottom .right>div>div:nth-child(3){
display:none
}
#newsRead .bottom .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#newsRead .bottom .right{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#newsRead .bottom .right>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#newsRead .bottom .right>div>div:first-child,#newsRead .bottom .right>div>div:nth-child(2),#newsRead .bottom .right>div>div:nth-child(3){
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 12px;
padding:20px 10px 0
}
#newsRead .bottom .right>div>div.bestReadBox,#newsRead .bottom .right>div>div.popularNewsBox{
order:2
}
footer .center>div .menu{
-ms-flex:0 0 70%;
flex:0 0 70%;
max-width:70%;
padding:0 12px;
padding:12px
}
footer .center>div .bulletin{
-ms-flex:0 0 30%;
flex:0 0 30%;
max-width:30%;
padding:0 12px;
padding:12px
}
}
#agenda.container,#economy.container,#sport.container{
padding:20px 20px 0 20px!important
}
.withHeader3 .hd-top .hd-top-right{
display:none!important
}
@media (max-width:1075px){
.logo-pattern{
display:none
}
.header-search-form{
top:0!important
}
.header-search-form,.header-search-form .hsf-in,.header-search-form .hsf-in form,.header-search-form form input{
height:46px!important
}
.s-close{
right:14px
}
.desk-menu{
display:none!important
}
#owl-wleft-slider3 .owl-nav{
display:none!important
}
div#owl-wleft-slider3 .owl-dots button{
width:100%!important
}
div#owl-wleft-slider3 .owl-dots{
overflow:hidden
}
.withHeader3 .hd-top .hd-top-right{
display:block!important
}
.withHeader3 .hd-top-left{
max-width:calc(100% - 89px);
margin-left:10px;
display:none
}
.withHeader3 .hd-top-in{
height:35px
}
.header2.withHeader3 .hd-bot{
display:none
}
.withHeader3 #logo{
display:none
}
.withHeader3 a.mobile-logo{
display:flex!important;
max-height:37px;
background:0 0
}
.header2.withHeader3 .hd-top{
height:46px;
border-top:0
}
.withHeader3 .hd-top-left:before{
left:-15px
}
#economy a.ads{
margin-bottom:0!important
}
.finans-doviz{
margin-top:10px
}
#economy .bottom .left .sixNews>div{
padding:10px 5px 0!important;
margin-bottom:0
}
#economy .bottom .left .sixNews{
margin-left:-5px;
margin-right:-5px
}
.container{
padding:0 10px!important
}
#agenda.container,#economy.container,#sport.container{
padding:10px!important
}
#economy .top>div:last-child ul li{
padding:0 10px 10px 0
}
#economy .bottom .left{
padding:0 2px
}
.hd-bot-right{
display:none!important
}
}
@media (max-width:991px){
.sondakikaflex-in{
flex:0 0 100%;
max-width:100%
}
.sondakikaflex-in:last-child{
margin-bottom:0
}
.sondakikacontainer.container{
margin-top:10px
}
.sondakikacontainer.container .ads{
margin-bottom:10px!important
}
.sondakikaflex-in a figure{
margin:0;
height:218px;
width:100%;
overflow:hidden
}
.sondakikaflex-in:hover a p b{
color:#000
}
.cb-letters{
flex-direction:column;
align-items:flex-start;
overflow-x:scroll;
overflow-y:hidden;
padding:14px 0;
margin-top:15px
}
.cb-letters p{
margin-top:10px;
display:none
}
.cb-letters ul{
width:max-content;
flex-wrap:wrap;
flex-direction:row
}
.bistaciliskapanis{
display:none
}
.canli_b{
width:440px
}
.yr-in{
width:100%
}
#home>.bottom>.left .sixNews{
display:block!important
}
#agenda>div .left .sixNews,#woman>div .left .sixNews{
margin-left:0!important
}
.lholder{
display:none!important
}
#home>.bottom>.right.mobile-gizle,.right.mobile-gizle{
display:none!important
}
.finans-doviz{
margin-bottom:10px
}
.thumbSlider{
padding:0
}
.thumbSlider .swiper-wrapper a strong{
bottom:12px
}
.thumbSlider>ul{
position:absolute;
left:0;
bottom:0;
padding:10px 0;
text-align:center!important;
font-size:0;
width:100%;
z-index:2;
top:auto;
background:0 0
}
.thumbSlider>ul li{
position:unset;
display:inline-block;
font-size:0;
vertical-align:middle;
width:6px;
height:6px;
border-radius:0;
border:0;
background:#fff;
padding:0
}
.thumbSlider>ul li img{
display:none
}
.thumbSlider>ul li:after,.thumbSlider>ul li:before{
display:none
}
#home .cuff .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0
}
#home .cuff .right{
display:none
}
#home .fiveNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 12px
}
#home .fiveNews>div:nth-child(4){
display:none
}
#sport .top .fiveNews>div{
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%;
padding:0 10px
}
#sport .top .fiveNews>div:nth-child(4){
display:none
}
#profile .top>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
order:-1;
padding:30px 0 15px
}
#profile .top>div .social{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
text-align:right!important;
padding:30px 0
}
#profile .top>div .award{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
text-align:left!important;
padding:30px 0
}
footer .center>div .menu{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:12px
}
footer .center>div .bulletin{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:12px
}
footer .bottom .container>div{
display:block
}
footer .bottom .container>div p{
display:block;
text-align:center!important
}
footer .bottom .container>div p:last-child{
text-align:center!important
}
}
@media (max-width:767px){
.mobile-sft{
display:none!important
}
.thumbSlider .swiper-wrapper a img{
max-height:25vh
}
.thumbSlider .swiper-wrapper a strong{
font-size:20px;
line-height:normal
}
.fixtureBox .top{
display:block
}
.fixtureBox .top>div{
display:block
}
.fixtureBox .top>div:last-child{
display:none
}
.fixtureBox .center{
display:block
}
.fixtureBox .bottom{
padding:0
}
.fixtureBox .bottom>div{
padding:0
}
.fixtureBox .bottom>div .h{
padding:0
}
.fixtureBox .bottom>div .h img{
display:none
}
.fixtureBox .bottom>div .h strong{
display:none
}
.fixtureBox .bottom>div .h>div{
position:relative;
height:auto;
top:auto;
bottom:0;
width:100%
}
.fixtureBox .bottom>div .h>div select{
position:relative;
width:100%;
line-height:32px
}
.fixtureBox .bottom>div .t{
display:none
}
.fixtureBox .bottom>div .mobile{
display:block
}
#home .cuff .left .bottom{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
#home .fiveNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px
}
#home .fiveNews>div:nth-child(3){
display:none
}
#home>.bottom .left .sixNewsSymmetry>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#home>.bottom .left .sixNews .left{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#home>.bottom .left .sixNews .right{
display:none
}
#home>.bottom .left .economy>div:last-child>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:12px 12px 0
}
#home>.bottom .left .economy>div:last-child>div>div:first-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:12px 12px 0
}
#home>.bottom .left .economy>div:last-child>div>div:last-child{
padding-bottom:12px
}
#home>.bottom .left .tvAndNewspaper{
padding:0
}
#home>.bottom .left .tvAndNewspaper .tv>div>div:last-child>ol{
padding:0
}
#home>.bottom .left .tvAndNewspaper .tv>div>div:last-child>div{
height:auto;
overflow:visible
}
#home>.bottom .left .tvAndNewspaper .tv>div>div:last-child:after{
display:none
}
#home>.bottom .left .tvAndNewspaper .newspaper{
position:unset;
width:100%;
margin-top:20px
}
#home>.bottom .left .sport>div:first-child{
display:none
}
#home>.bottom .left .sport>div:last-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:0
}
#home>.bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#home>.bottom .right .game{
margin-top:20px
}
#home>.bottom .right .game ul li span{
font-size:16px;
line-height:38px;
width:38px
}
#home>.bottom .right .authorBox,#home>.bottom .right .leagueBox{
margin:24px 0
}
#home>.bottom .right .horoscopeCalculation{
margin-top:20px
}
#economy .top>div:last-child ul li{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:10px 12px
}
#economy .center>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .center>div table thead tr td{
padding:10px 5px
}
#economy .center>div table tbody tr td{
padding:12px 5px
}
#economy .center>div table tbody tr td:first-child{
padding-left:40px
}
#economy .center>div table tbody tr td:first-child img{
left:10px
}
#economy .center>div table tbody tr td .nowMoney{
padding-left:15px
}
#economy .center>div:last-child{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#economy .bottom .left .sixNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#economy .bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
order:1!important;
padding:20px 10px 0
}
#agenda>div .left .sixNews>div,#woman>div .left .sixNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:0 10px 0
}
#agenda>div .right>div>div,#woman>div .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
order:1!important;
padding:20px 10px 0
}
#agenda .sliderTech .custom1{
width:100%
}
#agenda .sliderTech .custom1>div img{
height:66.66vw
}
#agenda .sliderTech .custom2{
width:50%;
position:relative
}
#agenda .sliderTech .custom2>div>div{
padding-bottom:0
}
#agenda .sliderTech .custom2>div>div img{
height:33.33vw
}
#agenda .sliderTech .custom2>div>div:last-child{
padding-top:0
}
#agenda .sliderTech .custom2:before{
position:absolute;
content:"";
left:0;
top:50%;
right:0;
height:4px;
background:#fff;
z-index:2;
margin-top:-2px
}
#technology>.container>div .left{
margin-top:0
}
#technology>.container>div .left .sixNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#sport .top .fiveNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 10px
}
#sport .top .fiveNews>div:nth-child(3){
display:none
}
#sport>.bottom .left .sixNews>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding:20px 10px 0
}
#sport>.bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
order:0!important;
padding:20px 10px 0
}
#profile .bottom .left .tab .tabMenu{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
#profile .bottom .left .tab .tabMenu li{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:12px
}
#profile .bottom .left .tab .tabContent ul li a{
padding:0
}
#profile .bottom .left .tab .tabContent ul li a img{
position:unset;
width:100%;
height:auto
}
#profile .bottom .left .tab .tabContent ul li a p{
padding-top:15px
}
#profile .bottom .left .tab .tabContent ul li a p em{
margin:0
}
#profile .bottom .right>div>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px;
padding:20px 10px 0
}
#profileEdit>div{
display:block
}
#profileEdit>div>div{
display:block
}
#profileEdit>div>div:first-child{
width:100%;
border-right:0;
border-bottom:1px solid #d8d8d8
}
#profileEdit>div>div:last-child>div form{
display:block
}
#profileEdit>div>div:last-child>div form>div{
display:block
}
#profileEdit>div>div:last-child>div form>div>label{
display:block;
width:100%;
text-align:left!important
}
#profileEdit>div>div:last-child>div form>div>div{
display:block;
padding-top:0
}
#profileEdit>div>div:last-child>div form>div.form-action{
padding-top:20px
}
footer .center>div .menu>div>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
padding:0 12px;
padding-bottom:24px
}
}
.p-d-body .ss-top ul li:last-child{
border-right:1px solid #e1e1e1
}
.p-d-body .cb-veri ul{
display:none
}
@media (max-width:575px){
.mbano{
display:none
}
.mbairight{
margin-right:13px
}
.p-d-body span{
width:calc(100% / 7)!important
}
.p-d-body .cb-ver-head,.p-d-body .cb-veri ul li{
padding:0 14px
}
.puan-durumu-cont{
margin:10px 0
}
.p-d-body .cb-ver-head span:last-child,.p-d-body ul li span:last-child{
display:none
}
.p-d-body ul li span.up:first-child:after{
display:none
}
.p-d-body ul li span.down:first-child:after{
display:none
}
.cb-veri-full .cb-veri ul li span:nth-child(2){
min-width:150px
}
.p-d-body .cb-ver-head span:nth-child(2),.p-d-body ul li span:nth-child(2){
min-width:150px
}
.customize-support .sticky-bread.sticked{
transform:translateY(10px)!important
}
.sc-options{
position:fixed;
bottom:0;
margin-bottom:0!important;
left:0;
right:0;
background:#fff;
z-index:9999;
height:62px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 -1px 8px rgba(186,186,186,.58)
}
.sc-options.options-author{
display:none!important
}
.options-icons.shrrt{
display:none
}
.sc-options-left{
display:none
}
#owl-wleft-slider2 .owl-dots{
position:static!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
padding:10px!important;
background-color:#fff!important
}
#owl-wleft-slider2 .owl-dots button{
margin:0!important;
width:12px!important;
height:12px!important;
background-color:#e2e3e4!important
}
.nci-slider .main-manset-title{
bottom:0;
left:0;
right:0
}
.nci-slider .main-manset-title h3{
padding:10px 30px!important;
line-height:1.2em!important;
display:block;
font-size:20px!important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
max-height:87px!important;
height:auto!important
}
.sitemapflex{
display:none
}
#newsRead .bottom .left .detail blockquote{
padding:22px 5px 5px 20px
}
#newsRead .bottom .left .detail blockquote .icon-quote{
left:20px;
top:0
}
.video-five-left figure{
height:186px
}
.video-five-left h1{
font-size:18px
}
.footer-links .flex-start ul{
margin:5px;
width:calc(50% - 10px)
}
.footer-links-right ul{
width:100%!important;
margin:0;
display:flex!important;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
padding-right:10px
}
.footer-links-right ul li{
display:inline-block
}
.footer-links .flex-start{
flex-direction:column;
display:none
}
.footer-links-left{
width:100%;
margin-bottom:6px
}
.footer-top-right{
width:100%
}
.footer-links-right{
width:100%
}
.footer-links ul:first-child,.footer-links ul:nth-child(2),.footer-links ul:nth-child(3),.footer-links ul:nth-child(4){
display:block
}
.footer-links-right{
width:100%
}
.footer-links-right ul li,.footer-links-right ul li:last-child{
margin-bottom:10px
}
.footerSocial{
height:66px
}
.ftp-search{
width:100%
}
.ftp-search{
position:relative
}
.header-search-form form input{
height:50px;
font-size:17px!important
}
.hsf-in{
height:46px
}
.header-bottom .flex-between{
height:46px;
line-height:46px
}
.header-top{
height:38px
}
.header-bottom-right{
position:static
}
.footer-links{
padding:10px 0 0
}
.footer-links span{
display:block;
margin-bottom:10px;
color:#888;
font-weight:500;
font-size:15px;
line-height:18px;
position:relative;
text-align:center
}
.footerSocial{
height:66px
}
.header-search-form .container{
width:100%;
padding:0!important
}
.header-search-form .container form{
padding-right:0!important;
height:46px
}
.header-search-form form input{
height:46px;
font-size:13px;
text-indent:10px!important
}
.s-close{
right:10px
}
.header-search-form{
top:46px
}
.header2 .header-search-form .container form{
padding-right:0!important;
height:46px
}
.header2 .header-search-form form input{
height:46px;
font-size:13px
}
.header2 .header-search-form{
top:37px
}
.yazar-detay-right .cap{
margin:12px 0 0
}
header.header2 .hsf-in{
height:46px!important
}
.header-search-form .container form button{
right:0
}
#home .fiveNews>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 12px
}
#home .fiveNews>div:nth-child(2){
display:none
}
#registerAndLogin .container>div,.registerAndLoginContent .container>div{
padding:35px 35px 0
}
#registerAndLogin .container>div span,.registerAndLoginContent .container>div span{
font-size:24px
}
#registerAndLogin .container>div .foot,.registerAndLoginContent .container>div .foot{
margin:30px -35px 0
}
#sport .top .fiveNews>div{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
padding:0 10px
}
#sport .top .fiveNews>div:nth-child(2){
display:none
}
}
.pageWrapper{
float:left;
width:100%;
background:#fff
}
.pageWrapper .pageBread{
float:left;
width:100%;
height:60px;
background:#f9fbfc;
border-bottom:1px solid #eaedef
}
.pageWrapper .pageBread h1{
float:left;
line-height:60px;
font-size:18px;
color:#474e55;
font-weight:700
}
.pageWrapper .pageBread ul{
float:right
}
.pageWrapper .pageBread ul li{
float:left;
line-height:60px
}
.pageWrapper .pageBread ul li a{
font-weight:500;
float:left;
font-size:14px;
color:#222
}
.pageWrapper .pageBread ul li i{
float:left;
margin:27px 10px 0;
width:5px;
height:7px;
background:url(../img/icons/pageWrapBread.png) no-repeat
}
.pageWrapper .pageBread ul li:last-child a{
float:left;
margin-top:15px;
background:#c90914;
color:#fff;
height:28px;
line-height:29px;
padding:0 15px;
border-radius:2px
}
.pageWrapper .pageMainWrap{
float:left;
width:100%;
padding:40px 0 50px
}
.pageWrapper .pageMainWrap .contentWrap{
float:left;
width:100%;
border-bottom:2px solid #bcbcbc;
padding-bottom:30px
}
.pageWrapper .pageMainWrap .contentWrap .pageNav{
float:left;
width:260px;
background:#f9fbfc;
padding:27px 0 41px
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul{
float:left;
width:100%
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li{
float:left;
width:100%;
line-height:36px
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li a{
color:#747b83;
font-size:14px;
height:36px;
position:relative;
font-weight:600;
width:100%;
float:left;
padding:0 15px 0 30px
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li.active a:before{
opacity:1;
visibility:visible;
position:absolute;
content:"";
height:100%;
width:3px;
background:#c90914;
left:0;
top:0
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li>a:before{
visibility:hidden;
opacity:0;
position:absolute;
content:"";
height:100%;
width:3px;
background:#c90914;
left:0;
top:0
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li:hover>a:before{
visibility:visible;
opacity:1
}
.pageWrapper .pageMainWrap .contentWrap .wideArea{
float:right;
width:calc(100% - 300px)
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm{
float:left;
width:380px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm h2{
float:left;
width:100%;
font-size:22px;
color:#212324;
font-weight:700;
padding:20px 0 25px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.text{
transition:.3s;
font-family:Barlow,sans-serif;
float:left;
width:100%;
height:44px;
background:#f5f6f6;
padding:0 15px;
border:none;
box-shadow:none;
font-size:14px;
color:#747b83
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.mail:focus,.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.text:focus,.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm textarea:focus{
border:1px solid #bcbcbc;
transition:.3s
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.text::placeholder{
font-family:Barlow,sans-serif;
font-size:14px;
color:#747b83
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.mail{
transition:.3s;
margin-top:15px;
font-family:Barlow,sans-serif;
float:left;
width:100%;
height:44px;
background:#f5f6f6;
padding:0 15px;
border:none;
box-shadow:none;
font-size:14px;
color:#747b83
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm input.mail::placeholder{
font-family:Barlow,sans-serif;
font-size:14px;
color:#34373a
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect{
position:relative;
display:inline-block;
width:100%;
margin-top:15px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect select{
display:none
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-selected{
border:none!important;
background-color:#f5f6f6;
font-size:14px;
color:#747b83
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-selected:after{
position:absolute;
content:"";
top:21px;
right:19px;
width:7px;
height:4px;
background:url(../img/icons/trianglec.png) no-repeat
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-selected.select-arrow-active:after{
border-color:transparent transparent #fff;
top:19.5px;
transform:rotate(180deg)
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-items div,.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-selected{
color:#fff;
height:44px;
line-height:44px;
padding:0 15px;
border:1px solid transparent;
border-color:transparent transparent rgba(0,0,0,.1);
cursor:pointer;
font-size:14px;
color:#34373a
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-items{
position:absolute;
background-color:#f5f6f6;
top:100%;
left:0;
right:0;
z-index:99
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-hide{
display:none
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .same-as-selected,.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .contactFormSelect .select-items div:hover{
background-color:rgba(0,0,0,.1)
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm textarea{
transition:.3s;
font-size:14px;
color:#747b83;
margin-top:15px;
font-family:Barlow,sans-serif;
float:left;
width:100%;
background:#f5f6f6;
padding:15px;
height:130px;
border:none;
resize:none
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm textarea::placeholder{
font-size:14px;
color:#747b83;
font-family:Barlow,sans-serif
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .submit{
font-family:Barlow,sans-serif;
cursor:pointer;
font-size:15px;
border-radius:1.5px;
font-weight:500;
float:left;
height:34px;
background:#c90914;
color:#fff;
padding:0 16px;
border:none;
margin-top:16px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm .submit::placeholder{
font-family:Barlow,sans-serif;
font-size:15px;
font-weight:500
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar{
float:right;
width:350px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar .narrowBarWrap{
float:left;
width:100%;
border-bottom:2px solid #bcbcbc;
padding-bottom:12px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar .narrowBarWrap:last-child{
border-bottom:none
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar .narrowBarWrap h3{
float:left;
width:100%;
padding:30px 0 15px;
font-size:14px;
font-weight:700;
color:#212324;
text-transform:uppercase
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar .narrowBarWrap h4{
float:left;
width:100%;
padding:20px 0 11px;
font-size:14px;
font-weight:700;
color:#212324;
text-transform:uppercase
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar .narrowBarWrap span{
font-weight:500;
float:left;
width:100%;
line-height:36px;
font-size:14px;
color:#747b83
}
.pageWrapper .pageMainWrap .map{
float:left;
width:100%;
margin-top:30px
}
.pageWrapper .pageMainWrap .map iframe{
width:100%;
height:387px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pTitle{
font-size:22px;
font-weight:700;
color:#212324;
float:left;
width:100%;
padding:25px 0 20px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent{
float:left;
width:100%;
font-size:14px;
color:#747b83;
line-height:27px;
text-transform:uppercase
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area{
font-weight:500
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.full{
float:left;
width:100%;
border-bottom:2px solid #bcbcbc;
padding-bottom:20px;
margin-bottom:25px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.full span{
float:left;
width:100%;
font-size:14px;
color:#212324;
font-weight:700;
padding-bottom:5px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.full p{
line-height:30px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.four{
float:left;
width:25%;
padding-bottom:20px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.four span{
float:left;
width:100%;
font-size:14px;
color:#212324;
font-weight:700;
padding-bottom:5px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area.four p{
line-height:30px
}
.fWidthSlide{
float:left;
width:100%;
margin:9px 0;
position:relative;
margin-bottom:0
}
.fWidthSlide #big{
float:left;
width:100%;
height:465px
}
.fWidthSlide #big .itemSlide{
float:left;
width:100%;
height:100%
}
.fWidthSlide #big .itemSlide a.thumb{
float:left;
width:100%;
height:100%
}
.fWidthSlide #big .itemSlide .swiper-overlay{
position:absolute;
left:0;
right:0;
bottom:-10px;
padding:170px 45px 138px;
z-index:1;
background:rgba(0,0,0,.86);
background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.86) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.86)));
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.86) 100%);
background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.86) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.86) 100%)
}
.fWidthSlide #big .itemSlide .swiper-overlay h3{
font-size:45px!important;
font-weight:700;
color:#fff!important;
max-width:100%;
line-height:1.2!important;
font-family:Barlow,sans-serif;
max-width:1000px
}
.fWidthSlide #big .owl-nav{
position:absolute;
top:0;
right:0;
width:100%
}
.fWidthSlide #big .owl-nav .owl-prev{
position:absolute;
left:15px;
top:200px;
width:27px;
height:44px;
display:none
}
.fWidthSlide #big .owl-nav .owl-next{
position:absolute;
right:15px;
top:200px;
width:27px;
height:44px;
display:none
}
.fWidthSlide #thumbs{
float:left;
width:calc(100% - 60px);
position:absolute;
bottom:0;
height:120px;
padding-bottom:20px;
margin-bottom:-20px;
left:30px;
right:30px
}
.fWidthSlide #thumbs .itemSlidePag{
float:left;
opacity:.5;
padding-right:15px;
width:100%;
display:-ms-flexbox;
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:flex;
-webkit-align-items:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex-shrink:0;
-moz-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0
}
.fWidthSlide #thumbs .owl-item.active.current .itemSlidePag{
opacity:1
}
.fWidthSlide #thumbs .itemSlidePag i{
width:55px;
height:55px;
-webkit-flex-shrink:0;
-moz-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
color:#fff;
font-style:normal;
float:left;
text-align:center;
line-height:50px;
font-size:23px;
border:solid 3px #fff;
border-radius:100%;
margin-right:13px;
margin-top:1px
}
.fWidthSlide #thumbs .itemSlidePag span{
color:#fff;
font-size:17px;
text-align:left;
line-height:1.4;
vertical-align:baseline;
letter-spacing:.2px;
-webkit-line-clamp:3;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden
}
.fWidthSlide #thumbs .owl-dots{
position:absolute;
right:0;
top:-42px
}
.fWidthSlide #thumbs .owl-dots .owl-dot{
width:12px;
height:12px;
border-radius:100%;
background:rgba(255,255,255,.3);
cursor:pointer;
margin:0 2.5px
}
.fWidthSlide #thumbs .owl-dots .owl-dot.active{
background:rgba(255,255,255,.7)
}
.container.full-container{
margin-top:10px
}
.genel-veri{
background:#d9242f;
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
position:relative;
margin-bottom:20px;
height:90px;
overflow:hidden
}
.corona1{
position:absolute;
top:-37px;
left:-30px;
-webkit-mask-image:url(../img/icons/coronavirus.svg)!important;
width:86px;
height:86px
}
.corona2{
position:absolute;
right:-43px;
bottom:-32px;
-webkit-mask-image:url(../img/icons/coronavirus.svg)!important;
width:86px;
height:86px
}
.genel-veri-middle{
position:relative;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-family:Barlow,sans-serif;
font-size:14px;
font-weight:700;
width:100%;
z-index:2
}
.genel-veri-middle-scroll{
width:100%;
height:100%;
position:relative;
display:flex;
justify-content:center;
align-items:center
}
.mid-va{
text-align:center;
width:117px;
margin-left:30px
}
.mid-va span{
height:24px;
line-height:24px;
background:#b21c26;
display:block;
font-size:17px;
font-weight:700
}
span.mid-va-title{
font-size:16px;
line-height:20px;
background-color:transparent;
font-weight:700;
color:#fff;
margin-bottom:20px;
text-align:center
}
.mid-va.midva-l{
width:136px;
position:absolute;
left:0
}
.midva-l span.mid-va-title{
font-size:18px
}
.mid-va-title i{
font-style:normal;
display:none
}
.enguncelharita a{
z-index:999;
position:relative;
width:204px;
height:36px;
background-color:#e2bf2a;
text-align:center;
line-height:36px;
color:#000;
margin-top:5px;
z-index:1;
overflow:hidden;
display:block
}
.enguncelharita a i{
display:none;
font-style:normal
}
.enguncelharita a:after{
content:"";
position:absolute;
left:0;
top:0;
width:94px;
height:100%;
background-color:#fcde61;
z-index:-1;
left:-100%;
animation:torightt 3.5s ease-in-out infinite
}
@keyframes torightt{
from{
left:-100%
}
to{
left:100%
}
}
.fiveNews{
min-width:100%
}
@media screen and (max-width:1200px){
.flex-start.mid768-col.flmc{
margin-bottom:10px;
margin-top:0
}
#home>.bottom>.left .sixNewsSymmetry,.coklu-kat-left{
margin-bottom:10px!important
}
.flmc .news-four.news-four-2{
max-width:calc(100% - 310px);
width:100%
}
.fively-right>div:first-child,.news-four-2 .news-four-in{
margin-bottom:10px
}
.flex-start.mid768-col.flmc .fively-left a{
height:374px
}
.flex-start.mid768-col.flmc .fively-left a{
height:374px
}
.new-yazar-slider{
margin-top:0;
margin-bottom:10px;
padding-bottom:10px
}
.coklu-kat-left .fively-left a{
height:320px!important
}
.container.full-container .ads{
margin-bottom:10px!important
}
#videoPostHead{
overflow-x:hidden
}
.sagll{
float:right
}
.enguncelharita a i{
display:unset
}
.enguncelharita a b{
display:none
}
.storiler{
margin-bottom:0!important
}
.container.full-container{
padding:0;
margin-top:0
}
#home .mobile-gizle .fiveNews{
padding-top:10px;
margin-bottom:0!important
}
#home>.bottom>.right>div>div{
padding-top:10px
}
#home>.bottom>.left .sixNews .left>div>div,#home>.bottom>.left .sixNews .left>div>div:first-child,#home>.bottom>.left .sixNews .right>div>div,#home>.bottom>.left .sixNewsSymmetry>div{
padding:10px 5px 0!important
}
#home .fiveNews,#home>.bottom>.left .sixNews,#home>.bottom>.left .sixNews .left>div,#home>.bottom>.left .sixNews .right>div,#home>.bottom>.left .sixNewsSymmetry{
margin-left:-5px!important;
margin-right:-5px!important
}
#home .fiveNews>div,#home>.bottom>.left .sixNews .left,#home>.bottom>.left .sixNews .right{
padding:0 5px!important
}
.cuff.pt-0 .full-in{
padding:0!important
}
#home>.bottom>.left .sport,.coklu-kat-left,.flex-start.mid568-col,.video-five,footer{
margin-top:10px!important
}
.news-four-3 .news-four-in{
margin-bottom:10px!important
}
.coklu-kat-left>div:nth-child(1),.coklu-kat-right>div:nth-child(1){
margin-bottom:0!important
}
.news-four-3{
width:calc(50% - 160px)!important
}
#home>.bottom>.left .sixNews .left div:not(:first-child) a{
height:auto!important
}
.genel-veri-left{
min-width:175px;
z-index:1;
padding:0 15px 0 0
}
.addss{
margin:10px 0!important
}
.b-videogaleri{
width:calc(50% - 70px)
}
#home>.bottom>.left{
max-width:calc(100% - 300px)!important;
padding-right:10px!important;
padding-left:0!important
}
#home>.bottom>.left div:first-child.addss{
margin-bottom:10px!important;
margin-top:10px
}
.main-manset{
width:calc(100% - 390px)!important
}
p.genel-veri-right-title{
display:none
}
.enguncelharita a{
margin:0;
width:100%;
text-align:left;
padding:0 15px
}
.enguncelharita a{
margin:0;
width:100%;
text-align:left;
padding:0 15px
}
.enguncelharita{
width:100%
}
.enguncelharita{
width:100%
}
.header2-vakit:after{
right:-16px
}
}
.economy .newsBox2>span strong{
font-size:20px
}
.sixNews .left div div:first-child .newsBox2 strong{
font-size:20px;
line-height:23px
}
@media screen and (max-width:990px){
span.mobilokundu {
display: inline-block;
}
.mm-menu.mm-menu_offcanvas{
width:100%!important;
max-width:100%;
animation:fadeIn .6s
}
}
@-webkit-keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
a.mm-navbar__title{
display:none
}
.mm-navbars_top .mm-btn_clear:after,.mm-navbars_top .mm-btn_clear:before,.mm-navbars_top .mm-btn_close:after,.mm-navbars_top .mm-btn_close:before{
display:block;
width:7px;
height:7px;
border-radius:1px
}
.mm-navbars_top .mm-btn_clear:after,.mm-navbars_top .mm-btn_close:after{
right:28px
}
.mm-navbars_top .mm-navbar.mm-navbar_has-btns{
height:60px;
padding:0 20px
}
.mm-navbars_top a.mm-btn.mm-btn_close.mm-navbar__btn{
top:9px
}
.mm-menu_navbar_top-1 .mm-panels{
top:60px!important
}
.mm-listitem>a{
padding-top:14px!important;
padding-bottom:14px!important;
color:gray!important;
font-weight:500;
font-size:15px
}
.mm-listitem:after{
border-bottom-color:#ededed!important
}
form.newheadersearch{
position:absolute;
z-index:999;
width:100%;
height:60px;
top:0;
left:0;
padding-left:45px
}
form.newheadersearch input{
display:inline-block;
line-height:normal;
color:#9b97a1;
border:none;
box-shadow:none;
background-color:transparent;
background-image:none;
-webkit-appearance:none;
width:100%;
font-family:Barlow,sans-serif;
font-size:15px!important;
height:60px;
opacity:.6;
padding:10px
}
.newheadersearch a.openSearch.icon-magnifying-glass{
position:absolute;
top:50%;
left:20px;
transform:translateY(-50%);
color:#9b97a1;
pointer-events:none
}
@media screen and (max-width:1196px){
.mb-gizle{
display:none
}
}
@media screen and (min-width:1196px){
.mb-gizle{
display:block
}
.mo-ek-24-p{
margin-bottom:-24px
}
}
@media screen and (max-width:991px){
.header-search-form{
display:none!important;
height:0;
width:0
}
.flmc .fively-right{
display:none
}
.flmc .fively-left{
width:calc(50% - 10px)
}
.flmc .news-four.news-four-2{
max-width:50%
}
#home .cuff.pt-0 .flex-start.mid-col{
flex-direction:column
}
.tabslider{
width:100%!important;
display:block!important
}
#home .cuff{
display:block!important;
padding:0!important
}
.wleft-slider{
margin-left:0!important;
margin-bottom:10px!important
}
#home>.bottom .left .sixNewsSymmetry>div:last-child{
display:none
}
.main-manset{
width:calc(100% + 20px)!important;
min-width:100%;
max-width:unset!important;
margin-bottom:10px;
margin-left:-10px!important;
}
.tabslider{
max-width:100%;
display:none
}
.container.full-container{
padding:0!important
}
#home>.bottom>.left{
max-width:100%!important;
padding-right:0!important
}
#home>.bottom .left .sixNewsSymmetry>div:nth-child(2n),#home>.bottom .left .sixNewsSymmetry>div:nth-child(n+2){
padding-right:5px!important;
padding-left:5px!important
}
#home>.bottom .left .sixNewsSymmetry>div:nth-child(n){
padding-right:5px!important
}
.footer-top .flex-between{
flex-direction:column;
align-items:flex-start
}
.footer-top-left p:after,.footer-top-left p:before{
display:none
}
.footer-top-left p{
margin-left:0
}
.footer-top-left{
margin-bottom:15px
}
.footer-top{
height:auto;
padding:15px 0
}
.footer-top .logo-pattern{
height:100%
}
.footer-menus{
display:none
}
.left.ll-m-p{
padding:0!important;
margin-top:12px!important
}
.owl-yazarlar{
margin-top:18px!important
}
.ifmobileal{
padding:0!important;
padding-top:60px!important
}
.pwmob{
padding-bottom:30px
}
.onnobes{
height:10.5rem!important
}
.newsBox>strong span.wrodpr{
width:75px;
word-wrap:break-word!important;
height:20px!important
}
.m-pb-20{
padding-bottom:20px
}
.ma-ts{
padding:0!important
}
.des-show{
display:none!important
}
ol.ol-mob{
width:100%;
display:inline-flex;
padding-right:0
}
.ol-mob-1,.ol-mob-2,.ol-mob-3{
line-height:40px!important
}
.ol-mob-des{
display:none!important
}
.mobile-gizle{
display:none!important
}
.flex-zero-height{
height:0!important
}
.ol-mob-3{
max-width:42%!important;
flex:inherit;
background:#3b227d
}
.mobile-goster{
display:inline-block!important
}
li.ol-mob-2{
display:inline-block!important;
background:0 0!important;
max-width:max-content!important;
flex:0 0 auto!important;
margin-left:5px!important
}
.des-block-show{
display:none!important
}
.ifmobileal{
padding:0!important;
padding-top:60px!important
}
}
@media screen and (min-width:991px){
.fWidthSlide{
padding:0 12px;
margin-bottom:24px
}
.fWidthSlide .owl-dots{
display:none
}
.ifmobileal{
position:inherit!important;
padding:75px 0 25px!important;
background:inherit!important;
margin-top:20px!important
}
.ma-ts{
padding:20px 15px 25px 25px!important
}
.des-show{
display:table-cell!important
}
.des-gizle{
display:none!important
}
}
.login{
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
z-index:9999
}
.login i.icon-down-arrow-forward{
position:absolute;
right:-20px;
top:50%;
line-height:0;
color:#fff;
font-size:10px
}
#owl-yazarlar.owl-carousel{
display:block
}
.owl-yazarlar-in{
width:300px;
height:255px;
background-color:#fafafa;
padding:24px 25px;
transition:background-color .2s ease-in-out;
margin-top:10px;
box-shadow:3px 3px 7px 0 rgba(42,42,47,.19)!important
}
.owl-yazarlar .owl-stage{
margin-bottom:10px
}
.owl-yazarlar{
width:100%;
padding:0 10px;
position:relative;
margin-top:20px;
margin-bottom:-10px
}
.owl-yazarlar:after{
content:"";
background-color:#fff;
width:100%;
height:calc(100% - 20px);
position:absolute;
top:0;
left:0
}
.yazarlar-top figure img{
width:100%;
height:100%;
object-fit:cover;
margin:0 auto 0
}
.yazarlar-bot{
display:block;
float:left
}
.yazarlar-top figure:after{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:2px solid #fff;
width:65px;
height:65px;
border-radius:100%
}
.yazar-info h5{
font-weight:700;
font-size:14px;
color:#000;
transition:color .2s ease-in-out
}
.yazar-info p{
color:#626161;
font-size:10px;
font-weight:600;
position:relative;
display:inline-block;
padding-left:28px;
padding-top:9px
}
.yazar-info p:after,.yazar-info p:before{
content:open-quote;
font-size:60px;
position:absolute;
top:-8px;
left:-3px;
margin:0;
padding:0;
height:1px;
width:1px;
font-family:sans-serif
}
.yazar-info p:after{
left:8px
}
.yazarlar-bot h2{
font-size:20px;
color:#000;
font-weight:700;
line-height:24px;
margin-top:13px;
transition:color .2s ease-in-out;
max-height:48px;
overflow-y:hidden
}
.yazarlar-bot p{
font-size:13px;
line-height:20px;
color:#626161;
font-weight:500;
margin-top:7px;
display:block;
max-height:60px;
overflow-y:hidden
}
.owl-yazarlar-in:hover{
background-color:#f5f3f3
}
.owl-yazarlar-in a:hover h2,.owl-yazarlar-in a:hover h5{
color:#c90914
}
.owl-yazarlar .owl-nav{
display:block!important;
width:100%;
position:absolute;
top:50%;
transform:translateY(-50%);
height:1px
}
.owl-yazarlar button.owl-next{
right:-7px;
position:absolute
}
.owl-yazarlar button.owl-next,.owl-yazarlar button.owl-prev{
width:38px;
height:38px;
background-color:#fff!important;
border-radius:100%;
box-shadow:0 1px 2px 0 rgba(26,24,35,.16);
margin-top:-25px;
transition:background-color .2s ease-in-out;
border:0
}
.owl-yazarlar button.owl-next img,.owl-yazarlar button.owl-prev img{
margin:0 auto
}
.owl-yazarlar button.owl-prev{
left:-7px;
position:absolute
}
.owl-yazarlar button:hover{
background-color:#ccc!important
}
.weatherCityList{
transition:all .2s ease-in-out;
transform:translateY(10px);
opacity:0;
visibility:hidden
}
.weatherAll:hover .weatherCityList{
visibility:visible!important;
display:block;
opacity:1;
transform:translateY(0)
}
.pt-0{
padding-top:0!important
}
#owl-yazarlar.owl-carousel{
display:none
}
#owl-yazarlar.owl-carousel.owl-loaded{
display:block
}
.yazarlar-top figure{
border-radius:100%;
background-color:#e5e5e5;
overflow:hidden;
float:left;
padding:0;
margin:0 auto;
width:66px;
height:66px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.yazarlar-f-div{
width:72px;
height:72px;
border-radius:100%;
overflow:hidden;
float:left;
padding:0;
position:relative;
margin:0 15px 0 0;
padding:4px;
background:#c5222a;
background:linear-gradient(38deg,#c5222a 0,#d9d0d1 100%)
}
@media screen and (min-width:668px){
.finans-doviz{
margin-top:20px
}
.newsBox span img{
object-fit:cover;
height:100%
}
.newsBox span{
height:142px
}
.container .newsBox>strong{
padding:0
}
.container .newsBox>span{
height:130px
}
.container .newsBox>strong span{
font-family:Barlow;
font-size:16px;
line-height:19px;
font-weight:500;
color:#000;
margin:11px 0;
transition:color .2s ease-in-out;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:auto
}
.container .newsBox>strong:hover span{
color:#173a64
}
.haberSingle .right .newsBox>span{
height:172px
}
.newsPapper .newsBox span{
height:unset
}
#home>.bottom>.left .sport>div:last-child .swiper-slide{
height:169px
}
#home>.bottom>.left .sport>div:last-child .swiper-slide a{
height:100%
}
}
@media screen and (max-width:668px){
.sixNewsSymmetry div .newsBox>span{
height:229px;
max-height:229px!important;
display:block;
position:relative;
width:100%
}
.sixNewsSymmetry div .newsBox>span img{
height:100%
}
}
.pageWrapper{
float:left;
width:100%;
background:#fff;
display:block;
z-index:1;
position:relative
}
.swiper-container-autoheight .swiper-wrapper{
min-height:257px!important
}
@media screen and (min-width:1150px){
.swiper-container-autoheight .swiper-wrapper{
min-height:469px!important
}
}
div#newsRead{
height:auto!important
}
div#newsRead:after,div#newsRead:before{
content:"";
position:relative;
clear:both;
display:block
}
.full-in{
width:100%;
max-width:100%;
padding:0 12px
}
#agenda .fiveNews{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-10px;
margin-left:-10px;
margin-bottom:20px
}
#agenda .fiveNews>div{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 10px
}
.befa:after,.befa:before{
content:"";
position:relative;
display:block;
clear:both
}
#home .full-in{
padding:0
}
div#home .bottom .full-in{
padding:0 12px!important
}
#home div:first-child.full-in .owl-yazarlar{
margin-top:0;
margin-bottom:5px
}
@media screen and (max-width:881px){
.sb-left a:not(:first-child),.sb-left b,.sb-right{
display:none
}
#home .economy .newsBox2>span strong:nth-child(n+1),#home .popular div:nth-child(2) .newsBox2 span strong,#home .sixNews .left div div:first-child .newsBox2 strong{
font-size:20px!important;
font-weight:700!important;
font-family:Barlow,sans-serif
}
#home .economy .newsBox2>span,#home .sixNews .left div div:first-child .newsBox2>span{
padding-bottom:15px!important
}
#home .newsBox2>span strong:nth-child(n+1){
font-family:Barlow,sans-serif;
font-weight:600;
font-size:16px
}
#home>.bottom>.left .sport>div .pager li a{
font-family:Barlow,sans-serif;
font-size:17px!important
}
#home .newsBox>strong span{
font-family:Barlow,sans-serif;
font-weight:600;
font-size:16px
}
.sixNewsSymmetry>div:last-child{
margin-bottom:10px
}
#home>.bottom>.left .economy{
padding-top:0!important
}
}
.login ul.profileRollover.acd{
visibility:visible!important;
transform:scale(1)!important;
right:0
}
@media screen and (min-width:881px){
.login:hover ul.profileRollover{
visibility:visible!important;
transform:scale(1)!important;
right:0
}
}
.neyen{
display:block!important;
padding:0!important;
margin:0!important
}
#home>.bottom>.left .sixNews .left div:not(:first-child) a img{
height:100%;
width:100%
}
@media only screen and (max-width:1024px){
.f-galeri-four{
margin:0 0 10px 0
}
.f-galeri-four>div{
max-width:calc(25% - 10px)
}
.genel-veri{
margin-bottom:10px
}
.genel-veri-middle-scroll{
flex-wrap:wrap;
justify-content:center
}
.mid-va.midva-l{
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:7px;
position:static
}
span.mid-va-title{
font-size:11px;
margin-bottom:4px;
line-height:15px;
padding:0;
font-weight:500;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:auto
}
.midva-l span.mid-va-title{
font-size:14px;
height:auto;
margin:0 10px 0 0;
font-weight:700
}
.mid-va span:last-child{
font-size:14px;
height:18px;
line-height:18px;
border-radius:2px
}
.mid-va{
width:79px;
margin:0 2px
}
.mid-va.midva-l span:last-child{
padding:0 7px
}
.ss-choosen{
color:#fff!important
}
#sport .top .team{
margin-bottom:0!important;
margin-right:0!important;
height:70px!important
}
.fixtureBox .bottom>div .mobile .navDot{
padding-bottom:0!important
}
#home>.bottom .left .sixNewsSymmetry>div{
padding-right:0
}
#home>.bottom .left .sixNewsSymmetry>div:nth-child(n){
padding-right:6px!important
}
#home>.bottom .left .sixNewsSymmetry>div:nth-child(2n){
padding-left:5px!important;
padding-right:5px!important
}
#home>.bottom .left .sixNewsSymmetry>div:nth-child(n+2){
padding-top:10px
}
#home>.bottom>.left .sixNews .left>div>div:nth-of-type(2){
padding-right:5px
}
#home>.bottom>.left .sixNews .left>div>div:nth-of-type(3){
padding-left:5px
}
#home>.bottom>.left .sport{
margin-bottom:0!important
}
#home>.bottom>.left .sport>div:last-child .swiper-slide a img{
height:245px;
object-fit:cover
}
#home>.bottom>.left .sport{
height:auto!important
}
#profile .bottom .left .tab .tabContent ul li a p em b{
display:none!important
}
#profile .bottom .left .tab .tabContent ul li a{
min-height:75px!important;
width:70px!important
}
#profile .top>div .social{
position:relative!important;
bottom:30px
}
#profile .top>div>div>div>p{
padding-top:0!important
}
#agenda .fiveNews{
display:none!important
}
.container .iddaaP{
width:100%!important
}
#iddaaProgrami .container{
max-width:100%!important
}
.weatherCityList2{
width:100%!important
}
#dereceGrafik{
height:200px!important
}
#nemGrafik{
height:200px!important
}
#home .cuff{
padding-left:12px;
padding-right:12px
}
#sport>.bottom .right{
max-width:100%!important
}
#sport .top .fiveNews{
display:none
}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
font-size:16px
}
#profile .top>div{
height:250px
}
#profile .top::before{
background-size:100% 250px
}
#profile .top>div .award{
position:relative!important;
bottom:30px
}
.sport .swiper-container{
padding-bottom:30px
}
.ql-toolbar.ql-snow .ql-formats{
margin-right:9px!important
}
.form #login div .passwordForgot{
font-weight:500;
position:relative!important;
right:0!important;
top:7px!important;
transform:none!important
}
.liveResults .liveBar .newDSelect.iddTarih{
margin-bottom:15px!important
}
.newsBox>strong{
padding-top:7px;
padding-bottom:7px;
font-weight:500
}
.newsBox2>span strong{
font-weight:500
}
.newsBox2>span strong{
font-weight:500
}
#agenda .fiveNews>div{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding:0 12px
}
#agenda .fiveNews>div:nth-child(5){
display:none
}
.liveResults ul.liveTabs li.active a:before{
height:0!important
}
#newsRead .top h1{
background:#fff
}
#newsRead .bottom .icon-magnifying-glass{
display:none
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(1){
width:40%!important;
max-width:40%!important;
flex:40%!important
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(2){
width:60%!important;
max-width:60%!important;
flex:60%!important
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(3){
display:none
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:nth-child(1){
width:40%!important;
max-width:40%!important;
flex:40%!important
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:nth-child(3){
display:none
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:nth-child(2){
width:60%!important;
max-width:60%!important;
flex:60%!important
}
#newsRead .tvAndNewspaper .tv>div>div:last-child>ol{
padding-right:0
}
#example-video{
margin-bottom:20px;
margin-top:20px
}
.havaDurumuArea .second .secondRight ul{
float:left!important;
display:inline-block!important;
text-align:left!important
}
.havaDurumuArea h1{
font-size:23px!important
}
.havaDurumuArea h2{
font-size:5rem!important
}
.havaDurumuArea .status i{
float:left!important;
font-size:3rem!important
}
.havaDurumuArea .status{
margin-left:0!important
}
.havaDurumuArea .status em{
float:left;
width:100%;
text-align:left!important;
font-size:13px!important
}
.havaDurumuArea .second .leftData{
margin-top:10px!important
}
.havaDurumuArea .secondRight{
width:100%!important;
overflow-x:scroll!important;
display:flex!important
}
.havaDurumuArea .second .leftData{
margin-bottom:0!important
}
.havaDurumuArea{
height:400px!important
}
.havaDurumuArea .second .secondRight ul li{
text-align:center
}
.havaDurumuArea .second .secondRight ul .degree{
font-size:20px!important
}
.havaDurumuArea .second .secondRight ul{
padding-right:10px;
padding-left:10px
}
.havaDurumuArea{
padding-right:25px!important;
padding-left:25px!important
}
.havaDurumuArea .second .secondRight ul:after{
height:82px!important
}
#dereceGrafik{
width:100%!important
}
#nemGrafik{
width:100%!important
}
.havaDurumuArea:nth-child(3){
height:210px!important
}
.havaDurumuArea:last-child{
height:510px!important
}
.havaDurumuArea .second .secondRight ul:last-child{
padding-right:0
}
.havaDurumuArea .second .secondRight ul:first-child{
padding-left:0
}
.newsPapper:nth-child(-n+3){
padding-top:12px!important
}
.newsPapper{
padding-top:12px!important
}
.burcTopWidget{
margin:0 auto 10px auto!important
}
.burcTopWidget .burcIconArea li{
width:25%!important;
height:62px;
border-bottom:3px solid #f4f4f4
}
.burcTopWidget .bwcc .bwcc-top a{
margin-left:0
}
.burcTopWidget .bwcc{
flex-direction:column;
align-items:flex-start
}
.bwcc-top{
margin-bottom:15px
}
.burcTopWidget .burcIconArea li:nth-child(4n){
border-right:0
}
.currencyShowcase.fullShowcase{
margin-top:0!important
}
footer .center>div .bulletin>strong:first-child{
display:none
}
footer .center>div .bulletin .form{
display:none
}
footer .center>div .bulletin p{
display:none
}
.newsPapper{
max-width:50%!important;
flex:50%!important
}
.newsPaper img{
height:17.5rem!important
}
.newsBox span>strong{
display:none
}
.newsBox>strong{
font-size:15px
}
.newsBox2 .tag{
display:none
}
#profileEdit>div>div:last-child>div{
padding-bottom:20px!important
}
.siteneEkle .detail iframe{
display:none!important
}
.siteneEkle{
padding-right:0!important
}
.siteneEkle .left{
width:100%!important;
padding-right:0!important;
flex:inherit!important
}
.siteneEkle .left .detail{
display:block;
width:100%
}
#agenda>div .left .sixNews>div:nth-child(n){
padding-left:12px
}
#home>.bottom .left .sixNewsSymmetry>div:first-child{
padding-top:12px
}
#home>.bottom>.left .sixNews .left>div>div:first-child{
padding-top:12px
}
#home>.bottom>.left .sixNews .left>div>div{
padding-top:12px
}
.hide1024{
display:none!important
}
.pageWrapper .pageBread ul{
display:none
}
.pageWrapper .pageBread h1{
width:100%;
text-align:center
}
.pageWrapper .pageMainWrap .contentWrap .pageNav{
width:100%
}
.pageWrapper .pageMainWrap .contentWrap .wideArea{
width:100%
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm{
width:100%
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .narrowBar{
width:100%
}
.pageWrapper .pageMainWrap .contentWrap .pageNav{
padding:0 0
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li{
text-align:center;
height:45px;
line-height:45px;
border-bottom:1px solid rgba(0,0,0,.08)
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li a{
height:45px
}
.pageWrapper .pageMainWrap .contentWrap .pageNav ul li:last-child{
border-bottom:none
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .contactForm h2{
text-align:center
}
.pageWrapper .pageMainWrap .map iframe{
height:300px
}
.pageWrapper .pageMainWrap{
padding:30px 0 30px 0
}
.pageWrapper .pageMainWrap .contentWrap{
padding-bottom:5px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent{
padding-bottom:25px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pTitle{
text-align:center
}
#home>.bottom>.left .tvAndNewspaper .tv{
margin-top:12px
}
.pageWrapper .pageMainWrap .contentWrap .wideArea .pContent .area{
width:100%!important;
text-align:center
}
.fixtureBox .bottom>div .mobile .swiper-slide .team ul{
display:none
}
.mobile .swiper-container{
height:130px
}
.sport .swiper-container{
height:245px
}
.newsBox2>span strong:nth-child(n+1){
position:relative;
top:4px
}
.blue h2{
line-height:18px
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>div>ul li>div:last-child{
display:none
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(3){
display:none
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(2){
flex:66.5%;
max-width:66.5%
}
#home>.bottom>.left .tvAndNewspaper .tv>div>div:last-child>ol li:nth-child(1){
flex:33.5%;
max-width:33.5%
}
#home>.bottom .left .tvAndNewspaper .newspaper{
margin-top:12px
}
#home>.bottom>.left .fixtureBox{
margin-top:12px
}
.newsBox2>span strong{
font-size:15px
}
#home>.bottom>.left .sport>div:last-child .pager li a{
font-size:16px
}
.thumbSlider>ul li{
margin-right:3px
}
.thumbSlider>ul li.swiper-pagination-bullet.swiper-pagination-bullet-active{
background:#ca0a14
}
.thumbSlider .swiper-wrapper a strong{
color:#fff
}
#home{
padding-top:13px
}
#home>.bottom{
padding-top:0
}
.thumbSlider .swiper-wrapper a strong{
bottom:12px;
height:auto
}
#home>.bottom>.left .economy{
padding-top:12px;
overflow-x:hidden
}
.forMobileThisMatch{
float:left;
width:100%;
height:auto;
display:block;
background:#3f4040;
padding:15px
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch{
background:#2c2e2d
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch ul.mScores li{
background:#3f4040
}
.forMobileThisMatch ul.frontInfos{
float:left;
width:100%;
float:left;
padding-bottom:10px
}
.forMobileThisMatch ul.frontInfos li{
float:left;
color:#fff;
font-weight:500;
font-size:12px;
line-height:14px
}
.forMobileThisMatch ul.frontInfos li.favorit{
float:right;
margin:0 12px 0 0;
cursor:pointer;
width:15px;
height:15px;
background:url(../img/icons/favorite2.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.favorit.toggle{
background:url(../img/icons/favorite3.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.mbs i{
margin-right:8px;
float:left;
background:#4e92df;
color:#fff;
font-size:12px;
width:14px;
height:14px;
line-height:14px;
border-radius:2px;
text-align:center;
font-style:normal
}
.forMobileThisMatch ul.frontInfos li.mbs.uc i{
background:#4e92df;
color:#fff
}
.forMobileThisMatch ul.frontInfos li.mbs.bir i{
background:#ed4f45
}
.forMobileThisMatch ul.frontInfos li.mbs.iki i{
background:#0f7c39
}
.forMobileThisMatch ul.mScores{
float:left;
width:100%;
float:left
}
.forMobileThisMatch ul.mScores li{
float:left;
width:100%;
float:left;
margin:7.5px 0;
padding:0 15px;
border-radius:3px;
background:#313433;
height:36px;
line-height:36px;
font-weight:500;
font-size:13px;
color:#fff
}
.forMobileThisMatch ul.mScores li span{
float:left
}
.forMobileThisMatch ul.mScores li b{
float:right
}
.forMobileThisMatch a.tumOth{
float:left;
background:#fcd333;
color:#000;
height:36px;
line-height:36px;
width:100%;
text-align:center;
font-weight:500;
font-size:13px;
margin-top:7.5px
}
.tumOTitle{
display:inline-block;
float:left;
width:100%;
text-align:center;
background:0 0;
font-size:20px;
font-weight:700;
padding-bottom:10px
}
.matchOTitle{
display:inline-block;
float:left;
width:100%;
color:#fff;
text-align:center;
background:0 0;
font-size:14px;
font-weight:500;
margin-bottom:15px;
background:#3f4040;
height:36px;
line-height:36px
}
.loadingBall{
width:100%!important
}
.videoPostHead .contentArea{
height:auto!important
}
.videoPostHead .contentArea .videoIframe{
width:100%!important
}
.videoPostHead .contentArea .videoIframe iframe{
height:300px!important
}
.videoPostHead .contentArea .rightPosts{
width:100%!important;
margin-top:13px!important
}
#videoPostHead{
padding-top:15px!important
}
.content .iddaaP .chooseSport{
height:auto
}
.content .iddaaP .chooseSport ul li{
width:50%;
text-align:center;
margin:0;
border-bottom:1px solid rgba(0,0,0,.12)
}
.content .iddaaP .chooseSport ul li:nth-child(odd){
border-right:1px solid rgba(0,0,0,.12)
}
.content .iddaaP .chooseSport ul li:last-child{
width:100%
}
.content .iddaaP .chooseSport ul li.active{
background:rgba(0,0,0,.12)
}
.content .whiteB.idProg{
padding-top:0
}
.content .iddaaP .chooseSport ul li.active span:after{
display:none
}
.macDetay .darBar{
display:block;
width:100%!important
}
.statsDar{
display:none
}
.macDetay .genisBar{
width:100%;
background:#fff
}
.macDetay .mdHead .team{
width:50%;
position:relative;
float:left
}
.macDetay .mdHead .team.left{
left:auto
}
.macDetay .mdHead .team.right{
right:auto
}
.macDetay .mdHead .team i{
width:65px;
height:65px
}
.macDetay .mdHead .team i img{
width:40px;
height:40px;
margin-top:14px
}
.macDetay .mdHead .team span{
font-size:16px
}
.macDetay .mdHead .team.right i ul{
right:65px
}
.macDetay .mdHead .team.left i ul{
left:65px
}
.macDetay .mdHead{
height:280px
}
.macDetay ul.score{
width:100%;
margin-left:0;
top:40px;
float:left;
left:auto;
position:relative;
text-align:center
}
.macDetay ul.score li.dk{
margin:0 20px
}
.macDetay ul.score li.score{
font-size:30px
}
.macDetay ul.score li.dk span{
height:28px;
line-height:29px;
width:44px
}
.macDetay ul.infos{
padding:0 25px
}
.macDetay .genisBar .karsilastirma .inner .half{
width:100%
}
.macDetay .genisBar .karsilastirma .inner .half:last-child{
margin-top:15px;
padding-bottom:15px
}
.macDetay .genisBar .karsilastirma .inner .half ul li p{
width:38%;
padding-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .genisBar .karsilastirma .inner .half ul li i{
width:50%
}
.macDetay .genisBar .karsilastirma .full .item ul li i{
display:none
}
.macDetay .genisBar .karsilastirma .full .item ul li span{
margin:15px 7.5px 0 7.5px
}
.macDetay .genisBar .karsilastirma .full .item{
padding:0 0
}
.macDetay .genisBar .karsilastirma .full .item span.date{
display:none
}
.macDetay .genisBar .karsilastirma .full .item span.league{
display:none
}
.macDetay .genisBar{
padding:15px 0 0 0;
box-shadow:none
}
.macDetay .genisBar .karsilastirma .full .item ul{
width:100%;
margin-left:0;
left:auto;
position:relative
}
.macDetay .genisBar .karsilastirma .full .item ul li{
float:left;
display:inline-block;
text-align:center
}
.macDetay .genisBar .karsilastirma .full .item ul li p{
width:100%;
font-size:11px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .genisBar .karsilastirma .full .item ul li span{
float:left;
text-align:center
}
.macDetay .genisBar .karsilastirma .full .item ul li:first-child{
width:calc(50% - 32.5px);
text-align:right
}
.macDetay .genisBar .karsilastirma .full .item ul li:last-child{
width:calc(50% - 32.5px);
text-align:left
}
.macDetay .bottomBar .formDurumlari .inner{
width:100%
}
.macDetay .bottomBar .formDurumlari .inner .item span.date{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item ul li i{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item ul{
width:100%;
margin-left:0;
left:auto;
position:relative
}
.macDetay .bottomBar .formDurumlari .inner .item ul li{
float:left;
display:inline-block;
text-align:center
}
.macDetay .bottomBar .formDurumlari .inner .item ul li p{
width:100%;
font-size:11px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .bottomBar .formDurumlari .inner .item ul li span{
float:left;
text-align:center;
margin:15px 7.5px 0 7.5px
}
.macDetay .bottomBar .formDurumlari .inner .item ul li:first-child{
width:calc(50% - 32.5px);
text-align:right
}
.macDetay .bottomBar .formDurumlari .inner .item ul li:last-child{
width:calc(50% - 32.5px);
text-align:left
}
.macDetay .bottomBar .formDurumlari .inner .item span.result{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item{
padding:0 0
}
.macDetay .bottomBar .formDurumlari .head,.macDetay .genisBar .macTahmini .head{
text-align:center
}
.macDetay .bottomBar .formDurumlari .inner:last-child{
margin-top:15px
}
.macDetay .bottomBar .formDurumlari .inner .iHead{
padding-left:15px
}
.macDetay .bottomBar .formDurumlari .inner .iHead i.l{
display:none
}
.macDetay .bottomBar .leBar{
width:100%
}
.macDetay .bottomBar .siBar{
width:100%;
margin-top:15px
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar{
height:auto
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li{
width:50%;
border-bottom:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(1){
border-right:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(1).active{
border-right:none
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(3){
border-right:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(3).active{
border-right:none
}
.macDetay .bottomBar .leBar .oransalKars .inner .tabInners .infos ul li.ort{
font-size:11px
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow{
position:relative;
left:auto;
font-size:12px
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li{
font-size:11px
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.o{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.av{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.p{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li:first-child{
width:52%;
float:left
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li:first-child p{
width:calc(100% - 26px)
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.team{
width:50%
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow{
padding:0 10px;
width:15%
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow:last-child{
padding:0 0 0 9px
}
.macDetay .genisBar .macTahmini .inner ul li span{
font-size:11px
}
.macDetay .genisBar .macTahmini .inner ul li.x{
font-size:12px
}
.mobileBar{
display:block;
box-shadow:0 0 15px rgba(0,0,0,.5);
position:fixed;
bottom:0;
left:0;
right:0;
width:100%;
height:70px;
background:#1db954;
z-index:9999;
font-family:Barlow,sans-serif
}
.mobileBar .ovalCenter{
position:absolute;
left:50%;
bottom:-7.5px;
width:85px;
height:85px;
cursor:pointer;
background:#ffcb00;
margin-left:-42.5px;
border-radius:100%;
box-shadow:0 0 20px rgba(0,0,0,.3)
}
.mobileBar .ovalCenter span{
width:100%;
text-align:center;
float:left
}
.mobileBar .ovalCenter span.mCount{
padding:15px 0 6px 0;
color:rgba(0,0,0,.5);
font-size:12px
}
.mobileBar .ovalCenter span.mRate{
padding:0 0 6px 0;
color:#000;
font-size:16px;
font-weight:700
}
.mobileBar .ovalCenter p{
width:100%;
text-align:center;
float:left;
color:rgba(0,0,0,.5);
font-size:12px
}
.mobileBar ul.lMenu{
width:calc(50% - 42.5px);
position:absolute;
left:0
}
.mobileBar ul.lMenu li{
width:50%;
float:left;
text-align:center;
position:relative;
height:85px
}
.mobileBar ul.lMenu li:last-child{
border-left:1px solid rgba(0,0,0,.12)
}
.mobileBar ul.lMenu li span{
color:#fff;
font-size:12px
}
.mobileBar ul.lMenu li i{
width:30px;
height:25px;
position:absolute;
left:50%;
margin-left:-15px
}
.mobileBar ul.lMenu li.nav i{
background:url(../img/icons/mobil-menu.png) no-repeat;
top:15px
}
.mobileBar ul.lMenu li.nav span{
top:42px;
position:relative
}
.mobileBar ul.lMenu li.live i{
background:url(../img/icons/mobil-canli-mac.png) no-repeat;
top:15px
}
.mobileBar ul.lMenu li.live span{
top:42px;
position:relative
}
.mobileBar ul.rMenu{
width:calc(50% - 42.5px);
position:absolute;
right:0
}
.mobileBar ul.rMenu li{
width:50%;
float:left;
text-align:center;
position:relative;
height:85px
}
.mobileBar ul.rMenu li:last-child{
border-left:1px solid rgba(0,0,0,.12)
}
.mobileBar ul.rMenu li span{
color:#fff;
font-size:12px
}
.mobileBar ul.rMenu li i{
width:30px;
height:25px;
position:absolute;
left:50%;
margin-left:-15px
}
.mobileBar ul.rMenu li.myCoupons i{
background:url(../img/icons/mobil-kupon.png) no-repeat;
top:15px
}
.mobileBar ul.rMenu li.myCoupons span{
top:42px;
position:relative
}
.mobileBar ul.rMenu li.program i{
background:url(../img/icons/mobil-program.png) no-repeat;
top:15px
}
.mobileBar ul.rMenu li.program span{
top:42px;
position:relative
}
.mobileBarMenu{
-webkit-transition:all .2s ease-in;
display:block!important;
transition:all .2s ease-in;
position:fixed;
left:-100vw;
right:200%;
width:90%;
height:100%;
box-shadow:0 10px 30px #000;
background:#353541;
z-index:9999;
padding:0 20px 20px 20px;
font-family:Barlow,sans-serif
}
.mobileBarMenu.on{
left:0;
right:10%
}
.mobileBarMenu span{
width:100%;
float:left;
color:#fff;
text-transform:Uppercase;
font-size:12px;
font-weight:500;
padding-top:20px;
margin-bottom:15px;
opacity:.5
}
.mobileBarMenu ul{
width:100%;
float:left;
padding-bottom:20px;
border-bottom:1px solid rgba(255,255,255,.1)
}
.mobileBarMenu ul:last-child{
border-bottom:none
}
.mobileBarMenu ul li{
width:100%;
float:left
}
.mobileBarMenu ul li a{
width:100%;
float:left;
color:#fff;
height:25px;
line-height:25px;
align-items:center;
position:relative;
padding-left:15px;
display:flex;
font-size:15px;
font-weight:400
}
.mobileBarMenu ul li a:before{
position:absolute;
content:"";
left:0;
top:9px;
width:4px;
height:5px;
background:url(../img/icons/mO.png) no-repeat
}
.mobileBarMenu i.close{
position:absolute;
right:0;
top:0;
padding:20px;
width:12px;
height:12px;
background:url(../img/icons/mobil-respo-close.png) no-repeat center center
}
.mobileMyCoupon{
width:100%;
height:100%;
background:#353541;
opacity:0;
position:fixed;
z-index:999999;
top:0;
right:0;
left:0;
font-family:Barlow,sans-serif
}
.mobileMyCoupon.on{
display:block!important;
opacity:1
}
.mobileMyCoupon .head{
width:100%;
height:60px;
float:left;
text-align:center
}
.mobileMyCoupon .head span{
line-height:60px;
text-transform:Uppercase;
font-size:18px;
letter-spacing:.2px;
font-weight:700;
color:#fff
}
.mobileMyCoupon .head i.close{
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
background:url(../img/icons/mobil-respo-close.png) no-repeat center center
}
.mobileMyCoupon .head i.user{
position:absolute;
right:0;
top:0;
width:60px;
height:60px;
background:url(../img/icons/myCUser.png) no-repeat center center
}
.mobileMyCoupon .mCMatches{
float:left;
width:100%;
max-height:calc(100% - 318px);
overflow:auto;
border-bottom:1px solid rgba(255,255,255,.09)
}
.mobileMyCoupon .mCMatches .mCMatch{
float:left;
width:100%
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop{
float:left;
width:100%;
padding:0 15px;
height:32px;
background:rgba(255,255,255,.09)
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop span{
float:left;
width:calc(100% - 150px);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height:32px;
color:#fff;
font-size:14px;
font-weight:500
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul{
float:right;
max-width:135px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li{
float:left;
line-height:32px;
color:#fff;
font-size:12px;
font-weight:400
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li i{
font-style:normal;
margin:0 3.5px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li.mbs{
width:14px;
height:14px;
float:left;
border-radius:2px;
line-height:15px;
text-align:center;
margin-left:5px;
margin-top:8px;
font-size:11px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li.mbs.bir{
background:#ed4f45
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li.mbs.iki{
background:#0f7c39
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li.mbs.uc{
background:#4e92df
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchTop ul li.league{
margin-left:5px;
width:40px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom{
float:left;
width:100%;
height:47px;
padding:0 15px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom label{
float:left;
width:62px;
height:23px;
position:relative;
margin-top:12px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom label input[type=checkbox]{
position:absolute;
opacity:0;
cursor:pointer
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom label .banko{
border-radius:2px;
float:left;
cursor:pointer;
width:62px;
height:23px;
line-height:22px;
text-align:center;
color:#fff;
font-size:13px;
font-weight:400;
display:inline-block;
border:1px solid #5e5e5e
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom label input[type=checkbox]:checked~.banko{
background:#1db954;
border-color:#1db954
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom .othInfos{
float:left
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom .othInfos span{
float:left;
line-height:47px;
color:#fff;
font-size:12px;
font-weight:500;
margin-left:7px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom .othInfos p{
float:left;
line-height:47px;
color:#1db954;
font-size:10px;
font-weight:500;
margin-left:8px
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom span.rate{
float:right;
line-height:47px;
color:#ffcb00;
font-size:13px;
font-weight:700
}
.mobileMyCoupon .mCMatches .mCMatch .mCMatchBottom i.removeMatch{
margin:10px 0 0 8px;
border:1px solid #5e5e5e;
float:right;
border-radius:2px;
width:24px;
height:24px;
background:url(../img/icons/mobil-respo-close2.png) no-repeat center center
}
.mobileMyCoupon .mCSystem{
float:left;
width:100%;
padding:15px 15px
}
.mobileMyCoupon .mCSystem .mCSystemLeft{
float:left;
width:90px
}
.mobileMyCoupon .mCSystem .mCSystemLeft span{
float:left;
height:17px;
line-height:17px;
width:100%;
color:#fff;
font-size:12px;
font-weight:400
}
.mobileMyCoupon .mCSystem .mCSystemLeft p{
float:left;
height:17px;
line-height:17px;
opacity:.5;
width:100%;
color:#fff;
font-size:12px;
font-weight:400
}
.mobileMyCoupon .mCSystem ul.mCSystemRight{
float:right;
width:calc(100% - 110px)
}
.mobileMyCoupon .mCSystem ul.mCSystemRight li{
float:right;
width:34px;
height:34px;
background:rgba(255,255,255,.09);
line-height:34px;
text-align:center;
margin-right:8px;
color:#fff;
font-size:13px;
font-weight:500;
border-radius:3px
}
.mobileMyCoupon .mCSystem ul.mCSystemRight li:first-child{
margin-right:0
}
.mobileMyCoupon .mCSystem ul.mCSystemRight li.active{
background:#1db954
}
.mobileMyCoupon .totals{
float:left;
width:100%;
height:38px;
padding:0 15px;
border-top:1px solid rgba(255,255,255,.09)
}
.mobileMyCoupon .totals span{
line-height:38px;
color:#fff;
font-size:12px;
font-weight:400;
float:left
}
.mobileMyCoupon .totals span b{
color:#ffcb00;
font-weight:500;
margin-left:4px
}
.mobileMyCoupon .totals span.right{
float:right
}
.mobileMyCoupon .timesSelectWr{
float:left;
width:100%;
height:54px;
padding:0 15px;
border-top:1px solid rgba(255,255,255,.09)
}
.mobileMyCoupon .timesSelectWr span{
float:left;
line-height:54px;
color:#fff;
font-size:14px;
font-weight:500
}
.mobileMyCoupon .timesSelectWr .timesSelect{
float:right;
height:30px;
width:60px;
line-height:30px;
margin-top:11px;
border:none
}
.mobileMyCoupon .timesSelectWr .timesSelect input.misli{
margin-top:0;
width:100%;
text-align:center;
height:30px;
border-radius:2px;
padding:0 10px
}
.mobileMyCoupon .gain{
float:left;
width:100%;
height:44px;
padding:0 15px;
border-top:1px solid rgba(255,255,255,.09)
}
.mobileMyCoupon .gain span{
float:left;
line-height:44px;
font-size:14px;
color:#fff;
font-weight:500
}
.mobileMyCoupon .gain b{
float:right;
line-height:44px;
color:#1db954;
font-size:14px;
font-weight:700
}
.mobileMyCoupon .buttons{
float:left;
height:58px;
width:100%;
background:rgba(255,255,255,.09);
padding:0 15px
}
.mobileMyCoupon .buttons .playNow{
float:right;
height:38px;
width:calc(100% - 180px);
background:#1db954;
border-radius:3px;
margin-top:10px;
text-align:center;
line-height:38px;
color:#fff;
font-size:15px;
font-weight:700
}
.mobileMyCoupon .buttons .remove{
float:left;
margin-right:15px;
height:38px;
width:50px;
background:#ed4f45;
border-radius:3px;
margin-top:10px;
text-align:center;
line-height:38px;
color:#fff;
font-size:15px;
font-weight:700
}
.mobileMyCoupon .buttons .save{
float:left;
height:38px;
width:100px;
background:#cfa229;
border-radius:3px;
margin-top:10px;
text-align:center;
line-height:38px;
color:#fff;
font-size:15px;
font-weight:700
}
body.oY{
overflow-y:hidden
}
.popLiveB{
height:auto;
max-height:auto
}
.liveOths{
height:auto;
max-height:auto
}
.container .iddaaP .filters{
height:auto
}
.container .newDSelect{
width:100%!important;
margin-left:0!important;
margin-bottom:15px
}
.container .newDSelect:first-child{
margin-top:10px
}
.container .newDSelect .select-selected{
min-width:100%;
width:100%;
height:40px;
line-height:40px
}
.container .newDSelect .select-selected:after{
top:16px
}
.container .newDSelect .select-selected.select-arrow-active:after{
top:16px
}
.container .newDSelect .select-items div{
height:36px;
line-height:36px
}
.container .iddaaP .filters{
padding-bottom:15px;
width:100%!important
}
.container .filters ul.oLinks{
width:100%
}
.container .filters ul.oLinks li{
margin-left:0;
width:47%;
margin-bottom:15px;
margin-right:0
}
.container .filters ul.oLinks li.oneMatch{
margin-right:11px
}
.container .filters ul.oLinks li.oneMatch a{
margin-left:0
}
.container .filters ul.oLinks li a{
width:100%;
height:40px;
line-height:40px
}
.container .filters .searchFilter{
margin-left:0;
width:100%;
height:40px
}
.container .filters .searchFilter .input{
height:40px
}
.container .filters .searchFilter .submit{
height:40px
}
.container .sHeader{
display:none
}
.container .nPMatches .nPMatch .tumOranlar,.container .nPMatches ul.fDatas{
display:none
}
.forMobileMatch{
display:block
}
.container .newDSelect{
width:47%!important;
display:inline-block
}
.container .newDSelect:first-child{
margin-right:5%!important
}
.container .newDSelect.league{
margin-right:0
}
.liveResults .thisMatches .leagueHead{
height:78px!important;
padding:0 1px;
width:100%;
height:80px;
float:left
}
.liveResults .thisMatches .leagueHead span{
display:block!important
}
.liveResults ul.liveTabs li a{
color:#fff!important;
display:inline-block!important;
width:100%!important;
background:#3f4040!important;
border-bottom:1px solid #202322!important;
height:49px!important
}
.liveResults ul.liveTabs li a:last-child{
font-size:13px!important
}
.loadingBall .middle{
position:relative;
left:0;
top:0
}
.container .newDSelect.league{
margin-top:10px
}
.container .newDSelect .fBox{
width:100%!important
}
.container .newDSelect.mbs{
display:none
}
.container .newDCheckbox{
margin-left:0;
margin-bottom:15px
}
.container .newDCheckbox .dropdown{
width:100%
}
.dropdown dt a{
width:100%;
height:40px;
line-height:40px
}
.dropdown dd ul{
width:100%
}
.dropdown dd ul li{
height:36px;
line-height:36px
}
.container .newDCheckbox{
width:100%;
height:40px
}
.dropdown dd ul li input{
margin:11.5px 6px 0 0
}
.dropdown i.arr{
top:17px
}
.liveResults ul.liveTabs{
height:auto;
margin:15px 0;
padding:0 15px
}
.liveResults ul.liveTabs li{
width:50%;
text-align:center;
margin:0 0;
height:49px
}
.liveResults ul.liveTabs li.active a{
background:#fcd333!important;
color:#000!important
}
.liveResults ul.liveTabs li a{
color:#fff;
display:inline-block;
width:100%;
background:#3f4040;
border-bottom:1px solid #202322;
height:49px
}
.liveResults ul.liveTabs li:last-child{
margin:0!important
}
.liveResults ul.liveTabs li:first-child{
margin:0!important
}
.liveResults .liveBar{
padding:0 15px!important;
background:0 0!important;
height:auto!important
}
.liveResults .liveBar ul.tabPages{
width:100%;
padding:0 0;
background:#313434
}
.liveResults .liveBar ul.tabPages li{
padding:0 5px;
float:left;
height:46px;
line-height:46px;
width:100%;
border-right:none;
float:none;
text-align:center;
display:inline-block
}
.liveResults .liveBar ul.tabPages li i{
float:none;
display:inline-block;
margin:0;
position:relative
}
.liveResults .liveBar ul.tabPages li span{
float:none;
display:inline-block
}
.liveResults .liveBar ul.tabPages li.fav{
width:50%;
float:left;
border-bottom:1px solid #272a29;
border-right:1px solid #272a29
}
.liveResults .liveBar ul.tabPages li.fav i{
margin:10px 10px 0 0!important;
top:4px
}
.liveResults .liveBar ul.tabPages li.live{
width:50%;
border-bottom:1px solid #272a29
}
.liveResults .liveBar ul.tabPages li.live i{
margin:0 10px 0 0;
top:5.5px
}
.liveResults .liveBar ul.tabPages li.idd i{
margin:0 10px 0 0;
top:5.5px
}
.liveResults .liveBar .newDSelect.iddTarih{
width:100%!important;
height:48px!important;
background:#313434!important;
margin-top:15px!important
}
.liveResults .liveBar .newDSelect.iddTarih:hover{
background:#313434!important
}
.liveResults .liveBar .newDSelect.iddTarih .select-selected{
width:calc(100% - 22px)!important;
min-width:auto!important;
border-right:none!important;
padding-left:12px!important
}
.container .newDSelect.iddTarih .select-selected.select-arrow-active:after{
top:20px
}
.container .newDSelect.iddTarih .select-items div{
height:40px;
line-height:40px;
text-transform:Uppercase;
text-align:center;
font-weight:700;
font-size:13px;
border-bottom:1px solid #313434
}
.container .newDSelect.iddTarih .select-items div:last-child{
border-bottom:none
}
.container .newDSelect.iddTarih .select-items{
padding:0 0
}
.liveResults .liveBar span.lig{
background:#313434;
border-right:none;
margin-right:15px
}
.liveResults .liveBar span.lig:hover{
background:#313434
}
.liveResults .liveBar span.saat{
background:#313434;
border-right:none;
margin-right:15px
}
.liveResults .liveBar span.saat:hover{
background:#313434
}
.liveResults .liveBar i.volume{
background:url(../img/icons/volume.png) no-repeat center center #313434!important;
border-right:none!important;
margin-right:15px!important
}
.liveResults .liveBar i.volume:hover{
background:url(../img/icons/volume.png) no-repeat center center #313434!important
}
.liveResults .liveBar i.volume.toggle{
background:url(../img/icons/volumeActive.png) no-repeat center center #313434!important
}
.liveResults .thisMatches .thisMatch .rateBar{
display:none
}
.liveResults .thisMatches .thisMatch .othRates{
display:none
}
.forMobileThisMatch{
float:left;
width:100%;
height:auto;
display:block!important;
background:#3f4040;
padding:15px
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch{
background:#2c2e2d
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch ul.mScores li{
background:#3f4040
}
.forMobileThisMatch ul.frontInfos{
float:left;
width:100%;
float:left;
padding-bottom:10px
}
.forMobileThisMatch ul.frontInfos li{
float:left;
color:#fff;
font-weight:500;
font-size:12px;
line-height:14px
}
.forMobileThisMatch ul.frontInfos li.favorit{
float:right;
margin:0 12px 0 0;
cursor:pointer;
width:15px;
height:15px;
background:url(../img/icons/favorite2.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.favorit.toggle{
background:url(../img/icons/favorite3.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.mbs i{
margin-right:8px;
float:left;
background:#4e92df;
color:#fff;
font-size:12px;
width:14px;
height:14px;
line-height:14px;
border-radius:2px;
text-align:center;
font-style:normal
}
.forMobileThisMatch ul.frontInfos li.mbs.uc i{
background:#4e92df;
color:#fff
}
.forMobileThisMatch ul.frontInfos li.mbs.bir i{
background:#ed4f45
}
.forMobileThisMatch ul.frontInfos li.mbs.iki i{
background:#0f7c39
}
.forMobileThisMatch ul.mScores{
float:left;
width:100%;
float:left
}
.forMobileThisMatch ul.mScores li{
float:left;
width:100%;
float:left;
margin:7.5px 0;
padding:0 15px;
border-radius:3px;
background:#313433;
height:36px;
line-height:36px;
font-weight:500;
font-size:13px;
color:#fff
}
.forMobileThisMatch ul.mScores li span{
float:left
}
.forMobileThisMatch ul.mScores li b{
float:right
}
.forMobileThisMatch a.tumOth{
float:left;
background:#fcd333;
color:#000;
height:36px;
line-height:36px;
width:100%;
text-align:center;
font-weight:500;
font-size:13px;
margin-top:7.5px
}
.tumOTitle{
display:inline-block;
float:left;
width:100%;
text-align:center;
background:0 0;
font-size:20px;
font-weight:700;
padding-bottom:10px
}
.matchOTitle{
display:inline-block;
float:left;
width:100%;
color:#fff;
text-align:center;
background:0 0;
font-size:14px;
font-weight:500;
margin-bottom:15px;
background:#3f4040;
height:36px;
line-height:36px
}
.loadingBall{
width:100%!important
}
.container .iddaaP .chooseSport{
height:auto
}
.container .iddaaP .chooseSport ul li{
width:50%;
text-align:center;
margin:0;
border-bottom:1px solid rgba(0,0,0,.12)
}
.container .iddaaP .chooseSport ul li:nth-child(odd){
border-right:1px solid rgba(0,0,0,.12)
}
.container .iddaaP .chooseSport ul li:last-child{
width:100%
}
.container .iddaaP .chooseSport ul li.active{
background:rgba(0,0,0,.12)
}
.container .whiteB.idProg{
padding-top:0
}
.container .iddaaP .chooseSport ul li.active span:after{
display:none
}
.macDetay .darBar{
display:block;
width:100%!important
}
.statsDar{
display:none
}
.macDetay .genisBar{
width:100%;
background:#fff
}
.macDetay .mdHead .team{
width:50%;
position:relative;
float:left
}
.macDetay .mdHead .team.left{
left:auto
}
.macDetay .mdHead .team.right{
right:auto
}
.macDetay .mdHead .team i{
width:65px;
height:65px
}
.macDetay .mdHead .team i img{
width:40px;
height:40px;
margin-top:14px
}
.macDetay .mdHead .team span{
font-size:16px
}
.macDetay .mdHead .team.right i ul{
right:65px
}
.macDetay .mdHead .team.left i ul{
left:65px
}
.macDetay .mdHead{
height:280px
}
.macDetay ul.score{
width:100%;
margin-left:0;
top:40px;
float:left;
left:auto;
position:relative;
text-align:center
}
.macDetay ul.score li.dk{
margin:0 20px
}
.macDetay ul.score li.score{
font-size:30px
}
.macDetay ul.score li.dk span{
height:28px;
line-height:29px;
width:44px
}
.macDetay ul.infos{
padding:0 25px
}
.macDetay .genisBar .karsilastirma .inner .half{
width:100%
}
.macDetay .genisBar .karsilastirma .inner .half:last-child{
margin-top:15px;
padding-bottom:15px
}
.macDetay .genisBar .karsilastirma .inner .half ul li p{
width:38%;
padding-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .genisBar .karsilastirma .inner .half ul li i{
width:50%
}
.macDetay .genisBar .karsilastirma .full .item ul li i{
display:none
}
.macDetay .genisBar .karsilastirma .full .item ul li span{
margin:15px 7.5px 0 7.5px
}
.macDetay .genisBar .karsilastirma .full .item{
padding:0 0
}
.macDetay .genisBar .karsilastirma .full .item span.date{
display:none
}
.macDetay .genisBar .karsilastirma .full .item span.league{
display:none
}
.macDetay .genisBar{
padding:15px 0 0 0;
box-shadow:none
}
.macDetay .genisBar .karsilastirma .full .item ul{
width:100%;
margin-left:0;
left:auto;
position:relative
}
.macDetay .genisBar .karsilastirma .full .item ul li{
float:left;
display:inline-block;
text-align:center
}
.macDetay .genisBar .karsilastirma .full .item ul li p{
width:100%;
font-size:11px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .genisBar .karsilastirma .full .item ul li span{
float:left;
text-align:center
}
.macDetay .genisBar .karsilastirma .full .item ul li:first-child{
width:calc(50% - 32.5px);
text-align:right
}
.macDetay .genisBar .karsilastirma .full .item ul li:last-child{
width:calc(50% - 32.5px);
text-align:left
}
.macDetay .bottomBar .formDurumlari .inner{
width:100%
}
.macDetay .bottomBar .formDurumlari .inner .item span.date{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item ul li i{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item ul{
width:100%;
margin-left:0;
left:auto;
position:relative
}
.macDetay .bottomBar .formDurumlari .inner .item ul li{
float:left;
display:inline-block;
text-align:center
}
.macDetay .bottomBar .formDurumlari .inner .item ul li p{
width:100%;
font-size:11px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.macDetay .bottomBar .formDurumlari .inner .item ul li span{
float:left;
text-align:center;
margin:15px 7.5px 0 7.5px
}
.macDetay .bottomBar .formDurumlari .inner .item ul li:first-child{
width:calc(50% - 32.5px);
text-align:right
}
.macDetay .bottomBar .formDurumlari .inner .item ul li:last-child{
width:calc(50% - 32.5px);
text-align:left
}
.macDetay .bottomBar .formDurumlari .inner .item span.result{
display:none
}
.macDetay .bottomBar .formDurumlari .inner .item{
padding:0 0
}
.macDetay .bottomBar .formDurumlari .head,.macDetay .genisBar .macTahmini .head{
text-align:center
}
.macDetay .bottomBar .formDurumlari .inner:last-child{
margin-top:15px
}
.macDetay .bottomBar .formDurumlari .inner .iHead{
padding-left:15px
}
.macDetay .bottomBar .formDurumlari .inner .iHead i.l{
display:none
}
.macDetay .bottomBar .leBar{
width:100%
}
.macDetay .bottomBar .siBar{
width:100%;
margin-top:15px
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar{
height:auto
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li{
width:50%;
border-bottom:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(1){
border-right:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(1).active{
border-right:none
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(3){
border-right:1px solid #282828
}
.macDetay .bottomBar .leBar .oransalKars .inner ul.tabBar li:nth-child(3).active{
border-right:none
}
.macDetay .bottomBar .leBar .oransalKars .inner .tabInners .infos ul li.ort{
font-size:11px
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow{
position:relative;
left:auto;
font-size:12px
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li{
font-size:11px
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.o{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.av{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li.p{
width:15%!important;
margin:0!important
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li:first-child{
width:52%;
float:left
}
.macDetay .bottomBar .siBar .standings .table ul.league li.team ul.inf li:first-child p{
width:calc(100% - 26px)
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.team{
width:50%
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow{
padding:0 10px;
width:15%
}
.macDetay .bottomBar .siBar .standings .table ul.tHead li.narrow:last-child{
padding:0 0 0 9px
}
.macDetay .genisBar .macTahmini .inner ul li span{
font-size:11px
}
.macDetay .genisBar .macTahmini .inner ul li.x{
font-size:12px
}
body.oY{
overflow-y:hidden
}
.popLiveB{
height:auto;
max-height:auto
}
.liveOths{
height:auto;
max-height:auto
}
.burcTop .leftHalf{
margin-right:0!important
}
.burcTop .leftHalf .burcSpec{
display:none
}
.burcTop .burcRight{
display:none!important
}
.burcContent .burcTab{
font-size:13px
}
.burcContent .burcTab a li{
margin-right:20px!important
}
.burcTop{
padding-top:0;
padding-bottom:0;
margin-top:12px
}
.astrolojiSingle .bottom .left{
padding-top:0!important
}
.astrolojiSingle .bottom{
margin-right:0!important;
margin-top:12px!important
}
}
@media only screen and (max-width:769px){
.fd-in .fd-1{
width:50%;
flex:0 0 50%;
padding:12px 15px
}
.tableHead ul{
height:auto
}
.tableHead ul li{
width:100%;
margin:0;
border-bottom:1px solid rgba(0,0,0,.07)
}
.tableHead ul li.active{
background:rgba(0,0,0,.07)
}
.tableHead ul li.active:after{
display:none
}
.standingsTable .head ul li.status{
display:none
}
.standingsTable .tableIn .po ul.p li.status{
display:none
}
.standingsTable .head ul li.o.nM{
display:none
}
.standingsTable .tableIn .po ul.p li.o.nM{
display:none
}
.liglerSec{
min-width:100%
}
.standingsTable .head{
padding:0 15px 0 15px
}
.standingsTable .tableIn .po{
padding:0 15px 0 15px
}
.standingsTable .head .team{
width:31%!important
}
.standingsTable .tableIn .team{
width:31%!important;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.standingsTable .tableIn .po .team i{
display:none
}
.standingsTable .tableIn .po .rank:after{
display:none
}
.standingsTable .head span.rank{
margin-right:12px
}
.standingsTable .tableIn .po .rank{
margin-right:12px
}
.standingsTable .head ul li.o{
margin-right:2.5px;
width:21px
}
.standingsTable .tableIn .po ul.p li.o{
margin-right:2.5px;
width:21px
}
.match{
position:relative;
height:auto;
background:#f2f3f5;
width:100%;
margin-left:0;
border-bottom:1px solid rgba(0,0,0,.07)
}
.match:last-child{
border-bottom:none
}
.match .time{
position:absolute;
top:49.5px;
margin-top:0
}
.match .teams{
left:0
}
.match .teams span.fTeam{
left:0;
position:relative;
width:auto
}
.match .teams span.sTeam{
right:0;
position:relative;
width:auto
}
.match .teams .score{
left:0;
position:relative;
display:table;
margin:0 auto 0
}
.match .rDetail{
position:absolute;
top:49.5px;
right:0;
width:auto;
height:auto;
margin-bottom:0;
padding:0 16px
}
.match .rDetail span.date{
display:none
}
ul.dTab.nearly{
height:auto;
padding:0 0;
width:100%;
margin-left:0
}
ul.dTab.nearly li{
width:100%;
margin:0;
border-bottom:1px solid rgba(0,0,0,.07);
color:#393c3e
}
ul.dTab.nearly li.active{
background:rgba(0,0,0,.07)
}
ul.dTab.nearly li.active:after{
display:none
}
.container .whiteB.noWhite{
background:#fff;
box-shadow:none
}
.subInfoWrapper{
box-shadow:none;
background:0 0;
padding:0 0
}
.dHead.nearly{
width:100%;
margin-left:0
}
.leagueHead i{
display:none
}
.leagueHead p{
display:none
}
.leagueHead span{
text-align:center;
width:100%
}
.dHead{
height:144px;
text-align:center
}
.dHead span.ti{
background:0 0;
float:none
}
ul.dTab{
height:auto
}
ul.dTab li{
width:100%;
margin:0;
border-bottom:1px solid rgba(0,0,0,.07)
}
ul.dTab li.active{
background:rgba(0,0,0,.07)
}
ul.dTab li.active:after{
display:none
}
.leagueItem .fHead{
display:none
}
.leagueItem .lHead{
display:none
}
.leagueItem .fItem span.code{
display:none
}
.leagueItem .fItem ul.fItemTeams{
display:none
}
.leagueItem .fItem ul.fItemSonuc{
display:none
}
.leagueItem .fItem ul.fItemSans{
display:none
}
.leagueItem{
padding:0 0
}
.leagueItem .fItem{
height:auto
}
.iddMobile{
display:block
}
.iddMobile span.macT{
display:block;
background:rgba(0,0,0,.07);
height:42px;
line-height:42px;
text-align:center;
font-size:14px;
color:#2d353a;
position:relative
}
.iddMobile span.macT i{
position:absolute;
left:20px;
top:.5px;
font-style:normal
}
.iddMobile ul{
display:block;
text-align:center;
width:100%
}
.iddMobile ul li{
float:left;
width:20%;
height:46px;
position:relative;
border-right:1px solid rgba(0,0,0,.07);
font-size:14px;
color:#2d353a
}
.iddMobile ul li:nth-child(n+5){
border-top:1px solid rgba(0,0,0,.07)
}
.iddMobile ul li:nth-child(1){
border-left:1px solid rgba(0,0,0,.07)
}
.iddMobile ul li:nth-child(6){
border-left:1px solid rgba(0,0,0,.07)
}
.iddMobile ul li b{
width:100%;
text-align:center;
top:8.5px;
left:0;
position:absolute
}
.iddMobile ul li i{
width:100%;
text-align:center;
top:25.5px;
left:0;
position:absolute;
font-style:normal
}
.leagueItem .fItem:nth-child(odd){
background:0 0
}
.leagueItem{
border-bottom:1px solid rgba(0,0,0,.07)
}
.liveResults ul.liveTabs{
height:auto;
margin:15px 0;
padding:0 15px
}
.liveResults ul.liveTabs li{
width:50%;
text-align:center;
margin:0 0;
height:49px
}
.liveResults ul.liveTabs li.active a{
background:#fcd333!important;
color:#000!important
}
.liveResults ul.liveTabs li a{
color:#fff;
display:inline-block;
width:100%;
background:#3f4040;
border-bottom:1px solid #202322;
height:49px
}
.liveResults ul.liveTabs li:first-child{
margin:0
}
.liveResults .newDSelect .fBox{
width:100%!important
}
.liveResults .liveBar{
padding:0 15px;
background:0 0;
height:auto
}
.liveResults .liveBar ul.tabPages{
width:100%;
padding:0 0;
background:#313434
}
.liveResults .liveBar ul.tabPages li{
padding:0 5px;
float:left;
height:46px;
line-height:46px;
width:100%;
border-right:none;
float:none;
text-align:center;
display:inline-block
}
.liveResults .liveBar ul.tabPages li i{
float:none;
display:inline-block;
margin:0;
position:relative
}
.liveResults .liveBar ul.tabPages li span{
float:none;
display:inline-block
}
.liveResults .liveBar ul.tabPages li.fav{
width:50%;
float:left;
border-bottom:1px solid #272a29;
border-right:1px solid #272a29
}
.liveResults .liveBar ul.tabPages li.fav i{
margin:0 10px 0 0;
top:4px
}
.liveResults .liveBar ul.tabPages li.live{
width:50%;
border-bottom:1px solid #272a29
}
.liveResults .liveBar ul.tabPages li.live i{
margin:0 10px 0 0;
top:5.5px
}
.liveResults .liveBar ul.tabPages li.idd i{
margin:0 10px 0 0;
top:5.5px
}
.liveResults .liveBar .newDSelect.iddTarih{
width:100%!important;
height:48px!important;
background:#313434!important;
margin-top:15px!important
}
.liveResults .liveBar .newDSelect.iddTarih:hover{
background:#313434!important
}
.liveResults .liveBar .newDSelect.iddTarih .select-selected{
width:calc(100% - 22px)!important;
min-width:auto!important;
border-right:none!important;
padding-left:12px!important
}
.tableHeadt{
padding-bottom:15px
}
.tableHeadt ul.liveTabs{
height:auto;
margin:15px 0;
padding:0 15px
}
.tableHeadt ul.liveTabs li{
width:50%;
text-align:center;
margin:0 0;
height:49px
}
.tableHeadt ul.liveTabs li.active a{
background:#fcd333;
color:#000
}
.tableHeadt ul.liveTabs li a{
color:#fff;
display:inline-block;
width:100%;
background:#3f4040;
border-bottom:1px solid #202322;
height:49px
}
.tableHeadt ul.liveTabs li:last-child{
display:none
}
.tableHeadt ul.liveTabs li:first-child{
margin:0
}
.tableHeadt .liveBar{
padding:0 15px;
background:0 0;
height:auto
}
.tableHeadt .liveBar ul.tabPages{
width:100%;
padding:0 0;
background:#313434
}
.tableHeadt .liveBar ul.tabPages li{
padding:0 5px;
float:left;
height:46px;
line-height:46px;
width:100%;
border-right:none;
float:none;
text-align:center;
display:inline-block
}
.tableHeadt .liveBar ul.tabPages li i{
float:none;
display:inline-block;
margin:0;
position:relative
}
.tableHeadt .liveBar ul.tabPages li span{
float:none;
display:inline-block
}
.tableHeadt .liveBar ul.tabPages li.fav{
width:50%;
float:left;
border-bottom:1px solid #272a29;
border-right:1px solid #272a29
}
.tableHeadt .liveBar ul.tabPages li.fav i{
margin:0 10px 0 0;
top:4px
}
.tableHeadt .liveBar ul.tabPages li.live{
width:50%;
border-bottom:1px solid #272a29
}
.tableHeadt .liveBar ul.tabPages li.live i{
margin:0 10px 0 0;
top:5.5px
}
.tableHeadt .liveBar ul.tabPages li.idd i{
margin:0 10px 0 0;
top:5.5px
}
.tableHeadt .liveBar .newDSelect.iddTarih{
width:100%!important;
height:48px;
background:#313434;
margin-top:15px
}
.tableHeadt .liveBar .newDSelect.iddTarih:hover{
background:#313434
}
.tableHeadt .liveBar .newDSelect.iddTarih .select-selected{
width:calc(100% - 22px);
min-width:auto;
border-right:none;
padding-left:12px
}
.tableHeadt .liveBar span.lig{
background:#313434;
border-right:none;
margin-right:15px
}
.tableHeadt .liveBar span.lig:hover{
background:#313434
}
.tableHeadt .liveBar span.saat{
background:#313434;
border-right:none;
margin-right:15px
}
.tableHeadt .liveBar span.saat:hover{
background:#313434
}
.tableHeadt .liveBar i.volume{
background:url(../img/icons/volume.png) no-repeat center center #313434;
border-right:none;
margin-right:15px
}
.tableHeadt .liveBar i.volume:hover{
background:url(../img/icons/volume.png) no-repeat center center #313434
}
.tableHeadt .liveBar i.volume.toggle{
background:url(../img/icons/volumeActive.png) no-repeat center center #313434
}
.tableHeadt .thisMatches .thisMatch .rateBar{
display:none
}
.tableHeadt .thisMatches .thisMatch .othRates{
display:none
}
.content .newDSelect.iddTarih .select-selected.select-arrow-active:after{
top:20px
}
.content .newDSelect.iddTarih .select-items div{
height:40px;
line-height:40px;
text-transform:Uppercase;
text-align:center;
font-weight:700;
font-size:13px;
border-bottom:1px solid #313434
}
.content .newDSelect.iddTarih .select-items div:last-child{
border-bottom:none
}
.content .newDSelect.iddTarih .select-items{
padding:0 0
}
.liveResults .liveBar span.lig{
background:#313434;
border-right:none;
margin-right:15px
}
.liveResults .liveBar span.lig:hover{
background:#313434
}
.liveResults .liveBar span.saat{
background:#313434;
border-right:none;
margin-right:15px
}
.liveResults .liveBar span.saat:hover{
background:#313434
}
.liveResults .liveBar i.volume{
background:url(../img/icons/volume.png) no-repeat center center #313434!important;
border-right:none!important;
margin-right:15px!important
}
.liveResults .liveBar i.volume:hover{
background:url(../img/icons/volume.png) no-repeat center center #313434!important
}
.liveResults .liveBar i.volume.toggle{
background:url(../img/icons/volumeActive.png) no-repeat center center #313434!important
}
.liveResults .thisMatches .thisMatch .rateBar{
display:none
}
.liveResults .thisMatches .thisMatch .othRates{
display:none
}
.forMobileThisMatch{
float:left;
width:100%;
height:auto;
display:block!important;
background:#3f4040;
padding:15px
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch{
background:#2c2e2d
}
.liveResults .thisMatches .thisMatch:nth-child(odd) .forMobileThisMatch ul.mScores li{
background:#3f4040
}
.forMobileThisMatch ul.frontInfos{
float:left;
width:100%;
float:left;
padding-bottom:10px
}
.forMobileThisMatch ul.frontInfos li{
float:left;
color:#fff;
font-weight:500;
font-size:12px;
line-height:14px
}
.forMobileThisMatch ul.frontInfos li.favorit{
float:right;
margin:0 12px 0 0;
cursor:pointer;
width:15px;
height:15px;
background:url(../img/icons/favorite2.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.favorit.toggle{
background:url(../img/icons/favorite3.png) no-repeat
}
.forMobileThisMatch ul.frontInfos li.mbs i{
margin-right:8px;
float:left;
background:#4e92df;
color:#fff;
font-size:12px;
width:14px;
height:14px;
line-height:14px;
border-radius:2px;
text-align:center;
font-style:normal
}
.forMobileThisMatch ul.frontInfos li.mbs.uc i{
background:#4e92df;
color:#fff
}
.forMobileThisMatch ul.frontInfos li.mbs.bir i{
background:#ed4f45
}
.forMobileThisMatch ul.frontInfos li.mbs.iki i{
background:#0f7c39
}
.forMobileThisMatch ul.mScores{
float:left;
width:100%;
float:left
}
.forMobileThisMatch ul.mScores li{
float:left;
width:100%;
float:left;
margin:7.5px 0;
padding:0 15px;
border-radius:3px;
background:#313433;
height:36px;
line-height:36px;
font-weight:500;
font-size:13px;
color:#fff
}
.forMobileThisMatch ul.mScores li span{
float:left
}
.forMobileThisMatch ul.mScores li b{
float:right
}
.forMobileThisMatch a.tumOth{
float:left;
background:#fcd333;
color:#000;
height:36px;
line-height:36px;
width:100%;
text-align:center;
font-weight:500;
font-size:13px;
margin-top:7.5px
}
.tumOTitle{
display:inline-block;
float:left;
width:100%;
text-align:center;
background:0 0;
font-size:20px;
font-weight:700;
padding-bottom:10px
}
.matchOTitle{
display:inline-block;
float:left;
width:100%;
color:#fff;
text-align:center;
background:0 0;
font-size:14px;
font-weight:500;
margin-bottom:15px;
background:#3f4040;
height:36px;
line-height:36px
}
.loadingBall{
width:100%!important
}
.content .iddaaP .chooseSport{
height:auto
}
.content .iddaaP .chooseSport ul li{
width:50%;
text-align:center;
margin:0;
border-bottom:1px solid rgba(0,0,0,.12)
}
.content .iddaaP .chooseSport ul li:nth-child(odd){
border-right:1px solid rgba(0,0,0,.12)
}
.content .iddaaP .chooseSport ul li:last-child{
width:100%
}
.content .iddaaP .chooseSport ul li.active{
background:rgba(0,0,0,.12)
}
.content .whiteB.idProg{
padding-top:0
}
.content .iddaaP .chooseSport ul li.active span:after{
display:none
}
}
.bistaciliskapanis-son span i{
font-style:normal
}
.full-back{
display:none
}
@media only screen and (max-width:480px){
.haberSingle:after{
margin-top:0!important
}
#newsRead .bottom .left .detail ol li,#newsRead .bottom .left .detail p,#newsRead .top h2,.haberSingle .left .detail ul li{
color:#555!important
}
.hm-vakit>span{
margin-left:0!important
}
.hm-vakit svg{
margin-left:10px
}
#nys-slider .owl-nav button.disabled:before{
background:#fff!important
}
.special-html{
margin-bottom:10px
}
.coklu-kat-left span.radius-tag{
max-width:70%
}
#home{
margin-top:10px
}
#agenda .ads.mobileg-g{
margin-bottom:10px!important
}
#zuck-modal-content .story-viewer .head .right{
top:-9px!important;
padding-right:0!important
}
#zuck-modal-content .story-viewer.with-back-button .head .left>.back{
margin-top:-6px!important
}
.full-back{
position:absolute;
top:14px;
left:14px;
background:#15212a;
transform:rotate(180deg);
width:32px;
height:32px;
border-radius:3px;
display:flex;
align-items:center;
justify-content:center
}
.videoPostHead .singleBigTitle h1{
font-size:26px;
line-height:32px
}
.yol-in-top .yol-in-top-right{
display:flex;
align-items:center;
flex-direction:row-reverse
}
.yol-in-top .yol-in-top-right>svg{
display:none
}
.yol-in-top .yol-in-top-right svg{
margin-top:6px
}
.yol-in-top .yol-in-top-right span{
font-weight:700
}
.weat-in-top .yol-in-top-right{
display:flex;
position:absolute;
top:20px;
align-items:center;
flex-direction:row-reverse
}
.weat-in-top .selectli-svg-in,.yol-in-top .selectli-svg-in{
right:-63px;
top:40px;
transform:translateY(12px)
}
.weat-in-top .selectli-svg-in:before,.yol-in-top .selectli-svg-in:before{
top:-15px;
right:67px;
transform:rotate(-90deg)
}
.weat-in-top .selectli-svg:hover .selectli-svg-in,.yol-in-top .selectli-svg:hover .selectli-svg-in{
transform:translateY(0)
}
.weat-in-top{
position:relative
}
.weat-in-top .selectli-svg{
margin-top:6px
}
.weat-in-top .yol-in-top-right>svg{
display:none
}
.yol-in-top{
display:flex;
flex-direction:column
}
.yol-left h2{
display:none
}
#ana_dash_1,.weat-in-middle{
display:none!important
}
.win-in-right{
display:flex;
position:relative;
height:160px;
justify-content:center;
padding:86px 10px 90px 10px
}
.wiif:first-child{
flex-direction:column!important;
display:flex!important;
justify-content:flex-start!important;
align-items:flex-start!important
}
.win-in-right:before{
position:absolute;
left:0;
right:0;
height:150px;
width:100%;
background-image:url(../img/bg/hava-back.svg);
background-repeat:no-repeat;
background-size:cover;
content:"";
bottom:0
}
.weat-in .container{
padding:0!important
}
.weat-in-middle-right{
display:none!important
}
.win-in{
padding-right:0!important
}
.weat-in-top-left{
flex-direction:column!important;
align-items:center!important;
justify-content:center!important
}
.weat-in-top-left>span{
margin-right:0!important
}
.weat-in-top-left div p{
margin:0 0 7px 0!important
}
.weat-in-top{
padding-top:30px!important
}
.weat-in-top-left>span{
font-size:64px!important
}
.weat-in-top-left>span b{
top:-6px!important
}
.weat-in-top-left div{
flex-direction:column-reverse!important
}
.weat-in-middle-right{
display:none!important
}
.win-in{
padding-right:0!important;
margin-top:60px!important
}
.weat-in-top-left{
flex-direction:column!important;
align-items:center!important;
justify-content:center!important
}
.weat-in-top-left>span{
margin-right:0!important
}
.weat-in-top-left div p{
margin:0 0 7px 0!important
}
.weat-in-top{
padding-top:30px!important
}
.weat-in-top-left>span{
font-size:64px!important
}
.weat-in-top-left>span b{
top:-6px!important
}
.weat-in-top-left div{
flex-direction:column-reverse!important
}
.wiif{
justify-content:space-between!important
}
.win-in-left1{
align-items:flex-start!important;
flex-direction:row!important;
align-items:center!important;
margin-bottom:20px!important;
width:100%!important;
flex:unset!important;
display:inline-flex!important;
height:70px!important
}
.wiif:first-child .win-in-left1{
border-top-left-radius:2px;
border-bottom-left-radius:2px
}
.wiif:last-child .win-in-left1{
border-top-right-radius:2px;
border-bottom-right-radius:2px
}
.wiif:last-child>div{
align-items:center!important;
border-left:0!important
}
.win-in-left1{
border:1px solid #454a68
}
.win-in-left1 img{
margin-right:10px!important
}
.weat-in-middle-right{
display:none!important
}
.win-in-left1 div{
font-size:13px!important
}
.win-in-left1 div span{
font-size:12px!important;
font-weight:600!important
}
.win-in{
padding-right:0!important;
margin-top:30px!important
}
.weat-in-top-left{
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
margin-top:50px
}
.win-in-left1:last-child{
margin-bottom:0!important
}
.weat-in-top .yol-in-top-right span{
font-weight:700
}
.weat-in-top-left>span{
margin-right:0!important
}
.weat-in-top-left div p{
margin:0 0 7px 0!important
}
.weat-in-top{
padding-top:30px!important
}
.weat-in-top-left>span{
font-size:64px!important
}
.wiif:last-child>div{
flex-direction:row-reverse!important
}
.weat-in-top-left>span b{
top:-6px!important
}
.weat-in-top-left div{
flex-direction:column-reverse!important
}
.wiif{
justify-content:space-between!important
}
.win-in-left1 img{
margin-right:10px!important
}
.wiif:last-child>div img{
margin-left:10px;
margin-right:0!important
}
.win-in-flex{
padding:0 20px!important
}
.hintr-in{
flex:unset;
margin:0!important;
flex:unset!important;
margin-bottom:0!important
}
.hintr-in img{
margin:0 auto!important;
padding:0!important;
max-width:42px
}
.hintr-in p{
font-size:12px!important
}
.hintr-in span{
font-size:17px!important
}
.wiif:last-child{
align-items:flex-end;
display:flex;
flex-direction:column
}
#newsRead .bottom .left .comments ul li .h{
padding-right:0
}
#newsRead .bottom .left .comments ul li .h{
display:flex;
flex-direction:column
}
#newsRead .bottom .left .comments ul li .h time:before{
display:none
}
#newsRead .bottom .left .comments ul li .h time{
margin-left:0;
margin-top:8px
}
#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div>span:nth-child(3),#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div>span:nth-child(4),#newsRead .bottom .left .commentForm form>div #editorTool .ql-toolbar>div>span:nth-child(5){
display:none
}
.cb-ver-head,.cb-veri ul li{
padding:0 6px 0 14px
}
.bistaciliskapanis-son{
display:flex;
align-items:center;
justify-content:space-between
}
.bistaciliskapanis-son span:first-child{
margin-bottom:0
}
.header-bottom{
background:#b70b19
}
.cont-cb select{
width:100%;
height:35px;
margin-bottom:10px
}
.bistaciliskapanis-son span i{
font-size:15px;
font-style:normal;
font-weight:600;
width:auto;
display:inline-flex;
justify-content:space-between;
align-items:center;
color:#000;
margin-right:30px
}
.bistaciliskapanis-son span:last-child i{
width:auto;
margin-right:30px
}
header.center .header-bottom-right-options li:last-child{
position:absolute;
left:14px
}
header.center .header-bottom-right-options li:nth-child(2){
margin-right:0
}
header.center .header-bottom-left{
position:absolute;
left:50%;
transform:translateX(-50%);
padding-right:0
}
header.center .flex-between{
justify-content:flex-end
}
.mid-va{
width:75px;
margin:0 8px
}
.policy .container p{
font-size:13px;
line-height:22px;
padding-right:10px
}
.policy{
padding:10px 6px
}
#ana_dash_1{
padding-left:20px!important
}
#home>.bottom .left .sixNewsSymmetry>div:first-child{
padding-top:0!important
}
.alt-cat-havadurumu{
margin-top:10px!important
}
.havadurumu-in{
margin-bottom:10px!important
}
.liglerSec.ligSec{
min-width:auto;
max-width:70%
}
.liglerSec.ligSec.mobOn{
min-width:100%
}
.macDetay .mdHead .team i img{
margin-top:10px;
width:30px;
height:30px
}
.macDetay .mdHead .team span{
display:inline-block;
width:70%
}
.macDetay ul.infos li{
line-height:19px
}
.macDetay .mdHead .team i{
width:50px;
height:50px
}
}
@media only screen and (max-width:375px){
.kunye{
padding:20px 10px
}
.experience-content strong{
font-size:14px!important;
line-height:1.2em!important
}
.kunye p{
font-size:14px!important;
line-height:1em!important;
margin-top:9px
}
.kunye{
padding:20px 10px
}
.hm-vakit svg{
margin-left:6px
}
.cb-veri-full .cb-veri ul li span:nth-child(2){
min-width:120px
}
.p-d-body .cb-ver-head span:nth-child(2),.p-d-body ul li span:nth-child(2){
min-width:120px
}
.selectgun{
min-width:70px!important;
width:70px!important
}
.selectyil{
width:94px!important;
min-width:94px!important
}
.standingsTable .head .team{
width:30%!important
}
.standingsTable .tableIn .team{
width:30%!important
}
.standingsTable .head ul li.o{
margin-right:1px;
width:21px
}
.standingsTable .tableIn .po ul.p li.o{
margin-right:1px;
width:21px
}
.sSPosts .post .thumb{
height:85px
}
.sSPosts .post .thumb img{
min-height:85px
}
.sSPosts .post a.title{
font-size:16px;
padding-top:10px
}
}
@media screen and (max-width:357px){
.hm-vakit svg{
margin-left:-3px
}
.mid-va{
margin:0 3px
}
}
.alt-cat{
width:100%;
display:block;
background-color:#b70b19;
height:50px;
z-index:8;
position:relative
}
.alt-cat>ul{
margin:0 auto;
padding:0 24px;
display:flex;
align-items:center;
justify-content:center;
height:100%;
width:max-content;
flex-wrap:wrap;
flex-direction:row
}
.alt-cat::-webkit-scrollbar{
display:none;
-ms-overflow-style:none;
scrollbar-width:none
}
.alt-cat-ul li{
float:left;
display:inline-flex
}
.alt-cat>ul>li>a{
display:block;
color:#fff;
height:100%;
font-size:13px;
font-weight:600;
position:relative;
margin-right:14px;
padding-right:16px;
line-height:49px;
padding-top:1px
}
.alt-cat>ul>li:not(:last-child) a:before{
content:"";
width:1px;
height:20px;
background-color:rgba(255,255,255,.25);
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
.alt-cat>ul>li>a:after{
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:0;
height:3px;
background-color:#fff;
transition:width .35s ease-in-out;
margin-left:-7px
}
.alt-cat>ul>li>a:hover:after{
width:calc(100% - 16px)
}
.alt-cat>ul>li:last-child>a{
margin-right:0;
padding-right:0
}
.alt-cat>ul>li:last-child>a:hover:after{
width:100%;
margin-left:0
}
.alt-cat-havadurumu{
margin-top:30px;
background-color:#3e5ab2
}
.alt-cat-dropdown{
display:flex!important;
align-items:center;
justify-content:center
}
.alt-cat ul li a img{
margin-left:10px;
margin-top:-3px
}
.havadurumu-in{
width:100%;
margin-bottom:30px;
overflow:hidden
}
.havadurumu-in-top{
width:100%;
border-radius:8px 8px 0 0;
position:relative;
padding:40px;
background:linear-gradient(to bottom,#5a7be0 0,#6c85dc 65%,#6c85dc 100%)
}
.havadurumuflex{
display:flex;
align-items:center;
justify-content:flex-start;
width:100%
}
.havadurumu-in-top:after,.havadurumu-in-top:before{
content:"";
display:block;
clear:both
}
.havadurumu-add{
position:absolute;
right:40px;
top:30px;
cursor:pointer;
z-index:7;
padding-left:24px
}
.havadurumu-add img{
transition:transform .35s ease-in-out
}
.havadurumu-add:hover img{
transform:rotate(360deg)
}
.havadurumu-in-top-left{
width:340px;
height:271px;
border-radius:10px;
box-shadow:0 19px 21px rgba(12,4,7,.29);
background-color:#fff
}
.hitl-top{
background-color:#e1af46;
padding:26px 23px 0 26px;
border-radius:10px 10px 0 0;
color:#fff;
height:200px;
overflow:hidden
}
.hib-top{
display:flex;
justify-content:space-between;
width:100%;
height:60px;
padding-left:40px;
align-items:center;
background-color:#3e5ab2
}
.hib-tag a{
display:block;
font-size:14px;
height:30px;
line-height:30px;
padding:0 16px;
background-color:#506bc2;
margin-right:10px;
border-radius:15px;
transition:background-color .2s ease-in-out;
color:#fff
}
li.alt-box{
position:relative
}
.hib-tag a:hover{
background-color:#5b7bdf
}
.hib-tag a:last-child{
margin-right:0
}
.hib-title{
height:60px;
width:80px;
background-color:#4664c5;
text-align:center;
line-height:60px;
color:#fff;
padding-left:20px
}
.hib-title span{
font-size:14px;
font-weight:700
}
.hib-tag{
display:flex;
flex-wrap:wrap;
height:30px;
overflow:hidden;
max-width:calc(100% - 100px)
}
.havadurumuflex .apexcharts-xaxis{
transform:translate(0,-77px)
}
.havadurumu-box{
position:absolute;
right:100px;
top:17px;
visibility:hidden;
opacity:0;
transform:translateX(10px);
transition:all .35s ease-in-out;
z-index:-1
}
.havadurumu-add.active img{
transform:rotate(135deg)!important
}
.havadurumu-box.active{
visibility:visible;
opacity:1;
transform:translateX(0);
z-index:102
}
.havadurumu-box-bar{
width:180px;
height:auto;
border-radius:8px;
background-color:#839be2;
padding:9px 0;
height:348px;
z-index:88
}
.havadurumu-box:after{
position:absolute;
content:"";
right:-9px;
top:22px;
background-image:url(../img/hava/box-r.png);
width:9px;
height:21px
}
.simplebar-scrollbar:before{
background:#6f87ce!important;
border-radius:5px!important;
width:10px!important;
margin-left:auto!important;
margin-right:auto!important;
opacity:1!important
}
.simplebar-track{
right:0!important
}
.simplebar-scrollbar.simplebar-visible:before{
opacity:1!important
}
.simplebar-vertical{
border-radius:0 8px 8px 0!important;
width:20px!important;
background:#92a7e5!important;
transition:opacity .2s linear
}
.havadurumu-box li{
display:block;
width:100%
}
.havadurumu-box li a{
display:block;
width:100%;
color:#fff;
font-size:13px;
font-weight:500;
line-height:30px;
padding:0 20px
}
.havadurumu-box li a:hover{
background-color:#6f87ce
}
ul.chartul{
position:absolute;
width:100%;
left:0;
display:flex;
align-items:center;
justify-content:space-between;
animation:gozuk 1s ease-in-out forwards;
opacity:0;
animation-delay:.35s;
padding-left:23px;
padding-right:23px
}
@keyframes gozuk{
from{
opacity:0
}
to{
opacity:1
}
}
ul.chartul li{
font-weight:500;
display:block;
margin:0 8px;
position:relative;
padding:0 8px;
font-size:12px;
text-align:center;
width:42px
}
.alt-cat-box{
position:absolute;
right:0;
opacity:0;
visibility:hidden;
transition:all .35s ease-in-out;
top:50px;
padding-top:30px;
pointer-events:none
}
.alt-box:hover .alt-cat-box{
visibility:visible;
opacity:1;
transform:translateY(0);
pointer-events:auto!important
}
.alt-cat-box-bar{
width:180px;
height:auto;
border-radius:8px;
background-color:#839be2;
padding:9px 0;
height:348px;
z-index:88
}
.alt-cat-box:after{
position:absolute;
content:"";
right:26px;
top:15px;
background-image:url(../img/hava/box-r.png);
width:9px;
height:21px;
transform:rotate(-90deg)
}
.alt-cat-box li{
display:block;
width:100%
}
.alt-cat-box li a{
display:block;
width:100%;
color:#fff;
font-size:13px;
font-weight:500;
line-height:30px;
padding:0 20px
}
.alt-cat-box li a:hover{
background-color:#6f87ce
}
ul.chartul li:after{
content:"";
position:absolute;
right:-8px;
background:#e29544;
width:1px;
height:74px
}
ul.chartul li:first-child:before{
content:"";
position:absolute;
left:-8px;
background:#e29544;
width:1px;
height:74px
}
.hava2 .hitl-top{
background-color:#69afcd
}
.hava3 .hitl-top{
background-color:#5c7da1
}
.hava4 .hitl-top{
background-color:#32a7f6
}
.hava5 .hitl-top{
background-color:#20c2ea
}
.hava2 .hitl-left path,.hava2 .hitl-right path{
fill:#69afcd
}
.hava3 .hitl-left path,.hava3 .hitl-right path{
fill:#5c7da1
}
.hava4 .hitl-left path,.hava4 .hitl-right path{
fill:#32a7f6
}
.hava5 .hitl-left path,.hava5 .hitl-right path{
fill:#20c2ea
}
.hava2 ul.chartul li:after,.hava2 ul.chartul li:before{
background-color:#5798b4
}
.hava3 ul.chartul li:after,.hava3 ul.chartul li:before{
background-color:#4c6b8e
}
.hava4 ul.chartul li:after,.hava4 ul.chartul li:before{
background-color:#2195e3
}
.hava5 ul.chartul li:after,.hava5 ul.chartul li:before{
background-color:#16aed3
}
.hava2 .hitl-left span,.hava2 .hitl-right span{
color:#69afcd
}
.hava3 .hitl-left span,.hava3 .hitl-right span{
color:#5c7da1
}
.hava4 .hitl-left span,.hava4 .hitl-right span{
color:#32a7f6
}
.hava5 .hitl-left span,.hava5 .hitl-right span{
color:#20c2ea
}
#chart{
margin-top:35px;
padding:0
}
.hitl-top-in{
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:17px
}
.hitl-top-left span{
font-size:69px;
font-weight:600;
line-height:1em
}
.hitl-top-left p{
font-size:14px;
font-weight:700;
margin-top:3px
}
.hitl-top-left p b{
font-size:18px;
font-weight:400;
margin-left:5px
}
.hitl-top-right{
display:flex;
align-items:center;
flex-direction:column
}
.hitl-top-right span{
font-weight:500;
font-size:14px;
color:#fff;
display:block;
margin-top:15px
}
.hitl-top-left{
margin-top:-10px
}
.havadurumu-in-bottom{
background-color:#4664c5;
border-radius:0 0 8px 8px;
padding:0 20px 0 0
}
.apexcharts-toolbar{
display:none!important
}
.havadurumu-in-top-right{
display:flex;
align-items:center;
color:#fff;
position:relative;
padding-left:58px
}
.hintr-in p{
font-size:16px;
font-weight:700
}
.hintr-in img{
margin:19px auto 14px auto
}
.hintr-in span{
font-size:30px;
font-weight:500;
display:block
}
.hintr-in span b{
font-weight:500;
opacity:.5
}
.hintr-in{
text-align:center;
position:relative;
margin-right:30px;
padding-right:30px
}
.hintr-in:after{
content:"";
position:absolute;
right:0;
height:150px;
width:1px;
background-color:#4c5272;
top:50%;
transform:translateY(-50%)
}
.hintr-in:last-child{
margin-right:0;
padding-right:0
}
.hintr-in:last-child:after{
display:none
}
.apexcharts-xaxis text,.apexcharts-yaxis text{
fill:#fff!important
}
.apexcharts-tooltip{
background:#fff;
color:#222
}
.hitl-bottom{
height:71px;
border-radius:0 0 10px 10px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 38px
}
.apexcharts-tooltip-marker{
display:none!important;
visibility:hidden;
opacity:0
}
.apexcharts-gridlines-horizontal{
opacity:.3
}
.havadurumuflex .apexcharts-gridlines-horizontal{
opacity:0;
display:none
}
.havadurumuflex .apexcharts-xaxis line{
display:none!important;
opacity:0
}
.hitl-left,.hitl-right{
display:flex;
align-items:center
}
.hitl-left svg,.hitl-right svg{
margin-right:10px
}
.hitl-left span,.hitl-right span{
font-size:24px;
color:#e1af46;
font-weight:700
}
.hitl-left span b,.hitl-right span b{
font-size:14px;
margin-left:-2px
}
.hitl-left p,.hitl-right p{
color:#909090;
font-size:14px;
font-weight:400
}
.sb-left span a{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
.alt-cat-din{
margin-top:0;
background-color:#2e6a5c;
border-radius:0;
margin-bottom:0
}
.logo-pattern-din{
background-color:#307061
}
.alt-cat-din .alt-cat-box-bar{
background-color:#2e6a5c
}
.alt-cat-din .alt-cat-box li a:hover{
background-color:#358673
}
.alt-cat-din .simplebar-scrollbar:before{
background:#2e6a5c!important
}
.alt-cat-din .simplebar-vertical{
background:#358673!important
}
.alt-cat-din .alt-cat-box:after{
background-image:url(../img/icons/box-r-din.png)
}
.mt0{
margin-top:0
}
.cont.mt0{
background-color:#ebe6e0
}
.namaz-vakit-main{
display:flex;
flex-direction:row;
padding-top:17px;
justify-content:space-between
}
.navm-left span,.navm-right span{
font-size:20px;
color:#000;
font-weight:500;
margin-bottom:3px
}
.navm-left,.navm-right{
padding-top:25px
}
.navm-left time,.navm-right p{
font-size:16px;
color:#706c68
}
.navm-mid .timei{
width:560px
}
.navm-mid .hieig{
overflow:hidden;
height:232px;
z-index:1;
padding-top:25px;
text-align:center
}
.navm-mid .circle{
width:442px;
height:442px;
border-radius:100%;
border:1px solid #fff;
position:relative;
margin:0 auto;
padding-top:81px
}
.navm-mid .circle-animate{
-webkit-transform:rotate(0);
transform:rotate(0);
transform-origin:50% 220px;
-webkit-transform-origin:50% 213px;
position:relative;
top:-72px
}
.navm-mid .icon-gunes{
position:absolute;
font-size:50px;
background:#ebe6e0;
top:180px;
left:-30px;
animation:gunes 3s infinite linear;
background-image:url(../img/icons/gunes.svg);
width:62px;
height:62px;
border-radius:100%
}
@-webkit-keyframes gunes{
from{
transform:rotate(0)
}
to{
-webkit-transform:rotate(360deg)
}
}
.navm-mid .timei h2{
font-size:20px;
display:block;
margin-bottom:16px;
font-weight:700
}
.navm-mid .timei span{
font-size:44px;
color:#000;
margin-right:10px
}
.navm-mid .timei span:last-child{
margin-right:0
}
.navm-mid .timei span b{
color:#706c68;
font-size:22px;
font-weight:400;
margin-left:-5px
}
.navm-left,.navm-right{
display:flex;
flex-direction:column
}
.namaz-vakit-israk,.namaz-vakit-saat{
width:100%;
height:120px;
background-color:#53357f;
display:flex;
align-items:center;
justify-content:center
}
.namaz-vakit-israk ul li,.namaz-vakit-saat ul li{
height:120px;
width:160px;
color:#fff;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
position:relative
}
.namaz-vakit-israk ul li p,.namaz-vakit-saat ul li p{
font-size:14px;
font-weight:400;
margin-bottom:7px
}
.namaz-vakit-israk ul li span,.namaz-vakit-saat ul li span{
font-size:44px
}
.namaz-vakit-israk ul,.namaz-vakit-saat ul{
display:flex;
width:100%;
justify-content:center;
align-items:center
}
.namaz-vakit-saat ul li.active,.namaz-vakit-saat ul li:hover{
background-color:#452c6a
}
.namaz-vakit-saat ul li.active:after{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%) translateZ(0) translateY(0) rotate(0);
background-image:url(../img/icons/namaz-before.png);
width:21px;
height:9px
}
.namaz-vakit-israk{
background-color:#6abb9b
}
.namaz-vakit-israk ul{
justify-content:flex-start
}
.namaz-vakit-israk li:nth-child(1),.namaz-vakit-israk li:nth-child(2){
left:248px
}
.namaz-vakit-israk li:nth-child(2){
left:212px
}
.namaz-vakit-israk li:nth-child(4){
left:40px
}
.namaz-vakit-israk li:nth-child(3){
left:445px
}
.namaz-vakit-saat li:nth-child(2):before,.namaz-vakit-saat li:nth-child(5):before{
content:"";
width:4px;
height:12px;
background-color:#6abb9b;
position:absolute;
right:-2px;
bottom:0;
z-index:1
}
.namaz-vakit-tab{
width:100%;
display:block
}
.nvt-top{
width:100%;
height:60px;
background-color:#2e6a5c
}
.nvt-top ul li{
display:inline-block
}
.nvt-top ul li a{
display:block;
height:60px;
line-height:60px;
font-size:14px;
padding:0 25px;
color:#fff;
font-weight:500
}
.nvt-top ul li.active a,.nvt-top ul li:hover a{
background-color:#367c6c
}
.nvt-bottom ul{
display:none
}
.nvt-bottom ul.active{
display:block
}
.nvt-bottom ul li{
display:flex;
width:100%;
height:54px;
background-color:#fff;
justify-content:space-around;
text-align:center
}
.nvt-bottom ul li span{
display:inline-block;
height:54px;
line-height:54px;
width:calc(100% / 7);
text-align:center;
font-size:14px
}
.nvt-bottom ul li:nth-child(odd){
background-color:#f5f5f5
}
@media screen and (max-width:1140px){
.header-top-right .wheat,.header2-vakit{
display:none
}
.hintr-in span{
font-size:20px;
display:block
}
#newsRead .top>time{
display:none
}
}
.select-havadurumu,.select-vakit{
display:none
}
@media screen and (max-width:1070px){
.namaz-vakit-israk ul li,.namaz-vakit-saat ul li{
width:50%;
position:static;
flex:0 0 50%
}
.namaz-vakit-israk ul,.namaz-vakit-saat ul{
flex-wrap:wrap;
height:auto
}
.namaz-vakit-israk,.namaz-vakit-saat{
height:auto
}
.namaz-vakit-saat ul li.active:before{
display:none
}
}
@media screen and (max-width:886px){
.nmaz-flex .selectli-svg-in{
left:100%;
top:-6px;
margin-left:20px;
width:200px
}
.nmaz-flex .selectli-svg-in:before{
left:-9px;
transform:rotate(-180deg);
top:6px
}
.nmaz-flex .selectli-svg-in ul{
height:168px;
width:196px
}
.navm-left{
z-index:99998!important
}
.namaz-vakit-saat li::before{
display:none
}
.namaz-vakit-israk ul li span,.namaz-vakit-saat ul li span{
font-size:32px
}
.navm-mid .circle{
width:375px;
height:375px;
padding-top:60px
}
.navm-mid .hieig{
height:262px;
padding-top:90px
}
.navm-mid .timei h2{
font-size:16px
}
.navm-mid .circle-animate{
-webkit-transform-origin:50% 200px
}
.navm-mid .timei span{
font-size:30px
}
.namaz-vakit-main{
flex-direction:column;
overflow:hidden;
padding-top:0
}
.namaz-vakit-saat{
overflow:hidden
}
.navm-mid{
margin-top:-80px
}
.navm-left,.navm-right{
float:left
}
.navm-right{
position:absolute;
right:10px;
text-align:right
}
.navm-mid .timei{
width:100%
}
}
.header-bottom.on .header-bottom-left nav ul li.menu-attr a:before{
display:none
}
@media screen and (min-width:768px){
.hmfix.customize-support .hd-bot.on, .hmfix.customize-support .header-bottom.on, .hmfix.customize-support .header4-center.on {
top: 32px;
}
.hmfix .header4-center.on .h4c-in {
height: 50px;
}
.hmfix .header4-center.on {
position: fixed;
width: 100%;
z-index: 99;
box-shadow: 0 1px 8px rgb(186 186 186 / 58%);
top: 0;
border-top: 3px solid #264380;
}
.h4b-in{
height: 60px;
}
.selectli-svg:hover .selectli-svg-in{
visibility:visible!important;
opacity:1!important;
transform:translateX(-12px)
}
.header-bottom.on .flex-between{
height:50px
}
.hmfix .header-bottom.on{
border-bottom:2px solid #b70b19
}
.hmfix .hd-bot.on,.hmfix .header-bottom.on{
position:fixed;
width:100%;
top:0
}
.hmfix .header2.withHeader3 .hd-bot.on{
height:52px
}
.withHeader3 .hd-bot.on .header-search-form{
top:0
}
.hmfix .header2.withHeader3 .hd-bot.on{
border-top:3px solid #db2027
}
.hmfix.customize-support .hd-bot.on,.hmfix.customize-support .header-bottom.on{
top:32px
}
.hmfix .header-bottom.on .header-bottom-left nav ul li a{
line-height:50px
}
.mobile-logo{
display:none
}
.readingcount{
position:absolute;
right:0;
bottom:54px;
background-color:#fff;
padding:15px 15px 10px 15px;
font-size:14px;
font-weight:500
}
.imageArea .readingcount{
bottom:0;
right:85px
}
.detail .cap{
position:relative
}
#home>.bottom .left .sixNewsSymmetry>div:first-child,#home>.bottom .left .sixNewsSymmetry>div:nth-child(2),#home>.bottom .left .sixNewsSymmetry>div:nth-child(3){
padding-top:0!important
}
.mobile-gizle .fiveNews .newsBox>span{
height:142px
}
.mobile-gizle .fiveNews .newsBox span img{
width:100%;
height:100%;
object-fit:cover
}
}
.log-7{
display:none
}
.owl-carousel .owl-item{
-webkit-transition:0s ease-in-out left;
-moz-transition:0s ease-in-out left;
-o-transition:0s ease-in-out left;
transition:0s ease-in-out left
}
.cb-letters::-webkit-scrollbar{
opacity:0;
visibility:hidden;
display:none
}
.cb-letters::-webkit-scrollbar-track{
opacity:0;
visibility:hidden;
display:none
}
.cb-letters::-webkit-scrollbar-thumb{
opacity:0;
visibility:hidden;
display:none
}
.capmobile{
display:none
}
.abonemobile,.abonemobile .news-abone{
display:none
}
#agenda>div .left>div:last-child{
margin-bottom:0!important
}
@media screen and (max-width:768px){
.header4 .h4c-in {
height: 46px;
border-top: 0;
}
.h4b-right .hd-top-right span {
background-color: #222!important;
}
.h4b-right .hd-top-right li .mobileg-g {
display: none!important;
}
.header-search-form, .header-search-form .hsf-in, .header-search-form .hsf-in form, .header-search-form form input {
height: 46px!important;
}
.header-search-form .container {
width: 100%;
padding: 0!important;
}
.h4b-right .hd-top-right li .des-g {
display: block!important;
}
.header-bottom-right-options ul {
min-width: inherit;
}
.h4b-right>a {
display: none;
}
.header4 a.mobile-logo {
background-color: transparent;
}
.header4 a.mobile-logo {
display: flex!important;
max-height: 37px;
background: 0 0;
}
.h4b-carousel a {
max-width: 255px;
}
.h4b-carousel i {
margin: 0 8px;
}
.h4b-carousel span, .h4b-carousel i, .h4b-carousel a {
font-size: 15px;
font-weight: 500;
}
.h4b-carousel {
max-width: 95%;
padding-left: 10px;
}
.hour24 svg {
max-width: 36px;
}
.h4b-left {
width: 100%;
}
.h4b-carousel .owl-nav {
display: none;
}
.h4b-right {
position: absolute;
bottom: 64px;
right: 10px;
}
.header4-top {
display: none;
}
.header4-center {
box-shadow: unset;
}
.h4b-in {
height: 50px;
}
.fvb-left{
width:100%!important
}
.fvb-right{
width:100%!important
}
.full-video-b{
flex-wrap:wrap
}
.videoPostHead .contentArea .rightPosts{
display:none!important
}
#videoPostHead{
padding-bottom:6px!important
}
.selectli-svg.mobon .selectli-svg-in{
visibility:visible!important;
opacity:1!important;
transform:translateX(-12px)
}
.nmaz-flex .selectli-svg.mobon .selectli-svg-in{
transform:translateX(0) translateY(0)
}
.weat-in-top .selectli-svg.mobon .selectli-svg-in,.yol-in-top .selectli-svg.mobon .selectli-svg-in{
transform:translateY(0)
}
.fd-in .fd-1:nth-child(1),.fd-in .fd-1:nth-child(2),.fd-in .fd-1:nth-child(5),.fd-in .fd-1:nth-child(6){
background-color:#f9f9f9
}
.fd-in .fd-1:nth-child(3),.fd-in .fd-1:nth-child(4),.fd-in .fd-1:nth-child(7),.fd-in .fd-1:nth-child(8){
background-color:#fff
}
.fd-in .fd-1:nth-child(odd){
border-right:1px solid #e6e6e6
}
.finans-doviz{
margin-top:0!important
}
#agenda>div .left .rk,#woman>div .left .rk{
margin-bottom:10px!important
}
.ss-top ul li{
min-width:max-content;
min-width:fit-content
}
.new-category-in .video-five{
margin-bottom:10px
}
.burcTopWidget .burcWidgetContent{
padding:15px
}
.burcTopWidget .burcWidgetContent .widgetBottom a{
margin-right:3px
}
div#agenda>.ads:first-child{
margin-bottom:10px!important
}
.haberSingle .bottom .sixNews .newsBox>span{
height:auto;
margin-top:2px
}
#newsRead .bottom .left .sixNews .row>div{
flex:0 0 50%;
max-width:50%
}
#newsRead .bottom .left .sixNews .row{
margin-left:-5px;
margin-right:-5px
}
.haberSingle .bottom .sixNews .newsBox strong span{
margin-bottom:0
}
.haberSingle .bottom .sixNews{
margin-bottom:0
}
#newsRead .bottom .left .commentForm{
margin-top:15px
}
.header1 .hd-top-in{
display:none
}
.customize-support .mobileSearch{
top:46px
}
.abonemobile{
display:flex;
align-items:center;
justify-content:flex-start
}
.abonemobile span{
font-size:13px;
font-weight:500;
color:#7e8488!important
}
.abonemobile>span{
margin-left:7px;
position:relative;
padding-left:11px
}
.abonemobile>span:before{
content:"";
position:absolute;
left:0;
top:50%;
width:6px;
height:6px;
background:#222;
border-radius:100%;
margin-top:-3px
}
.capmobile{
display:block;
width:calc(100% + 20px);
margin-left:-10px
}
.cap>img{
display:none!important
}
.abonemobile .news-abone{
display:flex!important
}
.atitle{
display:none!important
}
.ows-son.ow-galeri,.ows-son.ow-video{
bottom:unset!important;
top:22px!important
}
.canli_b{
width:100%
}
.bistaciliskapanis{
display:block
}
.cbb-flex{
flex-direction:column;
align-items:flex-start
}
.bist100or{
margin:20px 0
}
.cb-veri{
width:100%;
margin-bottom:10px
}
.cb-veriler{
flex-direction:column
}
.cb-veri:last-child{
margin-bottom:0
}
.header2{
margin-bottom:0!important
}
.header2after{
display:none
}
.hmfix header.mbfix{
height:40px
}
.mbfix .hd-top,.mbfix .header-bottom{
position:fixed;
width:100%;
top:0;
left:0
}
.flmc .fively-left{
width:100%;
margin-bottom:10px;
display:none
}
.nys-slider-in{
padding:14px 14px 0 14px!important;
height:113px
}
a.nys-slider-in:after,a.nys-slider-in:before{
left:14px!important
}
a.nys-slider-in:before{
left:23px!important
}
a.nys-slider-in:after,a.nys-slider-in:before{
display:none
}
.new-yazar-slider figure{
min-width:90px;
min-height:90px;
height:90px;
width:90px;
margin-top:4px
}
.nys-right h5{
margin-top:0!important;
font-size:15px!important
}
.nys-right span{
margin-top:5px!important;
display:none
}
.nys-right p{
font-size:16px!important;
margin-top:3px!important;
line-height:20px!important;
height:auto;
-webkit-line-clamp:3
}
div#nys-slider .owl-nav{
margin-top:-16px
}
a.nys-slider-in:after,a.nys-slider-in:before{
top:6px!important
}
.flmc .fively-right{
display:block
}
.flmc .fively-right .side-rek{
display:block;
text-align:center
}
.flmc .fively-right .side-rek img{
width:auto!important;
margin:0 auto
}
.flmc .news-four.news-four-2{
max-width:100%
}
.flmc .news-four-2 .news-four-in figure{
height:229px
}
.flmc .news-four-2 .news-four-in{
margin-bottom:10px
}
.flmc .news-four-2 .news-four-in{
max-width:100%;
flex:0 0 100%;
width:100%
}
.f-galeri-four>div{
max-width:calc(50% - 5px);
flex:0 0 50%;
margin-bottom:10px
}
.f-galeri-four{
margin-bottom:0
}
.log-7{
display:block
}
#newsRead .bottom .left .detail .relatedContent a img,.yazar-post .relatedContent a img{
width:140px
}
.relatedContent .play-button,.yazar-post .relatedContent .play-button{
left:47px
}
#newsRead .bottom .left .detail .relatedContent a,.yazar-post .relatedContent a{
padding-left:153px
}
.ydl-top.fixa{
POSITION:static;
margin:0;
padding:0;
background:0 0;
width:auto;
box-shadow:unset
}
.sc-six-in{
width:calc(50% - 5px)
}
.sc-six.threely .sc-six-in:nth-child(3){
display:none
}
.category-content .sc-six .sc-six-in:nth-child(9){
display:none
}
.desktop-logo{
display:none!important
}
.flex-start.mid568-col{
flex-direction:column;
margin-bottom:10px!important
}
a.mobile-logo{
display:block;
z-index:99;
height:100%;
background-color:#b70b19;
display:flex;
align-items:center;
justify-content:center;
padding-right:16px
}
.header-bottom-left:before{
display:none
}
.header-bottom .container{
padding-left:0!important
}
.header-bottom-left a{
padding-left:14px!important
}
.header2 a.mobile-logo{
background-color:transparent
}
.b-videogaleri,.video-five-right{
width:100%
}
.b-videogaleri:first-child{
margin-bottom:10px;
width:100%!important
}
.b-videogaleri:last-child{
margin-top:0;
width:100%!important;
margin-bottom:0!important
}
.new-category-in .b-videogaleri{
padding-bottom:0!important
}
a.bvgl-top p{
height:auto
}
.bvgl-small a figure{
margin:0 14px 0 0
}
#home>.bottom .left .sixNewsSymmetry>div:last-child{
display:block
}
.dp-m-no,.flex-start.mid568-col .mid-rek,.header-sport-slider,.lholder.container{
display:none!important
}
.header-sport-slider .container{
padding:0!important
}
.yatay2 .play-button{
top:40px!important
}
.yatay2 a{
max-height:162px
}
.wd1{
flex-direction:column;
margin-top:0;
margin-bottom:0!important
}
.yatay2{
max-width:100%;
margin-top:0
}
.yazar-detay-left{
width:100%;
padding:10px
}
.yazar-detay-right{
width:100%;
flex:0 0 100%;
max-width:100%;
margin-bottom:10px;
padding:0 10px
}
#newsRead .bottom .left .detail h1,#newsRead .bottom .left .detail h2,#newsRead .bottom .left .detail h3,.yazar-detay-right h1,.yazar-detay-right h2,.yazar-detay-right h3{
font-size:22px;
line-height:30px;
margin-top:0
}
.yazar-flex{
flex-direction:column-reverse
}
a.other-text{
margin:10px 0
}
.ydl-other h1{
margin-bottom:10px
}
.ydl-other{
padding:10px 0 0 0
}
.ydl-other ul li figure{
margin-right:12px
}
.ydl-other ul li{
margin-bottom:10px
}
.ydl-other-right{
padding-top:10px
}
.ydl-other ul li:last-child{
margin-bottom:0
}
.ydl-top ul li a{
width:30px;
height:30px
}
.ydl-top-right p{
margin-bottom:26px
}
.left.tvAndNewspaper{
padding:10px 0 0 0!important
}
#newsRead .tvAndNewspaper .tv>div>div:last-child{
padding:10px
}
div.mlb-gzt{
margin-left:-5px!important;
margin-right:-5px!important
}
.newsPapper{
padding-left:5px!important;
padding-right:5px!important
}
.burcTopWidget .burcIconArea li span{
margin-top:4px
}
.sport-slide{
margin-top:0!important;
margin-bottom:10px
}
#sport a.ads{
margin-bottom:10px!important
}
.ss-top-mobile{
display:block
}
.ss-top ul{
width:100%;
overflow-x:auto;
overflow-y:hidden;
justify-content:flex-start
}
.p-d-body .ss-top,.p-d-body .ss-top ul li{
height:34px;
line-height:34px
}
.newsBox>strong{
padding-left:0
}
.header-top .flex-between{
overflow-x:scroll;
overflow-y:hidden
}
.bor-statistics li{
margin-right:15px
}
.video-five-left{
width:100%!important
}
.video-five .flex-start{
flex-direction:column
}
.video-five-right .bvgl-small{
width:100%!important;
float:left
}
.coklu-kat-left .fively-left{
width:100%;
height:266px
}
.fively-left,.news-four-2{
width:100%
}
.mid768-col{
flex-direction:column
}
.news-four-3{
width:100%!important;
display:flex;
justify-content:space-between
}
.news-four.news-four-3 .news-four-in{
max-width:calc(50% - 5px);
margin-bottom:0
}
.mid768-col>div:nth-child(3) .news-four-in{
width:100%!important;
margin-top:10px;
margin-bottom:0!important
}
.coklu-kat-left .fively-left a{
height:186px!important
}
.coklu-kat-left .fively-title h5{
padding-bottom:0;
font-size:18px!important;
line-height:22px
}
.fively-title{
padding:0 14px
}
.fively-right{
display:block;
width:100%
}
.side-rek{
display:none
}
.news-four-2 .news-four-in{
margin-bottom:0
}
.bor-ca{
display:none
}
.header-top-left{
float:left;
width:100%;
flex:0 0 520px
}
.header-top .flex-between{
overflow-x:scroll;
overflow-y:hidden
}
.header-top .flex-between::-webkit-scrollbar{
width:12px;
padding:2px;
height:2px
}
.header-top .flex-between::-webkit-scrollbar-track{
height:2px
}
.header-top .flex-between::-webkit-scrollbar-thumb{
background-color:#c1c1c1;
border-radius:4px
}
.gazete-detay{
margin-top:0
}
.gazeteler-top{
display:none!important
}
.gazete-detay-mid{
max-width:calc(100% - 214px)!important
}
.gazete-detay-right{
display:none
}
#zuck-modal-content .story-viewer .head .left .info{
max-width:80%!important
}
#zuck-modal-content .story-viewer .head .left .info>*{
display:-webkit-box!important;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
#zuck-modal-content .story-viewer.with-back-button .head .left>.back{
margin-top:-6px!important
}
#zuck-modal-content .story-viewer .head .left{
margin-top:9px!important
}
.readingcount{
display:none
}
.nvt-bottom .container{
width:843px
}
.nvt-bottom{
overflow-y:hidden;
overflow-x:scroll
}
.nvt-bottom::-webkit-scrollbar{
opacity:0;
visibility:hidden;
display:none
}
.nvt-bottom::-webkit-scrollbar-track{
opacity:0;
visibility:hidden;
display:none
}
.nvt-bottom::-webkit-scrollbar-thumb{
opacity:0;
visibility:hidden;
display:none
}
.havadurumu-in-top-right{
padding-left:0
}
.alt-cat-havadurumu ul,.nvt-top ul{
display:none!important
}
.select-havadurumu,.select-vakit{
position:relative;
display:flex;
align-items:center;
justify-content:center;
height:50px;
float:left;
margin-left:15px
}
.select-vakit{
height:60px
}
.select-havadurumu select,.select-vakit select{
background-color:transparent;
border:none;
color:#fff;
font-weight:700;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
padding:0 15px 0 0;
border-radius:0;
outline:0;
cursor:pointer;
font-size:14px!important;
line-height:normal;
font-style:normal;
background:url(../img/hava/cdown.svg) no-repeat 100% 50%;
background-size:7px 4px;
text-transform:uppercase
}
.hintr-in img{
margin:14px auto
}
.havadurumuflex{
flex-direction:column;
justify-content:center;
align-items:center
}
.havadurumu-in-top-left{
margin-bottom:30px
}
.havadurumu-in-top-right{
margin-right:0!important
}
.havadurumu-add{
display:none
}
.hib-top{
padding:0
}
.hib-tag{
display:none
}
.hib-title{
width:100%;
padding:0;
margin:0
}
.havadurumu-in-bottom{
padding:0
}
.apexcharts-yaxis{
display:none
}
.hd-bot{
height:0;
width:0;
border:0;
display:none
}
.log-7 a{
display:flex;
height:40px;
width:138px;
align-items:center;
justify-content:center;
padding:0 8px
}
.hd-top-in{
height:46px
}
.log-7 .logo-pattern{
display:none
}
.log-7 a{
max-width:100%;
max-height:100%
}
.log-7 a.mobile-logo{
display:flex!important;
padding:0;
width:auto
}
.hd-top-left{
max-width:calc(100% - 246px);
overflow-x:scroll;
overflow-y:hidden;
display:none
}
}
.hd-top-left::-webkit-scrollbar{
width:12px;
padding:2px;
height:2px
}
.hd-top-left::-webkit-scrollbar-track{
height:2px
}
.hd-top-left::-webkit-scrollbar-thumb{
background-color:#fff;
border-radius:4px
}
.hd-top-right{
margin-left:0
}
.vidgal{
width:100%;
display:flex;
align-items:center;
justify-content:space-between
}
.news-abone.vidgal2{
top:0
}
.news-abone.vidgal2 span{
color:#fff
}
.vidgal .news-abone-logo{
color:#fff
}
.news-abone a:hover,.news-abone.vidgal2:hover .news-abone-logo,.news-abone.vidgal2:hover span{
color:red!important
}
.fllf{
width:100%;
margin:0 auto;
text-align:left;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:15px
}
.fllf ul{
padding:0!important
}
.fllf .news-abone{
top:0
}
.sc-options-user{
width:36px;
height:36px;
border-radius:100%;
padding:3px;
background:rgba(201,9,20,.73);
display:inline-block;
margin-right:10px
}
.sticky-bread{
position:fixed;
width:100%;
top:-10px;
z-index:998;
left:0;
background-color:#fff!important;
height:52px;
display:flex;
align-items:center;
box-shadow:0 1px 8px rgba(186,186,186,.58);
transform:translateY(-52px);
transition:transform .3s ease;
border-top:3px solid #db2027
}
.sticky-bread.sticked{
transform:translateY(10px)
}
.customize-support .sticky-bread.sticked{
transform:translateY(42px)
}
.sb-left{
display:flex;
color:#fff;
align-items:center;
font-family:Barlow,sans-serif;
font-weight:700;
font-size:16px;
line-height:22px
}
.sb-left a{
display:inline-block;
margin-left:13px;
color:#fff;
margin-right:13px;
font-size:16px;
font-weight:600;
color:#6d6d6d
}
.sb-left a:first-child{
margin-left:0;
margin-right:0;
color:#333;
font-weight:600;
font-size:16px
}
.sb-left span{
margin-left:13px;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
.sb-left b{
font-size:16px;
font-weight:600;
color:#6d6d6d
}
.sc-options-user img{
margin:0 auto;
width:100%;
height:100%;
object-fit:cover
}
.news-abone a{
display:flex;
font-size:12px;
color:#666!important;
float:left;
align-items:center;
justify-content:center;
transition:color .2s ease-in-out
}
.news-abone-logo{
border:1px solid #dedede;
height:25px;
display:flex;
align-items:center;
justify-content:center;
width:100px;
font-size:13px;
padding-top:2px
}
.news-abone{
display:flex;
align-items:center;
justify-content:center
}
.sc-options-left .options-icons:before{
content:"";
position:absolute;
right:0;
top:0;
width:1px;
height:36px;
background-color:#dbdbdb
}
.sc-options-left .options-icons{
padding-right:20px;
margin-right:20px;
position:relative;
cursor:pointer
}
.news-abone-logo img{
height:14px;
margin-right:3px;
margin-top:2px
}
.news-abone>span{
display:block;
width:max-content;
margin-right:10px;
font-family:Barlow,sans-serif;
font-size:12px;
font-weight:700;
color:#7e8488!important;
transition:color .2s ease-in-out
}
.news-abone a:hover,.news-abone a:hover span{
color:#eb212e
}
footer.facebook i{
width:10px;
-webkit-mask-image:url(../img/icons/footerFacebook.svg);
mask-image:url(../img/icons/footerFacebook.svg)
}
footer.twitter i{
width:18px;
-webkit-mask-image:url(../img/icons/footerTwitter.svg);
mask-image:url(../img/icons/footerTwitter.svg)
}
footer.google-plus i{
width:17px;
-webkit-mask-image:url(../img/icons/footerGPlus.svg);
mask-image:url(../img/icons/footerGPlus.svg)
}
footer.instagram i{
width:17px;
-webkit-mask-image:url(../img/icons/footerInstagram.svg);
mask-image:url(../img/icons/footerInstagram.svg)
}
footer.pinterest i{
width:14px;
-webkit-mask-image:url(../img/icons/footerPinterest.svg);
mask-image:url(../img/icons/footerPinterest.svg)
}
footer.youtube i{
width:20px;
-webkit-mask-image:url(../img/icons/footerYoutube.svg);
mask-image:url(../img/icons/footerYoutube.svg)
}
footer.dribbble i{
width:18px;
-webkit-mask-image:url(../img/icons/footerDribbble.svg);
mask-image:url(../img/icons/footerDribbble.svg)
}
.icon-border.pinterest.icon-pinterest:before{
display:none
}
.head.gray{
background-color:#fff!important
}
.icon-border{
width:36px;
height:36px;
border:2px solid #9da1a4;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
position:relative;
transition:all .2s ease-in-out
}
.options-icons:hover .icon-border{
border-color:#eb212e;
background-color:#eb212e
}
.icon-border span{
position:absolute;
right:-7px;
top:-3px
}
span.icon-border-count{
width:18px;
height:14px;
background-color:#eb212e;
color:#fff;
border-radius:7px;
letter-spacing:-.25px;
font-size:9px;
font-weight:500;
text-align:center;
line-height:14px;
transition:all .2s ease-in-out;
font-family:Barlow,sans-serif!important;
font-weight:700
}
.options-icons:hover span{
color:#fff;
box-shadow:0 0 0 1px #fff;
}
.options-icons{
display:flex;
align-items:center
}
.sc-options-left{
display:flex;
align-items:center;
margin-right:60px
}
.sc-left-in p{
margin-bottom:6px;
font-family:Barlow,sans-serif;
font-size:16px;
font-weight:400;
line-height:28px;
color:#000
}
#newsRead .bottom .left .detail .options-icons p,.yazar-detay-right .cap .options-icons p{
font-family:Barlow,sans-serif;
font-size:12px!important;
font-weight:700!important;
color:#7e8488!important;
text-transform:uppercase;
margin:0;
line-height:1em!important;
margin-left:10px;
transition:color .2s ease-in-out
}
#newsRead .bottom .left .detail .options-icons:hover p,.yazar-detay-right .cap .options-icons:hover p{
color:#eb212e
}
.sc-options-right{
display:flex;
align-items:center
}
.sc-options-right .options-icons{
margin-right:8px;
cursor:pointer;
border-radius:50%;
}
.sc-options-right .options-icons a{
border-radius:50%;
}
.sc-options-right .options-icons:last-child{
margin-right:0
}
.sc-options-right .twitter{
border-color:#111;
color:#111
}
.sc-options-right .twitter i{
background-color:#111;
display:block;
height:20px
}
.sc-options-right .twitter:hover{
border-color:#111!important;
background-color:#111;
color:#fff
}
.sc-options-right .twitter:hover i{
background-color:#fff
}
.sc-options-right .facebook{
border-color:#4565a0;
color:#4565a0
}
.sc-options-right .facebook i{
background-color:#4565a0;
display:block;
height:20px
}
.sc-options-right .facebook:hover{
border-color:#4565a0!important;
background-color:#4565a0!important;
color:#fff
}
.sc-options-right .facebook:hover i{
background-color:#fff
}
.sc-options-right .pinterest{
border-color:#cb2027!important;
color:#4565a0
}
.sc-options-right .pinterest i{
background-color:#cb2027!important;
display:block;
height:20px
}
.sc-options-right .pinterest:hover{
border-color:#cb2027!important;
background-color:#cb2027!important;
color:#fff
}
.sc-options-right .pinterest:hover i{
background-color:#fff!important
}
.sc-options{
margin-top:20px;
margin-bottom:8px
}
.sc-options .flex-between{
justify-content:center
}
i.icon-like2{
width:16px;
-webkit-mask-image:url(../img/icons/like.svg);
mask-image:url(../img/icons/like.svg);
display:block;
height:15px;
transition:.3s;
background-color:#9da1a4;
transition:background-color .2s ease-in-out
}
i.icon-comments2{
width:16px;
-webkit-mask-image:url(../img/icons/cmblack.svg);
mask-image:url(../img/icons/cmblack.svg);
display:block;
height:14px;
transition:.3s;
background-color:#9da1a4;
transition:background-color .2s ease-in-out
}
i.icon-favori2{
width:10px;
-webkit-mask-image:url(../img/icons/icon-favori.svg);
mask-image:url(../img/icons/icon-favori.svg);
display:block;
height:13px;
transition:.3s;
background-color:#9da1a4;
transition:background-color .2s ease-in-out
}
i.icon-share2{
width:14px;
-webkit-mask-image:url(../img/icons/share.svg);
mask-image:url(../img/icons/share.svg);
display:block;
height:13px;
transition:.3s;
background-color:#9da1a4;
transition:background-color .2s ease-in-out;
margin-top:-2px
}
,i.icon-whatsapp{
width:29px;
-webkit-mask-image:url(../img/icons/wp.svg);
mask-image:url(../img/icons/wp.svg);
display:block;
height:38px;
transition:.3s;
background-color:#2cb742!important;
transition:background-color .2s ease-in-out;
color:#fff;
border-radius:50%;
padding:7px;
margin-right:10px;
float:left
}
.options-icons:hover i{
background-color:#fff
}
.sb-left a img{
max-width:unset!important
}
#newsRead .bottom .left .detail>.cap{
margin-bottom:12px!important
}
@media screen and (max-width:991px){
#home>.bottom>.left .sixNews .left{
width:100%;
flex:0 0 100%;
max-width:100%
}
.header-top-left{
justify-content:space-between;
width:100%
}
ul.bor-statistics{
margin:0
}
.hintr-in{
flex:0 0 50%;
margin:0 0 20px 0;
padding:0
}
.havadurumu-in-top-right{
flex-wrap:wrap;
margin-right:45px
}
.hintr-in:after{
display:none
}
.news-abone{
display:none
}
a.sc-options-user{
display:none
}
.sc-options-left{
margin:0
}
.sc-options-left .options-icons{
padding:0;
margin:0 8px 0 0
}
.options-icons p{
display:none
}
.sc-options-left .options-icons:before{
display:none
}
.sc-options{
margin-top:18px;
margin-bottom:0
}
.sb-right{
display:none
}
.singleBigTitle.vidgal{
flex-direction:column-reverse;
align-items:flex-start
}
.news-abone.vidgal2{
margin-top:0;
margin-bottom:10px
}
#home .cuff{
padding-top:10px
}
}
.haberSingle .left .detail ul{
padding-left:16px
}
.options-icons .shareArea{
padding:14px 14px 9px 14px!important
}
.haberSingle .fgaleri-share ul{
display:flex!important
}
.haberSingle .left .detail ul li{
list-style:disc;
list-style-type:disc;
font-size:18px!important;
line-height:28px;
color:#000;
font-weight:500;
margin-bottom:5px
}
.haberSingle .left .detail .shareDivArea ul li{
font-size:14px!important
}
span.newsfl-toolbox{
position:absolute;
height:30px;
line-height:30px;
background-color:#3e405d;
border-radius:12px;
padding:0 12px;
font-size:12px;
font-weight:700;
transition:all .35s ease-in-out;
color:#fff;
min-width:max-content;
left:50%;
top:100%;
margin-top:20px;
transform:translate(-50%,10px);
visibility:hidden;
opacity:0
}
.sb-right-icons:hover span.newsfl-toolbox{
visibility:visible;
opacity:1;
transform:translate(-50%,0)
}
.sb-right-icons{
position:relative
}
.shareDivArea{
position:absolute;
min-width:200px;
margin-top:21px
}
.shrrt.active .icon-border{
border-color:#eb212e;
background-color:#eb212e
}
.shrrt.active .icon-border i{
background-color:#fff
}
.options-icons .shareArea{
float:right;
display:inline-block;
font-size:0;
vertical-align:middle;
font-size:14px!important;
position:absolute;
display:block;
box-shadow:0 7px 8px rgba(0,0,0,.2);
background:#fff;
padding:15px;
visibility:hidden;
z-index:2
}
.options-icons .shareArea li{
list-style:disc!important;
list-style-type:disc!important;
display:inline-block!important;
vertical-align:middle!important;
margin-left:10px!important;
display:block!important;
line-height:40px!important;
margin-left:4px!important
}
.options-icons .shareArea li i.icon-twitter{
background:#66cdf2;
color:#fff;
border-radius:50%;
padding:7px;
margin-right:10px
}
.options-icons .shareArea li i.icon-facebook{
background:#3b5998;
color:#fff;
border-radius:50%;
padding:7px;
margin-right:10px
}
.options-icons .shareArea li i.icon-whatsapp{
width:29px;
-webkit-mask-image:url(../img/icons/wp.svg);
mask-image:url(../img/icons/wp.svg);
display:block;
height:38px;
transition:.3s;
background-color:#2cb742!important;
transition:background-color .2s ease-in-out;
color:#fff;
border-radius:50%;
padding:7px;
margin-right:10px;
float:left
}
.options-icons .shareArea li i.icon-pinterest{
background:#cb2027;
color:#fff;
border-radius:50%;
padding:7px;
margin-right:10px
}
.vidgal time{
min-width:300px;
float:right;
display:inline-block;
font-size:14px;
font-weight:500;
color:#fff;
position:relative;
padding-left:17px;
vertical-align:middle
}
.vidgal time i{
position:absolute;
left:-3px;
top:70%;
line-height:0;
font-size:21px
}
.mb-g{
display:none
}
.hm-bottom{
display:flex;
align-items:center;
justify-content:space-between;
box-shadow:0 0 3px 0 hsla(0,0%,60%,.75);
width:100%;
height:40px;
position:relative
}
.hm-hava{
width:30%;
border-right:1px solid #e6e6e6
}
.hm-hava i{
background-color:#000;
color:#222;
font-size:20px;
width:32px;
height:24px;
display:block
}
.hm-yol{
width:35%;
border-right:1px solid #e6e6e6
}
.hm-vakit{
width:35%
}
.hm-bottom>div{
height:40px;
align-items:center;
justify-content:flex-start;
display:flex;
padding:0 10px;
background-color:#f7f7f7;
overflow-x:hidden
}
.hm-bottom>div a,.hm-bottom>div span{
font-size:16px;
font-weight:400;
display:inline-block;
margin-left:10px
}
.hm-bottom>div.hm-vakit span,.hm-bottom>div.hm-yol a,.hm-bottom>div.hm-yol span{
font-size:13px;
line-height:16px
}
.hm-bottom .hm-yol a{
color:#222;
display:flex;
align-items:center
}
.hm-bottom>div.hm-vakit span b{
display:flex;
justify-content:space-between;
position:relative
}
.hm-bottom>div.hm-vakit span b:before{
content:"";
position:absolute;
left:50%;
top:50%;
width:5px;
height:5px;
border-radius:100%;
animation:w-p 1s infinite;
background:#87b41a;
margin-left:-3.5px;
margin-top:-2.5px
}
.hm-bottom>div.hm-vakit span b u{
padding-right:10px;
text-decoration:none
}
.mobile-choose{
display:none
}
.f-galeri-four .play-button,.sixNewsSymmetry .play-button{
width:34px;
height:34px;
left:unset;
right:20px;
top:33px
}
.sixNewsSymmetry .play-button{
top:50%;
left:50%;
width:50px;
height:50px;
background:#267f45;
transform:translateY(-50%) translateX(-50%) rotate(0)
}
.sixNewsSymmetry .play-button:hover{
transform:translateY(-50%) translateX(-50%) rotate(0)
}
.f-galeri-four .play-button img,.sixNewsSymmetry .play-button img{
max-width:17px;
margin-left:4px
}
@media screen and (max-width:480px){
.nys-slider-in>a{
position:relative
}
.nys-slider-in a figure{
position:absolute;
bottom:0;
right:0
}
.nys-right{
padding-right:94px
}
.sinl-top{
padding: 15px 0!important;
}
.sinl-top figure{
width: 80px!important;
height: 80px!important;
margin-bottom: 15px!important;
}
.set-in-left:after{
display:none!important
}
.set-in-left{
background:#fff;
margin-bottom:10px;
border-radius:5px;
display:block!important;
width:100%!important
}
.sinl-bottom{
height:50px;
overflow:hidden;
padding:15px 0 16px 0!important
}
.sinl-bottom ul li a{
padding:0 16px
}
.sinl-bottom.active{
height:auto
}
.mobile-choose.active:after{
display:none
}
.sinl-bottom ul li:last-child{
margin-bottom:0
}
.full-2-left .fr2-row{
margin-bottom:10px!important
}
.full-2-right .f2r-row{
margin-bottom:10px
}
.full-2-right .label2li.grh{
margin-top:0;
margin-bottom:0
}
.full-2-right .f2r-form button{
margin-top:0
}
.full-2-right .f2r-form p{
margin-top:8px
}
.full-2-right label.agreement{
margin-bottom:10px
}
.full-2-right .f2r-form .agreement a{
margin-left:0
}
.cb-veri .mbnoa,.cb-veri span:nth-child(5){
display:none
}
.cb-veri-full .cb-ver-head span:first-child,.cb-veri-full .cb-veri ul li a{
width:calc(100% / 4)
}
.cb-veri-full.hisselerin .cb-ver-head span:first-child,.cb-veri-full.hisselerin .cb-veri ul li a{
width:calc(100% / 2)
}
.hisselerin ul li a{
font-size:12px
}
.f-galeri-four>div{
max-width:100%;
flex:0 0 100%;
margin-bottom:10px
}
.logo-pattern{
right:-310px
}
.header-bottom-right{
position:static;
z-index:99;
max-width:40%
}
.des-g{
display:none!important
}
.wleft-slider.des-g{
display:none!important
}
.mobileg-g{
display:block!important
}
#agenda>div .left .rk,#woman>div .left .rk,.rk{
margin-bottom:10px!important
}
.hamburger span{
background-color:#fff!important
}
.sticky-bread.sticked .header-bottom-right-options{
display:none
}
.mb-g{
display:block
}
.navm-left span,.navm-right span{
font-size:16px
}
.alt-cat-din{
margin-top:0!important
}
.navm-left,.navm-right{
z-index:9999;
padding-top:10px
}
.havadurumu-in{
margin-bottom:10px
}
.nvt-bottom .container{
padding:0!important
}
.havadurumu-in-top-left{
width:100%
}
.havadurumu-in-top{
padding:15px 15px 0 15px
}
.hitl-left span,.hitl-right span{
font-size:20px
}
.hitl-bottom{
padding:0 15px
}
.hitl-top{
padding:15px 15px 0 15px
}
.hitl-top-in{
margin-bottom:27px
}
div#chart{
margin-top:46px
}
header.header2 .hamburger span{
background-color:#222!important
}
.hd-top-right li .mobileg-g{
display:none!important
}
.hd-top-right li .des-g{
display:block!important
}
.header2 .header-search-form img.des-g{
display:none!important
}
.mobile-choose{
display:flex;
align-items:center;
justify-content:space-between;
padding:0 25px;
position:relative;
height:22px
}
.mobile-choose span{
font-size:16px;
color:#19191a;
display:block;
margin-left:16px;
transition:color .2s ease-in-out;
font-weight:500
}
.mobile-choose svg path{
fill:#19191a
}
.mobile-choose svg{
margin-top:4px
}
.mobile-choose{
display:flex;
align-items:center;
justify-content:space-between;
padding:0 25px;
position:relative;
height:22px;
margin-bottom:20px
}
.mobile-choose:after{
height:20px;
width:2px;
right:9px;
transform:rotate(90deg)
}
.mobile-choose span{
font-size:16px;
color:#19191a;
display:block;
margin-left:16px;
transition:color .2s ease-in-out;
font-weight:500
}
.mobile-choose svg path{
fill:#19191a
}
.mobile-choose svg{
margin-top:4px
}
.mobile-choose:after,.mobile-choose:before{
position:absolute;
content:"";
right:16px;
width:16px;
height:2px;
background:#2e2e2e;
top:50%;
margin-top:1px
}
}
@media screen and (max-width:380px){
ul.chartul{
justify-content:center;
padding-left:0;
padding-right:0
}
ul.chartul li{
width:auto
}
}
@media screen and (max-width:398px){
.navm-mid .circle{
width:275px;
height:275px
}
.navm-mid .circle-animate{
top:-122px
}
.navm-mid .timei h2{
font-size:14px
}
}
#home .mobile-gizle .fiveNews{
margin-bottom:-25px
}
#economy .center>div table tbody tr,#economy .center>div table thead{
background-color:#fff
}
.storiler{
width:100%;
padding-top:10px;
height:56px;
background-color:transparent
}
.bgWhite .storiler{
background-color:#fff!important
}
.icon-border.pinterest.icon-pinterest{
color:#cb2027
}
.icon-border.pinterest.icon-pinterest:hover{
color:#fff
}
.yazarlar-top{
height:72px;
display:flex;
align-items:center
}
#owl-yazar-kalem .yazarlar-in{
width:100%;
height:240px;
background-color:#efefef;
padding:16px 17px
}
#owl-yazar-kalem .owl-nav{
margin-top:12px
}
.kat-grid-right.yazarkalem{
padding-bottom:13px!important
}
.kat-grid-right{
width:100%;
background-color:#fff;
padding:0!important
}
.kat-grid-right.kgr{
padding:18px 20px 23px 20px!important
}
.kat-grid-right.yazarkalem .kat-grid-right-five{
padding:15px 20px 0 20px
}
h2.kat-title{
font-weight:700!important;
font-size:16px!important;
line-height:16px!important;
display:block;
color:#000;
margin-bottom:14px;
text-transform:uppercase
}
#owl-yazar-kalem .owl-prev img,.kgr .owl-prev img{
transform:rotate(180deg);
opacity:.3
}
#owl-yazar-kalem .owl-next img,.kgr .owl-next img{
opacity:.3
}
#owl-yazar-kalem .owl-next:hover img,#owl-yazar-kalem .owl-prev:hover img,.kgr .owl-next:hover img,.kgr .owl-prev:hover img{
opacity:1
}
.popularNewsBox .head{
border-bottom:1px solid #e6e6e6;
padding-bottom:16px
}
.kat-grid-right .kat-title{
text-align:center
}
.kat-grid-right-five figure img{
object-fit:cover;
width:100%;
height:100%
}
.kat-grid-right-five strong{
font-size:17px;
line-height:22px;
font-weight:600;
color:#000;
-webkit-line-clamp:2;
overflow:hidden;
display:block;
height:45px;
margin-top:10px;
margin-bottom:12px;
transition:color .2s ease-in-out
}
.kat-grid-right-five a:hover strong{
color:#c90914
}
.kat-grid-right-five a{
display:block;
width:100%;
position:relative
}
.kat-grid-right-five{
position:relative
}
.kat-grid-right-five .owl-dot:before{
counter-increment:dots;
content:counter(dots);
margin-left:1px
}
.kat-grid-right-five .owl-dots button{
width:28px;
height:28px;
color:#ccc!important;
font-size:14px!important;
font-weight:500!important;
border-radius:100%!important;
border:2px solid #ccc!important;
margin-right:7px;
transition:all .2s ease-in-out;
background-color:#fff!important
}
.kat-grid-right-five .owl-nav .disabled{
display:block!important
}
.kat-grid-right-five .owl-dots button.active,.kat-grid-right-five .owl-dots button:hover,.kat-grid-right-five .owl-nav button:hover{
border-color:#000!important;
color:#000!important
}
.kat-grid-right-five .owl-dots{
display:flex!important;
bottom:0;
counter-reset:dots;
width:100%;
padding:0 14px;
flex-wrap:nowrap;
justify-content:center;
height:auto;
align-items:center
}
.kat-grid-right-five .owl-nav button{
width:28px;
height:28px;
border:2px solid #ccc!important;
border-radius:100%;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background-color:#fff!important
}
#nys-slider .owl-nav button{
border:0!important;
background:0 0
}
#nys-slider .owl-nav button:before{
content:"";
position:absolute;
left:50%;
top:50%;
background-color:#fff;
border-radius:0 20px 20px 0;
width:28px;
height:40px;
transform:translate(-50%,-50%);
z-index:-1
}
#nys-slider .owl-nav button.disabled:before{
background-color:#f1f1f1
}
#nys-slider .owl-nav button:hover:before{
background-color:#fff
}
div#nys-slider .owl-nav{
top:50%;
position:absolute!important;
margin-top:-10px;
z-index:1
}
#nys-slider button.owl-prev{
left:-3px!important;
padding-left:0;
padding-right:0
}
#nys-slider button.owl-next img,#nys-slider button.owl-prev img{
padding-right:6px
}
#nys-slider button.owl-next{
right:-3px!important;
transform:rotate(180deg);
padding-left:0;
padding-right:0
}
a.nys-slider-in:after,a.nys-slider-in:before{
content:open-quote;
position:absolute;
top:0;
left:5px;
margin:0;
padding:0;
height:auto;
color:#b7b7b7;
font-family:sans-serif;
opacity:.5;
font-size:57px;
line-height:1em;
width:9px;
overflow:hidden
}
a.nys-slider-in:before{
left:14px
}
.nys-slider-in span svg{
margin-left:9px
}
.yazarlar-in:hover{
background-color:#f5f3f3
}
.yazarlar-in:hover .yazarlar-bot h2,.yazarlar-in:hover .yazarlar-top h5{
color:#c90914
}
div#nys-slider .owl-nav,div#owl-kat-grid-five .owl-nav,div#owl-yazar-kalem .owl-nav{
width:100%;
height:0;
position:relative
}
div#nys-slider .owl-nav .owl-next,div#owl-kat-grid-five .owl-nav .owl-next,div#owl-yazar-kalem .owl-nav .owl-next{
position:absolute;
right:0;
top:0;
padding-top:2px
}
div#owl-kat-grid-five .owl-nav .owl-next,div#owl-yazar-kalem .owl-nav .owl-next{
right:11px
}
div#nys-slider .owl-nav .owl-prev,div#owl-kat-grid-five .owl-nav .owl-prev,div#owl-yazar-kalem .owl-nav .owl-prev{
position:absolute;
left:0;
top:0;
padding-top:2px
}
div#owl-kat-grid-five .owl-nav .owl-prev,div#owl-yazar-kalem .owl-nav .owl-prev{
left:11px
}
.kat-grid-right-five .owl-dot:last-child{
margin-right:0
}
button,input,input::placeholder,select,textarea{
font-family:Barlow,sans-serif
}
#newsRead .top .siteMap li:first-child a{
text-transform:capitalize
}
#newsRead .top .siteMap{
display:inline-block;
font-size:0;
vertical-align:middle
}
.sitemapflex{
margin-top:17px;
margin-bottom:5px
}
#newsRead .top .siteMap li{
padding-right:20px;
color:#000;
font-size:12px;
font-weight:400;
position:relative;
display:inline
}
#newsRead .top .siteMap li i{
position:absolute;
right:0;
top:50%;
line-height:0;
font-size:8px;
color:#222;
width:24px;
text-align:center!important;
margin-top:1px
}
#newsRead .top .siteMap li strong{
font-weight:500;
font-size:13px
}
#newsRead .top .siteMap li a{
color:#000;
font-size:13px;
font-weight:500;
display:inline-flex;
align-items:center
}
.tAreaBottom .photoArea .photo{
font-weight:500!important
}
.tAreaBottom .button{
padding:8px 8px 9px 8px!important
}
.tAreaBottom .button span{
margin-top:-2px!important
}
#agenda .sliderTech .swiper-slide a>span strong.md{
font-size:30px;
line-height:34px;
max-height:70px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
#agenda .sliderTech .swiper-slide a>span strong.sm{
font-size:18px;
line-height:24px;
max-height:48px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
#agenda .sliderTech .swiper-slide a:before{
height:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.6) 100%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 99%,rgba(0,0,0,.9) 100%);
opacity:1
}
.gazeteler-top{
height:50px;
display:flex;
align-items:center;
justify-content:space-between;
background-color:#fff;
color:#000;
padding:0 20px;
box-shadow:0 1px 2px rgb(17 21 25 / 27%)
}
a.oncekigun,a.sonrakigun{
display:flex;
align-items:center;
color:#000;
font-size:15px;
font-family:Barlow;
font-weight:500
}
a.oncekigun span{
margin-left:12px
}
a.sonrakigun img{
transform:rotate(180deg)
}
a.sonrakigun span{
margin-right:12px
}
a.oncekigun img:nth-child(2),a.oncekigun:hover img:nth-child(1),a.sonrakigun img:nth-child(2),a.sonrakigun:hover img:nth-child(1){
display:none
}
a.oncekigun:hover img:nth-child(2),a.sonrakigun:hover img:nth-child(2){
display:block
}
.gundiv{
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:100%;
border:2px solid #000
}
a.oncekigun:hover .gundiv,a.sonrakigun:hover .gundiv{
border-color:#ca0a14
}
a.oncekigun:hover,a.sonrakigun:hover{
color:#ca0a14
}
.gazeteler-top input{
font-family:Barlow;
font-weight:500;
font-size:15px;
color:#000;
width:105px;
padding-right:20px;
cursor:pointer;
height:50px
}
.gazeteler-top input::placeholder{
color:#000
}
.gazeteler-top form.dtp-form img{
transform:rotate(270deg);
position:absolute;
right:6px;
top:50%;
transform:translateY(-50%) rotate(270deg);
margin-top:1px;
pointer-events:none
}
.gazeteler-top form.dtp-form{
position:relative;
cursor:pointer
}
a.gazeteler-bottom-in{
display:flex;
justify-content:space-between;
height:360px;
flex-direction:column;
background-color:#fff;
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
text-align:center;
align-items:center;
padding:29px 20px;
margin:20px 16.5px 13px 16.5px;
width:calc(25% - 33px)
}
a.gazeteler-bottom-in img{
height:298px;
max-width:100%
}
.gazeteler-bottom{
display:flex;
flex-wrap:wrap;
margin-left:-16.5px;
margin-right:-16.5px
}
a.gazeteler-bottom-in h2{
color:#000;
font-weight:700;
font-family:Barlow;
font-size:16px;
transition:color .2s ease-in-out
}
a.gazeteler-bottom-in:hover h2{
color:#ca0a14
}
.gazeteler-top h1{
font-family:Barlow;
font-weight:700;
font-size:15px
}
.gazeteler-top h1 b{
color:#ca0a14;
margin-right:2px
}
.gazete-detay-left{
width:194px;
background-color:#fff;
box-shadow:0 1px 2px rgb(17 21 25 / 27%);
padding:20px
}
.gazete-detay-right{
width:230px
}
.gazete-detay-mid{
width:calc(100% - 444px)
}
.gazete-detay-mid img{
margin:0 auto
}
.gazete-detay{
display:flex;
justify-content:space-between;
margin:20px 0;
align-items:flex-start
}
.gazete-detay-left ul li{
display:block;
margin-bottom:15px
}
.gazete-detay-left ul li a figure{
width:26px;
height:26px;
overflow:hidden;
border-radius:100%;
margin:0
}
.gazete-detay-left ul li a figure img{
object-fit:cover
}
.gazete-detay-left ul li:last-child{
margin-bottom:0
}
.gazete-detay-left ul li a{
display:flex;
align-items:center;
position:relative
}
.gazete-detay-left ul li a span{
font-family:Barlow;
font-size:13px;
font-weight:700;
margin-left:12px;
color:#000;
transition:color .2s ease-in-out
}
.gazete-detay-left ul li a.active span,.gazete-detay-left ul li a:hover span{
color:#ca0a14
}
.gazete-detay-left ul li a:before{
content:"";
position:absolute;
left:-20px;
top:0;
height:100%;
width:2px;
background:#ca0a14;
opacity:0;
transition:opacity .2s ease-in-out
}
.gazete-detay-left ul li a.active:before,.gazete-detay-left ul li a:hover:before{
opacity:1
}
.gazete-dr-gun{
width:100%;
background-color:#fff;
padding:15px 20px 14px 20px;
box-shadow:0 1px 2px rgb(17 21 25 / 27%);
margin-bottom:20px;
max-height:927px;
overflow-y:scroll
}
.gazete-dr-gun::-webkit-scrollbar{
width:5px;
right:2px
}
.gazete-dr-gun::-webkit-scrollbar-track{
background:#fff;
box-shadow:unset;
border-radius:10px
}
.gazete-dr-gun::-webkit-scrollbar-thumb{
border-radius:10px;
box-shadow:unset;
background-color:#999
}
.autorek img{
max-width:100%;
margin:0 auto
}
.autorek{
text-align:center;
width:100%
}
.gazete-dr-gun li{
display:block;
border-bottom:1px solid #e5e5e5;
padding-bottom:12px;
margin-bottom:12px
}
.gazete-dr-gun li a{
display:block;
color:#000;
font-family:Barlow;
font-weight:700;
font-size:13px;
transition:color .2s ease-in-out
}
.gazete-dr-gun li a b{
font-weight:500
}
.gazete-dr-gun li:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:0
}
.gazete-dr-gun li a:hover{
color:#ca0a14
}
.kat-yazarlar{
font-family:Barlow;
position:relative;
margin-top:20px
}
.gazete-dm-in{
margin-bottom:20px;
width:100%;
background-color:#fff;
box-shadow:0 1px 2px rgb(17 21 25 / 27%);
text-align:center
}
.gazete-dm-in:last-child{
margin-bottom:0
}
.coklu-kat-left{
width:100%;
margin-bottom:20px
}
.coklu-kat-right{
width:100%
}
.flex-start.mid768-col{
display:flex;
justify-content:space-between;
align-items:flex-start
}
.flmc .news-four-2 .news-four-in span{
-webkit-line-clamp:2
}
.news-four-3{
width:200px
}
.coklu-kat-left .fively-left a figure{
margin:0;
height:100%
}
.news-four-3 .news-four-in{
max-width:100%;
flex:0 0 100%;
margin-bottom:20px;
padding:0
}
.news-four-3 .news-four-in figure{
height:123px;
margin:0
}
span.radius-tag{
display:block;
position:absolute;
top:14px;
left:14px;
font-weight:700!important;
font-size:12px!important;
color:#fff!important;
background-color:#c90914;
padding:7px 12px;
border-radius:0;
line-height:normal!important;
text-transform:uppercase
}
.flex-start.mid768-col.flmc .fively-left a{
height:304px
}
.fively-left a:hover h5{
color:#c90914
}
.news-four-3 .news-four-in span{
font-size:15px;
line-height:20px
}
.news-four-3 .news-four-in{
max-width:100%;
flex:0 0 100%;
margin-bottom:20px;
padding:0
}
.news-four-3 .news-four-in:last-child{
margin-bottom:0
}
.news-four-3 .news-four-in figure{
height:123px;
margin:0;
position:relative
}
.news-four-3 .news-four-in span{
font-size:15px;
line-height:20px;
font-weight:500;
-webkit-line-clamp:3
}
.news-four-3 .news-four-in-title{
padding:5px 14px;
display:flex;
align-items:center
}
.coklu-kat-left>div:nth-child(1),.coklu-kat-right>div:nth-child(1){
margin-bottom:0
}
.coklu-kat-left .fively-left a{
height:330px;
color:#fff
}
.coklu-kat-left .fively-title h5{
font-size:20px;
line-height:23px;
font-weight:500;
color:#000
}
.coklu-kat-left .fively-title{
bottom:14px
}
.coklu-kat-left span.radius-tag{
top:unset!important;
left:10px;
text-transform:uppercase;
bottom:10px
}
.fively-left{
width:300px
}
a.thumb-shadow{
position:relative;
display:block
}
a.thumb-shadow:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:70%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
.fively-left figure img{
width:100%;
height:100%;
object-fit:cover
}
.fively-title{
left:0;
bottom:13px;
padding:0 14px;
background-color:#fff;
height:80px;
display:flex;
align-items:center
}
.astroloji{
width:100%;
height:250px;
position:relative;
background-color:#33285b;
padding:27px 0;
overflow:hidden
}
.astroloji .ast1{
height:51px;
display:flex;
align-items:center;
flex-direction:column;
justify-content:space-between;
flex:0 0 25%;
margin-bottom:24px;
position:relative
}
.ast1:hover .ast-date{
visibility:visible;
opacity:1
}
.ast-date{
visibility:hidden;
opacity:0;
position:absolute;
left:0;
top:-7px;
width:82px;
height:60px;
background-color:rgba(39,31,68,.9);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
cursor:pointer;
transition:all .35s ease-in-out
}
.ast-date i{
font-style:normal;
color:#fff;
font-weight:400;
letter-spacing:.25px;
font-size:14px;
display:block
}
.ast-date i:first-child{
margin-bottom:4px
}
.astroloji .ast1 a:last-child{
display:flex;
align-items:center;
flex-direction:column;
width:100%;
height:100%;
justify-content:space-between
}
.astroloji:before{
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
opacity:.2;
background-image:url(../img/burc/ast.jpg);
object-fit:cover;
background-size:cover
}
.ast1 span{
font-size:14px;
font-weight:500;
color:#fff;
letter-spacing:.25px
}
.astroloji .flex-between{
position:relative;
flex-wrap:wrap
}
.radius-tag.yellow{
background-color:#e6a226
}
.radius-tag.orange{
background-color:#ea732b
}
.radius-tag.purple{
background-color:#a5159e
}
.radius-tag.blue{
background-color:#3387c0
}
.radius-tag.purple2{
background-color:#5b4f87
}
.news-four-in{
display:block;
-webkit-box-flex:0;
flex:0 0 25%;
max-width:25%;
position:relative;
width:100%;
min-height:1px;
padding-right:10px;
padding-left:10px;
float:left
}
.news-four-in figure{
height:142px;
width:100%;
display:block;
margin:0
}
.news-four-in figure img{
width:100%;
height:100%;
object-fit:cover
}
.news-four-in a.news-four-link{
display:block;
background-color:#fff
}
.news-four-in-title{
padding:14px;
display:block;
height:72px;
position:relative
}
.news-four-in-title span{
display:block;
font-size:17px;
color:#000;
line-height:22px;
font-weight:700;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
transition:color .2s ease-in-out
}
.news-four-in a.news-four-link:hover span{
color:#c90914
}
.news-four-in-tag{
display:inline-block;
background-color:#eb212e;
color:#fff;
font-weight:700;
font-size:12px;
text-align:center;
padding:6px 12px;
border:1px solid #fff;
position:absolute;
left:14px!important;
bottom:-13px!important;
top:unset!important;
animation:lastMin 1s infinite;
border-radius:2px;
text-transform:uppercase
}
.news-four-in-tag.category{
animation:unset!important
}
.coklu-kat-left strong.news-four-in-tag{
position:absolute;
bottom:unset!important;
top:10px!important;
left:10px!important
}
@-webkit-keyframes lastMin{
0%{
background-color:#222
}
30%{
background-color:#eb212e
}
60%{
background-color:#eb212e
}
90%{
background-color:#222
}
100%{
background-color:#222
}
}
@media screen and (max-width:1180px){
.fvb-left{
width:470px!important
}
.fvb-right{
width:calc(100% - 470px)!important
}
.gazete-detay-mid{
width:100%;
max-width:calc(100% - 464px)
}
}
@media screen and (max-width:560px){
.bistaciliskapanis{
width:100%;
text-align:left
}
.ct-borsa{
padding:10px
}
.cbcontainer{
padding:0!important
}
.nci-slider{
height:auto;
margin-bottom:10px
}
.hissesenet{
margin-bottom:10px;
padding:10px 0 12px 0
}
.hissesenet h5{
margin-left:10px
}
.hissetab ul{
margin-left:10px
}
.hissesenet .p-goall{
width:calc(100% - 20px)
}
.hissetab-in ul li{
padding:0 10px
}
.hissetab-in ul li:after{
width:calc(100% + 2px);
transform:unset;
left:-2px
}
#home.container .sixNewsSymmetry .newsBox>strong{
display:flex;
align-items:center;
height:57px
}
#home>.bottom .left .sixNewsSymmetry>div:last-child{
margin-bottom:0
}
.main-manset a.main-manset-link{
height:240px!important
}
.main-manset-title h3{
padding:0 14px!important;
font-size:20px!important;
line-height:25px!important;
margin-bottom:0;
bottom:10px!important;
height:auto!important
}
.yatay2-text h5{
margin-bottom:5px;
font-size:20px;
line-height:25px
}
.yatay2-text{
padding:0 14px 12px 14px
}
.yatay2-text p{
font-size:18px;
line-height:22px;
height:auto
}
#owl-kat2-slider .owl-dots,.main-manset #owl-main-manset .owl-dots{
opacity:1;
width:100%;
height:34px;
background-color:#000;
justify-content:center;
padding:0 11px
}
#owl-kat2-slider .owl-dots button,.main-manset #owl-main-manset .owl-dots button{
border:0;
box-shadow:none;
margin:0;
display:inline-block;
font-size:0;
vertical-align:middle;
width:6px;
height:6px;
background:#fff!important;
padding:0;
margin-right:3px;
transition:all .2s ease-in-out;
border-radius:0!important;
border-radius:0!important
}
.main-manset .owl-dot:before{
display:none!important
}
#owl-kat2-slider .owl-dot.active,.main-manset #owl-main-manset .owl-dot.active{
background:#c90914!important;
padding:0;
width:6px;
height:6px;
border:0;
border-color:#c90914!important
}
.main-manset .owl-nav{
display:none!important
}
.gazete-detay-left{
width:100%;
overflow-x:scroll;
overflow-y:hidden;
margin:0 0 10px 0
}
.gazete-detay-left ul{
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
height:100%;
width:max-content;
flex-wrap:wrap;
flex-direction:row
}
.gazete-detay-left ul li{
margin:0;
margin-right:16px
}
.gazete-detay-left::-webkit-scrollbar{
opacity:0;
visibility:hidden;
display:none
}
.gazete-detay-left::-webkit-scrollbar-track{
opacity:0;
visibility:hidden;
display:none
}
.gazete-detay-left::-webkit-scrollbar-thumb{
opacity:0;
visibility:hidden;
display:none
}
.gazete-detay-left ul li a:before{
display:none
}
.gazete-detay-mid{
max-width:100%!important
}
.kat-yazarlar{
padding-top:0!important;
margin-top:10px
}
.gazete-detay{
flex-direction:column;
margin-top:0;
margin-bottom:0!important
}
.gazete-dm-in:last-child{
margin-bottom:0!important
}
.footer-top{
display:none
}
}
.mobile-sft{
background-color:#fff;
box-shadow:.57px .82px 2px rgba(165,161,161,.34);
width:100%;
margin-bottom:15px;
height:50px;
display:none;
position:relative
}
.mobile-sft i{
position:absolute;
right:0;
transform:rotate(90deg);
top:22px;
right:15px;
font-size:10px
}
.mobile-sft select{
width:100%;
height:100%;
border:0;
padding:0 15px;
-webkit-appearance:none;
-moz-appearance:none;
background-color:#fff
}
.ops-in h3 b{
color:#fbd451;
display:block;
margin-top:18px
}
.ops-in h3:nth-child(2){
color:#fbd451;
margin-top:20px
}
.ops-filter{
height:100%;
width:63%;
z-index:2;
top:0;
left:0;
position:absolute;
background:linear-gradient(to right,#222 60%,#222 65%,rgba(0,0,0,0) 100%)
}
.exchangeMoney,.fourTab,.numberSlider,.numberSlider2,.tab-up{
display:none!important
}
.flex-start.mid-col{
width:100%;
max-width:100%;
justify-content:space-between;
margin-bottom:20px
}
.main-manset{
width:calc(100% - 400px);
float:left
}
.main-manset a.main-manset-link{
display:block;
width:100%;
height:364px
}
.main-manset figure{
width:100%;
height:100%;
overflow:hidden;
position:relative;
margin:0
}
.main-manset figure img{
display:block;
object-fit:cover;
width:100%;
height:100%;
max-height:100%
}
.main-manset .owl-dots{
display:flex!important;
bottom:0;
counter-reset:dots;
width:100%;
padding:0 14px;
flex-wrap:nowrap;
justify-content:space-between;
background-color:#000;
height:46px;
align-items:center
}
.main-manset .owl-dots button{
width:24px;
height:26px;
color:#999!important;
font-size:12px!important;
font-weight:700!important;
border-radius:2px!important
}
.main-manset .owl-dots button.active,.main-manset .owl-nav .owl-next:hover,.main-manset .owl-nav .owl-prev:hover{
background-color:#c90914;
color:#fff!important
}
.main-manset .owl-dot:before{
counter-increment:dots;
content:counter(dots)
}
.main-manset-title h3{
position:absolute;
bottom:10px;
padding:0 20px 4px 20px;
font-weight:600;
font-size:38px;
line-height:44px;
color:#fff;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
height:auto
}
.main-manset-title:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:80%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
.main-manset .owl-nav{
display:none!important
}
.main-manset .owl-nav .owl-next,.main-manset .owl-nav .owl-prev{
position:absolute;
z-index:9999;
bottom:10px;
left:28px;
transform:translateX(-100%);
margin:0;
transition:background .2s ease-in-out;
width:24px;
height:26px;
border-radius:2px
}
.main-manset .owl-nav .owl-next{
right:28px!important;
transform:translateX(100%);
left:unset
}
.main-manset .owl-dots span{
line-height:24px!important
}
.main-manset .owl-nav img{
margin:0 auto
}
.tab-up-in{
width:100%
}
.tab-up-in a.tab-up-link{
display:block;
width:100%;
height:345px
}
.tab-up-in figure{
width:100%;
height:100%;
overflow:hidden;
position:relative;
margin:0
}
.main-manset .owl-dots button,.tabslider .owl-dots button{
box-shadow:none;
border:0;
background-color:transparent
}
.tab-up-in figure img{
display:block;
object-fit:cover;
width:100%;
height:100%;
max-height:300px
}
#home .tab-up-in figure img,.tabslider .tab-up-in a.tab-up-link img{
max-height:100%!important
}
.tab-up-title{
position:absolute;
bottom:0;
padding:20px 20px 58px 20px
}
.tab-up-title h3{
font-size:36px;
color:#fff;
font-weight:700;
line-height:38px;
position:relative;
z-index:2;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
height:76px;
overflow:hidden;
margin-bottom:5px
}
.tab-up-title p{
display:block;
line-height:26px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
color:#fbd451;
position:relative;
z-index:2;
font-size:16px;
font-weight:600
}
.tab-up-title:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:100%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
#owl-tab-up .owl-nav{
display:none!important
}
#owl-tab-up .owl-nav .owl-next,#owl-tab-up .owl-nav .owl-prev{
position:absolute;
z-index:9999;
bottom:0;
left:28px;
transform:translateX(-100%);
margin:0;
transition:background .2s ease-in-out;
width:24px;
height:46px
}
#owl-tab-up .owl-nav img{
margin:0 auto
}
#owl-tab-up .owl-nav button:hover{
background-color:#b70b19!important;
color:#fff!important
}
#owl-tab-up .owl-nav .owl-next{
right:28px!important;
transform:translateX(100%);
left:unset
}
#owl-tab-up .owl-dots{
display:flex!important;
position:absolute;
bottom:0;
counter-reset:dots;
width:100%;
padding:0 14px;
flex-wrap:nowrap;
justify-content:space-between;
background-color:#262626;
height:46px;
align-items:center
}
.owl-dot:before{
counter-increment:dots;
content:counter(dots)
}
.tab-up-in .owl-dots button{
width:24px;
height:26px;
color:#999!important;
font-size:12px!important;
font-weight:700!important;
border-radius:2px
}
.tab-up-in .owl-dots button.active{
background-color:#b70b19;
color:#fff!important
}
#owl-tab-up .grids-one-info{
bottom:40px
}
ul.tab-up-li{
padding:0;
margin:0;
width:100%;
display:flex;
flex-wrap:nowrap;
justify-content:space-around;
align-items:center;
padding:0 14px;
height:65px;
background:#000
}
li.tab-u-li-in{
display:inline-block;
color:#999;
font-size:12px;
background-color:#262626;
border-radius:2px;
width:calc(100%/4);
text-align:center;
cursor:pointer;
height:30px;
line-height:30px;
font-weight:700;
margin-right:10px;
transition:all .2s ease-in-out;
font-weight:700
}
li.tab-u-li-in:last-child{
margin-right:0
}
li.tab-u-li-in.tab-color-red.active,li.tab-u-li-in.tab-color-red:hover{
background-color:#c90914
}
li.tab-u-li-in.tab-color-purple.active,li.tab-u-li-in.tab-color-purple:hover{
background-color:#615dfa
}
li.tab-u-li-in.tab-color-blue.active,li.tab-u-li-in.tab-color-blue:hover{
background-color:#6eb2b9
}
li.tab-u-li-in.tab-color-yellow.active,li.tab-u-li-in.tab-color-yellow:hover{
background-color:#fd9527
}
li.tab-u-li-in.tab-color-green.active,li.tab-u-li-in.tab-color-green:hover{
background-color:#3abe6c
}
li.tab-u-li-in.active,li.tab-u-li-in:hover{
color:#fff
}
.tabslider{
width:380px;
float:right
}
div#owll-sp .tag{
position:absolute;
bottom:12px;
left:12px
}
.wleft-slider{
width:100%;
margin-bottom:20px
}
.wleft-slider .owl-item a{
display:flex;
justify-content:flex-end;
overflow:hidden;
width:100%;
height:330px;
position:relative;
background:#000
}
.wleft-slider .ows-text{
position:absolute;
width:100%;
padding:0 30px 0 21px;
color:#fff;
left:0;
top:0;
z-index:6;
height:100%
}
.ows-text .ows-in{
width:100%;
height:100%;
display:flex;
justify-content:center;
z-index:6;
flex-direction:column
}
.ows-in h3{
width:54%;
font-size:50px;
color:#fff;
font-weight:700!important;
line-height:55px;
position:relative;
z-index:9;
display:-webkit-box;
-webkit-line-clamp:3;
overflow:hidden;
-webkit-box-orient:vertical
}
.ows-in h3::first-line{
color:#fbd451
}
.ows-filter{
height:100%;
width:70%;
z-index:2;
top:0;
left:0;
position:absolute;
background:linear-gradient(to right,#191a53 60%,#191a53 65%,rgba(25,26,83,0) 100%)
}
.wleft-slider .owl-item a figure{
overflow:hidden;
display:block;
height:100%;
width:580px;
margin:0
}
.wleft-slider .owl-item a img{
display:block;
object-fit:cover;
width:100%;
height:100%
}
.wleft-slider-left{
width:62px
}
.wleft-slider-left li{
display:block;
width:100%;
height:62px;
margin-bottom:5px
}
.wleft-slider-left li a{
display:block;
width:62px;
height:62px
}
.wleft-slider-left li a figure{
width:100%;
height:100%;
margin:0
}
.wleft-slider-left li a figure img{
width:100%;
height:100%;
object-fit:cover
}
.wleft-slider-left li:last-child{
margin-bottom:0
}
.wleft-slider{
display:flex;
align-items:flex-start;
justify-content:space-between
}
div#owl-wleft-slider{
max-width:calc(100% - 67px)
}
div#owl-wleft-slider .owl-dots{
opacity:0;
width:0;
height:0;
visibility:hidden
}
.ows-son{
position:absolute;
right:22px;
top:31px;
transform:rotate(-9deg);
z-index:9
}
.atitle{
position:absolute;
background:#f52129;
height:42px;
line-height:42px;
color:#fff;
font-size:22px;
font-weight:700;
padding:0 15px;
bottom:27px;
z-index:9
}
.atitle svg{
position:absolute;
left:-59px
}
.ows-son.ow-galeri,.ows-son.ow-video{
transform:rotate(0);
top:unset;
bottom:22px;
border-radius:2px
}
.ows-son.ow-galeri:before,.ows-son.ow-video:before{
border-radius:2px;
right:-3px;
top:3px
}
.ows-son.ow-galeri span,.ows-son.ow-video span{
border-radius:2px;
font-size:18px;
height:42px;
line-height:42px;
display:flex;
align-items:center;
padding:0 14px;
background-color:#eb212e
}
.ows-son.ow-galeri span{
animation:none
}
.ows-son.ow-video span{
animation:none
}
.ows-son.ow-galeri span svg,.ows-son.ow-video span svg{
margin-right:9px;
position:relative;
z-index:9
}
b.kibesvg{
position:absolute;
right:0;
bottom:0;
height:42px;
width:45px;
overflow:hidden;
z-index:1;
border-radius:2px
}
.ows-son.ow-galeri span u,.ows-son.ow-video span u{
position:relative;
text-decoration:none;
z-index:9
}
.ows-son.ow-video span{
background:#4f5979
}
.ows-son.ow-galeri span:after,.ows-son.ow-video span:after{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
background:#222;
z-index:1;
animation:lastMinGaleri 1s infinite;
border-radius:2px
}
@-webkit-keyframes lastMinGaleri{
0%{
background-color:#222
}
30%{
background-color:transparent
}
60%{
background-color:transparent
}
90%{
background-color:#222
}
100%{
background-color:#222
}
}
.top-left{
right:unset!important;
left:22px!important;
bottom:unset;
top:31px
}
.top-right{
bottom:unset!important;
top:31px!important;
right:22px!important;
left:unset!important
}
.bottom-left{
top:unset!important;
bottom:31px!important;
left:22px!important;
right:unset!important
}
.bottom-right{
top:unset!important;
bottom:31px!important;
right:22px!important;
left:unset!important
}
.ow-center{
right:50%;
transform:translateX(50%) rotate(-9deg)
}
.atitle.bottom-left,.atitle.top-left{
left:0!important
}
.atitle.bottom-left svg,.atitle.top-left svg{
left:unset;
right:-59px;
transform:rotate3d(-1,91,1,180deg)
}
.atitle.bottom-right,.atitle.top-right{
right:0!important
}
.atitle.bottom-left svg{
transform:rotate3d(0,91,1,180deg)
}
.ows-son span{
height:36px;
line-height:34px;
font-size:22px;
font-weight:700;
background-color:#b70b19;
padding:0 13px;
z-index:1;
display:block;
animation:lastMin 1s infinite;
color:#fff
}
.ows-son.ow-flash span{
background-color:#ffcc07;
color:#222;
animation:lastMinflash 1s infinite
}
.ows-son.ow-dikkat span{
background-color:#08abff;
color:#fff!important;
animation:lastMindikkat 1s infinite
}
@-webkit-keyframes lastMinflash{
0%{
background-color:#222;
color:#fff
}
30%{
background-color:#ffcc07;
color:#222
}
60%{
background-color:#ffcc07;
color:#222
}
90%{
background-color:#222;
color:#fff
}
100%{
background-color:#222;
color:#fff
}
}
@-webkit-keyframes lastMindikkat{
0%{
background-color:#222
}
30%{
background-color:#08abff
}
60%{
background-color:#08abff
}
90%{
background-color:#222
}
100%{
background-color:#222
}
}
.ows-son:before{
content:"";
position:absolute;
background-color:#fff;
width:100%;
height:100%;
top:4px;
right:4px;
z-index:-1
}
.wleft-slider .owl-item a.right-to-left{
justify-content:flex-start
}
#owl-wleft-slider2 .ows-in h3::first-line,#owl-wleft-slider3 .ows-in h3::first-line{
color:unset
}
#owl-wleft-slider2 .ows-in h3,#owl-wleft-slider3 .ows-in h3{
text-align:left;
-webkit-line-clamp:3;
display:-webkit-box;
overflow:hidden;
-webkit-box-orient:vertical;
color:#fff;
font-weight:600!important;
line-height:42px;
font-size:38px;
text-transform:unset;
padding-right:30px
}
div#owl-wleft-slider2 p,div#owl-wleft-slider3 p{
font-size:18px;
font-weight:600;
line-height:26px;
color:#b2b2b2;
position:relative;
z-index:99;
max-width:45%;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
margin-top:12px
}
#owl-wleft-slider2 .ows-text,#owl-wleft-slider3 .ows-text{
padding:0 0 0 40px!important
}
#owl-wleft-slider2 .ows-text,#owl-wleft-slider3 .ows-text{
padding:0 0 0 40px!important
}
#owl-wleft-slider2 .ows-text{
padding:0 0 0 50px!important
}
#owl-wleft-slider3 .ows-text{
padding-left:40px!important
}
#owl-wleft-slider2 .owl-dots{
top:0;
left:20px;
display:flex;
flex-direction:column;
position:absolute;
height:100%;
align-items:center;
justify-content:center
}
#owl-wleft-slider2 .owl-dots button{
width:15px;
height:15px;
border-radius:100%;
padding:0;
border:0;
background-color:#b2b2b2;
margin-bottom:12px
}
#owl-wleft-slider2 .owl-dots button.active{
background:#db2027!important
}
#owl-wleft-slider2 .owl-dots button before,#owl-wleft-slider2 .owl-dots button span{
display:none
}
#owl-wleft-slider2 .owl-dots button:before{
display:none
}
#owl-wleft-slider2 .owl-dots button:last-child{
margin-bottom:0
}
div#owl-wleft-slider3 .owl-dots{
width:100%;
counter-reset:dots;
display:flex;
align-items:flex-start
}
div#owl-wleft-slider3 .owl-dots button:after{
position:absolute;
top:50%;
left:50%;
background-color:#fff;
border-radius:0 0 2px 2px;
content:"";
z-index:-1;
width:100%;
height:100%;
transform:translate(-50%,-50%)
}
div#owl-wleft-slider3 .owl-dots button{
width:43px;
height:36px;
border-radius:0 0 2px 2px;
border:0;
margin-right:1px;
background-color:transparent;
font-size:18px;
font-weight:500;
color:#000;
transition:background-color .2s ease-in-out;
position:relative
}
div#owl-wleft-slider3 .owl-dots button.active,div#owl-wleft-slider3 .owl-dots button:hover{
font-size:24px;
font-weight:700;
color:#fff;
z-index:999
}
div#owl-wleft-slider3 .owl-dots button.active:after,div#owl-wleft-slider3 .owl-dots button:hover:after{
border-radius:2px;
background-color:#eb212e;
width:45px;
height:42px
}
div#owl-wleft-slider3 .owl-dots button:last-child{
margin-right:0
}
div#owl-wleft-slider3 .owl-dots button span{
display:none
}
#owl-wleft-slider3 .owl-nav{
position:absolute;
right:0;
width:48px;
height:36px;
background-color:#fff;
border-radius:0 0 2px 2px;
display:flex;
align-items:center;
justify-content:center;
padding-left:1px
}
#owl-wleft-slider3 .owl-nav button{
background:0 0;
border:0;
font-size:32px;
height:auto;
display:flex;
align-items:center;
justify-content:center;
padding:0;
margin:-8px 2px 0 2px
}
#owl-wleft-slider3 .owl-nav button:hover{
color:#eb212e
}
a.right-to-left .ows-text .ows-in{
align-items:flex-end
}
a.right-to-left span.ows-filter{
left:unset;
right:0;
background:linear-gradient(to left,#191a53 60%,#191a53 65%,rgba(25,26,83,0) 100%)
}
a.right-to-left .ows-text{
display:flex
}
a.right-to-left .ows-son{
right:unset;
top:unset;
left:22px;
bottom:31px
}
.user-breadcrumb{
float:left;
width:100%;
position:relative;
height:95px;
background:#47a1e6;
text-align:center
}
.user-breadcrumb:before{
position:absolute;
left:0;
right:0;
top:0;
content:"";
width:100%;
height:100%;
background:url(../../img/searchTheme.png) repeat-x center top
}
.user-breadcrumb h1{
line-height:95px;
color:#fff;
font-size:24px;
font-weight:700
}
.user-p-top{
float:left;
width:100%;
background:#f6f8fa;
padding:40px 0 40px 0
}
.user-p-top .user-threely{
float:left;
width:100%
}
.user-p-top .user-threely .box{
float:left;
width:calc(33.33% - 12.62px);
height:300px;
padding:28px 30px 30px 30px;
border:1px solid #e1e8ed;
background:#fff;
border-radius:3px;
margin-right:19px
}
.user-p-top .user-threely .box:last-child{
margin-right:0
}
.user-p-top .user-threely .box .head{
float:left;
width:100%;
margin-bottom:28px
}
.user-p-top .user-threely .box .head span{
float:left;
color:#7c939e;
font-size:21px;
font-weight:700
}
.user-p-top .user-threely .box .head a{
position:relative
}
.user-p-top .user-threely .box .head a.edit{
float:right;
width:16px;
height:16px;
background-image:url(../../img/icons/edit.png);
background-position:0 0;
margin-top:3px;
transition:background-position .15s
}
.user-p-top .user-threely .box .head a.edit:hover{
background-position:0 -16px;
transition:background-position .15s
}
.user-p-top .user-threely .box .head a.go{
float:right;
width:22px;
height:22px;
background-image:url(../../img/icons/goSprite.png);
background-position:0 0;
transition:background-position .15s
}
.user-p-top .user-threely .box .head a.go:hover{
background-position:0 -22px;
transition:background-position .15s
}
.user-p-top .user-threely .box .head a p.tooltip{
min-width:100px;
transition:opacity .3s;
visibility:hidden;
opacity:0;
position:absolute;
content:"";
color:#fff;
width:max-content;
background:rgba(124,147,158,.72);
top:-30px;
left:50%;
margin-left:-50px;
height:22px;
padding:0 7px;
text-align:center;
border-radius:3px;
line-height:22px;
font-size:11px
}
.user-p-top .user-threely .box .head a.go p.tooltip{
width:112.5px;
margin-left:-56.25px
}
.user-p-top .user-threely .box .head a.affiliate p.tooltip{
width:128px;
margin-left:-64px
}
.user-p-top .user-threely .box .head a p.tooltip:after{
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-5px;
border-width:5px;
border-style:solid;
border-color:rgba(124,147,158,.72) transparent transparent transparent
}
.user-p-top .user-threely .box .head a:hover p.tooltip{
visibility:visible;
opacity:1
}
.user-p-top .user-threely .box ul{
float:left;
width:calc(100% + 60px);
border-bottom:2px solid #f2f5f8;
margin-left:-30px;
padding:0 30px 14px 30px
}
.user-p-top .user-threely .box ul li{
line-height:33px;
float:left;
width:100%;
height:33px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.user-p-top .user-threely .box ul li p{
float:left;
width:100%;
font-size:15px;
color:#7c939e;
font-weight:600
}
.user-p-top .user-threely .box ul li p b{
text-transform:uppercase;
color:#000;
font-weight:700
}
.user-p-top .user-threely .box .notice{
background:#daedf7;
color:#31708f;
font-size:14px;
font-weight:600;
border-radius:3px;
border:1px solid #bee8f0;
float:left;
width:100%;
margin-top:29px;
height:46px;
line-height:46px;
padding:0 20px
}
.user-p-top .user-threely .box .products{
float:left;
width:calc(100% + 21px);
height:189px;
margin-top:8px;
overflow:auto
}
.user-p-top .user-threely .box .products::-webkit-scrollbar-track{
background-color:#efefef
}
.user-p-top .user-threely .box .products::-webkit-scrollbar{
width:12px;
background-color:#efefef
}
.user-p-top .user-threely .box .products::-webkit-scrollbar-thumb{
background-color:#ee502a
}
.user-p-top .user-threely .box .products .product{
float:left;
width:calc(100% - 10px);
height:85px;
background:#fafafa;
border:1px solid #e1e8ed;
border-radius:3px;
margin-bottom:19px;
padding:19px 28px 20px 28px;
position:relative;
overflow:hidden
}
.user-p-top .user-threely .box .products .product:last-child{
margin-bottom:0
}
.user-p-top .user-threely .box .products .product .p-thumb{
float:left;
width:44px;
height:44px;
border-radius:3px
}
img{
border:0;
max-width:100%;
height:auto;
display:block
}
.user-p-top .user-threely .box .products .product .p-text{
float:right;
height:44px;
width:calc(100% - 59px)
}
.user-p-top .user-threely .box .products .product .p-text .themeName{
float:left;
width:100%;
font-size:14px;
color:#ee502a;
font-weight:700;
margin-top:4px
}
.user-p-top .user-threely .box .products .product .p-text .textBottom{
float:left;
width:100%;
margin-top:8px
}
.user-p-top .user-threely .box .products .product .p-text .textBottom p{
float:left;
font-size:14px;
color:#2db74e;
font-weight:700
}
.user-p-top .user-threely .box .products .product .p-text .textBottom b{
float:right;
font-size:14px;
color:#7c939e;
font-weight:700;
margin-left:16px
}
.user-p-top .user-threely .box .products .product .p-details-go{
opacity:0;
visibility:hidden;
float:left;
width:100%;
height:85px;
background:rgba(238,80,42,.92);
position:absolute;
top:0;
left:0;
right:0;
text-align:center;
color:#fff
}
.user-p-top .user-threely .box .products .product .p-details-go span{
display:inline-block;
line-height:85px;
font-size:15px;
font-weight:700;
height:22px;
position:relative;
padding-right:37px
}
.user-p-top .user-threely .box .products .product .p-details-go span:after{
position:absolute;
content:"";
background:url(../../img/icons/goW.png) no-repeat;
width:22px;
height:22px;
right:0;
top:30px
}
.user-p-top .user-threely .box .products .product:hover{
border:none
}
.user-p-top .user-threely .box .products .product:hover>.p-details-go{
opacity:1;
visibility:visible
}
.user-p-top .user-threely .box .stats{
float:left;
width:100%;
margin-top:20px
}
.user-p-top .user-threely .box .stats p{
float:left;
width:100%;
font-size:15px;
color:#7c939e;
font-weight:600;
height:33px;
line-height:33px
}
.user-p-top .user-threely .box .stats p b{
font-weight:700;
color:#39ba77
}
.user-p-top .user-threely .box .stats p:nth-child(2) b{
color:#ee502a
}
.user-p-top .user-fively{
float:left;
width:100%;
margin-top:20px
}
.user-p-top .user-fively .box{
float:left;
width:calc(20% - 15.99px);
margin-right:20px;
background:#fff;
border:1px solid #e1e8ed;
height:186px;
border-radius:3px;
text-align:center
}
.user-p-top .user-fively .box:last-child{
margin-right:0
}
.user-p-top .user-fively .box span{
float:left;
width:100%;
color:#39ba76;
font-weight:700
}
.user-p-top .user-fively .box span.count{
font-size:64px;
margin-top:22px
}
.user-p-top .user-fively .box span.desc{
font-size:15px;
margin-top:6px;
margin-bottom:27px
}
.user-p-top .user-fively .box a{
float:left;
width:100%;
height:50px;
background:#fafafa;
color:#7c939e;
font-size:11.4px;
font-weight:700;
line-height:50px;
border-top:1px solid #e1e8ed;
position:relative
}
.user-p-top .user-fively .box a:before{
position:absolute;
content:"";
width:22px;
height:22px;
background:url(../../img/icons/go.png) no-repeat;
right:29px;
top:13px
}
.user-p-top .user-fively .box a p{
float:left;
width:calc(100% - 45px);
text-align:center
}
.user-p-top .user-fively .box a:hover{
background:#7c939e;
color:#fff;
border-top:none
}
.user-p-top .user-fively .box a:hover:before{
background:url(../../img/icons/goW.png) no-repeat
}
.user-p-top .user-fively .box.plugin span{
color:#ee502a
}
.user-p-top .user-fively .box.plugin a:hover{
background:#ee502a
}
.user-p-top .user-fively .box.bot span{
color:#3a9ff1
}
.user-p-top .user-fively .box.bot a:hover{
background:#3a9ff1
}
.user-p-top .user-fively .box.tickets span{
color:#79609b
}
.user-p-top .user-fively .box.tickets a:hover{
background:#79609b
}
.user-p-top .user-fively .box.invoice span{
color:#1486bb
}
.user-p-top .user-fively .box.invoice a:hover{
background:#1486bb
}
.no-support{
background:#c2cfdd;
float:left;
width:100%;
padding:54px 0 40px 0
}
.no-support .headline{
float:left;
height:37px;
width:100%;
margin-bottom:21px
}
.no-support .headline span{
float:left;
line-height:37px;
color:#f6f8fa;
font-size:26px;
font-weight:700;
position:relative;
padding-left:50px
}
.no-support .headline span:before{
position:absolute;
content:"";
left:1px;
top:6px;
width:27px;
height:24px;
background:url(../../img/icons/support.png) no-repeat
}
.no-support .headline ul{
float:right
}
.no-support .headline ul li{
float:left
}
.no-support .headline ul li a{
height:37px;
line-height:37px;
text-transform:uppercase;
margin-right:20px;
color:#fff;
background:#8ea8bf;
font-size:14px;
font-weight:700;
border-radius:3px;
overflow:hidden
}
.no-support .headline ul li a p{
padding:0 10px;
float:left
}
.no-support .headline ul li a i{
height:37px;
width:37px;
background:url(../../img/icons/show.png) no-repeat center center #6385a6;
float:left
}
.no-support .headline ul li:hover a i{
background:url(../../img/icons/show.png) no-repeat center center #48647d
}
.no-support .headline ul li:hover a{
background:#6385a6
}
.no-support .headline ul li.newTicket a i{
background:url(../../img/icons/plus.png) no-repeat center center #6385a6
}
.no-support .headline ul li.newTicket:hover a i{
background-color:#48647d
}
.no-support .headline ul li:last-child a{
margin-right:0
}
.no-support .ticketBox{
float:left;
width:100%;
background:#fff;
border-radius:3px;
padding:0 0 31px 0!important;
overflow:hidden
}
.no-support .ticketBox ul.boxHead{
float:left;
width:100%;
height:px;
background:#fafafa;
border-bottom:1px solid #e1e8ed;
padding:0 30px;
height:60px
}
.no-support .ticketBox ul.boxHead li{
float:left;
line-height:60px;
font-size:15px;
font-weight:700;
color:#000
}
.no-support .ticketBox ul.boxHead li:last-child{
float:right
}
.tickets{
float:left;
width:100%
}
.tickets .ticket{
float:left;
width:100%;
height:72px;
border-bottom:2px solid #f2f5f8
}
.tickets .ticket:hover{
background:#fafafa
}
.tickets .ticket a{
float:left;
width:100%;
height:72px;
padding:0 30px
}
.tickets .ticket:last-child{
border-bottom:none
}
.tickets .ticket span{
float:left;
line-height:72px;
font-size:15px;
color:#000;
font-weight:600
}
.tickets .ticket span.ticketID{
font-weight:700
}
.tickets .ticket span.ticketTitle{
margin-left:20px
}
.tickets .ticket span.ticketStatus{
float:right
}
.tickets .ticket span.ticketStatus p{
display:inline-block;
height:28px;
margin-left:10px;
line-height:28px;
color:#fff;
padding:0 9px 0 9px;
border-radius:3px;
font-size:14px
}
.tickets .ticket span.ticketStatus p.open{
background:#44ac4c
}
.tickets .ticket span.ticketStatus p.answered{
background:#79609b
}
.tickets .ticket span.ticketStatus p.customerResponse{
background:#fd6721
}
.tickets .ticket span.ticketStatus p.closed{
background:#3a9ff1
}
.tickets .ticket span.ticketStatus p.proposal{
background:#ff7181
}
.tickets .ticket span.ticketStatus p.processing{
background:#39ba76
}
.tickets .ticket span.ticketUpdate{
float:right;
width:150px;
text-align:right
}
.ticket-notification{
float:left;
width:calc(100% - 60px);
height:46px;
background:#dadef7;
margin-left:30px;
text-align:center;
line-height:46px;
border-radius:3px;
border:1px solid #becdf0;
font-size:15px;
color:#79609b;
font-weight:600
}
.user-p-page{
float:left;
width:100%;
background:#f6f8fa;
padding:40px 0 40px 0
}
.user-p-page .panel-left{
float:left;
width:290px
}
.user-p-page .panel-left .userBox{
float:left;
text-align:center;
width:100%;
margin-bottom:20px;
height:240px;
background:#47a1e6;
border-radius:3px;
background:url(../../img/userBox.png) repeat-x center center #47a1e6;
padding-top:40px
}
.user-p-page .panel-left .userBox i.avatar{
display:block;
width:81px;
height:81px;
margin:0 auto;
background:url(../../img/icons/avatar.png) no-repeat
}
.user-p-page .panel-left .userBox span{
float:left;
width:100%;
color:#fff
}
.user-p-page .panel-left .userBox span.name{
font-size:22px;
font-weight:700;
margin-top:23px
}
.user-p-page .panel-left .userBox span.mail{
font-size:16px;
font-weight:600;
margin-top:18px
}
.user-p-page .panel-left .userNav{
float:left;
width:100%;
background:#fff;
border:1px solid #e1e8ed;
border-radius:3px
}
.user-p-page .panel-left .userNav li{
float:left;
width:100%;
padding:15px 26px;
height:55px;
line-height:26px;
border-bottom:2px solid #f2f5f8;
overflow:hidden
}
.user-p-page .panel-left .userNav li:last-child{
border-bottom:none
}
.user-p-page .panel-left .userNav li a{
font-size:15px;
color:#7c939e;
font-weight:600;
position:relative;
padding-left:31px;
overflow:hidden
}
.user-p-page .panel-left .userNav li a svg{
width:18px;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
height:18px;
transition:transform .35s ease-in-out
}
.user-p-page .panel-left .userNav li a svg path{
fill:#7c939e
}
.user-p-page .panel-left .userNav li a:hover svg{
animation:upper-icon .35s ease-in-out
}
@keyframes upper-icon{
0%{
transform:translateY(0)
}
50%{
transform:translateY(-250%)
}
51%{
transform:translateY(250%)
}
100%{
transform:translateY(0)
}
}
.user-p-page .panel-left .userNav li a:hover,.user-p-page .panel-left .userNav li.active a{
color:#47a1e6
}
.user-p-page .panel-left .userNav li a.active svg path,.user-p-page .panel-left .userNav li a:hover svg path{
fill:#47a1e6
}
.user-p-page .panel-left .newTicketButton{
float:left;
width:100%;
height:36px;
background:#47a1e6;
margin-bottom:20px;
border-radius:3px;
overflow:hidden
}
.user-p-page .panel-left .newTicketButton:hover i{
background-color:#47a1e6
}
.user-p-page .panel-left .newTicketButton:hover span{
background-color:#47a1e6
}
.user-p-page .panel-left .newTicketButton i{
float:left;
width:36px;
height:36px;
background:url(../../img/icons/plus.png) no-repeat center center #227ec5
}
.user-p-page .panel-left .newTicketButton span{
float:right;
width:calc(100% - 36px);
height:36px;
text-align:center;
color:#fff;
line-height:36px;
font-size:13px;
font-weight:700
}
.user-p-page .userContent{
float:right;
width:calc(100% - 310px);
background:#fff;
border:1px solid #e1e8ed;
border-radius:3px
}
.user-p-page .userContent.userInfos{
padding:0 30px 44px 30px
}
.user-p-page .userContent.products .headline{
padding:0 30px 0 30px
}
.user-p-page .userContent .headline{
float:left;
width:100%;
height:76px;
margin-bottom:13px
}
.user-p-page .userContent .headline span.title{
float:left;
font-size:21px;
font-weight:700;
color:#7c939e;
line-height:76px
}
.user-p-page .userContent .user-m-in .userInfos{
float:left;
width:100%
}
.user-p-page .userContent .user-m-in .userInfos input{
float:left;
border:1px solid #e9e9f3;
height:48px;
padding:0 17px;
color:#989898;
font-size:12px;
font-weight:600;
border-radius:3px;
background-color:#f9f9fd;
width:100%
}
.user-p-page .userContent .user-m-in .userInfos input::placeholder{
color:#989898;
font-size:12px;
font-weight:600
}
.user-p-page .userContent .user-m-in .userInfos input:focus,.user-p-page .userContent .user-m-in .userInfos textarea:focus{
background:#fafafa
}
.user-p-page .userContent .user-m-in .userInfos .halfInput{
float:left;
width:calc(50% - 11.5px);
height:48px;
border-radius:3.5px;
padding:0 15px
}
.user-p-page .userContent .user-m-in .userInfos .right{
float:right
}
.user-p-page .userContent .user-m-in .userInfos .bMargin{
margin-bottom:19px
}
.user-p-page .userContent .user-m-in .userInfos textarea{
float:left;
margin-top:19px;
padding:15px 15px;
min-width:100%;
max-width:100%;
width:100%;
height:78px;
border-radius:3px;
border:1px solid #e9e9f3;
font-size:12px;
color:#989898;
background-color:#f9f9fd;
font-weight:600
}
.user-p-page .userContent .user-m-in .userInfos .password{
float:left;
margin-right:18px;
width:calc(33.33% - 12px);
margin-top:19px;
height:48px;
border-radius:3.5px;
padding:0 15px
}
.user-p-page .userContent .user-m-in .userInfos .newpwdr{
margin-right:0
}
.user-p-page .userContent .user-m-in .userInfos .submit{
float:left;
background:#39ba77;
margin-top:20px;
height:38px;
width:240px;
text-align:center;
color:#fff;
border:none;
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
cursor:pointer;
border-radius:3px;
-webkit-box-shadow:0 10px 20px 0 rgba(57,186,119,.2);
-moz-box-shadow:0 10px 20px 0 rgba(57,186,119,.2);
box-shadow:0 10px 20px 0 rgba(57,186,119,.2)
}
.user-p-page .userContent .user-m-in .userInfos .submit:hover{
background:#35aa6d
}
.user-p-page .userContent .user-m-in .check{
float:left;
width:100%;
height:46px;
padding:0 22px;
font-size:15px;
font-weight:600;
line-height:46px;
border-radius:3px;
margin-top:20px
}
.user-p-page .userContent .user-m-in .check.successful{
background:#dcf7da;
color:#35aa6d;
border:1px solid #caf0be
}
.user-p-page .userContent .user-m-in .check.warning{
background:#f7ddda;
color:#cc0202;
border:1px solid #f0bec2
}
.user-m-in .pagination{
margin:10px 10px 14px 30px
}
ul.productsHeadline{
float:left;
width:100%;
height:60px;
background:#fafafa;
border-bottom:1px solid #e1e8ed;
padding:0 30px
}
ul.productsHeadline li{
float:left;
line-height:60px;
font-size:14px;
font-weight:700;
color:#000
}
ul.productsHeadline li.order{
width:280px
}
ul.productsHeadline li.detail{
width:85px
}
ul.productsHeadline li.download{
margin-left:355.2px
}
.user-p-page .orders{
float:left;
width:100%
}
.user-p-page .orders ul.orderItem{
float:left;
width:100%;
height:73px;
border-bottom:2px solid #f2f5f8;
padding:0 30px
}
.user-p-page .orders ul.orderItem:last-child{
border-bottom:none
}
.user-p-page .orders ul.orderItem li{
float:left;
line-height:73px
}
.user-p-page .orders ul.orderItem li.order{
width:282px
}
.user-p-page .orders ul.orderItem li.order b.orderID{
color:#79609b;
font-size:15px;
font-weight:700;
width:54px;
margin-right:21px
}
.user-p-page .orders ul.orderItem li.order span{
color:#000;
font-size:15px;
font-weight:600
}
.user-p-page .orders ul.orderItem li.view a{
background:#3a9ff1;
color:#fff;
height:28px;
line-height:29px;
width:84px;
border-radius:3px;
text-align:center;
font-size:14px;
font-weight:600;
margin-top:22px
}
.user-p-page .orders ul.orderItem li.view a:hover{
background:#2c8ad6
}
.user-p-page .orders ul.orderItem li.desk{
display:block
}
.user-p-page .orders ul.orderItem li.mobile{
display:none
}
.user-p-page ul li.download{
float:right!important
}
.user-p-page ul li.download a{
background:#39ba76;
height:28px;
margin-top:22px;
border-radius:3px;
color:#fff;
overflow:hidden;
line-height:28px
}
.user-p-page ul li.download a i{
float:left;
background:#33a569;
width:32px;
height:28px;
position:relative
}
.user-p-page ul li.download a i:before{
position:absolute;
content:"";
width:100%;
height:100%;
background:url(../../img/icons/order-download.png) no-repeat;
top:50%;
left:50%;
margin:-8px 0 0 -8px
}
.user-p-page ul li.download a p{
float:right;
width:calc(100% - 32px);
font-size:14px;
font-weight:600;
padding:0 12px
}
.user-p-page ul li.download a:hover{
background:#33a569
}
.user-p-page ul li.download a:hover i{
background:#2e8758
}
ul.orderDetailsHead{
float:left;
width:100%;
height:60px;
background:#fafafa;
border-bottom:1px solid #e1e8ed;
padding:0 30px
}
ul.orderDetailsHead li{
float:left;
line-height:60px;
font-size:15px;
font-weight:700;
color:#000
}
ul.orderDetailsHead li.date{
width:154px
}
ul.orderDetailsHead li.product{
width:167px
}
ul.orderDetailsHead li.total{
width:155px
}
ul.orderDetailsHead li.download{
float:right
}
.orderDetails{
float:left;
width:100%
}
.orderDetails ul.pInfos{
float:left;
width:100%;
height:73px;
border-bottom:2px solid #f2f5f8;
padding:0 30px
}
.orderDetails ul.pInfos li{
float:left;
line-height:73px;
color:#000;
font-size:15px;
font-weight:600
}
.orderDetails ul.pInfos li.date{
width:154px;
font-weight:700;
color:#79609b
}
.orderDetails ul.pInfos li.product{
width:167px
}
.orderDetails ul.pInfos li.total{
width:90px
}
.orderDetails ul.pInfos li.download{
float:right
}
.orderDetails .bottomArea{
float:left;
width:100%;
padding:30px 30px 48px 30px
}
.orderDetails .bottomArea .statsInfos{
float:left;
width:100%;
background:#daf7e8;
color:#33a569;
font-size:15px;
font-weight:600;
border:1px solid #bef0cf;
text-align:center;
height:46px;
border-radius:3px;
line-height:46px;
padding:0 30px
}
@keyframes animationFramesOne{
0%{
transform:translate(0,0) rotate(0)
}
20%{
transform:translate(73px,-1px) rotate(36deg)
}
40%{
transform:translate(141px,72px) rotate(72deg)
}
60%{
transform:translate(83px,122px) rotate(108deg)
}
80%{
transform:translate(-40px,72px) rotate(144deg)
}
100%{
transform:translate(0,0) rotate(0)
}
}
@-webkit-keyframes animationFramesOne{
0%{
-webkit-transform:translate(0,0) rotate(0)
}
20%{
-webkit-transform:translate(73px,-1px) rotate(36deg)
}
40%{
-webkit-transform:translate(141px,72px) rotate(72deg)
}
60%{
-webkit-transform:translate(83px,122px) rotate(108deg)
}
80%{
-webkit-transform:translate(-40px,72px) rotate(144deg)
}
100%{
-webkit-transform:translate(0,0) rotate(0)
}
}
ul.ticketFilter{
float:right;
margin-top:20px
}
ul.ticketFilter li{
float:left;
height:30px;
background:#8ea8bf;
margin-left:10px;
text-align:center;
border-radius:3px;
overflow:hidden
}
ul.ticketFilter li a{
color:#fff;
line-height:30px;
font-size:14px;
font-weight:700
}
ul.ticketFilter li:first-child{
margin-left:0
}
ul.ticketFilter li i{
float:left;
width:32px;
height:30px;
background:#6385a6
}
ul.ticketFilter li p{
float:right;
padding:0 10px;
height:30px;
font-size:13px
}
ul.ticketFilter li a:hover i{
background-color:#48647d
}
ul.ticketFilter li a:hover p{
background:#6385a6
}
.user-p-page .userContent .headline.support-not{
margin-bottom:0!important
}
.user-m-in.support-not ul.productsHeadline li.status{
float:right
}
.user-m-in.support-not .tickets .ticket span.ticketTheme{
width:120px;
margin-left:55px;
font-size:15px;
font-weight:700;
color:#6385a6
}
.user-m-in.support-not .tickets .ticket span.ticketTitle{
width:150px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.user-m-in.support-not{
padding-bottom:30px;
float:left
}
.user-m-in.support-log{
padding:0 30px 30px 30px;
float:left;
width:100%
}
.user-m-in.support-log .closedNot{
float:left;
width:100%;
height:46px;
background:#f7e1da;
text-align:center;
line-height:46px;
border:1px solid #f0c1be;
font-size:15px;
color:#ee502a;
font-weight:600;
border-radius:3px
}
.ticketDetails{
float:left;
width:100%
}
.ticketDetails .ticketTitle{
float:left;
width:100%;
height:65px;
line-height:65px;
border-bottom:2px solid #f2f5f8;
color:#57657f;
font-size:25px;
font-weight:700;
overflow:hidden
}
.ticketDetails ul.others{
float:left;
width:100%;
height:74px;
margin-top:21px
}
.ticketDetails ul.others li{
display:inline-table;
float:left
}
.ticketDetails ul.others li.name{
width:120px
}
.ticketDetails ul.others li.date{
width:230px
}
.ticketDetails ul.others li.update{
width:168px
}
.ticketDetails ul.others li.priority{
width:108px
}
.ticketDetails ul.others li.status{
width:118px
}
.ticketDetails ul.others li span{
float:left;
width:100%;
font-size:15px;
color:#57657f;
font-weight:600;
line-height:26px
}
.ticketDetails ul.others li b{
float:left;
width:100%;
font-size:15px;
color:#57657f;
font-weight:700
}
.ticketDetails ul.ticketButtons{
float:left;
width:100%
}
.ticketDetails ul.ticketButtons li{
float:left;
height:36px;
line-height:36px;
border-radius:3px;
overflow:hidden
}
.ticketDetails ul.ticketButtons li a,.ticketDetails ul.ticketButtons li span{
display:inline-block;
font-size:14px;
color:#fff;
font-weight:700
}
.ticketDetails ul.ticketButtons li a i,.ticketDetails ul.ticketButtons li span i{
float:left;
width:36px;
height:36px
}
.ticketDetails ul.ticketButtons li a p,.ticketDetails ul.ticketButtons li span p{
float:right;
width:calc(100% - 36px);
height:36px;
padding:0 14px
}
.ticketDetails ul.ticketButtons li.reply{
float:left;
background:#79609b;
cursor:pointer
}
.ticketDetails ul.ticketButtons li.reply:hover{
background-color:#6c538d
}
.ticketDetails ul.ticketButtons li.reply span i{
background:url(../../img/icons/pen.png) no-repeat center center #6c538d
}
.ticketDetails ul.ticketButtons li.reply:hover span i{
background-color:#584376
}
.ticketDetails ul.ticketButtons li.closeTicket{
float:right;
background:#ee502a
}
.ticketDetails ul.ticketButtons li.closeTicket:hover{
background-color:#e34a25
}
.ticketDetails ul.ticketButtons li.closeTicket a i{
background:url(../../img/icons/notClose.png) no-repeat center center #e13f18
}
.ticketDetails ul.ticketButtons li.closeTicket:hover a i{
background-color:#dc3d17
}
.ticketMessages{
float:left;
width:100%;
margin-top:20px
}
.ticketMessages .ticketMessage{
float:left;
width:100%;
border:3px solid #f2f5f8;
border-radius:3px;
padding:15px 12px 15px 12px;
margin-bottom:28px
}
.ticketMessages .ticketMessage:last-child{
margin-bottom:0
}
.ticketMessages .ticketMessage.admin{
border:3px solid #39ba76
}
.ticketMessages .ticketMessage.admin .head i{
background:url(../../img/icons/clientAdmin.png) no-repeat center center #eee
}
.ticketMessages .ticketMessage .head{
float:left;
width:100%;
height:54px;
background:#fafafa;
border-radius:3px;
overflow:hidden;
line-height:54px;
padding-right:21px
}
.ticketMessages .ticketMessage .head i{
float:left;
width:54px;
height:54px;
background:url(../../img/icons/client.png) no-repeat center center #eee
}
.ticketMessages .ticketMessage .head span{
float:left;
color:#57657f;
font-size:15px;
font-weight:700
}
.ticketMessages .ticketMessage .head span.author{
margin-left:18px
}
.ticketMessages .ticketMessage .head span.date{
float:right
}
.ticketMessages .ticketMessage p.ticketText{
float:left;
width:100%;
line-height:26px;
font-size:15px;
color:#57657f;
font-weight:600;
padding:28px 14px 11px 14px
}
.ticketMessages .ticketMessage.admin p.ticketText{
padding:28px 14px 27px 14px
}
.ticketMessages .ticketMessage.admin p.ticketTextAdmin{
float:left;
width:100%;
line-height:26px;
font-size:15px;
color:#57657f;
font-weight:600;
padding:34px 14px 0 14px;
position:relative
}
.ticketMessages .ticketMessage.admin p.ticketTextAdmin:before{
position:absolute;
width:calc(100% - 28px);
height:2px;
content:"";
background:#f2f5f8;
top:0;
left:14px;
right:0
}
.user-m-in .new-ticket{
float:left;
width:100%
}
.user-m-in .new-ticket input{
float:left;
border:1px solid #e9e9f3;
height:48px;
padding:0 17px;
color:#989898;
font-size:12px;
font-weight:600;
border-radius:3px;
background-color:#f9f9fd
}
.user-m-in .new-ticket input::placeholder{
color:#989898;
font-size:12px;
font-weight:600
}
.user-m-in .new-ticket input.title{
width:100%;
margin-bottom:19px
}
.user-m-in .new-ticket input.title:focus{
background:#fafafa
}
.user-m-in .new-ticket .ticketSelect{
position:relative;
display:inline-block;
width:calc(50% - 11.5px)
}
.user-m-in .new-ticket .ticketSelect.priority{
float:right
}
.user-m-in .new-ticket .ticketSelect select{
display:none
}
.user-m-in .new-ticket .ticketSelect .select-selected{
background-color:#fff;
font-size:18px;
font-weight:700
}
.richText .richText-editor{
background-color:#f9f9fd!important;
border-radius:3px
}
.user-m-in .new-ticket .richText,.user-m-in .richText{
border:0!important
}
.user-m-in .new-ticket .ticketSelect .select-selected:after{
position:absolute;
content:"";
cursor:pointer;
top:1px;
right:1px;
width:41px;
height:46px;
background:url(../../img/icons/chl.svg) no-repeat center center transparent
}
.user-m-in .new-ticket .ticketSelect .select-items div{
color:#fff;
height:42px;
border-bottom:1px solid #f2f5f8;
line-height:42px;
padding:0 40px 0 15px;
cursor:pointer;
color:#989898;
font-size:14px;
font-weight:600
}
.user-m-in .new-ticket .ticketSelect .select-items div:last-child{
border-bottom:none
}
.user-m-in .new-ticket .ticketSelect .select-selected{
font-size:12px;
font-weight:600;
border-radius:3px;
background-color:#f9f9fd;
border:1px solid #e9e9f3;
padding:0 17px;
height:48px;
line-height:48px;
color:#989898
}
.user-m-in .new-ticket .ticketSelect .select-items{
position:absolute;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
background-color:#fff;
top:100%;
left:0;
right:0;
z-index:99;
border:1px solid #e1e8ed
}
.user-m-in .new-ticket .ticketSelect .select-hide{
display:none
}
.user-m-in .new-ticket .ticketSelect .same-as-selected,.user-m-in .new-ticket .ticketSelect .select-items div:hover{
background-color:rgba(0,0,0,.02)
}
.user-m-in .new-ticket .richText{
float:left;
width:100%;
height:248px;
margin-top:19px;
border:1px solid #e9e9f3!important;
border-radius:3px
}
.user-m-in .new-ticket.log{
display:none;
margin-bottom:20px
}
.user-m-in .new-ticket.log .richText{
margin-top:0;
background-color:#f9f9fd!important
}
.user-m-in .new-ticket .richText .richText-toolbar{
position:absolute;
bottom:0;
left:0;
background:#f9f9fd;
height:56px;
border-bottom:none
}
.user-m-in .new-ticket .richText .richText-editor{
color:#989898;
line-height:24px;
border:none;
height:191px;
max-height:191px
}
.user-m-in .new-ticket .richText .richText-editor i{
font-style:italic!important
}
.user-m-in .new-ticket .richText .richText-help{
display:none
}
.user-m-in .new-ticket .richText .richText-redo,.user-m-in .new-ticket .richText .richText-undo{
display:none
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li>a .richText-dropdown-outer .richText-dropdown{
top:-175px;
z-index:99
}
.user-m-in .new-ticket .richText .richText-toolbar>ul{
height:56px;
float:left;
border-top:1px solid #e9e9f3;
width:calc(100% + 63px)
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li{
height:56px;
float:left
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li>a{
height:56px;
border-right:none;
padding:20px 13px 20px 13px;
color:#797a7c;
position:relative
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li>a:before{
position:absolute;
content:"";
right:0;
top:14px;
height:28px;
width:1px;
background:#dadce0
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li:last-child a:before{
display:none
}
.user-m-in .new-ticket .richText .richText-toolbar>ul>li>a:hover{
background:0 0
}
.user-m-in .new-ticket span.preInfo{
float:left;
width:100%;
background:#daedf7;
border:1px solid #bee8f0;
color:#31708f;
margin:20px 0;
padding:12px 24px 12px 24px;
line-height:24px;
border-radius:3px;
font-size:15px;
font-weight:600
}
.user-m-in .new-ticket .submit{
float:left;
background:#39ba77;
height:38px;
color:#fff;
border:none;
border-radius:3px;
padding:0 25px;
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
cursor:pointer;
-webkit-box-shadow:0 10px 20px 0 rgba(57,186,119,.2);
-moz-box-shadow:0 10px 20px 0 rgba(57,186,119,.2);
box-shadow:0 10px 20px 0 rgba(57,186,119,.2)
}
.user-m-in .new-ticket .submit:hover{
background:#35aa6d
}
.userContent.support-created{
height:593px;
text-align:center;
padding:0 130px
}
.userContent.support-created span.not-created{
float:left;
width:100%;
color:#39ba76;
font-size:32px;
font-weight:700;
margin-top:190px
}
.userContent.support-created p.not-created{
float:left;
width:100%;
color:#7c939e;
font-size:18px;
font-weight:700;
line-height:27px;
margin-top:29px
}
.userContent.support-created a.show-not{
display:inline-block;
line-height:50px;
padding:0 66px 0 29px;
height:50px;
background:#fafafa;
border:1px solid #e1e8ed;
border-radius:3px;
margin:0 auto;
font-size:18px;
font-weight:700;
color:#7c939e;
margin-top:32px;
position:relative
}
.userContent.support-created a.show-not:after{
transition:background-position .2s;
position:absolute;
content:"";
right:30px;
top:14px;
width:22px;
height:22px;
background-image:url(../../img/icons/created-not.png);
background-position:0 0
}
.userContent.support-created a.show-not:hover{
color:#39ba76
}
.userContent.support-created a.show-not:hover:after{
background-position:0 22px;
transition:background-position .2s
}
.tickets .ticket span.ticketID{
min-width:50px
}
.requiredError{
background:#4a4a4f;
position:absolute;
bottom:-40px;
z-index:1;
color:#f6f6f6;
padding:10px;
border:1px solid #4a4a4f;
border-radius:3px
}
.userMainContent .new-ticket .richText .richText-editor{
overflow-y:scroll!important
}
.requiredError:before{
content:"";
width:0;
height:0;
border-style:solid;
border-width:0 8px 9px 8px;
border-color:transparent transparent #4a4a4f transparent;
display:inline-block;
position:absolute;
top:-10px
}
.ticketMessages .ticketMessage div.ticketText{
float:left;
width:100%;
line-height:26px;
font-size:15px;
color:#57657f;
font-weight:600;
padding:28px 14px 11px 14px
}
.ticketMessages .ticketMessage.admin div.ticketText{
padding:28px 14px 27px 14px
}
.ticketDetails ul.others li span.open,span.answered,span.closed,span.customerResponse,span.processing,span.proposal{
display:inline-block;
height:28px;
line-height:28px!important;
color:#fff!important;
padding:0 9px 0 9px;
border-radius:3px;
font-size:14px;
text-align:center
}
.ticketDetails ul.others li span.open{
background:#44ac4c
}
.ticketDetails ul.others li span.answered{
background:#79609b
}
.ticketDetails ul.others li span.customerResponse{
background:#fd6721
}
.ticketDetails ul.others li span.closed{
background:#3a9ff1;
max-width:75px
}
.ticketDetails ul.others li span.proposal{
background:#ff7181
}
.ticketDetails ul.others li span.processing{
background:#39ba76
}
.richText .richText-toolbar ul li:nth-child(9){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(10){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(11){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(12){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(13){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(14){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(15){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(16){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(17){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(18){
visibility:hidden
}
.richText .richText-toolbar ul li:nth-child(19){
display:none
}
.editTicket{
content:"";
top:19px;
width:14px;
height:14px;
background-image:url(../img/icons/manage.png);
position:relative;
right:10px;
float:right!important
}
.deleteReply{
content:"";
top:22px;
width:14px;
height:12px;
background-image:url(../img/icons/logout.png);
background-repeat:no-repeat;
position:relative;
right:15px;
float:right!important
}
.userMainContent .new-ticket .richText .richText-editor{
overflow-y:scroll!important
}
.weatherStatus{
display:flex;
align-items:center
}
.hd-top .weatherStatus{
display:flex;
align-items:center;
padding-right:23px
}
.header1 .hd-top .weatherStatus{
padding-right:14px
}
.lholder{
top:0;
align-self:flex-start;
position:absolute;
left:50%;
transform:translateX(-50%);
height:1px;
z-index:9
}
.leftr{
height:1px
}
.righttr{
position:absolute;
right:-10px;
top:0;
height:1px
}
.lholder.container .leftr img{
transform:translateX(-100%);
margin-left:-10px
}
.lholder.container .righttr img{
transform:translateX(100%)
}
#agenda,#economy,#home,#sport,#tech,#woman,#women,.lcont{
position:relative
}
#newsRead .bottom .left .detail .relatedContent a .play-button img{
height:25px!important
}
#owll-sp .owl-nav,.sport .bvgl-title{
display:none
}
.header-multiple{
display:none
}
#agenda>div .right>div,#agenda>div .right>div>div,#woman>div .right>div,#woman>div .right>div>div{
margin-bottom:10px
}
@media screen and (max-width:550px){
div#owl-wleft-slider3 .owl-dots{
counter-reset:none
}
.genel-veri{
width:calc(100% + 20px);
margin-left:-10px
}
div#owl-wleft-slider3 .owl-dots button:before{
display:none
}
div#owl-wleft-slider3 .owl-dots{
opacity:1;
width:100%;
height:auto;
visibility:visible;
background-color:#fff!important;
height:auto!important;
display:flex!important;
bottom:0;
counter-reset:dots;
justify-content:space-between;
padding:10px;
align-items:center
}
div#owl-wleft-slider3 .owl-dots button{
background:#e2e3e4;
border:0;
border-radius:100%;
width:12px!important;
height:12px!important;
padding:0
}
div#owl-wleft-slider3 .owl-dots button:after{
display:none
}
.news-four-2 .news-four-in .news-four-in-title{
height:67px!important;
padding:14px!important;
display:flex;
align-items:center
}
.news-four-2 .news-four-in .news-four-in-title span{
font-size:19px!important;
font-weight:600!important;
line-height:26px!important
}
.header-multiple{
display:block;
margin-bottom:10px;
width:calc(100% + 20px);
margin-left:-10px
}
.header-bottom-right-options ul{
min-width:inherit
}
.header-bottom-right-options ul{
min-width:inherit
}
.sticky-bread.sticked .header-bottom-right-options ul{
min-width:89px
}
.sport .bvgl-title{
display:block;
border-left-color:#178c29
}
.wleft-slider{
display:block!important;
flex-direction:column;
display:none;
width:calc(100% + 20px);
margin-left:-10px!important
}
.wleft-slider-left{
width:100%;
display:none
}
.wleft-slider-left li{
width:calc(100% / 5);
padding:0 2.5px;
margin-bottom:0
}
.wleft-slider-left ul{
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:5px;
margin-left:-2.5px;
margin-right:-2.5px
}
.wleft-slider-left li a{
width:100%
}
div#owl-wleft-slider{
max-width:100%;
width:100%
}
ul.tab-up-li{
display:none
}
.tab-up-in a.tab-up-link{
height:254px
}
#owl-tab-up .owl-dots{
position:static
}
.yatay2{
margin-bottom:10px!important
}
#home .cuff.pt-0 .flex-start.mid-col{
margin:0
}
#home .cuff.pt-0 .flex-start.mid-col .tabslider{
margin-bottom:10px
}
.main-manset-title h3{
bottom:14px!important;
padding:0 14px!important;
-webkit-line-clamp:3
}
.main-manset a.main-manset-link{
height:254px!important
}
.tab-up-title{
padding:14px;
background-color:#transparent
}
.tab-up-title h3{
font-size:24px;
font-weight:700;
line-height:30px;
height:auto;
margin-bottom:0;
-webkit-line-clamp:3
}
a.nys-slider-in:after,a.nys-slider-in:before{
display:none
}
.tab-up-title p{
line-height:24px;
height:49px;
font-size:20px;
font-weight:700;
display:none
}
.tab-up-in .owl-dots button{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:0;
margin:0;
border-radius:2px 2px 0 0!important
}
#owl-tab-up .owl-dots{
background-color:#000
}
#home.container .newsBox>strong span{
font-size:19px!important;
font-weight:600!important;
line-height:26px!important
}
.main-manset-title h3{
font-size:24px!important;
line-height:30px!important;
padding-top:0!important;
padding-bottom:0!important
}
#home.container .newsBox>strong{
height:67px;
display:flex;
align-items:center;
padding:0 14px
}
#home.container .sixNewsSymmetry .newsBox>strong{
height:67px!important
}
.b-videogaleri{
height:auto;
padding-bottom:9px
}
.new-category-in .b-videogaleri{
padding-bottom:0!important
}
#home>.bottom>.left .sport>div:last-child .pager li,.video-five-right{
padding:10px 14px
}
#home>.bottom>.left .sport>div:last-child .pager li:after{
left:14px;
right:14px
}
a.bvgl-top p{
margin:10px 14px;
font-size:19px!important;
font-weight:600!important;
line-height:26px!important
}
.fively-title{
padding:0 14px
}
.news-four-3 .news-four-in span{
font-weight:600
}
.news-four-3 .news-four-in figure{
height:100px
}
.news-four-3 .news-four-in-title{
height:67px!important;
padding:12px 12px 12px 14px!important
}
.news-four-3 .news-four-in-title span{
font-weight:600!important;
font-size:16px!important;
line-height:22px!important;
height:auto!important;
-webkit-line-clamp:2!important
}
.bvgl-title,.newsBox2>span{
padding-left:14px
}
.bvgl-small{
margin-bottom:13px
}
.bvgl-small:last-child{
margin-bottom:0!important
}
.coklu-kat-left .fively-title h5{
font-size:20px!important;
font-weight:700!important;
line-height:25px!important;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.bvgl-small p,.bvgl-top p,.video-five-left h1{
font-weight:600!important;
font-size:16px!important;
line-height:22px!important
}
.sixNews .left div div:first-child .newsBox2 strong{
font-size:20px!important;
font-weight:700!important;
line-height:25px!important
}
.sixNews .right{
display:block!important;
width:100%;
max-width:100%!important;
flex:0 0 100%!important
}
.sixNews .right div>div{
flex:0 0 50%!important;
max-width:50%
}
.sixNews .right div>div a{
height:97.53px!important
}
#home>.bottom>.left .sixNews .left>div>div:first-child a{
height:auto
}
#home>.bottom>.left .sixNews .left>div>div:first-child a img{
height:100px!important;
object-fit:cover
}
#home>.bottom>.left .sixNews .left>div>div:first-child{
flex:0 0 50%;
padding-top:0!important
}
#home>.bottom>.left .sixNews .left>div>div:nth-of-type(2){
padding-top:0!important
}
#home .video-five,#home>.bottom>.left .sport{
margin-bottom:10px!important;
margin-top:0!important
}
#home>.bottom>.left .sixNews{
margin-bottom:10px!important
}
#home .sixNews .left div div:first-child .newsBox2 strong{
font-family:Barlow,sans-serif;
font-weight:600!important;
font-size:16px!important;
line-height:22px!important
}
#home .sixNews .left div div:first-child .newsBox2>span{
padding:12px 12px 12px 14px!important;
height:67px!important
}
.sixNews .newsBox2>span{
position:static;
background-color:#fff;
display:block;
height:67px!important
}
#home>.bottom>.left .sixNews .left div:not(:first-child) a img{
height:100px!important
}
.sixNews a.newsBox2:before{
display:none!important
}
.sixNews .newsBox2>span strong{
color:#222!important;
margin-top:0
}
#home .sixNews .left div div .newsBox2>span{
padding:12px 12px 12px 14px!important;
height:auto!important;
display:flex;
align-items:center;
justify-content:center
}
#home .sixNews .left div div .newsBox2>span strong{
position:static
}
#home>.bottom .left .sixNews .right{
float:unset!important;
display:block
}
#home>.bottom>.left .sixNews .right>div>div{
height:176px!important
}
.sixNews .newsBox2>span{
position:static;
background-color:#fff;
display:block;
height:auto!important
}
.sixNews a.newsBox2:before{
display:none!important
}
.sixNews .newsBox2>span strong{
color:#222!important;
margin-top:0;
top:unset!important
}
#home .sixNews .left div div .newsBox2>span{
padding:12px 12px 12px 14px!important;
height:auto!important;
display:flex;
align-items:center;
justify-content:center
}
#home .sixNews .left div div .newsBox2>span strong{
position:static
}
#home>.bottom .left .sixNews .right{
float:unset!important;
display:block
}
#home>.bottom>.left .sixNews .right>div>div{
height:176px!important
}
#home>.bottom>.left .sixNews .left div div:last-child{
display:none
}
#home>.bottom>.left .sixNews .right div div:last-child{
display:none!important
}
.yatay2-text p{
height:auto;
font-size:16px;
line-height:20px;
font-weight:500
}
.main-manset #owl-main-manset .owl-dots{
display:flex!important;
bottom:0;
counter-reset:dots;
width:100%;
padding:0 14px;
flex-wrap:nowrap;
justify-content:space-between;
background-color:#000;
height:46px;
align-items:center;
position:static
}
.main-manset #owl-main-manset .owl-dots button{
font-size:12px!important;
font-weight:700!important;
width:24px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:0;
margin:0;
background:0 0!important;
border-radius:2px 2px 0 0!important
}
.main-manset #owl-main-manset .owl-dot.active,.tab-up-in .owl-dots button.active{
background-color:#b70b19!important;
color:#fff!important;
width:24px;
height:46px
}
.main-manset #owl-main-manset .owl-dots .owl-dot:before{
counter-increment:dots;
content:counter(dots)!important;
display:block!important
}
a.bvgl-top:after{
content:"";
position:absolute;
bottom:-10px;
width:calc(100% - 28px);
height:1px;
background-color:#e6e6e6;
left:14px
}
a.bvgl-top{
position:relative;
margin-bottom:23px
}
.owll-sp li a.active,.owll-sp li a:hover{
color:#000!important
}
.video-five-right{
padding:13px 14px
}
#owll-sp .owl-dots{
opacity:1;
user-select:auto;
visibility:visible;
position:absolute;
bottom:10px;
width:100%;
display:flex;
align-items:center;
justify-content:center
}
#owll-sp div a:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:40%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
#owll-sp .owl-nav{
position:absolute;
right:9px;
top:-48px;
display:flex;
align-items:center;
width:40px;
justify-content:center;
display:none!important
}
#owll-sp .owl-nav button{
background:0 0;
border:0;
font-size:32px
}
#owll-sp .owl-nav button span{
color:#000
}
#owll-sp .owl-nav button.disabled{
opacity:.3
}
#owll-sp,#owll-sp div a{
height:186px!important
}
#newsRead .bottom .left{
padding:0!important
}
#newsRead .top h1{
margin:8px 0 !important
}
#newsRead .top h2{
margin-bottom:10px!important
}
.sc-options{
margin-top:0
}
.yazar-post .sc-options{
margin-top:10px
}
#newsRead .bottom .left .detail>*{
margin-bottom:8px!important
}
#newsRead .bottom .left .detail .cap>img{
margin-bottom:12px!important
}
.left .detail .sc-left-tags{
margin-top:10px;
padding-bottom:5px
}
#newsRead .bottom .left .detail>.ads{
margin-bottom:5px!important
}
#newsRead .bottom .left .detail>p{
margin-bottom:8px!important
}
#newsRead .bottom .left .detail>.slider{
margin-bottom:12px!important
}
#newsRead .bottom .left .detail h2,#newsRead .bottom .left .detail h3,#newsRead .bottom .left .detail h4{
line-height:30px!important;
margin-bottom:4px!important
}
#newsRead .bottom .left .detail h4{
margin-top:0!important
}
#newsRead .bottom .left .detail .relatedContent{
margin-bottom:8px!important
}
#newsRead .bottom .left .detail p.shortCode,#newsRead .bottom .left .detail p.shortCodeBlue,#newsRead .bottom .left .detail p.shortCodeRed{
padding:10px 14px;
margin-bottom:5px!important
}
.haberSingle:after{
margin-top:10px!important
}
#newsRead .bottom .left .detail blockquote{
margin:17px 0 8px 0!important
}
#owll-sp .owl-dots button{
width:10px;
height:10px;
border-radius:100%;
border:0;
background:#fff;
padding:0;
margin:0 2px
}
#owll-sp .owl-dots button:before{
display:none
}
#owll-sp .owl-dots button.active{
background:#178c29
}
.ows-in h3{
font-size:24px;
line-height:30px;
font-weight:700!important;
width:100%;
position:static;
text-transform:unset;
text-align:left;
display:-webkit-box;
-webkit-line-clamp:3;
overflow:hidden;
-webkit-box-orient:vertical
}
.ows-text .ows-in{
height:auto;
align-items:flex-end;
justify-content:flex-end;
flex-direction:row;
margin-bottom:14px
}
.wleft-slider .ows-text{
position:absolute;
bottom:0;
height:auto!important;
top:unset;
padding:0 14px!important;
display:flex;
align-items:flex-end
}
span.ows-filter{
display:none
}
.wleft-slider .owl-item a figure{
width:100%
}
.wleft-slider .owl-item a{
display:block;
height:254px;
position:relative
}
.ows-in h3:first-line{
color:#fff
}
.wleft-slider .owl-item a:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:80%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
.ows-son span{
height:28px;
line-height:27px;
font-size:17px
}
b.kibesvg{
height:32px
}
.ows-son.ow-galeri span,.ows-son.ow-video span{
font-size:18px;
height:32px;
line-height:32px
}
.ows-son.ow-galeri span svg,.ows-son.ow-video span svg{
max-width:20px
}
.ows-son.bottom-right{
bottom:unset!important;
top:31px!important;
right:22px!important;
left:unset!important
}
.ows-son.bottom-left{
bottom:unset!important;
top:31px!important;
left:22px!important;
right:unset!important
}
.ows-son.ow-galeri,.ows-son.ow-video{
top:unset!important;
bottom:22px!important
}
.icon-play-arrow{
opacity:1!important
}
.icon-play-arrow:before{
margin-left:3px
}
div#owl-wleft-slider .owl-dots{
opacity:1;
width:100%;
height:auto;
visibility:visible;
background-color:#fff!important;
height:auto!important;
display:flex!important;
bottom:0;
counter-reset:dots;
justify-content:space-between;
padding:10px;
align-items:center
}
div#owl-wleft-slider .owl-dots button{
background:#e2e3e4;
border:0;
border-radius:100%;
width:12px;
height:12px;
padding:0
}
div#owl-wleft-slider .owl-dots button:before{
display:none
}
div#owl-wleft-slider .owl-dots button.active,div#owl-wleft-slider3 .owl-dots button.active{
background:#db2027
}
#owl-wleft-slider2 .ows-text,#owl-wleft-slider3 .ows-text{
padding:0 14px!important
}
#owl-wleft-slider2 .ows-in h3,#owl-wleft-slider3 .ows-in h3{
font-size:24px;
line-height:30px;
font-weight:700!important;
width:100%;
position:static;
text-transform:unset;
text-align:left;
display:-webkit-box;
-webkit-line-clamp:3;
overflow:hidden;
-webkit-box-orient:vertical
}
.video-five-left h1{
font-size:19px!important;
font-weight:600!important;
line-height:26px!important;
margin-top:10px
}
.video-five-left{
padding:14px 14px 10px 14px
}
.hm-top{
height:40px;
display:flex;
align-items:center;
justify-content:space-between
}
.hm-top .hm-right,.hm-top .select-vakit{
height:40px;
width:50%
}
.hm-right{
display:flex;
align-items:center;
justify-content:flex-start;
background-color:#222;
color:#fff;
position:relative;
padding-left:14px
}
.hm-right .htl-i-right{
display:flex;
align-items:center
}
.hm-right .htl-i-right b{
margin:0 0 0 8px
}
.hm-top .select-vakit{
background-color:#b70b19;
margin:0;
width:50%;
justify-content:space-between;
padding:0 0 0 14px
}
.header-multiple-re{
text-align:center;
width:100%;
background-color:#fff
}
.header-multiple-re img{
margin:0 auto
}
.hm-top .select-vakit select{
background-image:none;
font-size:13px!important;
padding-right:9px;
width:100%;
height:100%;
font-weight:500
}
.hm-top .select-vakit svg g{
fill:#fff!important
}
.select-vakit svg{
min-width:15px;
position:absolute;
right:14px;
user-select:none;
pointer-events:none
}
.hm-right>div{
display:none
}
.htl-i-flex{
display:flex;
align-items:center
}
.htl-i-flex span{
color:#fff;
font-weight:500;
font-size:12px
}
.hm-right>div{
margin-right:0
}
.hm-right .htl-i-right b{
margin-top:0;
font-weight:500;
font-size:12px
}
}
div#hss-right-owl{
height:20px
}
div#hss-right-owl .owl-stage,div#hss-right-owl .owl-stage-outer{
max-height:20px
}
.alertSet{
background-color:#f0fff4;
border:1px solid #4caf50;
border-radius:5px;
padding:15px;
color:#2f855a;
font-size:13px;
font-weight:700;
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
display:none
}
.alertSet-flex{
justify-content:flex-start;
align-items:center;
display:flex
}
.alertSet svg{
width:16px;
height:16px;
color:#48bb78;
margin-right:10px
}
.alertSet svg path{
fill:#48bb78
}
li.tab-u-li-in a{
color:#999;
display:block;
width:100%;
height:100%;
text-transform:uppercase
}
li.tab-u-li-in.active a,li.tab-u-li-in:hover a{
color:#fff
}
#home>.bottom>.right>div>div:first-child{
padding-top:0
}
#home>.bottom>.right>div>div:first-child{
margin-top:0!important
}
.videoPostHead .contentArea .rightPosts ul li a:hover span{
text-decoration:underline
}
#newsRead .bottom .left .detail .wp-caption-text,.wp-caption p,.wp-caption p.wp-caption-text,.wp-caption-text{
font-size:13px!important;
margin:0 auto!important;
color:#999!important;
text-align:center
}
.wp-caption{
max-width:100%!important
}
.detail table td{
border:1px solid #dcdcdc;
padding-left:7px
}
.detail table td strong{
font-size:17px
}
.detail tbody td{
font-size:16px
}
.navigation{
padding:20px;
text-align:center
}
.navigation a,.navigation span{
color:#000;
font-size:16px;
font-weight:500;
border:1px solid #e1e1e1;
border-radius:2px;
text-align:center;
transition:background-color .2s ease-in-out,border-color .2s ease-in-out;
margin:0 5px 10px 0;
padding:5px;
color:#000!important;
font-family:Barlow;
font-weight:500;
line-height:20px;
font-size:13px;
padding:6px 12px
}
span.page-numbers.dots{
display:none
}
.navigation a:hover,.navigation span{
background-color:#e1e1e1
}
#newsRead .bottom .left .comments ul li .icons i.icon-reply{
display:none
}
#newsRead .bottom .left .comments ul li .icons i.icon-reply{
display:none
}
#newsRead .bottom .left .comments ul li>p{
padding-right:20px
}
#newsRead .bottom .left .comments ul li.reply{
border:0!important;
margin-left:70px;
background:0 0
}
#newsRead .bottom .left .comments>strong{
border-bottom:1px solid #e9e9e9
}
.full-video-b figure{
margin:0
}
.fvb-left figure{
height:332px
}
.fvb-left{
width:578px
}
.full-video-b{
display:flex;
align-items:stretch;
justify-content:space-between;
margin-bottom:20px
}
.fvb-right{
background-color:#191e2d;
width:calc(100% - 578px);
height:332px;
overflow-y:auto;
padding:0 15PX;
overflow-x:hidden
}
.fvb-right a:last-child{
border-bottom:0!important
}
.full-video-b .fvb-left figure img{
width:100%;
height:100%;
object-fit:cover
}
.fvb-left .play-button{
background-color:#eb1826;
box-shadow:0 0 29px #eb182694;
top:20px;
transform:unset;
left:20px
}
.fvb-left a:hover .play-button{
transform:translate(0) rotate(360deg)
}
.fvb-left h5{
font-size:28px;
line-height:32px;
font-weight:600;
-webkit-line-clamp:2;
margin-bottom:0
}
.fvb-right>a{
width:100%;
color:#fff;
DISPLAY:FLEX;
align-items:center;
justify-content:flex-start;
padding:15px 0;
border-bottom:1px solid #2c344a
}
.fvb-right>a figure{
width:136px;
height:80px;
margin-right:15px;
position:relative;
min-width:136px
}
.fvb-right>a figure img{
width:100%;
height:100%
}
.fvb-right-text h4{
font-size:16px;
font-weight:500;
line-height:22px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
margin-bottom:3px
}
.fvb-right>a:hover h4{
text-decoration:underline
}
.fvb-right-text span{
color:#fff;
opacity:.6;
font-size:13px;
font-weight:600
}
.fvb-right>a figure .play-button{
width:27px;
height:27px;
background-color:#eb1826;
box-shadow:0 0 29px #eb182694;
top:10px;
left:10px;
transform:translate(0) rotate(0)
}
.fvb-right>a figure .play-button img{
max-width:15px
}
.fvb-right>a:hover figure .play-button{
transform:translate(0) rotate(360deg)
}
.fvb-right::-webkit-scrollbar{
width:12px
}
.fvb-right::-webkit-scrollbar-track{
background:#394054;
border-radius:0
}
.fvb-right::-webkit-scrollbar-thumb{
background:#eb1826;
border-radius:0
}
.yazar-kalem-k{
background-color:#262626;
padding:20px;
display:flex;
align-items:stretch;
justify-content:space-between;
margin-bottom:20px
}
.yazar-kalem-k figure{
margin:0
}
.yazar-kalem-k .ykk-left{
width:420px
}
.yazar-kalem-k .ykk-right{
width:calc(100% - 420px);
padding-left:30px;
position:relative;
z-index:99
}
.yazar-kalem-k .ykk-left a{
width:100%;
height:260px;
display:block
}
.ykk-right h2{
font-size:28px;
line-height:32px;
font-weight:600;
color:#fff;
display:-webkit-box;
-webkit-line-clamp:2;
overflow:hidden;
-webkit-box-orient:vertical;
margin-bottom:15px
}
.ykk-right p{
font-size:16px;
font-weight:500;
color:#fff;
display:-webkit-box;
-webkit-line-clamp:1;
overflow:hidden;
-webkit-box-orient:vertical;
opacity:.7
}
.yazar-kalem-k .ykk-left a figure{
width:100%;
height:100%
}
.yazar-kalem-k .ykk-left a figure img{
object-fit:cover;
width:100%;
height:100%
}
.yazar-kalem-k .ykk-right ul{
display:flex;
align-items:flex-start;
justify-content:flex-start;
margin-top:20px;
padding-left:20px;
position:absolute;
bottom:9px
}
.yazar-kalem-k .owl-dots,.yazar-kalem-k .owl-nav{
display:none!important
}
.yazar-kalem-k .ykk-right ul li a{
display:block;
width:66px;
height:66px;
min-width:66px;
min-height:66px;
margin:0 7px;
border:3px solid transparent;
transition:border-color .2s ease-in-out;
border-radius:100%;
position:relative
}
.yazar-kalem-k .ykk-right ul li a.active:after,.yazar-kalem-k .ykk-right ul li a.active:before{
background-color:#eb182650;
content:' ';
display:block;
width:60px;
border-radius:100%;
height:60px;
min-width:60px;
min-height:60px;
position:absolute;
top:0
}
.yazar-kalem-k .ykk-right ul li a.active:before{
position:absolute;
z-index:-2;
animation-delay:2s
}
.yazar-kalem-k .ykk-right ul li a.active:after{
z-index:-1;
animation-delay:2s
}
.yazar-kalem-k .ykk-right ul li a.active,.yazar-kalem-k .ykk-right ul li a:hover{
border-color:#eb1826
}
.yazar-kalem-k .ykk-right ul li a.active:before,.yazar-kalem-k .ykk-right ul li a:hover:before{
-webkit-animation:ping 3s infinite;
animation:ping 3s infinite
}
.yazar-kalem-k .ykk-right ul li a.active:after,.yazar-kalem-k .ykk-right ul li a:hover:after{
-webkit-animation:ping2 3s infinite;
animation:ping2 3s infinite
}
.yazar-kalem-k .ykk-right ul li a figure{
width:100%;
height:100%;
border-radius:100%
}
.yazar-kalem-k .ykk-right ul li a figure img{
user-select:none;
width:100%;
height:100%;
object-fit:cover;
border-radius:100%
}
.ykk-right>span{
color:#fff;
background-color:transparent!important;
border-radius:2px;
font-size:16px;
font-weight:700;
display:inline-block;
margin-bottom:20px;
margin-top:20px;
position:relative;
padding:0
}
.ykk-right>span img{
display: none!important;
position:absolute;
right:-15px;
top:-15px
}
.yazar-kalem-k .ykk-right ul span{
width:60px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background-color:#3f3f3f;
position:absolute;
right:-70px;
margin-top:16px;
cursor:pointer;
box-shadow:0 0 8px rgba(26,24,35,.18)
}
.yazar-kalem-k .ykk-right ul span:first-child{
left:-50px;
right:unset
}
.yazar-kalem-k .ykk-right ul span:last-child{
transform:rotate(180deg)
}
.yazar-kalem-k .ykk-right ul span:hover{
background-color:#fff
}
.yazar-kalem-k .ykk-right ul span:hover svg path{
fill:#262626
}
.alt-full{
width:100%
}
@media screen and (max-width:560px){
.yazar-kalem-k .ykk-right ul li.active{
display:block
}
.fvb-left{
width:100%!important
}
.fvb-right{
width:100%!important
}
.full-video-b{
flex-wrap:wrap
}
.fvb-left h5{
font-size:20px!important;
line-height:25px!important
}
.full-video-b,.yazar-kalem-k{
margin-bottom:10px
}
.fvb-left figure{
height:232px
}
.fvb-right>a figure{
width:100px;
min-width:100px;
height:70px
}
#newsRead .bottom .left .comments ul li.reply{
margin-left:0
}
}
.wp-caption{
max-width:100%!important
}
.canlitv-top .owl-nav button:before{
position:absolute;
z-index:-2;
animation-delay:2s
}
.canlitv-top .owl-nav button:after{
z-index:-1;
animation-delay:2s
}
.canlitv-top .owl-nav button:hover:before{
-webkit-animation:ping 3s infinite;
animation:ping 3s infinite
}
.canlitv-top .owl-nav button:hover:after{
-webkit-animation:ping2 3s infinite;
animation:ping2 3s infinite
}
@-webkit-keyframes ping{
0%{
transform:scale(1);
opacity:0
}
50%{
transform:scale(1.25);
opacity:1
}
75%{
transform:scale(1.25);
opacity:0
}
100%{
opacity:0
}
}
@keyframes ping2{
0%{
transform:scale(1);
opacity:0
}
50%{
transform:scale(1.5);
opacity:1
}
75%{
transform:scale(1.5);
opacity:0
}
100%{
opacity:0
}
}
.leftr ins.adsbygoogle{
transform:translateX(-100%);
margin-left:-10px
}
.lholder.container .righttr ins.adsbygoogle{
transform:translateX(100%)
}
.ykk-r-sl{
display:none;
transition:all .2s ease-in-out;
opacity:0;
visibility:hidden
}
.ykk-r-sl.active{
display:block;
opacity:1;
visibility:visible
}
@media screen and (max-width:1074px){
.yazar-kalem-k .ykk-left{
width:300px
}
.yazar-kalem-k .ykk-right{
width:calc(100% - 300px)
}
}
@media screen and (max-width:980px){
.yazar-kalem-k{
flex-wrap:wrap
}
.yazar-kalem-k .ykk-right ul{
display:none
}
}
@media screen and (max-width:660px){
.yazar-kalem-k{
flex-direction:column
}
.yazar-kalem-k .ykk-right ul{
display:flex
}
.yazar-kalem-k .ykk-left{
width:100%
}
#home .fiveNews>div{
margin-bottom:10px;
display:block!important
}
#home .fiveNews>div:nth-child(8){
margin-bottom:0!important
}
.yazar-kalem-k .ykk-left a figure{
width:100%
}
.ykk-right>span{
display:none
}
.yazar-kalem-k{
padding:0
}
.yazar-kalem-k .ykk-right{
width:100%;
padding:0 15px;
align-items:center;
justify-content:center
}
.yazar-kalem-k .ykk-right ul{
position:static
}
.ykk-right p{
display:none
}
.yazar-kalem-k .ykk-right ul span:first-child{
left:20px
}
.yazar-kalem-k .ykk-right ul span:last-child{
right:20px
}
.yazar-kalem-k .ykk-left a{
height:232px
}
.ykk-right h2{
font-size:20px!important;
line-height:25px!important;
margin-bottom:0;
position:absolute;
top:-12px;
transform:translateY(-100%);
left:14px
}
.ykk-right h2:hover{
text-decoration:underline
}
.yazar-kalem-k .ykk-left a:before{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
height:70%;
background:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 90%);
background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 90%)
}
.yazar-kalem-k .ykk-right ul li a.active{
display:block
}
.ykk-right{
display:flex
}
.yazar-kalem-k .ykk-right ul{
margin-top:0;
height:96px;
display:flex;
align-items:center;
justify-content:flex-start;
width:237px;
overflow:hidden;
padding-left:0
}
.yazar-kalem-k .ykk-right ul li a.active:after,.yazar-kalem-k .ykk-right ul li a.active:before,.yazar-kalem-k .ykk-right ul li a:hover:after,.yazar-kalem-k .ykk-right ul li a:hover:before{
display:none
}
.yazar-kalem-k .ykk-right ul span:last-child{
width:30px;
margin-top:0;
right:15px;
border-radius:100%
}
.yazar-kalem-k .ykk-right ul span:first-child{
left:unset;
left:15px;
z-index:99;
margin-top:0;
width:30px;
border-radius:100%
}
.yazar-kalem-k .ykk-right ul span{
height:30px
}
}
.ykk-right h2:hover{
text-decoration:underline
}
.wdtlde span b {
font-size: 18px;
color: #999999;
margin-left: -20px;
}
.lholder.container div>a {
display: contents;
}
.cb-veri-full .cb-veri ul li a img {
margin-right: 7px;
width: 18px;
height: 18px;
}
img.tabloicon {
margin-right: 7px;
width: 18px;
height: 18px;
border-radius: 100%;
object-fit: cover;
}
.cifticon {
width: 28px;
height: 24px;
display: inline-block;
position: relative;
margin-right: 7px;
user-select: text!important;
}
.cifticon img {
margin: 0;
}
.cifticon .tabloicon:first-child {
top: -1px;
left: -1px;
position: absolute;
z-index: 1;
}
.cifticon .tabloicon:nth-child(2), .cifticon .tabloicon:nth-child(3){
bottom: 0px;
right: 3px;
position: absolute;
}
.cb-veri-full .cb-veri ul li a .cifticon img {
margin: 0;
}
header nav>ul>li>ul li ul {
left: 100%!important;
top: 0!important;
}
header nav>ul>li>ul li ul li a {
white-space: nowrap;
}
header nav>ul>li>ul li:hover ul {
visibility: visible!important;
opacity: 1!important;
transform: translateY(0)!important;
}