/*
    PROJECT NAME    : Hokkaweb - ORION HABER YAZILIMI
    CODER NAME      : Murat Deniz
*/


/*RESET*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

body,
html {
    height: 100%;
    background: #fff;
}

body.bodyColor2 {
    background: #edf0f1;
    height: auto;
}

body {
    line-height: 1;
    font-size: 12px;
    overflow-x: hidden ;
}

a {
    text-decoration: none;
    color: #656a6f;
}

img {
    vertical-align: text-bottom;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    font-family: 'Lato',sans-serif;
    text-align: left;
    color: #171313;
    border: none;
    background-image: url(https://enkriptohaber.com/themes/mobil/img/blockquote.png);
    background-position: 7px 49px;
    background-repeat: no-repeat;
    text-indent: -3px;
    padding: 49px;
}

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

input,
select,
textarea {
    outline: none;
}

input[type="text"],
textarea {
    -webkit-appearance: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

:focus {
    outline: none;
}

::-moz-selection {
    background: #fcf7c5;
    color: #000;
}

::selection {
    background: #fcf7c5;
    color: #000;
}

.copy {
    color: #FFF;
    font: 400 13px 'Roboto', sans-serif;
}

.row,
.four li,
.five li,
.categoryIn .greenList li,
.two li {
    margin-right: 2%;
    display: inline-block;
    float: left;
}

.row:last-child,
.four li:nth-child(4n),
.five li:nth-child(4n),
.categoryIn .greenList li:nth-child(2n),
.two li:nth-child(2n) {
    margin-right: 0;
}

.row1 {
    width: 4.375%;
}

.row2 {
    width: 10.75%;
}

.row22 {
    width: 15%;
}

.row3 {
    width: 17.125%;
}

.row35,
.five li {
    width: 23.5%;
}

.row4,
.four li {
    width: 23.5%;
}

.row5 {
    width: 29.875%;
}

.row6 {
    width: 36.25%;
}

.row7 {
    width: 42.625%;
}

.row8,
.categoryIn .greenList li,
.two li {
    width: 49.0%;
}

.row9 {
    width: 55.375%;
}

.row10 {
    width: 61.75%;
}

.row11 {
    width: 68.125%;
}

.row12 {
    width: 74.5%;
}

.row13 {
    width: 80.875%;
}

.row14 {
    width: 87.25%;
}

.row15 {
    width: 93.625%;
}

.row16 {
    width: 100%;
}

.row50 {
    width: 50%;
}

.row3x {
    width: 32%;
}

.row5x {
    width: 18.4%;
}

.row6x {
    width: 15%;
}

.overflow {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.liLeft > li {
    float: left;
}

.clear:after,
#slideComment .comments li:after,
.scoreBoard .head:after,
.scoreBoard li:after,
.container035 .comments li:after,
.topList li .status:after,
.commentStyle .comments li:after,
.cardSlide .one .content li:after,
.cardSlide .one .control:after,
.listOne li:after,
.list li:after,
.listDetails li:after,
#container152:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.container {
    width: 1024px;
    margin: 0 auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    z-index: 1;
}

.noMargin {
    margin: 0;
}

.block {
    display: block;
}

.marginTop7px {
    margin-top: 7px;
}

.marginTop12px {
    margin-top: 12px;
}

.marginTop24px {
    margin-top: 24px;
}

.marginTop20px {
    margin-top: 20px;
}

.marginTop25px {
    margin-top: 25px;
}

.marginBottom24px {
    margin-bottom: 24px;
}

.marginRight7px {
    margin-right: 7px;
}

.marginRight12px {
    margin-right: 12px;
}

.marginLeft7px {
    margin-left: 7px;
}

.taCenter {
    text-align: center;
}

.radius2px,
.button,
.shadow,
.generalShadow,
#slideComment #slide .bigSlide > li .bottom .warning,
#slideComment #slide .bigSlide,
#slideComment .commentNotification li a,
.ad300,
.listOne li,
.grayTable,
.oneBigOtherSmall li,
.grayTable .showMoreButton a,
.scoreBoard,
.container064 .astro,
#todayHistory img,
.todayHistory li,
.fixedButton a span,
.detailContent .contentType,
.detailContent img,
.detailContent .mainContent .pOne,
#fixedBottom .contentFixed .in1264,
#fixedBottom .contentFixed .in1264 .myImage,
.categoryIn .greenList li a,
.author .authorArticle .image img,
.info .buttoninfo,
.listDetails li img,
.listDetailRight .ad,
.listDetailRight .ad img,
.authorContent .listDetails li,
.filterDragDrop li,
.filterDragDrop li a,
.authorGrayList,
.authorGrayList img,
.authorContent .addRight img,
#logistration .login,
#logistration .signUp,
.form1,
.select .input7584 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.radius2pxTop,
.tabHead ul {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -khtml-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
}

.radius2pxBottom,
#slideComment .buttonComment {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -khtml-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
}

.radius2pxRight {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
}

.radius2pxLeft,
.authorContent .listDetails li img {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
}

.radius0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

.radius100,
#top a.menuOpen,
#top #weather .status .o,
#slideComment .comments .image img,
.list .category,
.rightLeftControl,
.container035 .comments .image img,
.container035 .comments .image a,
.container035 .comments .image span,
footer .footerMenu .iconSocial,
.fixedButton a,
#container152 .socialDetail li a,
.cardSlide .one .content li .icon i,
.right_slider .control li,
.commentStyle .comments img,
#fixedbottom .news > li > .newsOpen,
#fixedBottom li .newsOpen .background,
#fixedBottom .rightList li a.notification span,
.firstCategory .control li,
.shareSocial li a,
.controlGeneral li,
.radio .oval,
.radio.active .oval .inside,
.userProfile .profilePicture figure img,
.userProfilePage .userHead img,
.videoComment .comments img,
.bio_overflow ul li a img,
.border-radius,
.bio_width ul li .image span,
.bio_width ul li .image img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.none {
    display: none;
}

.shadow,
.button,
.generalShadow,
.fixedButton a,
.listOne li,
.list .category,
.grayTable,
.oneBigOtherSmall li,
.grayTable .showMoreButton a,
.rightLeftControl,
.scoreBoard,
.container064 .astro,
#todayHistory img,
.container035 .comments .image span,
footer .footerMenu .iconSocial,
.fixedButton a,
.fixedButton a.big,
.fixedButton a span,
.detailContent,
.detailContent img,
.detailContent .mainContent .pOne,
.cardSlide .one .content li .icon i,
#fixedBottom,
#fixedBottom .contentFixed .in1264,
#fixedBottom .contentFixed .in1264 .myImage,
.categoryIn .greenList li a,
.author .authorArticle .image img,
.listDetails li img,
.authorContent .listDetails li,
.filterDragDrop li a,
.authorGrayList,
#logistration .login,
#logistration .signUp,
.userProfile aside,
.userProfilePage {
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.shadowNo,
.authorsDetailContent li,
#logistration button {
    box-shadow: none !important;
}

.list .category:hover,
.fixedButton a:hover {
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.button {
    display: block;
    padding: 12px 20px;
    float: left;
    color: #111;
    font: 1.2em 'Roboto';
}

.button:hover {
    color: #999;
}

.button i,
.button span {
    float: left;
    display: block;
}

.button i {
    font-size: 1.3em;
}

.button span {
    padding-left: 8px;
}

.button.big {
    padding: 14px 24px;
}

.button.big span {
    padding-left: 12px;
}

.yellow {
    color: #cea024
}

.red {
    color: #f44336
}

.blue {
    color: #0446cb
}

.orange {
    color: #ff9935
}

.green {
    color: #82cb04
}

.blue2 {
    color: #32c2b6
}

.yellowBg {
    background: #cea024;
}

.redBg {
    background: #f44336;
}

.orangeBg {
    background: #ff9935;
}

.blueBg {
    background: #0446cb;
}

.greenBg {
    background: #82cb04;
}

.blueBg2 {
    background: #32c2b6;
}

.fixedButton {
    position: fixed;
    z-index: 99999;
    left: 30px;
    bottom: 50px;
}

.fixedButton a {
    position: relative;
    margin: 10px 5px;
    display: block;
    display: block;
    width: 60px;
    height: 60px;
    padding: 18px;
    color: #fff;
    font-size: 1em;
}

.fixedButton a.big {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 23px;
}

.fixedButton a span {
    position: absolute;
    z-index: 2;
    width: 100px;
    height: 28px;
    background: #585858;
    right: -110px;
    font: 1em 'Roboto';
    color: #fff;
    text-align: center;
    padding: 7px 0;
    top: 16px;
}

.fixedButton a.big span {
    top: 19px;
}

.tabHead ul {
    text-align: center;
    width: 100%;
    background: #e1e6ea;
    border: 1px solid #e1e6ea;
    border-bottom: 0;
    overflow: hidden;
}

.tabHead li a {
    font: 500 11px 'Roboto';
    color: #96a4af;
    display: block;
    padding: 16px 0;
    border-top: 4px solid #e1e6ea;
    width: 33.3%;
    float: left;
}

.tabHead li a:hover {
    border-top: 4px solid #ccc;
}

.tabHead li a.active {
    font-weight: 500;
    border-top: 4px solid #4527a0;
    color: #4527a0;
    background: #fff;
}

header #top {
    background: #4527a0;
    color: #fff;
    padding: 10px 0;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
}

header #top a {
    color: #fff;
}

header #top a.menuOpen {
    padding: 12px;
    margin: 4px 6px 3px 14px;
    display: block;
    font-size: 1em;
}

header #top a.menuOpen:hover {
    background: rgba(255, 255, 255, .1);
}

header #top #logo {
    font: 300 1.833em 'Roboto';
}

header #top #logo img {
}

header #top #search {
    margin: 4px 4px 3px 14%;
}

header #top #search .icon {
    color: rgba(255, 255, 255, .2);
    position: absolute;
    margin: 12px 0;
}

header #top #search input {
    width: 150%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 10px;
    margin: 4px 0 6px;
    background: none;
    color: #fff;
    font: 300 1.333em 'Roboto';
    text-indent: 24px;
    word-spacing: 2px;
}

header #top #search input::-webkit-input-placeholder {
    color: #FFF;
}

header #top #search input::-moz-placeholder {
    color: #FFF;
}

header #top #search input::-ms-input-placeholder {
    color: #FFF;
}

header #top #search input::-moz-placeholder {
    color: #FFF;
}

header #top #search input:focus {
    border-color: #fff;
}

header #top #time,
header #top .city {
    font: 300 1.2em 'Roboto';
    float: left;
    padding: 20px 0;
    cursor: default;
}

header #top .dot {
    margin: 17px 25px;
    font-size: 1.5em;
    float: left;
}

header #top #weather .icon {
    float: left;
    margin: 10px 10px;
}

header #top #weather .status {
    font: 500 2.333em 'Roboto';
    padding: 10px 0;
    float: left;
    position: relative;
}

header #top #weather .status .o {
    position: absolute;
    top: 15px;
    right: -10px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    display: block;
}

header #top .login {
    font: 500 1.2em 'Roboto';
    float: left;
    padding: 0px 15px 0px 15px;
    position: relative;
    top: -10px;
    line-height: 80px;
}

header #top .login:hover {
    background: rgba(255, 255, 255, .1);
}

header #top .login i {
    font-size: 20px;
    position: relative;
    top: 3px;
    right: 6px;
}

@media (max-width: 1595px) {
    header #top #search {
        margin: 4px 4px 3px 12%;
    }
}

@media (max-width: 1535px) {
    header #top #search {
        margin: 4px 4px 3px 10%;
    }
}

@media (max-width: 1480px) {
    header #top #search {
        margin: 4px 4px 3px 8%;
    }
}

@media (max-width: 1430px) {
    header #top #search {
        margin: 4px 4px 3px 6%;
    }
}

@media (max-width: 1380px) {
    header #top #search {
        margin: 4px 4px 3px 4%;
    }
}

@media (max-width: 1340px) {
    header #top #search {
        margin: 4px 4px 3px 2%;
    }
}

@media (max-width: 1310px) {
    header #top #search input {
        width: 300px;
    }
    header #top #search {
        margin: 4px 4px 3px 12%;
    }
}

@media (max-width: 1275px) {
    header #top #search {
        margin: 4px 4px 3px 9%;
    }
}

@media (max-width: 1235px) {
    header #top #search {
        margin: 4px 4px 3px 7%;
    }
}

@media (max-width: 1180px) {
    header #top #search {
        margin: 4px 4px 3px 5%;
    }
}

@media (max-width: 1145px) {
    header #top #search {
        margin: 4px 4px 3px 3%;
    }
}

@media (max-width: 1110px) {
    header #top #search {
        margin: 4px 4px 3px 1%;
    }
}

header #top2 {
    background: #fff;
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    margin-bottom: 20px;
}

header #top2 ul {
    text-align: center;
    width: 100%;
}

header #top2 li {
    display: inline-block;
}

header #top2 li a {
    font: 400 1.5em 'Roboto';
    color: #111;
    display: block;
    padding: 24px 12px 22px;
    border-bottom: 4px solid #fff;
    position: relative;
    margin: 0 -2px;
}

header #top2 li a:hover {
    border-bottom: 4px solid #ccc;
}

header #top2 li a.active {
    font-weight: 500;
    border-bottom: 4px solid #4527a0;
}

.downmenu {
    background: #fff;
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    display: none;
}

.downmenu ul {
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden;
}

.downmenu ul li {
    display: inline-block;
}

.downmenu ul li a {
    font: 400 1.5em 'Roboto';
    color: #111;
    display: block;
    padding: 24px 12px 22px;
    border-bottom: 4px solid #fff;
    position: relative;
    margin: 0 -2px;
}

.downmenu ul li a:hover {
    border-bottom: 4px solid #ccc;
}

.downmenu ul li a.active {
    font-weight: 500;
    border-bottom: 4px solid #4527a0;
}


/*Ãœye giriÅŸi*/

ul.uyedownmenu {
    background: #FFF;
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    position: absolute;
    color: #000;
    right: 0;
    top: 80px;
    padding: 10px;
    width: 300px;
    font: 400 1.2em 'Roboto';
    display: none;
    z-index: 9999;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
}

ul.uyedownmenu li {
    float: left;
    line-height: 30px;
}

ul.uyedownmenu li a {
    color: #000 !important;
    display: block;
}

ul.uyedownmenu li div {
    float: left;
}

ul.uyedownmenu li .username {
    margin-left: 20px;
}

ul.uyedownmenu li .email {
    margin-left: 20px;
}

ul.uyedownmenu li .profilelink {
    margin-left: 20px;
}

ul.uyedownmenu li a.logout {
    width: 280px;
    border: 1px solid #DDD;
    display: block;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
}

ul.uyedownmenu li .profile img {
    width: 70px;
    height: 70px;
}

.loader {
    height: 500px;
    background: #FFF;
}

.loader img {
    width: 34px;
    height: 34px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 250px;
}

#slideComment #slide .bigSlide {
    height: 465px;
    overflow: hidden;
}

#slideComment #slide .bigSlide > li {
    position: relative;
    width: 817px;
    height: 465px;
    float: left;
}

#slideComment #slide .bigSlide img {
    width: 100%;
    height: 100%;
}

#slideComment #slide .bigSlide .bottom {
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

#slideComment #slide .bigSlide .bottom .in {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px 15px;
    z-index: 3;
    background-image: linear-gradient(to top, black 0%, transparent 100%);
}

#slideComment #slide .bigSlide .bottom h4 {
    width: auto;
}

#slideComment #slide .bigSlide .bottom h4 span {
    color: #fff;
    /* max-height: 78px; */
    display: block;
    overflow: hidden;
    text-transform: capitalize;
    font-size: 47px;
    line-height: 4rem;
    font-family: Roboto;
    font-weight: 900;
}

#slideComment #slide .bigSlide .bottom h4 a:hover {
    text-decoration: underline;
}

#slideComment #slide .bigSlide .bottom .warning {
    padding: 12px 0;
    text-align: center;
    font: 700 1.2em 'Roboto';
    color: #fff;
    width: 130px;
    margin-bottom: 16px;
    cursor: default;
}

#slideComment #slide .bigSlide .bottom .warning.red {
    background: #f44336;
}


/*Slider Number*/

.number {
    background: #4527a0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 50px;
}

.number .control-item {
    padding: 7px;
    float: left;
    height: 50px;
}

.number .control-button {
    float: right;
    height: 50px;
    line-height: 50px;
}

.number .control-button i {
    color: #FFF;
    font-size: 25px;
}

.number .control-button .control-order {
    float: left;
    padding: 0px 18px;
    font-size: 26px;
    color: #FFF;
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.number .control-button .control-order .order-prev {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.number .control-button .control-order .order-next {
    float: right;
    cursor: pointer;
}

.number .control-button .control-plus {
    float: left;
    padding-left: 18px;
    padding-right: 18px;
    border-right: 1px solid #e9ecee;
    border-left: 1px solid #e9ecee;
    line-height: 62px;
}

.number .control-button div {
    height: 100%
}

.number .control-button .control-all {
    float: left;
    padding: 0 18px;
}

.number .control-button .control-all a {
    font: 500 15px 'Roboto';
    color: #FFF;
}

.number ul {
    padding: 5px 0px 4px 6px;
    max-width: 538px;
    height: 31px;
    overflow: hidden;
}

.number ul li a {
    color: #FFF;
}

.number ul li {
    float: left;
    text-align: center;
    margin-right: 6px;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    font: 500 12px 'Roboto';
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
}

.number ul li.active {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    color: #FFF;
}


/*List Slider*/

.relative ul.listOne {
    float: left;
}

.list_width {
    width: 1200px;
}

.slider_hover {
    overflow: hidden;
}

.list_overflow {
    width: 1200px;
    height: 645px;
    overflow: hidden;
}


/*Kategori ve Ekonomi z-index*/

.relative .category {
    z-index: 9;
}

.leftOne ul.list li figure {
    z-index: 8;
}

.leftOne ul.list li .relative {
    z-index: 10;
    clear: both;
}


/*Kategori slider*/

.category_slider {
    position: absolute;
    bottom: 15px;
    right: 0;
    z-index: 11;
}

.category_slider ul.control li {
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #a1a1a1;
    border-radius: 100%;
    cursor: pointer;
}

.category_slider > ul > li.active {
    color: #999;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
}

.listOne > li > ul {
    position: relative;
    width: 100%;
    height: 296px;
}

.listOne > li > ul > li {
    position: absolute;
    width: 100%;
    height: 99.3%;
    box-shadow: none;
}

.listOne > li > ul > li:first-child {
    border-bottom: 1.5px solid rgba(233, 233, 233, 1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.listOne > li > ul > li:nth-child(2) {
    height: 98.3%;
    border-bottom: 1.5px solid rgba(233, 233, 233, 1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


/*Ekonomi Slider*/

.eko_slider {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.eko_slider ul.control li {
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 2px;
    color: #a1a1a1;
    border-radius: 100%;
    cursor: pointer;
}

.eko_slider > ul > li.active {
    color: #999;
    font-weight: 700;
}


/*Yazarlar*/

.bio_overflow {
    width: 100%;
    overflow: hidden;
}

.bio_overflow ul li {
    width: 245px;
    margin-right: 0;
    font: 300 1em 'Roboto';
    float: left;
}

.bio_width ul li .image {
    width: 40%;
    float: left;
    padding-right: 5%;
    display: block;
    position: relative;
}

.bio_width ul li a {
    color: #4f4f4f;
}

.bio_width ul li .image span {
    position: absolute;
    display: block;
    right: 10px;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 6px;
    font: 500 1em 'Roboto';
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.bio_width ul li .image img {
    width: 100%;
}

.bio_width ul li .text {
    width: 60%;
    float: left;
    display: block;
    margin-top: 20px;
}

.bio_width ul li .text .one {
    display: block;
    margin-top: 2px;
    height: 18px;
    overflow: hidden;
    font-size: 15px;
}

.bio_width ul {
    margin-top: 10px;
}

.bio_width ul li .two {
    max-height: 35px;
    display: block;
    overflow: hidden;
    margin-top: 3px;
    font-size: 13.3px;
    line-height: 1.4;
}


/*Gazeteler*/

.news_overflow {
    height: 331px;
    overflow: hidden;
}


/*Daha sonra izle*/

.leftOne ul.list li figure {
    position: relative;
}

.leftOne ul.list li figure:hover i.daha_sonra {
    visibility: visible;
    opacity: 1;
}

.leftOne ul.list li figure i {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #FFF;
    border-radius: 3px;
    color: #000;
    visibility: hidden;
    font-size: 19px;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}


/*Footer*/

.footerMenu a i {
    font-size: 20px;
    line-height: 25px;
}


/*Detay sayfası*/

.detail_slider li {
    width: 240px;
    height: auto;
    margin-right: 22px;
    margin-bottom: 40px !important;
}

.detail_overflow {
    overflow: hidden;
}

#container152 {
    margin-bottom: 20px;
    height: 42px;
}

#container152 ul.socialDetail li a i {
    font-size: 15px !important;
    text-align: center;
}


/*Font ayarları*/

.fontsize {
    position: relative;
}

.content_fontsize {
    width: 180px;
    height: 165px;
    position: absolute;
    z-index: 2;
    top: -175px;
    left: 0;
    padding: 8px;
    display: none;
    background: #FFF;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.content_fontsize span.font_px {
    font-size: 35px;
    display: block;
    line-height: 105px;
    text-align: center;
}

.volume_bar {
    background: #000;
    height: 3px;
    border-radius: 10px;
    position: relative;
    width: 114px;
    margin: 0 auto;
    top: 22px;
}

.ui-slider-handle {
    border-radius: 100%;
    background: #FFF;
    position: absolute;
    top: -0.5em;
    margin-left: -.6em;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    touch-action: none;
    cursor: pointer;
    border: 1px solid #333;
}

.volume_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 15px;
    background: #333;
    height: 45px;
    width: 180px;
    line-height: 42px;
    color: #FFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.volume_bg:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: -13px;
    border-style: solid;
    border-top-width: 15px;
    border-right-width: 15px;
    border-left-width: 15px;
    border-top-color: #333;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.volume_bg span.volume_small {
    font-size: 9px;
    line-height: 48px;
    float: left;
}

.volume_bg span.volume_big {
    font-size: 15px;
    float: right;
}

.slider-selection {
    background: #FFF;
}


/*Benzer yazılar*/

.smilar_content {
    padding: 30px 30px;
    background: #FFF;
    margin-top: 20px;
    font: 400 1.3em/20px 'Roboto';
    margin-bottom: 20px;
}

.smilar_content h6 {
    font: 500 1.3em/30px 'Roboto';
}

.smilar_content h4 {
    font-weight: 500;
}

.smilar_content ul li {
    height: 295px;
    margin-bottom: 24px;
}

.smilar_content ul li:last-child {
    margin: 0;
}

.smilar_content ul li span {
    font: 400 12px 'Roboto';
}

.smilar_right {
    margin-top: 7%;
}

.smilar_content ul li h4 i {
    font-size: 18px;
    position: relative;
    top: 3px;
}

.smilar_content a {
    color: #000;
}


/*Right slider*/

.right_slider {
    z-index: 9;
    bottom: 18px;
}

.right_slider ul.control {
    padding: 10px 20px 20px;
}

.right_slider ul.control li {
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    text-align: center;
    color: #a1a1a1;
    line-height: 22px;
}

.right_slider ul.control li a {
    color: #a1a1a1;
}

.right_slider ul.control li.active,
.right_slider ul.control li.active a {
    color: #999;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    line-height: 23px;
}


/*Comments*/

.comment_down {
    position: relative;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.comment_down ul {
    position: absolute;
    left: 100px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    z-index: 9;
    margin-top: 25px;
    line-height: 35px;
    background: #FFF;
}

.comment_down ul li {
    float: none;
    display: block;
    margin: 10px 0px;
}

.comment_down ul li a {
    display: block;
    padding: 10px;
    width: 170px;
}

.comment_down ul li a:hover {
    background: #E3E3E3;
}

.comment_active {
    background: #E3E3E3;
}


/*Detay yorum reklam*/

.detail_right_ad {
    margin-top: 10px;
}


/*Height auto*/

.heightauto {
    height: auto !important;
}


/*Benzer yazılar reklam*/

.ad728 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}


/*ana sayfa 970*/

.ad970 {
    text-align: center;
    width: 970px;
    margin: 0 auto;
    margin-top: 20px;
}


/*Video Detail*/

.player {
    margin-bottom: 20px;
}


/*Video Galery Content*/

.video_galery_content {
    margin-bottom: 20px;
}

.video_galery_content img {
    width: 100%;
}


/*Autor Article*/

.shareSocial {
    height: 50px;
}

.authorContent ul.shareSocial li a i {
    font-size: 15px;
    line-height: 14px;
}


/*Daha fazla ortala*/

.more_center {
    width: 200px;
    margin: 0 auto;
}


/*Category pages*/

.pages {
    margin-top: 20px;
    font: 500 1.2em 'Roboto';
    color: #737373;
}

.pages ul li {
    float: left;
}

.pages ul li a {
    color: #737373;
}

.pages select {
    border: 0;
    font: 500 1.2em 'Roboto';
    margin: -1px 0px 0px 5px;
    color: #737373;
}

.pages .right ul li i {
    margin-top: -3px;
}

.pages .right ul li:nth-child(2) {
    margin-left: 10px;
}


/*ReadAll fixed*/

.fixed {
    position: fixed;
    top: 0;
    width: 349px;
}


/*userLogin*/

.signUp input[type=radio] {
    float: left;
    width: 20px !important;
    margin: 0 !important;
    border-color: #009688;
}

label.lo_radio input {
    position: absolute;
    left: -999px;
}

.sozlesme {
    width: auto !important;
    float: left;
}

label.lo_checkbox input {
    position: absolute;
    left: -999px;
}

span.input7584 .inside {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 2px;
    background: #009688;
}

#logistration form ul li span.alert-danger {
    color: #009688;
    font: 1em 'Roboto';
    position: relative;
    bottom: 15px;
}

#register_form ul li:last-child span.alert-danger {
    top: 2px;
    left: 20px;
}


/*authorArticleDetail*/

.ads90 {
    width: 728px;
    margin: 0 auto;
}


/*Photo.html*/

ul.photo {
    position: relative;
}

ul.photo li {
    float: left;
    position: relative;
    width: 741px;
}

ul.photo li .photo_title {
    padding: 12px 0;
    text-align: center;
    font: 700 1.2em 'Roboto';
    color: #fff;
    width: 130px;
    margin-bottom: 16px;
    cursor: default;
    background: #f44336;
    position: absolute;
    bottom: 105px;
    left: 30px;
}

ul.photo li h4 {
    width: 565px;
    position: absolute;
    bottom: 60px;
    left: 30px;
    font: 500 2.8em 'Roboto';
    color: #fff;
    height: 40px;
    overflow: hidden;
}

ul.photo li h4:hover {
    text-decoration: underline;
}

ul.photo img {
    width: 100%;
    height: 495px;
}

.relative .photo_left {
    left: -40px;
    top: -300px;
}

.relative .photo_right {
    right: -40px;
    top: -300px;
}

.relative .photo_lr {
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    width: 80px;
    height: 80px;
    position: absolute;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    color: #000;
    z-index: 9999;
}

.relative .photo_lr i {
    font-size: 60px;
    line-height: 80px;
}

.photo_overflow {
    width: 100%;
    height: 495px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.photo-shadow {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.photo-shadow .in {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, black 0%, transparent 100%);
}


/*Popup*/

.popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 99999;
    display: none;
}

.popup {
     padding: 20px 30px;
    background: #FFF;
    font: 1em 'Roboto';
    color: #343434;
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 15%;
    display: none;
    overflow: overlay;

}

.popup i {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

.popup p {
    font: 400 15px/24px 'Roboto', sans-serif;
}

.popup h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.popup h1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.popup h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.popup .icon {
    margin: 20px 0;
    text-align: center;
}

.popup .icon i {
    text-align: center;
    color: #F8BB86;
    border: 3px solid #F8BB86;
    display: inline-block;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 60px;
}

.popup .security i {
    color: #00aeef !important;
    border: 3px solid #00aeef;
}

#slideComment {
    margin-top: 20px;
}

#slideComment .commentNotification {
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 0;
    margin: 60px 48px;
    width: 220px;
    z-index: 10;
}

#slideComment .commentNotification li {
    margin-top: 10px;
    font: 300 1em 'Roboto';
}

#slideComment .commentNotification li span {
    display: block;
}

#slideComment .commentNotification li a {
    display: block;
    background: rgba(0, 0, 0, .3);
    padding: 16px 20px;
    color: rgba(255, 255, 255, .5);
}

#slideComment .commentNotification li b {
    color: #fff;
}

#slideComment .commentNotification li a:hover {
    background: rgba(0, 0, 0, .2);
}

#slideComment .commentNotification li .one {
    margin-bottom: 3px;
}

#slideComment .commentNotification li:nth-child(2) {
    opacity: 0.4;
}

#slideComment .commentNotification li:nth-child(1) {
    opacity: 0.2;
}

#slideComment .comments {
    padding-top: 10px;
    color: rgba(255, 255, 255, .5);
}

.comments_overflow {
    height: 248px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-top: 0;
    position: relative;
}

#slideComment .comments li {
    padding: 10px 20px;
    font: 300 1em 'Roboto';
}

#slideComment .comments li a {
    color: #4f4f4f;
}

#slideComment .comments .image {
    width: 30%;
    float: left;
    padding-right: 2%;
    display: block;
}

#slideComment .comments .image img {
    height: 39px;
    border-radius: 3px;
    max-width: 58px;
    object-fit: cover;
}

#slideComment .comments .text {
    width: 70%;
    float: left;
    display: block;
    height: 38px;
    overflow: hidden;
}

#slideComment .comments .one {
    display: block;
    margin-top: 2px;
    height: 14px;
    overflow: hidden;
}

#slideComment .comments .one time {
    color: #c2c2c2;
}

#slideComment .comments .two {
    color: #999;
    margin-top: 2px;
    display: block;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
}

#slideComment .buttonComment {
    display: block;
    padding: 11px 0;
    margin-bottom: 10px;
    text-align: center;
    font: 300 1em 'Roboto';
    color: #96a4af;
    background: #e1e6ea;
}

.ad300 {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.toast-message {
    line-height: 1.5;
    font: 1.2em 'Roboto';
}

.ad312 {
      width: 100%;
    margin-top: 65px;
    overflow: hidden;
    height: 215px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;

}

.modal-content{
display: table; margin: auto; padding: 100px;

}


    .cg-left-panel
    { 
        display: block !important;
    }

#finance {
    cursor: default;
    color: #101010;
    margin-top: 25px;
    position: relative;
    font: 300 11px 'Roboto';
    /* height: 103px; */
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 24px;
}

#finance .green {
    color: #639a05;
}

#finance .red {
    color: #f20000;
    font-size: 12px;
}

#finance .gray {
    color: #656a6f;
}

#finance ul li {
    float: left;
    margin-right: 25px;
}

#finance ul li:last-child {
    margin: 0;
}

#finance ul li .text2 {
    font-size: 1.5em;
    margin-top: 6px;
}

#finance ul li .one {
    margin-right: 6px;
}

#finance ul li .light {
    font-weight: 500;
    font-size: 1.5em;
}

#finance ul li span.block {
    display: block;
    font: 500 1.3em 'Roboto', sans-serif;
    color: #656a6f;
    border-right: 1px solid #eee;
    width: 83px;
    padding-right: 16px;
    z-index: 6;
    position: relative;
}

#finance ul li i {
    position: absolute;
    font-size: 69px;
    left: 7px;
    bottom: 10px;
    color: #f0f0f0;
    z-index: 0;
}

#sendcomment {
    font: 400 1.2em 'Roboto';
    cursor: pointer;
    float: right;
    text-align: right;
    margin-top: 20px;
    color: rgb(189, 189, 189);
    transition: all 0.15s ease-out 0s;
}

#sendcomment:hover {
    color: rgb(51, 51, 51);
    transition: all 0.15s ease-out 0s;
}

.category,
.rightLeftControl {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 8px 0;
    font-size: 20px;
    top: -20px;
    right: 10px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    display: block;
}

.rightLeftControl {
    width: 60px;
    height: 60px;
    padding: 10px 0;
    z-index: 999;
    top: 45%;
}

.rightLeftControl i {
    font-size: 40px;
}

.rightLeftControl.leftControl {
    right: auto;
    left: -30px;
}

.rightLeftControl.rightControl {
    right: -30px;
}

#contentLeft ul.listOne li {
    height: 351px;
    overflow: hidden;
}

#contentLeft ul.listOne li h4 {
    color: #656a6f;
    font: 500 1.3em 'Roboto';
}

.listOne {
    margin-top: 20px;
}

.listOne li {
    margin-bottom: 2%;
}

.listOne li img {
    width: 100%;
    height: 173px;
}

.oneBigOtherSmall2 li img {
    height: 173px;
}

.oneBigOtherSmall2 li:first-child figure img {
    height: 341px;
}

.listOne li h4 {
    color: #656a6f;
    font: 500 1.3em 'Roboto';
    height: 37px;
    display: block;
    overflow: hidden;
}

.listOne li h4:hover {
    color: #000;
}

.listOne li time {
    color: #7c858d;
    font: 300 1em 'Roboto';
    margin: 6px 0 20px;
    display: block;
}

.listOne li .categoryText {
    color: #a7a7a7;
    font: 300 1em 'Roboto';
}

.listOne li .categoryText:hover {
    text-decoration: underline;
    color: #999;
}

.listOne li .padding {
    padding: 20px 14px 14px;
}

.listOne li .bottom {
    font: 1em 'Roboto';
    margin-top: -10px;
    margin-bottom: 20px;
}

.listOne li .bottom {
    margin-right: 10px;
    float: left;
    color: #a7a7a7;
}

.listOne li .bottom i {
    font-size: 12px;
    margin-right: 4px;
}

.listOne li .bottom:hover {
    color: #343434;
}

ul.cat li {
    height: 296px;
}

ul.five li {
    height: 296px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.grayTable {
   background: #1b1b1b;
    padding: 22px 16px 0px;
    margin: 0px 0 24px;
}

.grayTable .tabControl {
    margin-bottom: 24px;
}

.grayTable .tabControl li {
    font: 300 1.833em 'Roboto';
    color: rgba(255, 255, 255, .4);
    float: left;
    margin-right: 20px;
    cursor: default;
    cursor: pointer;
}

.grayTable .tabControl li:hover {
    color: #fff;
}

.grayTable .tabControl li.active {
    color: #fff;
    font-weight: 500;
    cursor: default;
}

.grayTable .showMoreButton a {
    display: block;
    font: 500 .8em 'Roboto';
    color: #999;
    padding: 6px 16px;
    border: 1px solid rgba(255, 255, 255, .2);
    word-spacing: 1px;
    position: relative;
    margin-top: -3px;
}

.grayTable .showMoreButton a:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .3);
}

.oneBigOtherSmall li {
    margin-right: 2%;
    margin-bottom: 2%;
    display: inline-block;
    float: left;
    width: 23%;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.oneBigOtherSmall li:first-child {
    width: 49.4%;
    margin-right: 2.55%;
    margin-bottom: 0;
}

.oneBigOtherSmall li:nth-child(3),
.oneBigOtherSmall li:nth-child(5) {
    margin-right: 0;
}

.oneBigOtherSmall li:nth-child(5),
.oneBigOtherSmall li:last-child {
    margin-right: 0;
}

.oneBigOtherSmall li:nth-child(6),
.oneBigOtherSmall li:nth-child(7),
.oneBigOtherSmall li:nth-child(8) {
    margin-right: 2.6%
}

.oneBigOtherSmall li img {
    width: 100%;
}

.oneBigOtherSmall li a {
    color: #fff;
    display: block;
}

.oneBigOtherSmall li .blackBackground {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    z-index: 1;
}

.oneBigOtherSmall li:hover .blackBackground {
    background: rgba(0, 0, 0, .2);
}

.oneBigOtherSmall li .playLink {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
}

.oneBigOtherSmall li .playLink a:hover {
    text-decoration: underline;
}

.oneBigOtherSmall li .playLink .status {
    font: 1em 'Roboto';
    color: rgba(255, 255, 255, .4);
    cursor: default;
}

.oneBigOtherSmall li .playLink .like {
    margin-right: 10px;
}

.oneBigOtherSmall li .playLink i {
    position: relative;
    font-size: 1.2em;
    margin-right: 4px;
    float: left;
}

.oneBigOtherSmall li .playLink {
    padding: 10px;
}

.oneBigOtherSmall li h4 {
    font: 300 1.2em 'Roboto';
    margin-bottom: 3px;
    overflow: hidden;
}

.oneBigOtherSmall li .play {
    width: 24px;
    margin-right: 10px;
    font-size: 2em;
}

.oneBigOtherSmall li .name {
    width: 200px;
}

.oneBigOtherSmall li:first-child .playLink {
    padding: 20px;
}

.oneBigOtherSmall li:first-child h4 {
    font: 300 2em 'Roboto';
    margin-bottom: 10px;
}

.oneBigOtherSmall li:first-child .play {
    width: 48px;
    margin-right: 20px;
    font-size: 4em;
}

.oneBigOtherSmall li:first-child .name {
    width: 350px;
}

. .authorContent ul.oneBigOtherSmall li {
    width: 23%;
}

.authorContent ul.oneBigOtherSmall li:first-child {
    margin-right: 2%;
    margin-bottom: 2%;
}

.authorContent ul.oneBigOtherSmall li:first-child .playLink {
    padding: 10px;
}

.authorContent ul.oneBigOtherSmall li:first-child h4 {
    font: 300 1.2em 'Roboto';
    margin-bottom: 3px;
}

.authorContent ul.oneBigOtherSmall li:first-child .play {
    width: 24px;
    margin-right: 10px;
    font-size: 2em;
}

.authorContent ul.oneBigOtherSmall li:first-child .name {
    width: 200px;
}

.authorContent ul.oneBigOtherSmall li:nth-child(3) {
    margin-right: 2%;
}

.authorContent ul.oneBigOtherSmall li:nth-child(4) {
    margin-right: 0;
    margin-bottom: 2%;
}

.authorContent ul.oneBigOtherSmall li:nth-child(5) {
    margin-right: 2%;
}

.accordion {
    margin-bottom: 25px;
}

.accordion .accordionHead {
    border-bottom: 1px solid #efefef;
    color: #808080;
    margin-top: 15px;
}

.accordion .accordionHead .head {
    font: 300 1.750em 'Roboto';
    cursor: default;
    padding: 5px 0;
}

.accordion .accordionHead .borderBottom {
    padding-bottom: 16px;
}

.accordion .accordionHead i {
    margin-right: 10px;
    font-size: 2.8em;
    width: 43px;
}

.accordion .accordionHead i,
.accordion .accordionHead .head {
    float: left;
}

.accordion .accordionHead .showMore {
    display: block;
    font: 300 1.5em 'Roboto';
    margin: 6px 0;
    color: #afafaf;
}

.accordion .accordionHead .showMore:hover {
    color: #000;
}

.accordion .accordionHead.active .borderBottom {
    border-bottom: 4px solid #1d9ff0;
    padding-bottom: 12px;
}

.accordion .accordionHead.active {
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    border-bottom: 0;
    color: #000;
}

.accordion .accordionHead.active i {
    color: #1d9ff0;
}

.accordion .accordionArticle {
}

.accordion .listTwo li {
    position: relative;
    border-bottom: 4px solid #00a651;
}

.accordion .listTwo .absolute.colorTrans {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    bottom: 0;
    padding-top: 86px;
}

.accordion .listTwo .height100 {
    height: 100%;
}

.accordion .listTwo li,
.accordion .listTwo li h4,
.accordion .listTwo li h4:hover {
    color: #fff;
}

.accordion .listTwo li a:hover {
    text-decoration: underline;
}

.accordion .listTwo li time,
.accordion .listTwo li .categoryText {
    color: #b3e856;
}

.accordion .listTwo li .padding {
    padding: 20px 20px 14px;
    background-image: linear-gradient(to top, black 0%, transparent 100%);
}

.accordion .listTwo.four li {
    width: 32%;
    height: 177px;
}

.accordion .listTwo.four li:nth-child(4n) {
    margin-right: 2%;
}

.accordion .listTwo.four li:nth-child(3n) {
    margin-right: 0;
}

.scoreBoard {
    background: rgb(0, 166, 81);
    margin: 1.8% 0;
    padding: 10px 12px;
    border-radius: 6px;
}

.scoreBoard .head {
    font: 700 1.6em 'Roboto';
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
}

.scoreBoard .head .more {
    position: absolute;
    right: -16px;
    display: block;
    top: 6px;
    color: #fff;
}

.scoreBoard .head .more:hover {
    color: rgba(255, 255, 255, .4);
}

.scoreBoard .t1 {
    width: 60%;
}

.scoreBoard .t1,
.scoreBoard .t2,
.scoreBoard .t3,
.scoreBoard .t4 {
    float: left;
}

.scoreBoard .t2,
.scoreBoard .t3,
.scoreBoard .t4 {
    width: 13.333%;
    text-align: center;
}

.scoreBoard .head,
.scoreBoard li {
    padding: 6px 10px;
    cursor: default;
}

.scoreBoard li {
    font: 300 1em 'Roboto';
    color: rgba(255, 255, 255, .9);
}

.oneBigOtherSmall2 li {
    margin-right: 25px;
    margin-bottom: 25px;
    display: inline-block;
    float: left;
    width: 240px;
    height: 296px;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.oneBigOtherSmall2 li h4 {
    padding-right: 30px;
}

.oneBigOtherSmall2 li:first-child {
    width: 493px;
    height: 617px;
    margin-right: 25px;
    margin-bottom: 0;
}

.oneBigOtherSmall2 li:first-child .category {
    width: 60px;
    height: 60px;
    padding: 18px 0;
    right: 30px;
    top: -30px;
}

.oneBigOtherSmall2 li:first-child h4 {
    font-size: 20px;
    height: 50px;
    display: block;
    overflow: hidden;
}

.oneBigOtherSmall2 li:first-child time {
    margin-bottom: 48px;
}

.oneBigOtherSmall2 li:first-child .padding {
    padding: 40px 30px 50px;
}

.oneBigOtherSmall2 li:nth-child(3),
.oneBigOtherSmall2 li:nth-child(5) {
    margin-right: 0;
}

.oneBigOtherSmall2 li:nth-child(4),
.oneBigOtherSmall2 li:nth-child(5) {
    margin-bottom: 0;
}

.oneBigOtherSmall2 li:nth-child(4) {
    margin-right: 25px;
}

.oneBigOtherSmall2 li .plus {
    color: #000;
    font-size: 1.9em;
}

.container064 {
    margin-bottom: 25px;
}

.container064 .width50 {
    width: 59.4%;
    float: left;
}

.container064 .width48 {
    width: 40.6%;
    float: left;
}

.container064 .prayer {
    margin-top: 0 !important;
    margin-right: 25px;
}

.container064 .prayer li {
    margin-right: 0 !important;
    position: relative;
}

.container064 .prayer li .headText {
    font: 500 1.4em 'Roboto';
    position: absolute;
    top: 117px;
    padding: 18px 20px 0 20px;
    color: #fff;
    cursor: default;
    background: linear-gradient(to top, #484848, transparent);
    width: 100%;
    height: 56px;
    box-sizing: border-box;
}

.container064 .prayer li .padding {
    padding: 28px 20px 20px;
}

.container064 .prayer li .plus {
    color: #000;
    font-size: 1.9em;
}

.container064 .prayer li .time2 {
    color: #848484;
    font: 500 1em 'Roboto';
    margin-bottom: 10px;
    cursor: default;
}

.container064 .prayer li .timePrayer .t1,
.container064 .prayer li .timePrayer .t2 {
    color: #101010;
    float: left;
    width: 50%;
    font: 300 1.1em 'Roboto';
    padding: 4px 0;
}

.container064 .prayer li .timePrayer .t2 {
    text-align: right;
}

.container064 .prayer li .morePrayer,
.moreLink {
    margin-top: 20px;
}

.container064 .prayer li .morePrayer a,
.moreLink a {
    color: #ff9004;
    font: 300 1.1em 'Roboto';
}

.container064 .prayer li .morePrayer a:hover .moreLink a:hover {
    text-decoration: underline;
}

.container064 .astro {
    background: #4527a0;
    padding: 18px 30px;
}

.tableMaterialHead {
    font: 500 1.8em 'Roboto';
    color: #fff;
    margin-bottom: 6px;
}

.tableMaterialSubHead {
    font: 300 1.2em 'Roboto';
    color: rgba(255, 255, 255, .8);
}

.tableMaterialHead.black {
    color: #000;
}

.tableMaterialSubHead.black {
    color: rgba(0, 0, 0, .8);
}

.astro .astroList {
    margin: 10px -20px 0;
    position: relative;
}

.astro .astroList li {
    width: 25%;
    margin-top: 5px;
    text-align: center;
    float: left;
}

.astro .astroList li a {
    color: #fff;
    width: 44px;
    display: inline-block;
}

.astro .astroList li i {
    display: block;
}

.astro .astroList li span {
    display: block;
    font: 1em 'Roboto';
}

.todayHistory {
    padding: 30px 30px 20px;
    cursor: default;
}

.todayHistory h5 {
    font: 500 1.2em 'Roboto';
}

.todayHistory .subTitle {
    font: 300 1em 'Roboto';
    color: #7c858d;
    margin-top: 6px;
    line-height: 20px;
    height: 57px;
    overflow-y: scroll;
}

.todayHistoryMargin {
    margin-top: 10px;
    min-height: 128px;
}

.todayHistory ul {
    margin-top: 24px;
}

.todayHistory li {
    padding: 16px 0;
    font: 300 1em/12px 'Roboto';
    border-top: 1px solid rgba(0, 0, 0, .1);
    color: #7c858d;
    height: 44px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 23px;
}

.todayHistory li a {
    color: #7c858d;
    text-decoration: none;
    height: 14px;
    overflow: hidden;
    display: block;
    line-height: 15px;
}

.todayHistory li:first-child {
    border: 0;
}

.todayHistory li:last-child {
    padding-bottom: 5px;
}

.container035 .generalShadow {
    padding: 25px;
}

.container035 .comments {
    margin-top: 10px;
}

.container035 .comments li {
    padding: 12px 0;
    font: 300 1em 'Roboto';
    width: 40%;
    margin-right: 5%;
    float: left;
}

.container035 .comments li a {
    color: #4f4f4f;
}

.container035 .comments .image {
    width: 40%;
    float: left;
    padding-right: 5%;
    display: block;
    position: relative;
}

.container035 .comments .image img {
    width: 100%;
}

.container035 .comments .image span {
    position: absolute;
    display: block;
    right: 10px;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 6px;
    font: 500 1em 'Roboto'
}

.container035 .comments .image span i {
    font-size: 12px;
}

.container035 .comments .text {
    width: 55%;
    float: left;
    display: block;
    margin-top: 20px;
}

.container035 .comments .one {
    display: block;
    margin-top: 2px;
    font-size: 1.2em;
}

.container035 .comments .two {
    color: #999;
    margin-top: 4px;
    display: block;
    line-height: 18px;
}

.container035 .controlArrow {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
}

.container035 .controlArrow a {
    display: block;
    padding: 6px 3px;
    float: left;
    color: rgba(0, 0, 0, .6);
}

.container035 .logos li {
    width: 24.3%;
    padding: 20px;
    float: left;
    text-align: center;
}

.container035 .logos li img {
    width: 100%;
}

footer .width50 {
    width: 50%;
    float: left;
    margin-right: 4.4%;
}

footer .width48 {
    width: 45.6%;
    float: left;
}

footer .linksFooterList {
    margin: 40px auto;
}

footer .linksFooterList ul {
    margin-top: 20px;
}

footer .width50 li {
    width: 20%;
}

footer .width48 li {
    width: 33.3%;
}

footer .linksFooterList ul li {
    margin-bottom: 12px;
    float: left;
}

footer .linksFooterList ul li a {
    font: .8em 'Roboto';
    color: #111;
}


/*Etiket*/

.tagsname {
    font: 700 1.4em 'Roboto';
    margin-top: 50px;
    display: block;
}

.detail-label {
    margin-top: 15px;
    border-top: 1px solid #e3e9ec;
    padding-top: 15px;
}

.detail-label .label-item {
    border: 2px solid #9ba2a6;
    display: inline-block;
    border-radius: 20px;
    margin: 0 10px 10px 0;
}

.detail-label .label-item a {
    color: #343434;
    font: 300 15px 'Roboto';
    padding: 10px;
    display: block;
    border-radius: 20px;
}

.detail-label .label-item:hover {
    background: #4527a0;
    border: 2px solid #4527a0;
}

.detail-label .label-item a:hover {
    color: #FFF;
    background: #4527a0;
}

footer #grayFoot,
.fixedReset {
    background: #212121;
}

.fixedReset {
    background: #212121;
    height: 50px;
}

footer #grayFoot {
    padding: 40px 0;
}

footer #copyright .text {
    font: 500 2em 'Roboto';
    color: #fff;
    margin-bottom: 10px;
}

footer #copyright p {
    font: 300 1em 'Roboto';
    color: #959799;
}

footer .footerMenu {
    padding: 10px 0;
}

footer .footerMenu .text {
    font: 500 1.2em 'Roboto';
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 20px;
}

footer .footerMenu ul li a {
    font: 600 1em/20px 'Roboto';
    color: rgba(255, 255, 255, 0.75);
}

footer .footerMenu .iconSocial {
    display: block;
    padding: 12px;
    margin: 10px 0;
    color: #212121;
    background: #fff;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 10px;
    font-size: 1em;
}

footer {
    margin: 40px 0 -13px 0;
}

.centerIn {
    padding: 0 180px;
}

.centerIn .leftAdOne {
    left: 0;
}

.centerIn .rightAdOne {
    right: 0;
}

.centerIn .leftAdOne,
.centerIn .rightAdOne {
    position: absolute;
    z-index: 9999;
    background: #000;
}

article .photoDetail {
    margin-top: 20px;
    margin-bottom: 20px;
}

.leftAdOne {
    float: left;
    position: relative;
    left: 7%;
        position: absolute;

}

.rightAdOne {
    float: right;
    position: relative;
    right: 7%;
    position: absolute;
}

.detailContent {
    background: #fff;
    padding: 20px;
    cursor: default;
    margin-bottom: 20px;
}

.detailContent h1 {
    color: #343434;
    font: 700 4em 'Roboto';
    margin-top: 5px;
}
.detailContent h2 {
    color: #343434;
    font: 700 1.5em 'Roboto';
    margin-top: 20px;
}
.detailContent h3 {
    color: #343434;
    font: 700 1.17em 'Roboto';
    margin-top: 20px;
}

.detailContent h4 {
    color: #343434;
    font: 700 1.0em 'Roboto';
    margin-top: 20px;
}

.detailContent h5 {
    color: #343434;
    font: 700 0.6em 'Roboto';
    margin-top: 20px;
}


.detailContent h6 {
    color: #343434;
    font: 700 0.4em 'Roboto';
    margin-top: 20px;
}

.detailContent .title {
    color: #343434;
    font: 900 4em 'Roboto';
}


.detailContent p.one {
    color: #343434;
    font: 1.8em/30px 'Roboto';
    margin-top: 10px;
}

.detailContent .contentType {
    background: #17d297;
    display: block;
    padding: 10px 20px;
    float: left;
    margin-bottom: 10px;
    font: 1.3em 'Roboto';
    color: #fff;
}

.detailContent .whereTime {
    color: #343434;
    font: 1.2em 'Roboto';
    margin: 20px 0;
}

.detailContent .where {
    margin-right: 5px;
}

.detailContent .where,
.detailContent .where a {
    color: #343434;
}

#contentLeft {
    padding-right: 10px;
}

.content_head {
    height: 50px;
}

.detailContent #container152 span {
    float: left;
}

.detailContent #container152 .socialDetail li,
.shareSocial li {
    float: left;
    cursor: pointer;
    position: relative;
    width: 42px;
    height: 42px;
    margin-right: 10px;
}

.detailContent #container152 .socialDetail li a,
.shareSocial li a {
    display: block;
    background: #b0bec5;
    line-height: 42px;
    text-align: center;
    color: #fff;
    border: 1px solid #b0bec5;
}

.detailContent #container152 .socialDetail li a:hover,
.shareSocial li a:hover {
    background: #fff;
    color: #ccc;
}

.detailContent #container152 .socialDetail li i,
.shareSocial li i {
    font-size: 1em;
}

.detailContent #container152 .socialDetail {
    float: left;
    font: 400 12px 'Roboto', sans-serif;
}

.detailContent #container152 .totalView {
    float: left;
}

.detailContent #container152 .socialDetail:after {
    content: "";
    float: right;
    height: 20px;
    margin-top: 12px;
    display: block;
    border-right: 3px solid #b0bec5;
    padding-right: 12px;
}


/*.detailContent #container152 .totalView:after {content: ""; float: right; height: 20px; margin-top: 12px; display: block; border-right: 3px solid #b0bec5; padding-right: 12px; }*/

.detailContent #container152 .socialDetail li:first-child a {
    background: #3b5998;
    color: #FFF;
    border: 0;
}

.detailContent #container152 .socialDetail li:nth-child(2) a {
    background: #55acee;
    color: #FFF;
    border: 0;
}

.detailContent #container152 .socialDetail li:nth-child(3) a {
    background: #49db37;
    color: #FFF;
    border: 0;
}

.detailContent #container152 .socialDetail li:nth-child(4) a {
    background: #13d9e2;
    color: #FFF;
    border: 0;
}


.social a.fb {
    background: #3b5998;
    color: #FFF;
}

.social a.tw {
    background: #55acee;
    color: #FFF;
}

.social a.gp {
    background: #db4437;
    color: #FFF;
}

.social a.you {
    background: #e62117;
    color: #FFF;
}

.social a.rss {
    background: #fb7629;
    color: #FFF;
}

.article-content {
    font: 300 1.3em/24px 'Roboto';
    margin-bottom: 12px;
}

.detailContent #container152 .shareNews {
    height: 42px;
}

.detailContent #container152 .shareNews i {
    font-size: 1em;
}

.detailContent #container152 .shareNews,
#container152 .totalView,
#container152 .shareNews a,
#container152 .totalView a {
    color: #b0bec5;
}

.detailContent #container152 .totalView .one {
    font: 3em 'Roboto';
    float: left;
    margin-left: 20px;
}

.detailContent #container152 .totalView .two {
    font: 1.2em 'Roboto';
    width: 68px;
    padding: 4px 0;
    float: left;
    margin-left: 10px;
}

#target1 #container152 .totalView .two:after {
    content: "";
    float: right;
    height: 20px;
    margin-top: -10px;
    display: block;
    border-right: 3px solid #b0bec5;
    position: relative;
    left: 12px;
    margin-right: 5px;
}

.detailContent #container152 .totalView .two:after {
    content: "";
    float: right;
    height: 20px;
    margin-top: -10px;
    display: block;
    border-right: 3px solid #b0bec5;
    position: relative;
    left: 12px;
    margin-right: 5px;
}

.detailContent #container152 .totalView:last-child .two:after {
    content: "";
    border: 0;
}

.detailContent #container152 .shareNews .icon {
    font-size: 42px;
    padding-left: 15px;
}

.detailContent #container152 .shareNews .text {
    margin-left: 10px;
    font: 1.2em 'Roboto';
    padding: 10px;
    width: 150px;
    display: none;
    background: #585858;
    position: absolute;
    top: -60px;
    color: #FFF;
    border-radius: 3px;
}

.detailContent #container152 .shareNews .text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -9px;
    left: 30px;
    border-style: solid;
    border-width: 6px 6px 3px 6px;
    border-color: #585858 transparent transparent transparent;
}

.detailContent #container152 .shareNews .all-tooltip {
    cursor: pointer;
    position: relative;
}

.detailContent #container152 .shareNews .all-tooltip:hover > .text {
    display: block;
}

.detailContent #container152 .shareNews a {
    margin-left: 20px;
    display: block;
    float: left;
}

.detailContent #container152 .shareNews a:hover {
    color: #343434;
}

.generalContentInfo h1 {
    font: 700 3.4em 'Roboto';
}

.generalContentInfo p.one {
    font: 1.4em/26px 'Roboto';
}

.generalContentInfo #container152 .shareNews {
    margin-bottom: 0px;
}

.generalContentInfo .seen {
    color: #8a8888;
    font: 500 2em/42px 'Roboto';
    border-right: 4px solid #4527a0;
    text-align: right;
    padding: 0 10px
}

.generalContentInfo #container152 .socialDetail li a {
    width: 42px;
    height: 42px;
    margin-right: 5px;
}

.generalContentInfo #container152 .shareNews a {
    margin-left: 10px;
}

.detailContent .mainContent {
    color: #343434;
    font: 300 15px 'Roboto';
    line-height: 24px;
    min-height: 325px;
}

.detailContent .mainContent strong {
    font-weight: 700;
}

.detailContent .mainContent a {
    color: #343434;
    font-weight: 700;
}

.detailContent .mainContent > p,
.detailContent .mainContent .pOne > p {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    color: #333333 !important;
    margin: 15px 0 0 0;
    line-height: 150% !important;
    font-weight: 400 !important;
}

.detailContent .mainContent > p:last-child,
.detailContent .mainContent .pOne > p:last-child {
    margin: 0;
}

.detailContent .mainContent > h3,
.detailContent .mainContent .pOne > h4 {
    font: 500 1.6em/30px 'Roboto';
    margin-bottom: 6px;
}

.detailContent .mainContent .pOne {
    background: #faf6e6;
    padding: 20px 24px;
    margin-bottom: 24px;
    display: block;
    border-left: 5px solid #EAE1AC;
}

.detailContent .mainContent img {
    max-width: 100%;
}


/*detail cardlist*/

.cardSlide {
    height: 277px;
    border-bottom: 1.5px solid rgba(233, 233, 233, 1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cardSlide .one,
.cardSlide .two,
.cardSlide .three {
    position: absolute;
    top: 0;
    background: #fff;
}

.cardSlide .one {
    z-index: 5;
    width: 100%;
    height: 273px;
    box-shadow: none;
    border-bottom: 1.5px solid rgba(233, 233, 233, 1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cardSlide .two {
    z-index: 4;
    width: 98%;
    margin: 0 1%;
    height: 140px;
}

.cardSlide .three {
    z-index: 3;
    width: 96%;
    margin: 0 2%;
    height: 150px;
}

.cardSlide .one ul.content li figure a img {
    width: 100%;
    height: 170px;
}

.cardSlide .one .content li,
.cardSlide .one .content li a {
    color: #656a6f;
}

.cardSlide .one .content li {
    font: 1.3em/22px 'Roboto';
    padding: 20px 20px 10px;
}

.cardSlide .one .content li .text {
    width: 80%;
    float: left;
    height: 22px;
    overflow: hidden;
    margin-top: 10px;
}

.cardSlide .one .content li .icon {
    width: 20%;
    float: right;
    display: block;
    position: absolute;
    right: 0;
    bottom: 63px;
}

.cardSlide .one .content li .icon i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    display: block;
    background: #FFF;
}

.heightauto a figure .icon {
    width: 20%;
    float: right;
    display: block;
    position: relative;
    right: 0;
    bottom: 22px;
}

.heightauto a figure .icon i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    display: block;
    background: #FFF;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
}

.cardSlide .one .control {
    padding: 10px 20px 20px;
}

.cardSlide .one .control li {
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    text-align: center;
    padding: 2px;
    color: #a1a1a1;
    border-radius: 100%;
}

.cardSlide .one .control li a {
    color: #a1a1a1;
}

.cardSlide .one .control li.active,
.cardSlide .one .control li.active a {
    color: #999;
    font-weight: 700;
}

#contentRight .adSqure1 {
    text-align: center;
}

#contentRight .adSqure1 img {
    width: 100%;
}

.topList {
    margin: 20px 0;
}

.topList li {
    border-bottom: 1px solid #e3e9ec;
    position: relative;
}

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

.topList li .status {
    font: 1em 'Roboto';
    cursor: default;
}

.topList li .status,
.topList li .status a {
    color: #ffffff;
    padding: 10px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid;
    margin-top: -200px;
    position: absolute;
    margin-left: 235px;
    font-weight: 600;
}

.topList li .like {
    margin-right: 10px;
}

.topList li i {
    position: relative;
    font-size: 1.2em;
    margin-right: 4px;
    float: left;
}

.topList li h4 {
    padding-right: 60px;
    display: block;
    font: 700 11px 'Roboto';
}

.topList li h4 a {
     width: 100%;
    font: 1.3em/22px 'Roboto';
    margin-bottom: 10px;
    display: inline-block;
    padding-right: -60px;
    display: block;
    position: absolute;
    margin-top: -91px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.71);
    color: #fff;
    height: 55px;
}

.topList li h4 a:hover {
    text-decoration: underline;
}

.topList li:before {
 position: absolute;
 right: 0;
 top: -20px;
 font: 700 26px 'Roboto';
 color: rgb(255, 255, 255);
 width: 50px;
 height: 50px;
 text-align: center;
 padding: 6px 0;
 z-index: 0;
 margin-right: -16px;
 background: linear-gradient(45deg,#520505 0,#f10a0a 100%);
 border: 3px solid;
 border-radius: 50px;
}

.topList li:nth-child(1):before {
    content: "1";
}

.topList li:nth-child(2):before {
    content: '2';
}

.topList li:nth-child(3):before {
    content: '3';
}

.topList li:nth-child(4):before {
    content: '4';
}

.topList li:nth-child(5):before {
    content: '5';
}

.commentandAd {
    padding: 30px 40px;
    background: #fff;
    margin: 20px 0;
}

.commentStyle .commentStyleHead {
    font: 1.4em 'Roboto';
    margin-bottom: 20px;
}

.commentStyle .commentStyleHead a {
    float: left;
    color: #343434;
}

.commentStyle .commentStyleHead i {
    font-size: 20px;
    padding: 0 10px;
    float: left;
    display: block;
}

.commentStyle .img {
    width: 15%;
    float: left;
    padding-right: 20px;
}

.commentStyle .comments .comment {
    width: 85%;
    float: left;
}

.commentStyle .comments {
    position: relative;
}

.commentStyle .comments li {
    margin-bottom: 30px;
}

.commentStyle .comments li:last-child {
    margin-bottom: 10px;
}

.commentStyle .comments img {
    width: 100%;
}

.commentStyle .comments textarea {
    color: #343434;
    border: 1px solid #edf0f1;
    padding: 16px;
    font: 300 1.2em 'Roboto';
    color: #9097a6;
    width: 100%;
    margin-bottom: 10px;
    height: 75px;
}

.commentStyle .comments .text {
    color: #343434;
    font: 1.2em 'Roboto';
    margin-top: 4px;
    margin-bottom: 10px;
}

.commentStyle .comments .text span {
    font-weight: 300;
    color: rgba(0, 0, 0, .4);
    margin-left: 10px;
}

.commentStyle .comments p {
    font: 1.2em/22px 'Roboto';
    color: #343434;
}

.commentStyle .comments .bottom {
    font: 1em 'Roboto';
    margin-top: 10px;
}

.commentStyle .comments .bottom a {
    margin-right: 20px;
    float: left;
    color: #a7a7a7;
}

.commentStyle .comments .bottom i {
    font-size: 13px;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

.commentStyle .comments .bottom a:hover {
    color: #343434;
}

.commentStyle .comments .bottom .reply {
    margin-right: 20px;
}

.commentStyle .comments .bottom span:nth-child(2) {
    margin-right: 5px;
}

.commentStyle .subComment {
    margin-left: 40px;
}

.commentandAd .ad1642 {
    padding-left: 10px;
}

ul.comments li a .feed-left {
    float: left;
    width: 30px;
    margin-left: 5px;
    margin-top: 0px;
    font-size: 12px;
}

ul.comments li a .feed-left i {
    color: #cad3d8;
    position: relative;
    z-index: 2;
}

ul.comments li a .feed-right {
    float: left;
    width: 225px;
}

ul.comments li a .feed-left .feed-date {
    font-size: 11px;
    color: #585858;
    font-weight: 600;
    margin-top: 4px;
    margin-left: -10px;
    z-index: 3;
}

ul.comments li a .feed-right:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 330px;
    background: #EEE;
    margin-left: -251px;
    margin-top: -22px;
    z-index: 1;
}

.listDetails::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.listDetails::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.listDetails::-webkit-scrollbar-thumb {
    background-color: #4527a0;
}

.detailListOne .rightLeftControl {
    top: 35%;
}

.detailListOne .accordionArticle {
    margin-bottom: 20px;
}

.detailListOne .listTwo li {
    position: relative;
}

.detailListOne .listTwo .absolute {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    background: linear-gradient(to top, black 0%, transparent 100%);
}

.detailListOne .listTwo li,
.detailListOne .listTwo li a,
.detailListOne .listTwo li a:hover {
    color: #fff;
}

.detailListOne .listTwo li a:hover {
    text-decoration: underline;
}

.detailListOne .listTwo li time,
.detailListOne .listTwo li .categoryText {
    color: rgba(255, 255, 255, .8);
}

.detailListOne .listTwo li time {
    margin-bottom: 0;
}

.detailListOne .listTwo li .padding {
    padding: 20px 30px;
}

.detailListOne .listTwo li i {
    font-size: 16px;
    float: left;
}

#fixedBottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999999;
    background: rgba(255, 255, 255, .9);
    font-family: 'Roboto';
    border-top: 1px solid rgba(0, 0, 0, .1);
}

#fixedBottom,
#fixedBottom a {
    color: #343434;
}

#fixedBottom li {
    float: left;
    position: relative;
}

#fixedBottom li i {
    font-size: 1.4em;
}

#fixedBottom li > a {
    display: block;
    padding: 16px;
}

#fixedBottom .leftList {
    float: left;
}

#fixedBottom .leftList > li.first-child654 {
    border-right: 1px solid rgba(0, 0, 0, .05);
    margin-right: 10px;
}

#fixedBottom .leftList > li.first-child654:hover,
#fixedBottom .leftList > li.last-child654:hover {
    background: rgba(0, 0, 0, .05);
}

#fixedBottom .leftList > li.last-child654 {
    border-left: 1px solid rgba(0, 0, 0, .05);
    border-right: 1px solid rgba(0, 0, 0, .05);
    margin-left: 10px;
}

#fixedBottom .leftList > li.last-child654 a {
    display: block;
    padding: 18px;
}

#fixedBottom .leftList > li > ul > li {
    position: relative;
}

#fixedBottom li .newsOpen {
    display: block;
    padding: 16px 6px;
}

#fixedBottom li .newsOpen .background {
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, .5);
    margin: 2px 0;
}

#fixedBottom .leftList > li ul li:hover .background {
    background: #4527a0;
}

#fixedBottom .contentFixed {
    position: absolute;
    z-index: 2;
    top: -140px;
    left: -10px;
    padding: 8px;
    display: none;
}

#fixedBottom .contentFixed .content1264 {
    padding: 10px;
}

#fixedBottom .contentFixed .in1264 {
    height: 140px;
    width: 420px;
    background: #fff;
    padding: 16px;
}

#fixedBottom .contentFixed .in1264 h5 {
    font: 1.2em 'Roboto';
    color: #343434;
    margin-bottom: 5px;
}

#fixedBottom .contentFixed .in1264 time {
    font: 300 1em 'Roboto';
    color: #7c858d;
    margin-bottom: 20px;
    display: block;
}

#fixedBottom .contentFixed .in1264 .categoryes {
    font: 1em 'Roboto';
    color: #7c858d;
}

#fixedBottom .contentFixed .in1264 .myImage {
    padding-left: 6px;
}

#fixedBottom .leftList > li ul li:hover > .contentFixed {
    display: block;
}

#fixedBottom .rightList {
    float: right;
}

#fixedBottom .rightList a {
    display: block;
    padding: 18px;
    font-size: 1.2em;
    height: 50px;
}

#fixedBottom .rightList .one5412 i,
#fixedBottom .rightList .one5412 span {
    float: left;
}

#fixedBottom .rightList .one5412 span,
#fixedBottom .rightList .two5412 i {
    margin-left: 10px;
}

#fixedBottom .rightList .two5412 i,
#fixedBottom .rightList .two5412 span {
    float: right;
}

#fixedBottom .rightList .one5412 i,
#fixedBottom .rightList .two5412 i {
    top: -3px;
    position: relative;
}

#fixedBottom .rightList li:first-child {
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-left: 1px solid rgba(0, 0, 0, .05);
}

#fixedBottom .rightList li:nth-child(2) {
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-left: 1px solid rgba(0, 0, 0, .05);
}

#fixedBottom .rightList li a.notification {
    position: relative;
}

#fixedBottom .rightList li a.notification span {
    position: absolute;
    right: 15px;
    height: 0;
    width: 5px;
    height: 5px;
    background: #fe6363;
    display: block;
}

#fixedBottom .rightList li:hover {
    background: rgba(0, 0, 0, .05);
}

.categoryIn #top2 {
    margin-bottom: 0;
}

.categoryIn .greenList li {
    margin-top: 10px;
}

.categoryIn .greenList li a {
    background: #0bdbc0;
    border-left: 6px solid #08a692;
    overflow: hidden;
    display: block;
    color: #fff;
    padding: 16px;
}

.categoryIn .greenList li a span {
    display: block;
}

.categoryIn .greenList li a span.one {
    font: 1.4em/22px 'Roboto';
    margin-bottom: 10px;
    height: 44px;
    overflow: hidden;
    display: block;
}

.categoryIn .greenList li a span.two {
    font: 1em 'Roboto';
    margin-left: 31px;
}

.categoryIn .greenList li a:hover {
    background: #0fbea7;
}

.greenList li a i {
    float: left;
    margin-right: 6px;
}

.firstCategory .control {
    position: absolute;
    z-index: 9;
    right: 40px;
    bottom: 100px;
}

.firstCategory .control li {
    cursor: pointer;
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, .5);
    text-align: center;
    padding: 2px;
    color: #fff;
}

.firstCategory .control li.active,
.firstCategory .control li.active a {
    color: #999;
    font-weight: 700;
    border: 2px solid rgba(255, 255, 255, 1);
}

.firstCategory .control li:hover {
    background: rgba(255, 255, 255, .2);
}

.firstCategory .firstCategoryContent {
    height: 390px;
    overflow: hidden;
}

.firstCategory .firstCategoryContent li {
    position: relative;
}

.firstCategory .firstCategoryContent li h5 {
    position: absolute;
    bottom: 25px;
    left: 40px;
    display: block;
    padding-right: 100px;
    width: 400px;
    height: 63px;
    overflow: hidden;
    display: block;
    font: 2em/32px 'Roboto';
    color: #fff;
}

.firstCategory .firstCategoryContent li h5 i {
    float: left;
    margin: 3px 5px 0px 0px;
    color: #FFF;
}

.firstCategory .firstCategoryContent li h5 a {
    display: block;
    font: 2em/32px 'Roboto';
    color: #fff;
}

.firstCategory .firstCategoryContent li h5:hover {
    text-decoration: underline;
}

.author .head {
    color: #343434;
    font: 700 3em 'Roboto';
}

.author .headMiddle {
    color: #343434;
    font: 700 2em 'Roboto';
}

.author .time {
    color: #343434;
    font: 300 1em 'Roboto';
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 0 20px;
}

.author .subTitle {
    font-size: 1.2em;
}

.author .authorContent {
    background: #fff;
    padding: 30px;
    cursor: default;
}

.author .authorArticle .image {
    padding: 6px 10px 0 0;
}

.author .authorArticle .image img {
    width: 100%
}

.author .authorCont {
    color: #343434;
    font: 400 14px/24px 'Roboto', sans-serif;
}

.author .authorCont a {
    color: #343434;
    font-weight: 700;
}

.author .authorCont > p {
    font: 300 1.3em/24px 'Roboto';
    margin-bottom: 12px;
}

.author .authorCont a p {
    font: 300 1.3em/24px 'Roboto';
    margin-bottom: 12px;
}

.author .authorCont > p:last-child {
    margin: 0;
}

.author .authorCont > h1 {
    font: 500 1.6em/30px 'Roboto';
    margin-bottom: 6px;
}

.author .authorCont time {
    margin-bottom: 10px;
    display: block;
    font: 1em 'Roboto'
}

.author .authorCont a h1 {
    font: 500 1.6em/30px 'Roboto';
    margin-bottom: 6px;
}

.author .authorTextNews {
    margin-top: 20px;
}

.author .authorTextNews h4 {
    font: 500 1.2em 'Roboto';
    margin-bottom: 6px;
}

.author .authorTextNews time {
    margin-bottom: 10px;
    display: block;
    font: 1em 'Roboto'
}

.author .authorTextNews li {
    width: 50%;
    float: left;
    padding: 10px 0 10px 20px;
    border-left: 2px solid #efefef;
    margin-bottom: 10px;
}

.info,
.info a {
    color: rgba(0, 0, 0, .6);
}

.info {
    text-align: center;
    padding: 100px 0;
}

.info i {
    font-size: 5em;
    margin-bottom: 20px;
    color: #4527a0;
}

.info p {
    width: 400px;
    margin: 0 auto;
    font: 1.1em/28px 'Roboto'
}

.info .buttoninfo {
    font: 1.1em 'Roboto';
    padding: 16px 24px;
    border: 1px solid #efefef;
    display: inline-block;
    margin-top: 40px;
}

.info .buttoninfo:hover {
    background: #4527a0;
    border-color: #4527a0;
    color: #fff;
}

.listDetailRight {
    padding: 30px;
    background: #fff;
}

.listDetailRight .ad {
    text-align: center;
    margin-bottom: 20px;
}

.listDetailRight .ad img {
    max-width: 100%;
}

.listDetailRight .headRight {
    font: 700 1.2em 'Roboto';
    color: #101010;
    margin-bottom: 20px;
    cursor: default;
}

.listDetailRightScrool > ul {
    height: 398px;
    overflow-y: scroll;
}

.listDetails li {
    overflow: hidden;
    margin-bottom: 5%;
    padding-right: 20px;
}

.listDetails li:last-child {
    margin-bottom: 0;
}

.listDetails li .leftList {
    padding-right: 16px;
    position: relative;
}

.listDetails li .leftList .transparent {
    margin-right: 16px;
    position: absolute;
    z-index: 2;
    width: 86%;
    height: 100%;
    padding: 15%;
    text-align: center;
    display: block;
    background: rgba(0, 0, 0, .5);
}

.listDetails li .leftList .transparent i {
    font-size: 3em;
    color: rgba(255, 255, 255, .6);
}

.listDetails li .leftList .transparent:hover i {
    color: rgba(255, 255, 255, .8);
}

.listDetails li img {
    width: 100%;
}

.listDetails li a h4 {
    color: #656a6f;
    font: 500 1.3em 'Roboto';
    height: 18px;
    display: block;
    overflow: hidden;
}

.listDetails li a h4:hover {
    color: #000;
}

.listDetails li time {
    color: #7c858d;
    font: 300 1em 'Roboto';
    margin: 6px 0 10px;
    display: block;
}

.listDetails li .categoryText {
    color: #a7a7a7;
    font: 300 1em 'Roboto';
}

.listDetails li .categoryText:hover {
    text-decoration: underline;
    color: #999;
}

.listDetails li .bottom {
    font: 1em 'Roboto';
}

.listDetails li .bottom {
    margin-right: 10px;
    float: left;
    color: #a7a7a7;
}

.listDetails li .bottom i {
    font-size: 12px;
    margin-right: 4px;
}

.listDetails li .bottom:hover {
    color: #343434;
}

.listDetails li a {
    cursor: pointer;
}

.photoAccordion.accordion {
    background: #fff;
    padding-top: 20px;
}

.filterDragDrop {
    background: #f4f4f4;
    padding: 20px;
}

.filterDragDrop .headText {
    font: 700 1.4em 'Roboto';
    color: #101010;
    margin-bottom: 10px;
    cursor: default;
}

.filterDragDrop li {
    height: 64px;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
}

.filterDragDrop li a {
    font: 1.4em 'Roboto';
    color: #9c9c9c;
    height: 64px;
    padding: 22px;
    display: block;
}

.filterDragDrop li a:hover {
    color: #333;
}

.filterDragDrop li:last-child {
    margin-bottom: 0;
}

.authorContent .listDetails li {
    position: relative;
}

.authorContent .listDetails li h4 {
    margin-top: 24px;
    padding-right: 30px;
}

.authorContent .listDetails li .delete {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    display: block;
    padding: 10px;
    color: #c2c2c2;
}

.authorContent .listDetails li .delete i {
    font-size: 1.6em;
}

.authorContent .listDetails li .delete:hover {
    color: #000;
}

.authorsDetailContent li {
    width: 50%;
    float: left;
    margin-bottom: 2%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.authorsDetailContent li .leftList {
    padding: 0;
}

.authorsDetailContent li .leftList figure {
    padding: 16px;
}

.authorsDetailContent li h4 {
    margin-top: 24px !important;
    height: 20px !important;
}

.authorsDetailContent li time {
    font-size: .8em;
}

.authorsDetailContent li .authorName,
.authorGray .authorName {
    color: #212121;
    font: 500 1em 'Roboto';
}

.authorsDetailContent li .authorName:before,
.authorGray .authorName:before {
    content: '';
    margin-right: 5px;
}

.author .authorCont strong {
    font-weight: 600;
}

.authorGrayList {
    padding: 30px;
    background: #1f1f1f;
    margin-right: 10px;
}

.authorGrayList .listAuthor {
    margin-bottom: 44px;
}

.authorGrayList .listAuthor li {
    overflow: hidden;
    margin-bottom: 5%;
}

.authorGrayList .listAuthor li:last-child {
    margin-bottom: 0;
}

.authorGrayList .listAuthor li .leftList {
    padding-right: 10px;
}

.authorGrayList .listAuthor li img {
    width: 100%;
}

.authorGrayList .listAuthor li h4 {
    color: #fff;
    font: 500 1.3em 'Roboto';
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.authorGrayList .listAuthor li h4:hover {
    color: #fff;
}

.authorGrayList .listAuthor li time {
    color: #fff;
    font: 300 1em 'Roboto';
    margin: 6px 0 20px;
    display: block;
}

.authorGrayList .listAuthor li .authorName {
    color: #fff;
    font: 500 1em 'Roboto';
}

.authorGrayList .listAuthor li .authorName:before {
    content: '';
    margin-right: 5px;
}

.controlGeneral li {
    cursor: pointer;
    font: 1.2em 'Roboto';
    float: left;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, .5);
    text-align: center;
    padding: 2px;
    color: #fff;
}

.controlGeneral li.active,
.controlGeneral li.active a {
    color: #999;
    font-weight: 700;
    border: 2px solid rgba(255, 255, 255, 1);
}

.controlGeneral li:hover {
    background: rgba(255, 255, 255, .2);
}

.authorContent .addRight img {
    width: 88%;
}

.moreText {
    font: 700 1.2em 'Roboto';
    color: #111;
    display: inline-block;
    cursor: pointer;
    padding: 24px 0px;
    width: 200px;
    text-align: center;
}

.boxshadow {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    height: 280px;
    margin-bottom: 35px;
}

.tabBottomBorder {
    background: #fff;
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    margin-bottom: 20px;
    height: 65px;
}

.tabBottomBorder ul {
    text-align: center;
    width: 100%;
}

.tabBottomBorder li {
    display: block;
    float: left;
    margin-left: 24px;
}

.tabBottomBorder li a {
    font: 400 1.5em 'Roboto';
    color: #111;
    display: block;
    padding: 22px 0 24px;
    border-top: 4px solid #fff;
    position: relative;
}

.tabBottomBorder li a:hover {
    border-top: 4px solid #ccc;
}

.tabBottomBorder li a.active,
.tabBottomBorder li a:active {
    border-top: 4px solid #4527a0;
    color: #4527a0;
}

.tabBottomBorder li a span {
    float: left;
}

.tabBottomBorder li a span.text {
    margin-left: 10px;
    background: #b0bec5;
    color: #fff;
    font-size: 12px;
    padding: 4px 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    text-align: center;
    width: 30px;
}

.tabBottomBorder li a.active span.text {
    background: #4527a0;
}

.tagsLeft {
    color: #333;
    font: 700 1.4em 'Roboto';
}

.tagsLeft .tags {
    color: #333;
    font: 300 1em 'Roboto';
    margin-top: 20px;
}

.tagsList {
    margin-top: 12px;
}

.tagsList li {
    font: .8em 'Roboto';
    color: #9ba2a6;
    border: 2px solid #9ba2a6;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -khtml-border-radius: 22px;
    -o-border-radius: 22px;
    -ms-border-radius: 22px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 12px 16px;
}

.tagsList li.active {
    color: #fff;
    background: #4527a0;
    border: 2px solid #4527a0;
}

.tagsList li a {
    color: #9ba2a6;
    display: block;
}

.archive {
    margin-top: 16px;
}

.archive li {
    font: 1em 'Roboto';
    margin-bottom: 7px;
}

.archive li,
.archive li a {
    color: #333;
}

.archive li a:hover {
    text-decoration: underline;
}

#logistration {
    padding: 7% 0;
}

#logistration ul {
    height: 280px;
}

#logistration .login,
#logistration .signUp {
    background: #fff;
    padding: 40px;
}

#logistration h5 {
    color: #333;
    font: 700 3em 'Roboto';
}

#logistration h6 {
    color: #808080;
    font: 1.6em 'Roboto';
    margin-bottom: 30px;
}

#logistration input,
#logistration textarea {
    border-bottom: 2px solid #edf0f1;
    padding: 10px 0px;
    font: 300 1.3em 'Roboto';
    color: #9097a6;
    margin-bottom: 20px;
    width: 100%;
}

#logistration input:focus,
#logistration textarea:focus {
    border-bottom-color: #4527a0;
    color: #343434;
}

#logistration .mypass {
    color: #999;
    font: 1em 'Roboto'
}

#logistration .mypass:hover {
    color: #333;
}

#logistration textarea {
    height: 100px;
}

#logistration button {
    color: #ff9004;
    border: none;
    background: none;
    padding: 0;
    font: 700 1.4em 'Roboto';
    cursor: pointer;
}

#logistration button:hover {
    color: #999;
}

#logistration button:active {
    color: #ccc;
}

.radio {
    width: 80px;
    float: left;
}

.radio .oval {
    width: 16px;
    height: 16px;
    border: 2px solid #bbb;
    display: block;
    float: left;
    position: relative;
}

.radio .text {
    float: left;
    padding: 2px 5px;
    font: 1em 'Roboto';
    color: #9097a6;
}

.radio.active .oval {
    border-color: #009688;
}

.radio.active .text {
    color: #343434;
}

.radio.active .oval .inside {
    position: absolute;
    width: 8px;
    height: 8px;
    margin: 2px;
    background: #009688;
}

.select .input7584 {
    width: 16px;
    height: 16px;
    border: 1px solid #bbb;
    display: block;
    float: left;
}

.select .text {
    float: left;
    padding: 2px 5px;
    font: 1em 'Roboto';
    color: #343434;
}

.select .text a {
    text-decoration: underline;
    color: #343434;
}

.link {
    font: 1em 'Roboto';
    color: #343434;
    float: left;
}

.link:hover {
    text-decoration: underline;
}

.link.gray {
    font: 1em 'Roboto';
    color: #818181;
}

.link.gray:hover {
    text-decoration: underline;
}

.userProfile aside {
    background: #fff;
    padding: 10px 0;
}

.userProfile aside ul {
    height: auto !important;
}

.userProfile aside li {
    position: relative;
}

.userProfile aside li.active a {
    color: #333;
    font-weight: 700;
}

.userProfile aside li a {
    padding: 20px 40px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font: 1.2em 'Roboto';
    color: #9e9e9e;
}

.userProfile aside li a:hover {
    color: #333;
}

.userProfile aside li:last-child a {
    border-bottom: 0;
}

.userProfile {
    padding: 9.2% 0 !important;
}

.userProfile .deleteAccount {
    float: right;
    padding: 5px 0 0;
    display: block;
}

.userProfile .profilePicture figure {
    float: left;
    width: 100px;
    height: 100px;
}

.userProfile .profilePicture figure img {
    width: 100%;
}

.userProfile .profilePicture .buttons {
    float: left;
    width: 500px;
    margin: 24px 20px;
}

.userProfilePage {
    background: #fff;
    margin: 100px auto 20px;
}

.userProfilePage .more {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    z-index: 5;
    color: #333;
}

.userProfilePage .more:hover {
    color: #ccc;
}

.userProfilePage .userHead {
    text-align: center;
    width: 100%;
}

.userProfilePage .userHead .top- {
    position: relative;
    top: -60px;
}

.userProfilePage .userHead figure {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
}

.userProfilePage .userHead figure img {
    width: 100%;
}

.userProfilePage .userHead h4 {
    font: 700 1.8em 'Roboto';
    color: #333;
}

.userProfilePage .userHead .city {
    font: 300 1.2em 'Roboto';
    color: #b9bfc1;
}

.userProfilePage .userHead .button {
    margin: 20px auto 0;
    display: inline-block;
    float: none;
}

.sharedHistory {
    margin-bottom: 24px;
}

.sharedHistory li {
    padding: 30px 40px;
    background: #fff;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.sharedHistory li .status {
    margin-bottom: 10px;
}

.sharedHistory li .status .text {
    font: 1.2em 'Roboto';
    color: #333;
}

.sharedHistory li .status time,
.sharedHistory li .status .platform,
.sharedHistory li .status .public {
    float: left;
    display: block;
    font: 1em 'Roboto';
    padding: 5px 10px 0 0;
    margin: 0;
    color: #7c858d;
}

.sharedHistory li .status i {
    font-size: 12px;
    float: left;
}

.sharedHistory li .status .drop {
    float: left;
    position: relative;
    top: -2px;
    right: -3px;
}

.sharedHistory li .rightList h4 {
    margin-top: 30px;
}

.sharedHistory li .rightCommentLike {
    padding-left: 20px;
}

.rightCommentLike .comments .comment {
    padding-top: 10px;
}

.rightCommentLike .comments .text {
    color: #343434;
    font: 1.2em 'Roboto';
    margin-bottom: 10px;
}

.rightCommentLike .comments .text i {
    font-size: 14px;
    float: left;
    margin-right: 5px;
}

.rightCommentLike .comments .text span {
    font-weight: 300;
    color: rgba(0, 0, 0, .4);
    margin-left: 10px;
}

.rightCommentLike .comments p {
    font: 300 1.2em/22px 'Roboto';
    color: #343434;
}

.rightCommentLike .comments p a.username {
    font-weight: 700;
    margin-right: 5px;
    color: #23313e;
}

.rightCommentLike .viewAll {
    display: block;
    color: #343434;
    font: 1.2em 'Roboto';
    margin-top: 20px;
    float: left;
}

.rightCommentLike .viewAll:hover {
    text-decoration: underline;
}

@media (max-width: 1630px) {
    .leftAdOne {
        left: 5.5%;
    }
    .rightAdOne {
        right: 5.5%;
    }
}

@media (max-width: 1354px) {
    .leftAdOne {
        display: none;
    }
    .rightAdOne {
        display: none;
    }
}

@media (max-width: 1570px) {
    .leftAdOne {
        left: 3%;
    }
    .rightAdOne {
        right: 3%;
    }
}

@media (max-width: 1500px) {
    .leftAdOne {
        left: 1%;
    }
    .rightAdOne {
        right: 1%;
    }
}

@media (max-width: 1470px) {
    .leftAdOne {
        left: 0px;
    }
    .rightAdOne {
        right: 0;
    }
}


/* Reset General */

b {
    font-weight: 700;
}


/* Son Dakika Noti */

.lite-alert-box {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.lite-alert-item {
    background: rgba(0, 0, 0, 0.8);
    padding: 13px;
    border-radius: 2px;
    width: 300px;
    color: #ffffff;
    position: relative;
    margin-top: 10px;
}

.lite-alert-item-close {
    font-size: 10px;
    height: 8px;
    width: 8px;
    padding: 4px 5px 6px 5px;
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
}

.lite-alert-item-close:before {
    content: '✖';
}

.lite-alert-item-close:hover {
    color: white;
}

.lite-alert-item-header {
    color: #a7a7a7;
    font: 300 1em 'Roboto';
}

.lite-alert-item-footer {
    padding: 5px 0;
    background: #f44336;
    width: 100px;
    text-align: center;
    border-radius: 2px;
    font-family: Roboto;
}

.lite-alert-item-content {
    color: #fff;
    font: 500 1.2em 'Roboto';
    height: 36px;
    display: block;
    overflow: hidden;
}


/*Bildirim popup*/

.alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation-name: slideDownEnter;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-name: slideDownEnter;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    z-index: 99999999999;
}

.alert-content {
    width: 500px;
    margin: 0 auto;
    background: #FFF;
    padding: 20px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .22);
}

.alert-content .alert-body {
    font: 400 14px 'Roboto', sans-serif;
}

.alert-content .alert-body img {
    width: 80px;
    height: 80px;
    float: left;
}

.alert-content .alert-body span {
    margin-left: 20px;
}

.alert-content .alert-footer {
    margin-top: 5px;
    float: right;
}

.alert-content .alert-footer .aboneol {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 6px 0 rgba(0, 0, 0, .12);
    background: #4527a0;
    color: #fff;
    border: 0;
    padding: 12px 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: pointer;
}

.alert-content .alert-footer .aboneolma {
    margin-right: 15px;
    border: 0;
    background: transparent;
    color: #4527a0;
    cursor: pointer;
}

.stage {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 96px;
    margin-left: -300px;
    margin-top: -30px;
}

svg {
    width: 34px;
    height: 26px;
    margin: 8px 0px 0px 10px;
    fill: currentColor;
    color: #FFF;
}


/* Thunder Bolt Animation */

.thunder-cloud .bolt {
    -webkit-animation: flash 2s infinite;
    animation: flash 2s infinite;
}

@-webkit-keyframes flash {
    0% {
        -webkit-transform: translateY(-25px) translateX(25px) scaleY(0.95);
        transform: translateY(-25px) translateX(25px) scaleY(0.95);
        opacity: 0;
    }
    5%,
    25% {
        opacity: 1;
    }
    15%,
    20% {
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(8px) translateX(-10px);
        transform: translateY(8px) translateX(-10px);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateY(8px) translateX(-10px);
        transform: translateY(8px) translateX(-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-25px) translateX(25px) scaleY(0.95);
        transform: translateY(-25px) translateX(25px) scaleY(0.95);
        opacity: 0;
    }
}

@keyframes flash {
    0% {
        -webkit-transform: translateY(-25px) translateX(25px) scaleY(0.95);
        transform: translateY(-25px) translateX(25px) scaleY(0.95);
        opacity: 0;
    }
    5%,
    25% {
        opacity: 1;
    }
    15%,
    20% {
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(8px) translateX(-10px);
        transform: translateY(8px) translateX(-10px);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateY(8px) translateX(-10px);
        transform: translateY(8px) translateX(-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-25px) translateX(25px) scaleY(0.95);
        transform: translateY(-25px) translateX(25px) scaleY(0.95);
        opacity: 0;
    }
}


/* Raindrops Animation */

.rain-cloud .raindrop-one,
.rain-cloud .raindrop-two,
.rain-cloud .raindrop-three {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 1);
    animation-timing-function: cubic-bezier(1, 0, 1, 1);
}

.rain-cloud .raindrop-one {
    -webkit-animation: falling-drop-one 2s infinite;
    animation: falling-drop-one 2s infinite;
}

.rain-cloud .raindrop-two {
    -webkit-animation: falling-drop-two 1.90s infinite;
    animation: falling-drop-two 1.90s infinite;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.rain-cloud .raindrop-three {
    -webkit-animation: falling-drop-three 1.80s infinite;
    animation: falling-drop-three 1.80s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes falling-drop-one {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        opacity: 0;
    }
}

@keyframes falling-drop-one {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        opacity: 0;
    }
}

@-webkit-keyframes falling-drop-two {
    0% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
}

@keyframes falling-drop-two {
    0% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
}

@-webkit-keyframes falling-drop-three {
    0% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
}

@keyframes falling-drop-three {
    0% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-105px);
        transform: translateY(-105px);
        opacity: 0;
    }
}


/* Snowflake Animations */

.snow-cloud .snowflake-one,
.snow-cloud .snowflake-two,
.snow-cloud .snowflake-three {
    opacity: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.snow-cloud .snowflake-one {
    -webkit-animation: falling-snow-one 4s infinite;
    animation: falling-snow-one 4s infinite;
}

.snow-cloud .snowflake-two {
    -webkit-animation: falling-snow-two 3.8s infinite;
    animation: falling-snow-two 3.8s infinite;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.snow-cloud .snowflake-three {
    -webkit-animation: falling-snow-three 3.9s infinite;
    animation: falling-snow-three 3.9s infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

@-webkit-keyframes falling-snow-one {
    0% {
        -webkit-transform: translateY(-65px) rotate(0);
        transform: translateY(-65px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-10px) translateX(30px) rotate(-30deg);
        transform: translateY(-10px) translateX(30px) rotate(-30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(45px) translateX(-30px) rotate(30deg);
        transform: translateY(45px) translateX(-30px) rotate(30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(100px) translateX(30px) rotate(-30deg);
        transform: translateY(100px) translateX(30px) rotate(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        opacity: 0;
    }
}

@keyframes falling-snow-one {
    0% {
        -webkit-transform: translateY(-65px) rotate(0);
        transform: translateY(-65px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-10px) translateX(30px) rotate(-30deg);
        transform: translateY(-10px) translateX(30px) rotate(-30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(45px) translateX(-30px) rotate(30deg);
        transform: translateY(45px) translateX(-30px) rotate(30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(100px) translateX(30px) rotate(-30deg);
        transform: translateY(100px) translateX(30px) rotate(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        opacity: 0;
    }
}

@-webkit-keyframes falling-snow-two {
    0% {
        -webkit-transform: translateY(-75px) rotate(0);
        transform: translateY(-75px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-45px) translateX(40px) rotate(-30deg);
        transform: translateY(-45px) translateX(40px) rotate(-30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(5px) translateX(-40px) rotate(30deg);
        transform: translateY(5px) translateX(-40px) rotate(30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(30px) translateX(20px) rotate(-30deg);
        transform: translateY(30px) translateX(20px) rotate(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-75px);
        transform: translateY(-75px);
        opacity: 0;
    }
}

@keyframes falling-snow-two {
    0% {
        -webkit-transform: translateY(-75px) rotate(0);
        transform: translateY(-75px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-45px) translateX(40px) rotate(-30deg);
        transform: translateY(-45px) translateX(40px) rotate(-30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(5px) translateX(-40px) rotate(30deg);
        transform: translateY(5px) translateX(-40px) rotate(30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(30px) translateX(20px) rotate(-30deg);
        transform: translateY(30px) translateX(20px) rotate(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-75px);
        transform: translateY(-75px);
        opacity: 0;
    }
}

@-webkit-keyframes falling-snow-three {
    0% {
        -webkit-transform: translateY(-85px) rotate(0);
        transform: translateY(-85px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-10px) translateX(-30px) rotate(30deg);
        transform: translateY(-10px) translateX(-30px) rotate(30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(25px) translateX(30px) rotate(-30deg);
        transform: translateY(25px) translateX(30px) rotate(-30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(60px) translateX(-30px) rotate(30deg);
        transform: translateY(60px) translateX(-30px) rotate(30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 0;
    }
}

@keyframes falling-snow-three {
    0% {
        -webkit-transform: translateY(-85px) rotate(0);
        transform: translateY(-85px) rotate(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(-10px) translateX(-30px) rotate(30deg);
        transform: translateY(-10px) translateX(-30px) rotate(30deg);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(25px) translateX(30px) rotate(-30deg);
        transform: translateY(25px) translateX(30px) rotate(-30deg);
    }
    50% {
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(60px) translateX(-30px) rotate(30deg);
        transform: translateY(60px) translateX(-30px) rotate(30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-85px);
        transform: translateY(-85px);
        opacity: 0;
    }
}


/* Sunny Cloud Animations */

.sun-cloud .sun-half {
    -webkit-animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
    animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.sun-cloud .ray-one {
    -webkit-animation: ray-show-one 4s infinite linear;
    animation: ray-show-one 4s infinite linear;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.sun-cloud .ray-two {
    -webkit-animation: ray-show-two 4s infinite linear;
    animation: ray-show-two 4s infinite linear;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.sun-cloud .ray-three {
    -webkit-animation: ray-show-three 4s infinite linear;
    animation: ray-show-three 4s infinite linear;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.sun-cloud .ray-four {
    -webkit-animation: ray-show-four 4s infinite linear;
    animation: ray-show-four 4s infinite linear;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.sun-cloud .ray-five {
    -webkit-animation: ray-show-five 4s infinite linear;
    animation: ray-show-five 4s infinite linear;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

@-webkit-keyframes sun-grow {
    0%,
    90%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    15%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes sun-grow {
    0%,
    90%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    15%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-one {
    0%,
    15%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    20%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-one {
    0%,
    15%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    20%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-two {
    0%,
    20%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    25%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-two {
    0%,
    20%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    25%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-three {
    0%,
    25%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    30%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-three {
    0%,
    25%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    30%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-four {
    0%,
    30%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    35%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-four {
    0%,
    30%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    35%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-five {
    0%,
    35%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    40%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-five {
    0%,
    35%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    40%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-six {
    0%,
    40%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    45%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-six {
    0%,
    40%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    45%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-seven {
    0%,
    45%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-seven {
    0%,
    45%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ray-show-eight {
    0%,
    50%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    55%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ray-show-eight {
    0%,
    50%,
    80%,
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    55%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


/* Sunshine Animation */


/* If only using this animation be sure to grab the sun-grow and ray-show-x keyframes set above */

.sunshine .sun-full {
    -webkit-animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
    animation: sun-grow 4s infinite cubic-bezier(0.2, 0.85, 0.4, 1.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.sunshine .sun-ray-one {
    -webkit-animation: ray-show-one 4s infinite ease-in;
    animation: ray-show-one 4s infinite ease-in;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.sunshine .sun-ray-two {
    -webkit-animation: ray-show-two 4s infinite ease-in;
    animation: ray-show-two 4s infinite ease-in;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.sunshine .sun-ray-three {
    -webkit-animation: ray-show-three 4s infinite ease-in;
    animation: ray-show-three 4s infinite ease-in;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.sunshine .sun-ray-four {
    -webkit-animation: ray-show-four 4s infinite ease-in;
    animation: ray-show-four 4s infinite ease-in;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.sunshine .sun-ray-five {
    -webkit-animation: ray-show-five 4s infinite ease-in;
    animation: ray-show-five 4s infinite ease-in;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.sunshine .sun-ray-six {
    -webkit-animation: ray-show-six 4s infinite ease-in;
    animation: ray-show-six 4s infinite ease-in;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sunshine .sun-ray-seven {
    -webkit-animation: ray-show-seven 4s infinite ease-in;
    animation: ray-show-seven 4s infinite ease-in;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.sunshine .sun-ray-eight {
    -webkit-animation: ray-show-eight 4s infinite ease-in;
    animation: ray-show-eight 4s infinite ease-in;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}


/* Windy Cloud Animation */

.windy-cloud .cloud-wrap {
    -webkit-animation: bob 2s infinite cubic-bezier(0, 0, .5, 1.5);
    animation: bob 2s infinite cubic-bezier(0, 0, .5, 1.5);
}

.windy-cloud .cloud {
    -webkit-animation: cloud-push 4s infinite;
    animation: cloud-push 4s infinite;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.windy-cloud .wind-one {
    -webkit-animation: wind-slide-one 4s infinite;
    animation: wind-slide-one 4s infinite;
}

.windy-cloud .wind-two {
    -webkit-animation: wind-slide-two 4s infinite;
    animation: wind-slide-two 4s infinite;
}

.windy-cloud .wind-three {
    -webkit-animation: wind-slide-three 4s infinite;
    animation: wind-slide-three 4s infinite;
}

@-webkit-keyframes bob {
    0%,
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes bob {
    0%,
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@-webkit-keyframes cloud-push {
    0%,
    80%,
    100% {
        -webkit-transform: translateX(-120px) scale(1.2);
        transform: translateX(-120px) scale(1.2);
    }
    10%,
    60% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
    }
}

@keyframes cloud-push {
    0%,
    80%,
    100% {
        -webkit-transform: translateX(-120px) scale(1.2);
        transform: translateX(-120px) scale(1.2);
    }
    10%,
    60% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
    }
}

@-webkit-keyframes wind-slide-one {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes wind-slide-one {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@-webkit-keyframes wind-slide-two {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes wind-slide-two {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@-webkit-keyframes wind-slide-three {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes wind-slide-three {
    0%,
    70%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    10%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}


/*Kategori Yeni*/

.container .headline-single {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #eeeeee;
}

.container .headline-single .single-picture {
    float: left;
    width: 612px;
}

.container .headline-single .single-picture img {
    width: 611px;
    height: 316px;
    object-fit: cover;
}

.container .headline-single .single-time {
    font-family: 'Helvetica Neue', sans-serif;
    background-color: #fc1710;
    color: #fff;
    position: absolute;
    margin-left: 546px;
    margin-top: 268px;
    padding: 5px 12px 2px 12px;
    font-size: 17px;
}

.container .headline-single .single-text {
    float: right;
    width: 316px;
    padding-left: 23px;
    padding-right: 23px;
}

.container .headline {
    float: left;
    border: 1px solid #eeeeee;
    margin-top: 20px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 1.42857;
}

.mr-20 {
    margin-right: 20px !important;
}

.container .headline-small {
    width: 334px;
}

.container .headline-small .single-picture {
    width: 332px !important;
}

.container .headline-small .single-picture img {
    width: 332px !important;
    height: 274px !important;
    object-fit: cover;
}

.container .headline .single-time {
    font-family: 'Helvetica Neue', sans-serif;
    background-color: #242424;
    color: #fff;
    position: absolute;
    padding: 4px 12px 2px 12px;
    font-size: 17px;
}

.container .headline .single-text {
    padding-left: 12px;
    padding-right: 0px;
}

.container .headline .single-text .single-date {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #c2c2c2;
    padding-top: 28px;
}

.container .headline .single-text .single-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #203040;
    padding-top: 9px;
    height: 43px;
    overflow: hidden;
    padding-right: 12px;
}

.container .headline .single-text .single-border {
    width: 24px;
    height: 6px;
    background-color: #242424;
    margin-top: 11px;
    margin-bottom: 14px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.container .headline .single-text .single-desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #404040;
    margin-bottom: 27px;
    height: 18px;
    overflow: hidden;
    padding-right: 12px;
}

.container .headline-single .single-text .single-date {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #c2c2c2;
    padding-top: 28px;
}

.container .headline-single .single-text .single-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #203040;
    padding-top: 16px;
    max-height: 92px;
    overflow: hidden;
}

.container .headline-single .single-text .single-border {
    width: 24px;
    height: 6px;
    background-color: #242424;
    margin-top: 14px;
    margin-bottom: 14px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.container .headline-single .single-text .single-desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #404040;
    text-align: justify;
    margin-bottom: 24px;
    height: 126px;
    overflow: hidden;
    line-height: 1.42857;
}

.container .headline-large {
    width: 610px;
}

.container .headline-large .single-picture {
    width: 610px !important;
}

.container .headline-large .single-picture img {
    width: 610px !important;
    height: 274px !important;
    object-fit: cover;
}

.line-red {
    background-color: #fc1710 !important;
}

.line-green {
    background-color: #139a55 !important;
}

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

.container .headline-small .single-time {
    margin-top: -59px !important;
    margin-left: 268px !important;
}

.container .headline-large .single-time {
    margin-top: -57px;
    margin-left: 546px;
}

.line-blue {
    background-color: #2089F8 !important;
}


/*Kategori Neredeyim*/

.checkout-wrap {
    font-family: 'PT Sans Caption', sans-serif;
    margin: 30px auto 100px;
    z-index: 0;
    margin-top: 50px;
}

ul.checkout-bar li {
    color: #ccc;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 30px;
    display: inline-block;
    margin: 20px auto;
    padding: 0;
    text-align: center;
    width: 9%;
}

ul.checkout-bar li a span {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    height: 25px;
    left: 17%;
    line-height: 23px;
    position: absolute;
    top: -59px;
    width: 25px;
    z-index: 99999;
}

ul.checkout-bar li.active {
    color: #A6447A;
    font-weight: bold;
}

ul.checkout-bar li.last {
    z-index: 9999999999;
    border-radius: 15px;
    width: 7%;
}

ul.checkout-bar li.active span {
    background: #A6447A;
}

ul.checkout-bar li.visited {
    color: #036c99;
    z-index: 99999;
    background: none;
    float: left;
}

ul.checkout-bar li.visited span {
    background: #036c99;
    z-index: 99999;
}

ul.checkout-bar a {
    color: #ccc;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

ul.checkout-bar li.active a {
    color: #A6447A;
}

ul.checkout-bar li.visited a {
    color: #036c99;
}

.checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #A6447A;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 7px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 7px;
    margin: 0 -15px 0;
    padding: 0;
    position: absolute;
    width: 33%;
}

ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #036c99;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 7px;
    left: 0;
    position: absolute;
    width: 14%;
}

ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #036c99;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 7px;
    left: 19%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

@font-face {
    font-family: 'slzodiacstencilsregular';
    src: url('../fonts/slzodiacstencils-webfont.woff2') format('woff2'), url('../fonts/slzodiacstencils-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.astro-icons {
    font-family: 'slzodiacstencilsregular';
    font-size: 27.8px;
}


/*paylaş tümü*/

.social-open {
    position: absolute;
    bottom: 60px;
    left: -170px;
    width: 363px;
    background: #FFF;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 20px;
    box-sizing: border-box;
    display: none;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.social-open .static-btn {
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    position: relative;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.social-open .static-btn .df {
    color: #afafaf !important;
    display: block !important;
    padding: 0 !important;
    height: auto !important;
}

.social-open .static-btn .social-item {
    color: #afafaf;
    background-color: #e7e7e7;
    width: 39px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size: 13px;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
    cursor: pointer;
    position: relative;
}

.blink {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -6px;
    top: -5px;
    z-index: 999;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    background: #e91313;
    border-radius: 100%;
}

.blinkemoji {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -6px;
    top: -5px;
    z-index: 999;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    background: #e91313;
    border-radius: 100%;
}

.social-open .static-btn:nth-child(1) {
    margin-left: 0;
}

.social-open .static-btn .facebook:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #3b5998;
    color: #FFF;
}

.social-open .static-btn .facebook.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #3b5998;
    color: #FFF;
}

.social-open .static-btn .twitter:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #55acee;
    color: #FFF;
}

.social-open .static-btn .twitter.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #55acee;
    color: #FFF;
}

.social-open .static-btn .google:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #db4437;
    color: #FFF;
}

.social-open .static-btn .google.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #db4437;
    color: #FFF;
}

.social-open .static-btn .youtube:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #e62117;
    color: #FFF;
}

.social-open .static-btn .youtube.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #e62117;
    color: #FFF;
}

.social-open .static-btn .linkedin:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #0177b5;
    color: #FFF;
}

.social-open .static-btn .linkedin.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #0177b5;
    color: #FFF;
}

.social-open .static-btn .pinterest:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #bd081c;
    color: #FFF;
}

.social-open .static-btn .pinterest.active {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #bd081c;
    color: #FFF;
}

.social-open .share-text {
    width: 315px;
    height: 65px;
    border: 1px solid #eee;
    border-radius: 5px;
    outline: none;
    margin-top: 12px;
    padding: 11px;
    box-sizing: border-box;
    color: #404040;
    font: 400 13px 'Open Sans', sans-serif;
}

.social-open .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    display: block;
}

.social-item .social-open .social-head {
    font: 600 13px 'Open Sans', sans-serif;
    color: #20303f;
    text-align: left;
}

.social-open .share-button {
    text-align: right;
    float: right;
    border: 0;
    background: transparent;
    color: #20303f;
    font: 600 13px 'Open Sans', sans-serif;
    cursor: pointer;
    outline: none;
    margin-top: 15px;
}

.social-open:after {
    content: "";
    position: absolute;
    left: 185px;
    bottom: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #afafaf transparent transparent transparent;
}

.social-open .social-head {
    font: 600 13px 'Open Sans', sans-serif;
    color: #20303f;
    text-align: left;
    margin-bottom: 10px;
}


/*emoji*/

.emoji {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font: 400 12px 'Roboto', sans-serif;
}

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

.emoji .emoji-head {
    font: 600 13px 'Open Sans', sans-serif;
    color: #20303f;
    text-align: left;
    margin-bottom: 10px;
}

.emoji ul li {
    border: 0 !important;
    width: 39px;
    margin-right: 10px;
    float: left;
}

.emoji ul li a {
    padding: 0 !important;
    display: inline-block !important;
    height: auto !important;
}

.emoji ul li img {
    width: 100%;
}

.emoji ul li:hover {
    background: none !important;
}

.commentandAd .emoji ul li {
    position: relative;
}

#main h1 {
    font-size: 20px;
}

.authorContent p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}


/*Son dakika*/

.last-news {
    height: 50px;
    background: #FFF;
    box-shadow: 0px 8px 13px 0px rgba(18, 17, 12, 0.08);
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
}

.last-news .last-content {
    font: 400 13px 'Roboto';
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 2s ease;
    transform-style: preserve-3d;
    transition: all 2s ease;
}

.last-news .last-content ul li {
    display: block;
    line-height: 50px;
    position: absolute;
    width: 100%;
}

.last-news .last-content ul li:nth-child(1) {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
}

.last-news .last-content ul li:nth-child(2) {
    -webkit-transform: translateZ(200px);
    transform: translateZ(200px);
}

.last-news .last-content ul li:nth-child(3) {
    -webkit-transform: rotateY(90deg) translateZ(200px);
    transform: rotateY(90deg) translateZ(200px);
}

.last-news .last-content ul li a {
    color: #000;
}


/*Video*/

#ima-ad-container > div {
    /*padding-bottom: 40px !important;*/
}

#ima-ad-container.pauseAd {
    bottom: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.60);
    z-index: 2;
}

#player_container .logo {
    position: absolute;
    right: 5px;
    top: 5px;
}

#player_container .owl-carousel {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

#player_container .owl-carousel .owl-wrapper-outer {
    position: absolute;
    left: 0;
    top: 25%;
}

#player_container .owl-carousel .owl-controls {
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 100%;
}

#player_container .owl-carousel .owl-item a {
    text-decoration: none;
}

#player_container .owl-carousel .owl-item img {
    width: 96%;
    padding: 2%;
}

#player_container .owl-carousel .owl-item h2 {
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    text-align: center;
}

#player_container .owl-carousel .owl-prev,
#player_container .owl-carousel .owl-next {
    border: 1px solid #222;
    background: #000;
}

#player_container .movie-again-play {
    width: 100%;
    top: 10%;
    left: 0;
    position: absolute;
    text-align: center;
}

#player_container .movie-again-play a {
    border: 1px solid #fff;
    background: #000;
    border-radius: 15px;
    color: #fff;
    font-size: 24px;
    padding: 10px 20px;
    cursor: pointer;
}

.vjs-default-skin .vjs-big-play-button:before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 48px;
    color: #fff;
    text-shadow: none;
    line-height: 80px !important;
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}

.vjs-default-skin .vjs-volume-handle:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size: 1.6em;
    left: -0.4em;
    top: -0.4em;
    width: 1.6em;
    height: 1.6em;
}

.vjs-default-skin .vjs-seek-handle:before {
    font-family: FontAwesome;
    content: "\f04d";
    font-size: 1.1em;
    left: -0.4em;
    top: -0.1em;
    width: 1.6em;
    height: 1.6em;
    -webkit-transform: none;
    transform: none;
    text-shadow: none;
    display: none;
}

.vjs-default-skin:hover .vjs-seek-handle:before {
    display: block;
}

.vjs-default-skin .vjs-big-play-button {
    top: 40% !important;
    left: 44% !important;
    background-color: rgb(148, 10, 0) !important;
    border-radius: 5px !important;
    border: 0 !important;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
    background: rgb(148, 10, 0) !important
}

.vjs-default-skin .vjs-control-bar {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0) !important;
    /* IE6-9 */
}

.vjs-default-skin .vjs-slider {
    background-color: rgba(73, 73, 73, 0.35);
}

.vjs-default-skin .vjs-load-progress {
    background-color: rgba(0, 0, 0, .35);
}

.vjs-default-skin .vjs-volume-handle:before {
    -webkit-transform: none;
    transform: none;
    text-shadow: none;
    content: "\f04d";
    font-size: 1em;
    top: -0.3em;
}

.vjs-default-skin .vjs-loading-spinner:before {
    font-family: FontAwesome;
    content: "\f021";
}

.video-title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    line-height: 36px;
    height: 36px;
    padding: 0 28% 0 2%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    text-decoration: none;
    opacity: 1;
}

.vjs-user-inactive .video-title {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.video-title a {
    color: #fff;
    text-decoration: none;
}

.video-title .logo {
    position: absolute;
    right: 5px !important;
    top: 3px !important;
    width: 160px;
    height: 36px;
    text-align: right;
}

.video-title .logo img {
    max-width: 160px;
    max-height: 30px;
}

.video-title .twitter {
    font-family: FontAwesome;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    color: #fff;
    top: 0;
    right: 5px;
    width: 32px;
    height: 32px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.video-title .twitter:before {
    content: "\f099";
}

.video-title .facebook {
    font-family: FontAwesome;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    color: #fff;
    top: 0;
    right: 42px;
    width: 32px;
    height: 32px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.video-title .facebook:before {
    content: "\f230";
}

.content_video-dimensions {
    width: 100% !important;
    height: 100% !important;
}

.vjs-hidden .video-title {
    display: none;
}


/*headline*/

.headline-long {
    margin: 20px 0;
    height: 220px;
    overflow: hidden;
}

.headline-long .long-list {
    float: left;
    display: inline-block;
    width: 47px;
    background: #cb0000;
    padding: 16px 8.5px;
    height: 220px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.headline-long .long-list ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.headline-long .long-list ul li.active {
    opacity: 0.9;
    color: #FFF;
    border: 2px solid #FFF;
}

.headline-long .long-list ul li {
    height: 30px;
    width: 30px;
    margin-bottom: 10px;
    border-radius: 100%;
    list-style-type: none;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: rgba(255, 255, 255, .2);
    border: 2px solid rgba(255, 255, 255, .2);
    padding-top: 4px;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.headline-long .long-list ul li:hover {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    opacity: 0.9;
}

.headline-long .long-content {
    display: inline-block;
    width: 977px;
}

.headline-long .long-content .long-item:first-child {
    display: block;
}

.headline-long .long-content .long-item {
    display: none;
}

.headline-long .long-content .long-item .item-picture {
    float: left;
    width: 456px;
    height: 220px;
    display: inline-grid;
    z-index: 9999;
}

.headline-long .long-content .long-item .item-picture img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.headline-long .long-content .long-item .item-desc {
    margin-top: -220px;
    float: right;
    width: 522px;
    height: 220px;
    background: #333333;
    display: inline-grid;
}

.headline-long .long-content .long-item .item-desc .after {
 display: block;
    position: absolute;
    height: 215px;
    border-style: solid;
    border-width: 219px 48px 1px 2px;
    border-color: transparent #333333 transparent transparent;
    z-index: 9999;
    margin-left: -49px;
}

.headline-long .long-content .long-item .item-desc .news-title {
    padding-left: 32px;
    padding-top: 72px;
}

.headline-long .long-content .long-item .item-desc .news-title a {
    color: #fff;
    text-decoration: none;
}

.headline-long .long-content .long-item .item-desc .news-title h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #fff;
    height: 120px;
    overflow: hidden;
    font-size: 32px;
    line-height: 1.1;
    width: 485px;
}

.commentStyleHead .comment-type {
    width: 100%;
    height: 50px;
    margin: 20px 0;
    display: inline-block;
    border-bottom: 2px solid #eee;
}

.commentStyleHead .comment-type a {
    display: inline-block;
    padding: 10px 14px;
    font: 15px 'Roboto';
    height: 42px;
    overflow: hidden;
    transition: all 0.15s ease-out 0s;
    position: relative;
    bottom: -9px;
}

.commentStyleHead .comment-type a.active {
    border-bottom: 2px solid #343434;
}

.commentStyleHead .comment-type a:hover {
    border-bottom: 2px solid #343434;
}

.commentStyleHead .comment-type a.fb {
    padding-left: 10px;
    border-left: 2px solid #eee;
}

.commentStyleHead .comment-type a.fb:hover {
    background: #3b5998;
    color: #FFF;
}

.commentStyleHead .comment-type a.fb i {
    margin-right: 15px;
    padding: 0;
}


/*question*/

.ques {
    float: left;
    position: absolute;
    margin-left: -180px;
}

.ques .toggle-open .q-info {
    display: none;
    text-align: center;
    margin-top: 10px;
}

.ques .toggle {
    padding: 17px 0;
    cursor: pointer;
    width: 20px;
    position: relative;
    right: 25px;
    transition: all 1s ease-in-out;
}

.ques .toggle:hover {
    transform: rotate(1080deg);
}

.ques .toggle i {
    color: #FFF;
    font-size: 24px;
    width: 30px;
    height: 30px;
    opacity: 0.9;
    line-height: 25px;
    padding-left: 5.5px;
}

.ques .toggle-open {
    position: relative;
    left: -156px;
    margin-top: -6px;
    z-index: 9999999999;
    width: 300px;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 3px;
    background: #7f8c8d;
    font: 300 13px 'roboto', sans-serif;
    display: none;
}

.ques .toggle-open .title {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.ques .toggle-open:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 141px;
    border-style: solid;
    border-width: 3px 6px 6px 6px;
    border-color: transparent transparent #7f8c8d transparent;
}

.ques .toggle-open .form-group {
    padding: 5px;
}

.ques .toggle-open .form-group input[type=radio] {
    position: relative;
    top: 3px;
}

.ques .toggle-open .form-group button {
    padding: 10px;
    outline: none;
    border: 0;
    width: 100%;
    display: block;
    margin-top: 10px;
    color: #666;
    cursor: pointer;
}

.ques .toggle-open .form-group .progress-container {
    margin: 10px 0 2px;
    display: none;
}

.ques .toggle-open .form-group .progress-container .progress {
    height: 10px;
    border-radius: 3px;
    background: green;
    width: 0px;
}


/*cities*/

.cites {
    margin: 40px 0;
}

.cites .title {
    display: inline-block;
}

.cites .title a {
    color: #000;
    font: 500 1.8em 'Roboto';
    margin-bottom: 6px;
}

.cites ul {
    margin-top: 20px;
}

.cites ul li {
    float: left;
    width: 128px;
    font: 300 1em 'Roboto';
}

.cites ul li a {
    padding: 10px 20px;
    display: block;
}

.galery-widget {
    background-color: #131313;
    margin-top: 20px;
    padding: 20px 15px;
    border-radius: 2px;
    height: 480px;
}

.galery-widget .widget-title {
    font-family: 'Roboto';
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px
}

.galery-widget .last-item {
    margin-top: 33px
}

.galery-widget .last-item .item-head {
    padding-bottom: 12px;
    float: left;
    width: 124px
}

.galery-widget .last-item .item-head .item-image img {
    width: 100%;
    height: 100%;
}

.galery-widget .last-item .item-head .item-icon {
    background-image: -webkit-linear-gradient(bottom, #000 0, transparent 100%);
    background-image: linear-gradient(to top, #000 0, transparent 100%)
}

.galery-widget .last-item .item-head .item-icon i {
    color: #fff;
    height: 35px;
    width: 35px;
    border: 3px solid #fff;
    text-align: center;
    position: absolute;
    margin-top: -41px;
    margin-left: 10px;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 100%
}

.galery-widget .last-item .item-footer {
    float: left;
    width: 124px;
    padding-left: 10px
}

.galery-widget .last-item .item-footer .item-category {
    color: #fff;
    background-color: #1b76bf;
    font-family: 'Roboto';
    font-size: 12px;
    padding: 6px;
    display: inline-block;
    border-radius: 3px
}

.galery-widget .last-item .item-footer .item-title {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 13px;
    color: #fff
}

.galery-widget .last-item .item-footer .item-desc {
    margin-top: 15px;
    font-family: 'Roboto';
    font-size: 13px;
    color: #fff;
    width: 145px;
}

.galery-widget .last-item .item-footer .item-date {
    color: #afafaf;
    font-size: 12px;
    text-align: right;
    margin-top: 20px;
    width: 186px;
    font-family: "Roboto";
}

.galery-widget .galery-item .item-head {
    padding-bottom: 12px
}

.galery-widget .galery-item .item-head .item-image img {
    width: 100%;
    height: 100%;
}

.galery-widget .galery-item .item-head .item-icon {
    background-image: -webkit-linear-gradient(bottom, #000 0, transparent 100%);
    background-image: linear-gradient(to top, #000 0, transparent 100%)
}

.galery-widget .galery-item .item-head .item-icon i {
    color: #fff;
    height: 45px;
    width: 45px;
    border: 3px solid #fff;
    text-align: center;
    position: absolute;
    margin-top: -53px;
    margin-left: 10px;
    font-size: 22px;
    padding-top: 7px;
    padding-left: 6px;
    border-radius: 100%
}

.galery-widget .galery-item .item-footer .item-category {
    color: #fff;
    background-color: #fc180d;
    font-family: 'Roboto';
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 3px
}

.galery-widget .galery-item .item-footer .item-title {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 17px;
    color: #fff
}

.galery-widget .galery-item .item-footer .item-desc {
    margin-top: 15px;
    font-family: 'Roboto';
    font-size: 14px;
    color: #fff
}

.cd-container {
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container:after {
    content: "";
    display: table;
    clear: both;
}

.cd-items {}

@media only screen and (min-width: 768px) {
    .cd-items {}
}

@media only screen and (min-width: 1024px) {
    .cd-items {}
}

.cd-item {
    position: relative;
    margin: 0 0 1em;
}

.cd-item > img {
    display: block;
    width: 100%;
    /*}
.cd-quick-view{
    position:relative;
    z-index:9999*/
}

@media only screen and (min-width: 768px) {
    .cd-item {
        width: 48%;
        float: left;
        margin: 0 4% 2em 0;
    }
    .cd-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-item {
        width: 29%;
        float: left;
        margin: 6px;
    }
    .cd-item:nth-child(2n) {
        margin-right: 4%;
    }
    .cd-item:nth-child(4n) {
        margin-right: 0;
    }
    .cd-item.empty-box::after {
        /* box visible as placeholder when the .cd-quick-view zooms in */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #392c3f;
    }
}

.cd-trigger {
    position: absolute;
    height: 50px;
    line-height: 50px;
    width: 100%;
    bottom: 36px;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s, background-color 0.2s;
    -moz-transition: opacity 0.2s, background-color 0.2s;
    transition: opacity 0.2s, background-color 0.2s;
}

.no-touch .cd-trigger:hover {
    background: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 1024px) {
    .cd-trigger {
        /* always visible on small devices */
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-trigger {
        /* only visible on hover on big devices */
    }
}

@media only screen and (min-width: 1170px) {
    .no-touch .cd-item:hover .cd-trigger {
        opacity: 1;
    }
    .touch .cd-item .cd-trigger {
        opacity: 1;
    }
}

.cd-quick-view {
    /* quick view non available on small devices */
    display: none;
}

@media only screen and (min-width: 1024px) {
    .cd-quick-view {
        display: block;
        position: fixed;
        max-width: 900px;
        visibility: hidden;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: left, top, width;
        z-index: 9999;
    }
    .cd-quick-view:after {
        content: "";
        display: table;
        clear: both;
    }
    .cd-quick-view.is-visible {
        /* class added when user clicks on .cd-trigger */
        visibility: visible;
    }
    .cd-quick-view.animate-width {
        /* class added at the end of the first zoom-in animation */
        background-color: #ffffff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        -webkit-transition: box-shadow 0.3s;
        -moz-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
    }
}

.cd-slider-wrapper {
    position: relative;
    display: inline-block;
    float: left;
}

.cd-slider-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.cd-slider {
    float: left;
}

.cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cd-slider li img {
    display: block;
    max-width: 200px;
}

.cd-slider li.selected {
    position: relative;
    z-index: 3;
}

.add-content .cd-slider {
    margin-right: 3em;
}

.cd-slider-navigation {
    opacity: 0;
}

.add-content .cd-slider-navigation {
    opacity: 1;
}

.cd-slider-navigation li {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

.cd-slider-navigation li:first-child {
    left: 0;
}

.cd-slider-navigation li:last-child {
    /* equal to the .cd-slider-wrapper margin-right */
    right: 3em;
}

.cd-slider-navigation li a {
    display: block;
    width: 40px;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.2s, background 0.2s;
    -moz-transition: opacity 0.2s, background 0.2s;
    transition: opacity 0.2s, background 0.2s;
}

.cd-slider-navigation li a::before,
.cd-slider-navigation li a::after {
    /* create arrows in CSS */
    position: absolute;
    top: 18px;
    left: 14px;
    display: inline-block;
    background: #ffffff;
    height: 3px;
    width: 12px;
}

.cd-slider-navigation li a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-slider-navigation li a::after {
    -webkit-transform: translateY(7px) rotate(-45deg);
    -moz-transform: translateY(7px) rotate(-45deg);
    -ms-transform: translateY(7px) rotate(-45deg);
    -o-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
}

.add-content .cd-slider-navigation li a {
    opacity: .2;
}

.no-touch .cd-slider-navigation li a:hover {
    background: rgba(71, 55, 78, 0.8);
    opacity: 1;
}

.touch .cd-slider-navigation li a {
    opacity: 1;
}

.cd-slider-navigation li:first-child a::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-slider-navigation li:first-child a::after {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}

.cd-item-info {
    position: absolute;
    padding: 3em 3em 3em 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s;
    -moz-transition: opacity .3s, visibility 0s;
    transition: opacity .3s, visibility 0s;
}

.cd-item-info h2 {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: Roboto;
    margin-bottom: 10px;
}

.cd-item-info h3 {
    font-size: 15px;
    font-family: Roboto;
    font-weight: 900;
}

.cd-item-info p {
    line-height: 1.6;
    margin: 1em 0;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
}

.cd-item-info .cd-item-action li {
    display: inline-block;
    margin-right: 1em;
}

.cd-item-info .cd-item-action li:first-child {
    margin-left: -4px;
}

.cd-item-info .add-to-cart {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0.25em;
    border: none;
    padding: .6em 1.2em;
    background-color: #f82f53;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer;
}

.add-content .cd-item-info {
    /* class added at the end of the width animation, used to show the content */
    position: relative;
    visibility: visible;
    opacity: 1;
    margin-left: 220px;
    height: 296px;
    overflow-y: scroll;
}

.add-content .cd-item-info h2 {
    -webkit-animation: cd-slide-in 0.3s;
    -moz-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s;
}

.add-content .cd-item-info p {
    -webkit-animation: cd-slide-in 0.4s;
    -moz-animation: cd-slide-in 0.4s;
    animation: cd-slide-in 0.4s;
}

.add-content .cd-item-info .cd-item-action {
    -webkit-animation: cd-slide-in 0.5s;
    -moz-animation: cd-slide-in 0.5s;
    animation: cd-slide-in 0.5s;
}

@-webkit-keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes cd-slide-in {
    0% {
        -moz-transform: translate3d(-40px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}

@keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
        -moz-transform: translate3d(-40px, 0, 0);
        -ms-transform: translate3d(-40px, 0, 0);
        -o-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.cd-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    /* image replacement */
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
    -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
    transition: transform .3s 0s, visibility 0s .3s;
    z-index: 9999;
}

.cd-close::before,
.cd-close::after {
    /* close icon in css */
    position: absolute;
    top: 12px;
    left: 5px;
    display: inline-block;
    height: 4px;
    width: 20px;
    background: #47374e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-close::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.no-touch .cd-close:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.add-content .cd-close {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
    transition: transform .3s 0s, visibility 0s 0s;
}

.quick-view-content {
    display: none
}

#cd-quick-view-coverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    opacity: 0;
    display: none;
}

#cd-quick-view-coverlay.overlay_active {
    display: block;
    opacity: 1;
}

.scrollSmoothToBottom {
     padding: 7px;
    background: rgb(185, 14, 14);
    color: #fff;
    border: 9px solid;
    border-radius: 50px;
    margin-left: -100px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    width: 100px;
    height: 100px;
    display: none;
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;

}

.zaman {
    height: 19px;
    margin-left: -200px;
    overflow: hidden;
    max-width: 168px;
    position: absolute;
}

.single-carousel .owl-nav {
    left: 0;
    margin-top: -25px;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.single-carousel .owl-nav > div {
    background: #232934;
    color: transparent;
    float: left;
    height: 50px;
    opacity: 0;
    position: relative;
    width: 50px;
}

.single-carousel:hover .owl-nav > div {
    opacity: 0.5
}

.single-carousel:hover .owl-nav > div:hover {
    opacity: 1
}

.single-carousel .owl-nav > div.owl-next {
    float: right
}

.single-carousel .owl-nav > div:before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 25px;
    height: 100%;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.single-carousel .owl-nav > div.owl-next:before {
    content: "\f105"
}

.related-posts {
    float: left;
    margin-top: 65px;
    width: 100%;
}

.related-posts .small-title {
    margin-bottom: 20px
}

.related-posts .post-img > img {
    margin: 0
}

.related-posts .hundop-blog .row {
    margin: 0 -8px
}

.related-posts .hundop-blog .row > div {
    padding: 0 8px
}

.related-posts .hundop-blog h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.related-posts .post-img {
    margin-bottom: 10px
}

.related-posts .hundop-post > ul {
    color: #858585;
    font-size: 12px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.related-posts .hundop-post > ul li:before {
    display: none
}

.related-posts .hundop-post > ul li {
    font-size: 12px;
    margin-right: 12px;
}


/*=============== Quiz ===================*/

.quiz {
    float: left;
    margin-bottom: -40px;
    margin-top: 50px;
    width: 100%;
}

.hundop-question {
    float: left;
    margin-bottom: 55px;
    width: 100%;
}

.hundop-question > h3 {
    color: #2e2e2e;
    float: left;
    font-size: 21px;
    margin-bottom: 10px;
    width: 100%;
}

.hundop-question > img {
    margin: 0 0 28px;
    width: 100%;
}

.single-post .opts {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.opts > li {
    border: 2px solid #ededed;
    color: #2e2e2e;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px;
    padding: 7px 15px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.opts > li:before {
    display: none
}

.opts input {
    margin: 0 10px 0 0
}

.opts > li:last-child {
    margin: 0
}

.opts li.wrong {
    background: #f7766b;
    border-color: #f7766b;
}

.opts li.ok {
    background: #52e960;
    border-color: #52e960;
}

.quiz-message {
    border: 1px solid #ededed;
    float: left;
    margin-top: 15px;
    padding: 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.quiz-message > span {
    float: left;
    font-size: 21px;
    font-weight: 600;
    color: #f7766b;
    width: 100%;
}

.quiz-message > span i {
    font-weight: 100;
    margin-right: 10px;
}

.quiz-message > p {
    float: left;
    line-height: 20px;
    margin-top: 10px;
    width: 100%;
}

.quiz-message > span.correct {
    color: #52e960
}

.quiz-result {
    border: 1px solid #ededed;
    border-radius: 3px;
    float: left;
    margin-top: 40px;
    padding-top: 30px;
    width: 100%;
}

.quiz-result > strong {
    color: #2e2e2e;
    float: left;
    font-family: roboto condensed;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 0 30px;
    width: 100%;
}

.quiz-result > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 18px;
    padding: 0 30px;
    width: 100%;
}

.share-result {
    border-top: 1px solid #ededed;
    float: left;
    margin-top: 60px;
    padding: 20px;
    width: 100%;
}

.share-result > strong {
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 14px;
    margin-right: 30px;
    margin-top: 10px;
}

.share-result .share.style2 {
    margin: 0;
    width: auto;
}


/*=============== Category Page ===================*/

.pagetitle {
    float: left;
    padding: 45px 0;
    width: 100%;
}

.pagetitle h1 {
    color: #2e2e2e;
    font-family: roboto;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 0;
    text-transform: uppercase;
}

.listpost {
    display: table;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}

.hundop-listblog {
    float: left;
    margin-bottom: -35px;
    width: 100%;
}

.listpost-img {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
}

.listpost-name {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}

.listpost-name > h3 {
    float: left;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
}

.paginatied.style2 {
    margin: 50px 0 0;
    text-align: left;
}

.puan_fixture_box {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.puan_fixture {
    display: block;
    width: 100%;
    height: 544px;
    overflow: hidden;
    position: relative;
    color: #333;
    margin-bottom: 20px;
}

.puan_fixture .puan_fixture_anime {
    display: block;
    width: 100%;
    position: absolute;
    left: 20px;
}

.puan_fixture .puan_fixture_anime .puan {
    float: left;
    width: 260px
}

.puan_fixture .puan_fixture_anime .fixture {
    float: left;
    width: 100%;
    margin-right: 30px;
}

.puan_fixture .puan_fixture_anime .kind {
    display: block;
    margin-bottom: 20px
}

.puan_fixture .puan_fixture_anime .logo {
    display: block;
    float: left;
    width: 55px;
    height: 55px;
    overflow: hidden;
    margin: 0 15px 0 0
}

.puan_fixture .puan_fixture_anime strong {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    text-align: center;
    margin-top: 5px
}

.puan_fixture .puan_fixture_anime span {
    display: block;
    font-family: 'PT Sans', sans-serif;
    color: #c00;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 18px
}

.puan_fixture .puan_fixture_anime .puan .head {
    display: block;
    width: 100%;
    border-bottom: solid 2px #818383;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px
}

.puan_fixture .puan_fixture_anime .puan .head div {
    float: left
}

.puan_fixture .puan_fixture_anime .puan .head .col1 {
    width: 36px
}

.puan_fixture .puan_fixture_anime .puan .head .col2 {
    width: 150px
}

.puan_fixture .puan_fixture_anime .puan .head .col3 {
    width: 38px;
    text-align: center
}

.puan_fixture .puan_fixture_anime .puan .head .col4 {
    width: 36px;
    text-align: center
}

.puan_fixture .puan_fixture_anime .puan .team {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ccc;
    font-size: 12px
}

.puan_fixture .puan_fixture_anime .puan .team div {
    float: left;
    padding: 10px 0
}

.puan_fixture .puan_fixture_anime .puan .team .col1 {
    width: 36px;
    padding-left: 3px
}

.puan_fixture .puan_fixture_anime .puan .team .col2 {
    width: 150px
}

.puan_fixture .puan_fixture_anime .puan .team .col3 {
    width: 38px;
    text-align: center;
    color: #c00
}

.puan_fixture .puan_fixture_anime .puan .team .col4 {
    width: 36px;
    text-align: center;
    color: #c00
}

.puan_fixture .puan_fixture_anime .dot {
    display: block;
    text-align: center;
    font-size: 36px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 1px;
    font-family: cursive
}

.detial {
    display: block;
    text-align: right;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding-top: 10px
}

.detial i {
    display: block;
    float: right;
    margin: -1px 2px 0
}

.puan_fixture .puan_fixture_anime .puan .middle_team {
    border-bottom: none
}

.puan_fixture .puan_fixture_anime .fixture_content {
    display: block;
    border-bottom: solid 2px #818383;
    border-top: solid 2px #818383;
    margin-top: 8px
}

.puan_fixture .puan_fixture_anime .fixture_content .item {
    display: block;
    width: 100%;
    padding: 17px 5px;
    border-left: solid 2px #fff;
    border-bottom: solid 1px #ccc
}

.puan_fixture .puan_fixture_anime .fixture_content .item:last-child {
    border-bottom: none
}

.puan_fixture .puan_fixture_anime .fixture_content .item:hover {
    background: #efefef;
    border-left: solid 2px #277d52
}

.puan_fixture .puan_fixture_anime .fixture_content .item strong {
    display: block;
    float: none;
    text-align: left;
    font-size: 12px;
    margin-bottom: 3px
}

.puan_fixture .puan_fixture_anime .fixture_content .item .team {
    display: block;
    float: left;
    width: 40%;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    font-family: Roboto;
    color: #000;
    margin-top: -8px;
}

.puan_fixture .puan_fixture_anime .fixture_content .item .away {
    text-align: right
}

.puan_fixture .puan_fixture_anime .fixture_content .item .score {
    display: block;
    float: left;
    width: 8%;
    font-size: 13px
}

.puan_fixture .puan_fixture_anime .fixture_content .item .tire {
    display: block;
    float: left;
    width: 4%;
    font-size: 13px;
    text-indent: -4px
}


.watch-live {
  
}

.haber, .spr {
    background-repeat: no-repeat;
    background-image: url(https://enkriptohaber.com/images/icon-set.png);
    -webkit-backface-visibility: hidden;
    display: inline-block;
    vertical-align: middle;
}


.watch-live a {
        font: 600 15px Roboto;
}
.spr-live-logo {
    height: 37px;
    width: 147px;
    background-position: -3011px 0;
}


.message-modal-cp {
    width: 310px;
    height: auto;
    min-height: 179px;
    max-height: 282px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    right: 50px;
    bottom: -200px;
    z-index: 501;
    box-shadow: 10px 10px 155px 0px rgba(0, 0, 0, 0.5);
}

.message-modal-cp.show {
    bottom: 50px;
}

.message-modal-cp.yellow {
    background-color: #E8D45D;
}

.message-modal-cp.yellow .message-modal-close {
    background-color: #fff;
}

.message-modal-cp.yellow .message-modal-img i {
    background-color: #fff;
}

.message-modal-cp .message-modal-img {
    width: 100%;
    /* padding-top: 56%; */
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.message-modal-cp .message-modal-img i {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    background-color: #cc0000;
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.message-modal-cp .message-modal-img i.video {
    background-image: url("../images/video-icon-black.svg");
}

.message-modal-cp .message-modal-img i.photo {
    background-image: url("../images/photo-icon-black.svg");
}

.message-modal-cp .message-modal-img i.news {
    background-image: url("../images/news-icon-black.svg");
}

.message-modal-cp img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.message-modal-cp .message-modal-info {
    margin-bottom: 20px;
}

.message-modal-cp .message-modal-info a {
    color: #333;
}

.message-modal-cp .message-modal-title {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: Roboto;
}

.message-modal-cp .message-modal-description {
    font-size: 16px;
    line-height: 120%;
    font-family: roboto;
}

.message-modal-cp .message-modal-close {
    position: absolute;
    width: 40px;
    height: 50px;
    right: 20px;
    top: -30px;
    background-color: #cc0000;
    background-image: url("../images/close-icon-simple-black.svg");
    background-size: 35%;
    background-position: center 9px;
    background-repeat: no-repeat;
}

.message-modal-cp.message-modal-is-hidden, .message-modal-cp.message-modal-fade-out {
    transition: opacity .3s 0s, visibility 0s 0s;
}

.message-modal-cp.message-modal-is-hidden {
    visibility: visible;
    opacity: 0;
}

.message-modal-cp.message-modal-fade-out {
    opacity: .5;
}

.message-modal-cp .modal-popup-page {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.modal-popup-page .next, .modal-popup-page .prev {
    width: 30px;
    height: 30px;
    background-size: 30%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    background-color: #E8D45D;
}

.modal-popup-page .next {
    background-image: url(../images/video-icon-black.svg);
}

.modal-popup-page .prev {
    background-image: url(../images/video-icon-black.svg);
    transform: rotate(180deg);
    margin-right: 1px;
}

 #news-signup{
              position: fixed;
              width: 100%;
              visibility: hidden;
              z-index: 10002;
              top: 0px;
              opacity: 0;
              -webkit-transform: scale(0.5);
              transform: scale(0.5);
              -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
              transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
              background: #000000c4;
              height: 100%;
          }
          #news-signup .wrapper {
        
    background: -webkit-linear-gradient(to left, #252b33 , #2E1437);
    position: relative;
    margin: 0 auto;
    text-align: center;
    -moz-border-radius: 3px;
    width: 98%;
          }
          #news-signup_bg {
               visibility: hidden;
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background-color: #ffffff;
               opacity: 0.4;
               z-index: 10001;
           }
          #news-signup_close {
              position: absolute;
              left: 100%;
              margin: 7px 0 0 -30px;
              width: 20px;
              height: 20px;
              color: #fff;
              opacity:0.3;
              cursor: pointer;
          }

          #news-signup_close::before {
              content: "X";
              font: 400 26px/1em 'Roboto Slab', serif;
          }

          #news-signup_close:hover {
              opacity:0.8;
          }

          #news-signup .newsletter-content {
              padding: 100px 3px;
              margin: 0 auto
          }
          #news-signup .newsletter-content h2 {
               font: 300 24px/1em 'Roboto Slab', serif;
              color: #fff;
              text-align: center;
              margin: 0 auto 15px
          }
          #news-signup .newsletter-content p {
              margin: 0 auto 25px;
              font: 300 16px/1em 'Roboto Slab', serif;
              color: #7e8890
          }
          #news-signup .newsletter-content form {
              margin: 0;
              padding: 0;
              width: 90%;
          }

          #news-signup .newsletter-content form p {
              margin: 0 auto 10px
          }

          #news-signup .newsletter-content form p:not(.button) {
              float: none;
              width: 100%;
          }

          #news-signup .newsletter-content form p:not(.button) input {
              width: 100%;
              margin: 0;
              padding: 12px 15px !important;
              border-color: #d0d5d8
          }

          #news-signup .newsletter-content form .button {
              float: none;
              width: 100%
          }

          #news-signup .newsletter-content form .button input {
              width: 100%;
              padding: 20px 25px 18px !important;
              font-size: 12px
          }

          #news-signup .newsletter-content p.footnote {
              filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
              opacity: 0.8;
              font: 100 11px 'Roboto Slab', serif;
              color: #abb0b7;
              margin-bottom: 0
          }

          @media screen and (min-width: 800px){

              #news-signup .wrapper {
                  width: 800px;
                  margin: 7% auto;
              }
              #news-signup .newsletter-content form .button input {
                  width: auto;
                  margin: 0
              }
              #news-signup .newsletter-content form .button {
                  float: left;
                  width: auto;
                  margin-left: 15px;
              }
              #news-signup .newsletter-content form {
                  width: auto
              }
              #news-signup .newsletter-content form p {
                  margin: 0 auto 15px
              }
              #news-signup .newsletter-content form p:not(.button) {
                  float: left;
                  width: auto
              }
              .newsletter-content form p:not(.button) input {
                  width: 300px!important;
                  margin: 0 15px 0 0
              }
          }