.clearfix {
    *zoom: 1
}

.BurclarinListesi {
    overflow: hidden;
    margin: -1px
}

.BurclarinListesi .item {
    float: left;
    padding: 1px
}

.BurclarinListesi .item a {
    display: block;
    text-align: center;
    border-radius: 2px;
    width: 100%;
    float: left;
    color: #fff
}

.BurclarinListesi .item a .yani {
    width: 100%;
    float: left;
    transition: all .2s
}

.BurclarinListesi .item a:hover .yani {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.1)
}

.BurclarinListesi .item a .icon {
    display: block;
    margin: 10px auto;
    width: 30px;
    height: 30px
}

.BurclarinListesi .item a .title {
    background: rgba(0, 0, 0, 0.06);
    padding: 5px 0;
    font-size: 12px
}

.BurclarinListesi .item.koc a {
    background: #00A8E6
}

.BurclarinListesi .item.boga a {
    background: #F25A4F
}

.BurclarinListesi .item.ikizler a {
    background: #9C95C9
}

.BurclarinListesi .item.yengec a {
    background: #96CB57
}

.BurclarinListesi .item.aslan a {
    background: #CA6C38
}

.BurclarinListesi .item.basak a {
    background: #F272AD
}

.BurclarinListesi .item.terazi a {
    background: #FFC24D
}

.BurclarinListesi .item.akrep a {
    background: #C87DB6
}

.BurclarinListesi .item.yay a {
    background: #949599
}

.BurclarinListesi .item.oglak a {
    background: #F8943E
}

.BurclarinListesi .item.kova a {
    background: #A6AF52
}

.BurclarinListesi .item.balik a {
    background: #55C5D1
}

.BurclarinListesi .item.koc .icon {
    background: url(img/koc.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.boga .icon {
    background: url(img/boga.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.ikizler .icon {
    background: url(img/ikizler.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.yengec .icon {
    background: url(img/yengec.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.aslan .icon {
    background: url(img/aslan.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.basak .icon {
    background: url(img/basak.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.terazi .icon {
    background: url(img/terazi.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.akrep .icon {
    background: url(img/akrep.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.yay .icon {
    background: url(img/yay.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.oglak .icon {
    background: url(img/oglak.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.kova .icon {
    background: url(img/kova.png);
    width: 30px;
    height: 30px
}

.BurclarinListesi .item.balik .icon {
    background: url(img/balik.png);
    width: 30px;
    height: 30px
}

.homeWidget .BurclarinListesi .item,
.wideWidget .BurclarinListesi .item {
    width: 8.3333333333333%
}

.sidebarWidget .BurclarinListesi .item {
    width: 25%
}

#BurcYorumlariSayfa .bugun {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px
}

#BurcYorumlariSayfa .bugun .title {
    font-weight: 700;
    font-size: 18px
}

#BurcYorumlariSayfa .BurcunOzellikBasligi {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #3f3c38
}

#BurcYorumlariSayfa .BurcTablosu {
    overflow: hidden;
    margin: 10px -5px 0;
    font-size: 15px
}

#BurcYorumlariSayfa .BurcTablosu .item {
    width: 33.333333333333%;
    float: left;
    padding: 0 5px
}

#BurcYorumlariSayfa .BurcTablosu .yani {
    border-bottom: 1px dotted #ddd;
    padding: 5px 0
}

#BurcYorumlariSayfa .BurcTablosu .bilgibaslik {
    display: inline-block;
    font-weight: 700;
    color: #9ca54d;
    font-size: 13px
}

#BurcYorumlariSayfa .BurcTablosu .ozelligi {
    display: inline-block;
    font-size: 13px
}

.BurclarinListesi {
    overflow: hidden;
    margin: -1px
}

.BurclarinListesi .item {
    float: left;
    padding: 1px
}

.BurclarinListesi .item a {
    display: block;
    text-align: center;
    border-radius: 2px;
    width: 100%;
    float: left;
    color: #fff
}

.BurclarinListesi .item a .inner {
    width: 100%;
    float: left;
    transition: all .2s
}

.BurclarinListesi .item a:hover .inner {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.1)
}

.BurclarinListesi .item a .icon {
    display: block;
    margin: 10px auto;
    width: 30px;
    height: 30px
}

.BurclarinListesi .item a .title {
    background: rgba(0, 0, 0, 0.06);
    padding: 5px 0;
    font-size: 12px
}

.BurclarinListesi .item.koc a {
    background: #0899cf
}

.BurclarinListesi .item.boga a {
    background: #f44d41
}

.BurclarinListesi .item.ikizler a {
    background: #8880ba
}

.BurclarinListesi .item.yengec a {
    background: #9acb60
}

.BurclarinListesi .item.aslan a {
    background: #ba612f
}

.BurclarinListesi .item.basak a {
    background: #db5e98
}

.BurclarinListesi .item.terazi a {
    background: #f8b533
}

.BurclarinListesi .item.akrep a {
    background: #b26ba1
}

.BurclarinListesi .item.yay a {
    background: #97989b
}

.BurclarinListesi .item.oglak a {
    background: #ee8b35
}

.BurclarinListesi .item.kova a {
    background: #a1aa50
}

.BurclarinListesi .item.balik a {
    background: #51c1cd
}

.homeWidget .BurclarinListesi .item,
.wideWidget .BurclarinListesi .item {
    width: 8.3333333333333%
}

.YanBarbilesen .BurclarinListesi .item {
    width: 25%
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.clear {
    clear: both
}

.oh {
    overflow: hidden
}

.relative {
    position: relative
}

.white {
    color: #fff
}

.left {
    float: left
}

.bg-light {
    background-color: #f7f7f7
}

.bg-dark {
    background-color: none;
}

.last {
    margin-bottom: 0 !important
}

.img-fullwidth {
    width: 100%
}

.uppercase {
    text-transform: uppercase;
    letter-spacing: .04em
}

.nocaps {
    text-transform: none;
    letter-spacing: 0
}

::-moz-selection {
    color: #333;
    background: #fbedc4
}

::-webkit-selection {
    color: #333;
    background: #fbedc4
}

::selection {
    color: #333;
    background: #fbedc4
}

html {
    overflow-x: hidden
}

a {
    text-decoration: none;
    color: #2D95E3
}

a:hover,
a:focus {
    text-decoration: none;
    color: #171821
}

body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #54555E;
    width: 100%;
    height: 100%
}

body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

video {
    height: 100%;
    width: 100%
}

.yukleme-maskesi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999
}

.loader {
    display: block;
    position: absolute;
    font-size: 0;
    color: #000;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.loader>div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    display: inline-block;
    float: none;
    width: 38px;
    height: 38px;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}

address {
    font-style: normal
}

.lead {
    font-size: 18px;
    line-height: 30px
}

.yazi-ortala {
    text-align: center
}

.yazi-sag {
    text-align: right
}

.yazi-sol {
    text-align: left
}

@media only screen and (max-width: 1199px) {
    .yazi-lg-ortala {
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .yazi-mtk-ortala {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .yazi-sm-ortala {
        text-align: center
    }
}

@media only screen and (max-width: 575px) {
    .yazi-xs-ortala {
        text-align: center
    }
}

bloknot {
    padding: 40px;
    background-color: #f7f9fa;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px
}

bloknot p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px !important;
    position: relative;
    color: #404648;
    font-family: "Poppins", sans-serif
}

bloknot cite {
    font-size: 15px;
    font-weight: 400;
    color: #404648
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ebeeef
}

.bolum {
    margin-bottom: 40px;
    overflow: hidden
}

@media (min-width: 1200px) {
    .icerikabimiz {
        max-width: 1200px
    }
}

.icerikabimiz-semi-fluid {
    padding: 0 50px
}

@media only screen and (max-width: 767px) {
    .icerikabimiz-semi-fluid {
        padding: 0 15px
    }
}

.esnek-ebeveyn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.esnek-kamil {
    -webkit-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.row-8 {
    margin: 0 -4px
}

.row-8>div {
    padding: 0 4px
}

.row-10 {
    margin: 0 -5px
}

.row-10>div {
    padding: 0 5px
}

.row-20 {
    margin: 0 -10px
}

.row-20>div {
    padding: 0 10px
}

.mtk {
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .04em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #404648;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mtk:hover {
    color: #fff;
    background-color: #000;
    border-color: transparent
}

.mtk:focus {
    outline: none;
    color: #fff
}

.mtk-lg,
.mtk-lg.mtk-buton {
    font-size: 13px;
    padding: 0 30px
}

.mtk-lg span,
.mtk-lg.mtk-buton span {
    line-height: 42px
}

.mtk-lg.mtk-buton {
    height: 42px
}

.mtk-sm,
.mtk-sm.mtk-buton {
    font-size: 11px;
    padding: 0 20px;
    line-height: 28px
}

.mtk-sm.mtk-buton {
    height: 30px
}

.mtk-rengi {
    background-color: #000
}

.mtk-rengi:hover {
    opacity: .92
}

.mtk-dark {
    background-color: #c41e1e
}

.mtk-white {
    background-color: #fff;
    color: #404648
}

.mtk-light {
    background-color: #f2f4f5;
    color: #404648
}

.mtk-white:focus,
.mtk-light:focus {
    color: #404648
}

.rounded,
.rounded:before {
    border-radius: 70px
}

.bolum-butonlari {
    margin-bottom: 50px
}

.bolum-butonlari a {
    margin-bottom: 10px
}

.mtk-buton {
    border: none;
    margin-bottom: 0;
    width: auto
}

.mtk-buton.mtk-rengi,
.mtk-buton.mtk-dark {
    color: #fff
}

.mtk-buton.mtk-wide {
    width: 100%
}

.mtk-buton:hover,
.mtk-buton:focus {
    color: #fff;
    background-color: #000
}

input,
select,
textarea {
    height: 42px;
    border: 1px solid #ebeeef;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
    margin-bottom: 24px;
    padding: 0 12px;
    -webkit-transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    -moz-transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    -ms-transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    font-size: 13px;
    font-family: "Poppins", sans-serif
}

textarea {
    height: auto;
    display: block;
    padding: 8px 16px;
    margin-bottom: 24px
}

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

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input:focus,
textarea:focus {
    border-color: #000;
    background-color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #FFF
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #FFF;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #FFF;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #FFF
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 12px;
    background-image: url(../img/yikiliyor.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

select::-ms-expand {
    display: none
}

label {
    color: #404648;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px
}

input[type="checkbox"] {
    display: none
}

input[type="checkbox"]+label:before {
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    font-size: 13px;
    margin: -4px 10px 0 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #e3e7e8
}

input[type="checkbox"]:checked+label:after {
    font-family: 'ui-icons';
    content: "\f121";
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    line-height: 22px
}

.radio>li,
.checkbox>li {
    padding: 7px 0
}

input[type="radio"] {
    display: none
}

input[type="radio"]+label:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 1px #e3e7e8;
    box-shadow: 0 0 0 1px #e3e7e8;
    border-radius: 40px;
    margin: -3px 10px 0 0;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0
}

input[type="radio"]:checked+label:before {
    background-color: #000;
    border: 6px solid #fff;
    padding: 1px
}

input[type="radio"]:focus {
    outline: none
}

#iletisim-formu .message {
    height: 50px;
    width: 100%;
    font-size: 13px;
    line-height: 50px;
    text-align: center;
    float: none;
    margin-top: 20px;
    display: none;
    color: #fff
}

#iletisim-formu .message.error {
    background-color: #c41e1e
}

#iletisim-formu .message.success {
    background-color: #4CAF50
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-menu.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-menu .owl-next,
.owl-carousel .owl-menu .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-prev,
.owl-next {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    text-align: center;
    line-height: 34px;
    z-index: 10;
    width: 34px;
    height: 34px;
    font-size: 24px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.owl-prev {
    left: 10px
}

.owl-next {
    right: 10px
}

.owl-carousel:hover .owl-prev {
    opacity: 1
}

.owl-carousel:hover .owl-next {
    opacity: 1
}

.owl-next:hover i,
.owl-prev:hover i {
    color: #000
}

.owl-carousel--dark-arrows .owl-prev,
.owl-carousel--dark-arrows .owl-next {
    color: #FFF
}

.owl-carousel--visible-arrows .owl-prev,
.owl-carousel--visible-arrows .owl-next {
    opacity: 1
}

.owl-carousel--visible-arrows .owl-prev,
.owl-carousel--visible-arrows:hover .owl-prev {
    left: -60px
}

.owl-carousel--visible-arrows .owl-next,
.owl-carousel--visible-arrows:hover .owl-next {
    right: -60px
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 30px
}

.owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-dot span {
    width: 22px;
    height: 4px;
    margin: 3px;
    background: #fff;
    opacity: .4;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.owl-dot.active span,
.owl-dot:hover span {
    opacity: 1;
    background-color: #000
}

.owl-carousel--dots-inside .owl-dots {
    position: absolute;
    bottom: 20px;
    margin-top: 0;
    width: 100%
}

.carousel-menu {
    position: absolute;
    top: 0;
    right: 0
}

.carousel-menu__mtk {
    background-color: #c41e1e;
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: 1px solid #ebeeef
}

.carousel-menu__mtk:focus {
    outline: none
}

.carousel-menu__mtk:hover {
    background-color: ##c41e1e;
    color: #fff;
    border-color: transparent
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-bg,
.mfp-icerikabimiz,
.mfp-wrap {
    height: 100%;
    width: 100%
}

.mfp-oklar:after,
.mfp-oklar:before,
.mfp-icerikabimiz:before,
.mfp-figure:after {
    content: ''
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-icerikabimiz {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-icerikabimiz:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-icerikabimiz:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-resim-kutusu .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-oklar,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-oklar,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-mtk-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-resim-kutusu .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-oklar {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-oklar:active {
    margin-top: -54px
}

.mfp-oklar:focus,
.mfp-oklar:hover {
    opacity: 1
}

.mfp-oklar:after,
.mfp-oklar:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-oklar:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-oklar:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-oklar-left {
    left: 0
}

.mfp-oklar-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-oklar-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-oklar-right {
    right: 0
}

.mfp-oklar-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-oklar-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-resim-kutusu .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-galeri .mfp-resim-kutusu .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-resim-kutusu {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-oklar {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-oklar-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-oklar-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-icerikabimiz {
        padding-left: 6px;
        padding-right: 6px
    }
}

.tablo-sarmasi {
    margin-bottom: 34px
}

.sekmeli__liste {
    margin-bottom: -1px;
    overflow: hidden
}

.sekmeli__ogeler {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #404648;
    text-transform: uppercase;
    letter-spacing: .04em
}

.sekmeli__ogeler:not(:first-child) {
    margin-left: -1px
}

@media only screen and (max-width: 575px) {
    .sekmeli__ogeler {
        display: block;
        margin-right: 0
    }
}

.sekmeler__url {
    display: block;
    position: relative;
    padding: 12px 18px 11px;
    border: 1px solid #ebeeef;
    color: #404648;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -ms-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.sekmeler__url:focus {
    color: inherit
}

.sekmeler__url:hover {
    background-color: #fbfbfc
}

.sekmeli__ogeler--active:before {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #000
}

.sekmeli__ogeler--active .sekmeler__url {
    color: #404648;
    background-color: #fff;
    border-bottom: 1px solid transparent
}

.sekmeler__icerik {
    padding: 20px;
    border: 1px solid #ebeeef;
    overflow: hidden
}

.sekmeler__icerik-levha {
    display: none
}

.sekmeler__icerik-levha--active {
    display: block
}

.ilerleme-barlari__etiket {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 0;
    margin-bottom: 5px
}

.ilerleme-barlari__percent {
    font-size: 13px;
    float: right
}

.ilerleme-barlari__base {
    height: 15px;
    padding: 3px;
    border-radius: 2px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #ebeeef;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ilerleme-barlari__bar {
    -webkit-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    display: block;
    height: 7px;
    width: 0;
    position: relative;
    background-color: #000;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-size: 1.2rem 1.2rem
}

.sosyalags {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sosyalag {
    display: inline-block;
    line-height: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.sosyalag:hover,
.sosyalag:focus {
    color: #fff;
    opacity: .9
}

.sosyalag:last-child {
    margin-right: 0
}

.sosyalag__text {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Poppins", sans-serif
}

@media only screen and (max-width: 767px) {
    .sosyalag__text {
        display: none
    }
}

.sosyalag-facebook {
    background-color: #39599f
}

.sosyalag-twitter {
    background-color: #55ACEE
}

.sosyalag-google-plus {
    background-color: #DE4B39
}

.sosyalag-youtube {
    background-color: #c61d23
}

.sosyalag-snapchat {
    background-color: #fffb01
}

.sosyalag-linkedin {
    background-color: #0e76a8
}

.sosyalag-pinterest {
    background-color: #c8232c
}

.sosyalag-instagram {
    background-color: #e1306c
}

.sosyalag-rss {
    background-color: #ef822a
}

.sosyalag--nobase {
    width: 13px;
    height: auto;
    border: 0;
    line-height: 32px;
    margin-right: 15px;
    margin-bottom: 0;
    color: #FFF;
    background-color: transparent
}

.sosyalag--medium {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px
}

.sosyalag--large {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px
}

@media only screen and (min-width: 768px) {
    .sosyalag--wide {
        width: auto;
        padding: 0 15px
    }
}

.hero {
    margin-bottom: 30px
}

.hero__slide {
    height: 440px
}

@media only screen and (max-width: 767px) {
    .hero__slide {
        height: 360px
    }
}

.hero__slide-icerik {
    height: 100%;
    margin: 0 !important
}

.thumb-icerikabimiz {
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.thumb-icerikabimiz img {
    -webkit-transition: all .2s !important;
    -moz-transition: all .2s !important;
    -ms-transition: all .2s !important;
    -o-transition: all .2s !important;
    transition: all .2s !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.thumb-icerikabimiz:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.thumb-text-holder {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 3;
    padding: 0 30px
}

.thumb-text-holder .icerik__bilgisi-kategori {
    display: inline-block;
    color: #fff;
    margin-bottom: 10px
}

.thumb-text-holder .icerik__bilgisi a:hover,
.thumb-text-holder .icerik__bilgisi a:focus {
    color: #fff
}

.thumb-url {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.thumb-icerik-baslik {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 5px
}

.thumb-icerik-baslik--sm {
    font-size: 14px
}

.thumb-icerik-baslik:hover a,
.thumb-icerik-baslik a:focus {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .thumb-icerik-baslik {
        font-size: 20px
    }
}

.thumb-bg-holder {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -ms-transition: all .3s !important;
    -o-transition: all .3s !important;
    transition: all .3s !important
}

.icerik:hover .thumb-bg-holder {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.thumb-50 {
    padding-bottom: 50%
}

.thumb-75 {
    padding-bottom: 75%
}

.thumb-100 {
    padding-bottom: 100%
}

.one-cikanlar {
    background-color: #c41e1e;
    padding: 12px 0
}

.one-cikanlar__etiket {
    background-color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 750;
    display: inline-block;
    color: #fff;
    padding: 0 9px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 12px;
    float: left;
    margin-right: 20px
}

.newsticker {
    padding-right: 59px
}

.onecikan__oge {
    line-height: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 850;
    color: #fff
}

.onecikan__oge-url {
    color: #fff
}

.onecikan__oge-url:hover {
    color: #fff
}

.onecikan-butonlar {
    position: absolute;
    top: 0;
    right: 15px
}

.onecikan-buton {
    background-color: transparent;
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: 1px solid #ebeeef
}

.onecikan-buton:focus {
    outline: none
}

.onecikan-buton:hover {
    background-color: #fff;
    color: #c41e1e;
    border-color: transparent
}

.slider-yazilari-izgarasi {
    padding: 50px 0;
    overflow: hidden
}

.slider-yazilari-izgarasi__item {
    height: 360px;
    width: 100%;
    float: left
}

.slider-yazilari-izgarasi__item .owl-carousel,
.slider-yazilari-izgarasi__item .owl-stage-outer,
.slider-yazilari-izgarasi__item .owl-stage,
.slider-yazilari-izgarasi__item .owl-item {
    height: 100%
}

.slider-yazilari-izgarasi__item--lg {
    width: 66.666%;
    height: 578px;
    padding-right: 30px
}

.slider-yazilari-izgarasi__item--sm {
    width: 33.333%;
    height: 274px;
    margin-bottom: 30px
}

.slider-yazilari-izgarasi__item--sm:last-child {
    margin-bottom: 0
}

.slider-yazilari-izgarasi__icerik {
    height: 100%;
    margin-bottom: 0 !important
}

.slider-yazilari-izgarasi__item--lg .thumb-text-holder {
    bottom: 60px;
    padding: 0 50px
}

@media only screen and (max-width: 767px) {
    .slider-yazilari-izgarasi__item {
        width: 100%;
        height: 240px;
        padding-right: 0;
        margin-bottom: 30px
    }

    .slider-yazilari-izgarasi__item--lg .thumb-text-holder {
        bottom: 30px;
        padding: 0 30px
    }
}

.ana-icerik {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 #dee1e3;
    box-shadow: 0 1px 3px 0 #dee1e3;
    padding: 40px 30px 20px
}

@media only screen and (max-width: 575px) {
    .ana-icerik {
        padding: 20px 15px 10px
    }
}

.baslik-sarmasi {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebeeef
}

.bottom-line:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    bottom: 0;
    position: absolute
}

.bottom-line--orange:after {
    background-color: #fc7e19
}

.bottom-line--blue:after {
    background-color: #0098d0
}

.bottom-line--red:after {
    background-color: #e1365a
}

.bottom-line--salad:after {
    background-color: #a3ef41
}

.bottom-line--yellow:after {
    background-color: #ffe744
}

.bottom-line--light-blue:after {
    background-color: #00c9d0
}

.bottom-line--violet:after {
    background-color: #6b41ef
}

.bottom-line--purple:after {
    background-color: #9e45ff
}

.bolum-title {
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 15px;
    font-size: 22px;
    display: inline-block;
    float: left
}

.bolum-title--sm {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .bolum-title {
        float: none
    }
}

.tum-yazilar-url {
    float: right;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 11px;
    line-height: 28px
}

.icerik {
    overflow: hidden;
    position: relative;
    padding: 0
}

.icerik__res-sahip {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.icerik__img {
    width: 100%
}

.icerik__ustalan {
    margin-bottom: 14px
}

.icerik__basligi {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: 700
}

.icerik__basligi--sm {
    font-size: 13px
}

.icerik__basligi:hover a {
    text-decoration: underline
}

.icerik__bilgisi li {
    display: inline-block;
    font-size: 12px;
    color: #404648;
    font-style: italic;
    margin-right: 10px
}

.icerik__bilgisi li:last-child {
    margin-right: 0
}

.icerik__bilgisi a {
    color: #404648
}

.icerik__bilgisi a:hover {
    color: #404648
}

.icerik__bilgisi i {
    display: inline-block;
    margin-right: 0
}

.icerik__bilgisi-kategori {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    color: #0098d0
}

.icerik__bilgisi-oylama i {
    font-size: 14px;
    color: #fcb419;
    margin-right: 2px
}

.icerik__kisaaciklama p {
    margin-bottom: 0;
    font-size: 15px
}

.icerik__bilgisi-kategori-color {
    position: relative;
    padding-left: 16px
}

.icerik__bilgisi-kategori-color:before {
    position: absolute;
    content: '';
    display: block;
    width: 5px;
    height: 11px;
    left: 0;
    top: 3px
}

.icerik__bilgisi-kategori-color--orange:before {
    background-color: #fc7e19
}

.icerik__bilgisi-kategori-color--green:before {
    background-color: #2bdd6f
}

.icerik__bilgisi-kategori-color--blue:before {
    background-color: #0098d0
}

.icerik__bilgisi-kategori-color--pink:before {
    background-color: #e1365a
}

.icerik__bilgisi-kategori-color--salad:before {
    background-color: #a3ef41
}

.icerik__bilgisi-kategori-color--yellow:before {
    background-color: #ffe744
}

.icerik__bilgisi-kategori-color--light-blue:before {
    background-color: #00c9d0
}

.icerik__bilgisi-kategori-color--violet:before {
    background-color: #6b41ef
}

.icerik__bilgisi-kategori-color--purple:before {
    background-color: #9826f9
}

.sekme-yazi__sekmeleri {
    float: right;
    line-height: 34px
}

@media only screen and (max-width: 767px) {
    .sekme-yazi__sekmeleri {
        float: none;
        width: 100%
    }
}

.sekme-yazi__sekmeleri .sekmeli__ogeler {
    margin-right: 26px;
    font-size: 12px;
    font-weight: 600
}

.sekme-yazi__sekmeleri .sekmeli__ogeler a {
    color: #000
}

.sekme-yazi__sekmeleri .sekmeli__ogeler a:hover,
.sekme-yazi__sekmeleri .sekmeli__ogeler a:focus {
    color: #000
}

.sekme-yazi__sekmeleri .sekmeli__ogeler:last-child {
    margin-right: 0
}

.sekme-yazi__sekmeleri .sekmeli__ogeler--active a {
    color: #000
}

.sekme-yazi__sekmeleri .sekmeli__ogeler--active:before {
    display: none
}

.sekme-yazi .sekmeler__icerik {
    padding: 0;
    border: 0
}

.sekme-yazi .icerik {
    margin-bottom: 20px
}

.yazi-listesi {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebeeef;
    margin-bottom: 20px
}

.yazi-listesi:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.yazi-listesi__res-kutusu {
    width: 270px;
    height: 100%;
    float: left;
    margin-right: 30px;
    margin-bottom: 0
}

.yazi-listesi__res-kutusu a {
    display: block;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .yazi-listesi__res-kutusu {
        width: 170px
    }
}

.yazi-listesi__arka {
    overflow: hidden
}

@media only screen and (max-width: 575px) {

    .yazi-listesi__res-kutusu,
    .yazi-listesi__arka {
        width: 100%
    }

    .yazi-listesi__res-kutusu {
        float: none;
        margin-right: 0;
        margin-bottom: 30px
    }
}

.yazi-liste-ufak__item {
    padding: 16px 0 12px;
    border-bottom: 1px solid #ebeeef
}

.yazi-liste-ufak__item:first-child {
    padding-top: 0
}

.yazi-liste-ufak__item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.yazi-liste-ufak__img-holder {
    width: 80px;
    float: left;
    margin-right: 15px
}

@media only screen and (max-width: 575px) {
    .yazi-liste-ufak__img-holder {
        width: 50px
    }
}

.yazi-liste-ufak__body {
    overflow: hidden
}

.yazi-liste-ufak__icerik-baslik {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: -3px
}

.yazi-liste-ufak__icerik-baslik a {
    color: #404648
}

.yazi-liste-ufak__icerik-baslik a:hover {
    text-decoration: underline
}

.yazi-liste-ufak--border-top {
    border-top: 1px solid #ebeeef;
    padding-top: 16px;
    margin-top: -10px
}

.owl-item .icerik,
.owl-item .icerik__ustalan {
    margin-bottom: 0
}

.yanalan .bilesen {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 4px 0 rgba(222, 225, 227, 0.8);
    box-shadow: 0 0 4px 0 rgba(222, 225, 227, 0.8);
    padding: 20px
}

.yanalan .bilesen:last-child {
    margin-bottom: 0
}

.yanalan .bilesen-baslik:after {
    content: '';
    display: block;
    margin-top: 14px;
    border-bottom: 1px solid #ebeeef;
    width: 100%
}

@media only screen and (min-width: 992px) {

    .blog__icerik--right,
    .yanalan--right {
        float: right
    }
}

.bilesen-baslik {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
    font-weight: 700
}

.bilesen .sub-menu {
    padding-left: 15px;
    padding-top: 5px
}

.bilesen .sub-menu li {
    padding: 5px 0 !important
}

.bilesen .children {
    padding-top: 10px;
    padding-left: 15px;
    margin-top: 10px
}

.bilesen-sosyalag-subscribers {
    overflow: hidden
}

.bilesen-sosyalag-subscribers__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.bilesen-sosyalag-subscribers__item {
    width: 33.333333%;
    float: left;
    text-align: center
}

.bilesen-sosyalag-subscribers__url {
    padding: 16px 0;
    margin: 4px;
    display: block;
    color: #fff;
    border-radius: 2px
}

.bilesen-sosyalag-subscribers__url:hover,
.bilesen-sosyalag-subscribers__url:focus {
    color: #fff;
    opacity: .9
}

.bilesen-sosyalag-subscribers__icon,
.bilesen-sosyalag-subscribers__number,
.bilesen-sosyalag-subscribers__text {
    display: block
}

.bilesen-sosyalag-subscribers__number,
.bilesen-sosyalag-subscribers__text {
    font-family: "Poppins", sans-serif
}

.bilesen-sosyalag-subscribers__icon {
    font-size: 22px
}

.bilesen-sosyalag-subscribers__number {
    font-size: 15px
}

.bilesen-sosyalag-subscribers__text {
    font-size: 11px
}

.bilesen-sosyalag-subscribers--facebook {
    background-color: #39599f
}

.bilesen-sosyalag-subscribers--twitter {
    background-color: #55ACEE
}

.bilesen-sosyalag-subscribers--google {
    background-color: #DE4B39
}

.bilesen-sosyalag-subscribers--rss {
    background-color: #ef822a
}

.bilesen-sosyalag-subscribers--youtube {
    background-color: #c61d23
}

.bilesen-sosyalag-subscribers--instagram {
    background-color: #e1306c
}

.bilesen_medya_resim {
    text-align: center
}

.bilesen-arama-butonu,
.arama-butonu {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0 !important;
    border: 0;
    font-size: 14px;
    vertical-align: middle;
    border-radius: 0 2px 2px 0
}

.arma-formu {
    position: relative
}

.bilesen-tabpost {
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.bilesen-tabpost__sekmeler-content {
    padding: 30px 20px
}

.bilesen-tabpost__sekmeler-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bilesen-tabpost__sekmeler-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-bottom: 0
}

.bilesen_kategoriler li {
    padding: 9px 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #404648
}

.bilesen_kategoriler li:first-child {
    padding-top: 0
}

.bilesen_kategoriler li:last-child {
    padding-bottom: 0
}

.bilesen_kategoriler li a {
    margin-right: 4px;
    color: #FFF
}

.bilesen_kategoriler li a:hover {
    color: #000
}

.bilesen_mc4wp_form_bilesen {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #f2f4f5;
    padding: 30px 24px !important
}

.bilesen_mc4wp_form_bilesen .bilesen-baslik:after {
    display: none
}

.mc4wp-form-fields {
    position: relative
}

.mc4wp-form-fields p {
    margin-bottom: 0;
    position: relative
}

.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text] {
    margin-bottom: 8px
}

.mc4wp-form-fields input[type=submit] {
    margin-bottom: 0;
    width: auto
}

.mc4wp-form-fields input[type=submit]:focus {
    background-color: #000
}

.bilesen_menu_menu li {
    padding: 7px 0;
    border-bottom: 1px solid #ebeeef
}

.bilesen_menu_menu li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.tweet {
    word-wrap: break-word;
    margin-bottom: 5px
}

#tweets li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebeeef
}

#tweets li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

#tweets li:before {
    content: '\f099';
    font-family: 'ui-icons';
    color: #dbe1e3;
    font-size: 18px;
    position: absolute;
    left: 0
}

.timePosted {
    font-size: 12px;
    font-style: italic;
    color: #404648;
    margin-bottom: 0
}

.bilesen-gallery-sm {
    overflow: hidden;
    text-align: center
}

.bilesen-gallery-sm__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bilesen-gallery-sm__item {
    margin: 15px
}

@media only screen and (max-width: 1199px) {
    .bilesen-gallery-sm__item {
        width: 102px;
        margin: 6px
    }
}

@media only screen and (max-width: 991px) {
    .bilesen-gallery-sm__item {
        width: 125px
    }
}

.bilesen_etiket_bulutu a,
.icerik__etiketler a {
    padding: 9px 10px;
    line-height: 1;
    margin: 0 6px 6px 0;
    font-size: 12px;
    background-color: #c41e1e;
    border: 1px solid #ebeeef;
    font-family: "Poppins", sans-serif;
    color: #FFF;
    display: inline-block;
    float: left
}

.bilesen_etiket_bulutu a:hover,
.icerik__etiketler a:hover {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.etiketbulutu {
    overflow: hidden
}

.breadcrumbs {
    margin-top: -3px;
    margin-bottom: 20px
}

.breadcrumbs__item {
    display: inline-block;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    color: #000
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__item i {
    font-size: 14px
}

.breadcrumbs__item:after {
    content: '\e804';
    font-family: 'ui-icons';
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 9px;
    margin: 0 6px
}

.breadcrumbs__url {
    color: #000
}

.tekil-yazi__icerik-header {
    margin-bottom: 24px
}

.tekil-yazi__icerik-baslik {
    font-size: 36px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
    .tekil-yazi__icerik-baslik {
        font-size: 24px
    }
}

@media (min-width: 400px) {
    .icerik .bilesen_mc4wp_form_bilesen p:last-child {
        position: absolute;
        top: 0;
        right: 0
    }
}

.icerik__yazim>h1,
.icerik__yazim>h2,
.icerik__yazim>h3,
.icerik__yazim>h4,
.icerik__yazim>h5,
.icerik__yazim>h6 {
    margin-top: 36px
}

.icerik__yazim>p {
    margin-bottom: 34px;
    font-size: 18px;
    line-height: 30px
}

.icerik__yazim p>a {
    color: #0098d0
}

.icerik__yazim p>a:hover {
    text-decoration: underline
}

.icerik__yazim strong {
    color: #404648
}

.icerik__yazim figure {
    margin-bottom: 34px
}

.icerik__yazim ol,
.icerik__yazim ul {
    padding-left: 16px;
    line-height: 26px
}

.icerik__yazim ul {
    list-style: disc
}

figure {
    margin: 0
}

figcaption {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    margin-top: 10px;
    color: #404648
}

.tekil-yazi__icerik-header bloknot {
    margin-top: 10px;
    margin-bottom: 10px
}

.icerik__paylas {
    margin-bottom: 20px
}

.icerik__paylas-sosyalags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .icerik__paylas .sosyalag--wide {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.final-inceleme {
    padding: 30px;
    background-color: #fafcfc;
    margin-bottom: 50px
}

.final-inceleme__toplam-skor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 575px) {
    .final-inceleme__toplam-skor {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.final-inceleme__toplam-skor-text-holder {
    padding-right: 30px
}

.final-inceleme__toplam-skor-wrap {
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ebeeef;
    min-width: 140px;
    max-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.final-inceleme__toplam-skor-number {
    font-size: 44px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #404648
}

.final-inceleme__toplam-skor-number:not(:last-child):after {
    content: '/';
    display: inline-block
}

.icerik__etiketler {
    margin-top: 30px;
    margin-bottom: 30px
}

.icerik__etiketler a {
    float: none
}

.icerik__etiketler-label {
    color: #404648;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    margin-right: 5px
}

.icerik-author {
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px
}

.icerik-author .avatar {
    display: block;
    float: left;
    margin-right: 30px;
    border-radius: 50%
}

@media only screen and (max-width: 575px) {
    .icerik-author .avatar {
        width: 50px;
        margin-right: 15px
    }
}

.icerik-author__name {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .04em
}

.icerik-author__name:hover {
    color: #000
}

.icerik-author__etiket {
    color: #404648;
    display: inline-block;
    margin-right: 5px
}

.icerik-author__info {
    overflow: hidden
}

.icerik-menuigation {
    padding: 24px 0;
    border-top: 1px solid #ebeeef;
    border-bottom: 1px solid #ebeeef
}

.icerik-menuigation--left {
    float: left;
    width: 50%
}

.icerik-menuigation--left i {
    margin-right: 7px
}

.icerik-menuigation--right {
    text-align: right;
    float: right;
    width: 50%
}

.icerik-menuigation--right i {
    margin-left: 7px
}

.icerik-menuigation i {
    font-size: 12px
}

.icerik-menuigation__etiket {
    display: inline-block;
    margin-bottom: 5px;
    color: #404648;
    font-size: 13px;
    font-style: italic
}

.icerik-menuigation a {
    display: block;
    color: #404648;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.4
}

.icerik-menuigation a:hover {
    text-decoration: underline
}

.related-posts {
    margin-top: 40px
}

@media only screen and (min-width: 576px) {
    .comment .children {
        padding-left: 8%
    }
}

.comment-list>li:first-child>.comment-body {
    border-top: 0;
    padding-top: 0
}

.comment-body {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #ebeeef
}

.comment-text {
    overflow: hidden
}

.comment-text p {
    margin-bottom: 10px
}

.yorum-resim {
    float: left;
    margin-right: 20px;
    display: block;
    border-radius: 50%;
    overflow: hidden
}

.yorum-yazar {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    display: block;
    margin-bottom: 5px
}

.yorum-tarih,
.yorum-duzenle-link {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    font-style: italic;
    color: #404648
}

.yorum-duzenle-link {
    margin-left: 5px;
    margin-bottom: 0;
    color: #000
}

.yorum-cevapla {
    color: #404648;
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.yorum-cevapla:hover {
    color: #000
}

.yorum-formu p {
    margin: 0
}

.yorum-cevap {
    margin-top: 40px
}

.sayfa__sayfalama {
    font-size: 15px;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin-right: 2px;
    border-radius: 2px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    border: 1px solid #ebeeef;
    color: #404648;
    vertical-align: middle
}

.sayfa__sayfalama:not(span):hover {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.sayfa__sayfalama--current {
    background-color: #000;
    color: #fff;
    border-color: transparent
}

.pagination__icon {
    font-size: 12px
}

.sayfa-baslik {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .sayfa-baslik {
        height: 300px
    }
}

.sayfa-baslik .icerikabimiz {
    height: 100%
}

.sayfa-baslik__holder {
    position: absolute;
    z-index: 2;
    bottom: 10%;
    max-width: 500px
}

.sayfa-baslik__title {
    color: #fff;
    font-size: 60px
}

@media only screen and (max-width: 767px) {
    .sayfa-baslik__title {
        font-size: 34px
    }
}

.iletisim__res {
    margin-bottom: 34px
}

.iletisim-isim,
.iletisim-email,
.iletisim-konu {
    max-width: 266px
}

.sayfa-404 {
    text-align: center;
    padding: 130px 0
}

@media only screen and (max-width: 575px) {
    .sayfa-404 {
        padding: 70px 0
    }
}

.sayfa-404__baslik {
    font-size: 334px;
    letter-spacing: .03em;
    color: #b2b2b2;
    line-height: .75
}

@media only screen and (max-width: 767px) {
    .sayfa-404__baslik {
        font-size: 200px
    }
}

@media only screen and (max-width: 575px) {
    .sayfa-404__baslik {
        font-size: 120px
    }
}

.sayfa-404__subtitle {
    font-size: 50px
}

@media only screen and (max-width: 767px) {
    .sayfa-404__subtitle {
        font-size: 36px
    }
}

.sayfa-404__text {
    font-size: 18px;
    line-height: 32px;
    max-width: 636px;
    margin: 0 auto 25px
}

.menu {
    min-height: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 120;
    position: relative;
    font-weight: 600;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.menu__tutacagi {
    background-color: #c41e1e
}

@media only screen and (min-width: 992px) {
    .menu {
        height: 50px
    }

    .menu .menu.sticky {
        height: 50px
    }
}

.menu__menu,
.menu__yikiliyor-menu {
    list-style: none
}

.menu__menu {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__menu>li {
    position: relative
}

.menu__menu>li.active a:after,
.menu__menu>li:hover a:after {
    width: 100%
}

.menu__menu>li>a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 13px;
    padding: 0 20px;
    display: block;
    position: relative;
    border-right: 1px solid #db2d20;
    line-height: 50px
}

.menu__menu>li>a:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu__menu>li>a:hover {
    color: #fff
}

.menu__yikiliyor-menu>li>a,
.menu__yikiliyor-submenu>.menu__yikiliyor-menu>li>a {
    font-family: "Poppins", sans-serif
}

@media only screen and (min-width: 992px) {
    .menu__menu>li {
        display: inline-block;
        text-align: center
    }

    .menu__yikiliyor-menu,
    .menu__yikiliyor-submenu>.menu__yikiliyor-menu {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 10px 0;
        z-index: 1000;
        min-width: 230px;
        width: 100%;
        text-align: left;
        list-style: none;
        white-space: nowrap;
        background-color: #c41e1e;
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .menu__yikiliyor-menu>li>a,
    .menu__yikiliyor-submenu>.menu__yikiliyor-menu>li>a {
        color: #FFF;
        padding: 5px 23px;
        font-size: 13px;
        display: block
    }

    .menu__yikiliyor-menu>li>a:hover,
    .menu__yikiliyor-submenu>.menu__yikiliyor-menu>li>a:hover {
        color: #fff
    }

    .menu__yikiliyor-menu.hide-yikiliyor {
        visibility: hidden !important;
        opacity: 0 !important
    }

    .menu__yikiliyor-menu--right {
        right: 0
    }

    .menu__yikiliyor:hover>.menu__yikiliyor-menu,
    .menu__yikiliyor-submenu:hover>.menu__yikiliyor-menu {
        opacity: 1;
        visibility: visible
    }

    .menu__yikiliyor-submenu {
        position: relative
    }

    .menu__yikiliyor-submenu .menu__yikiliyor-menu {
        left: 100%;
        top: 0
    }
}

.mobile body {
    cursor: pointer
}

.header {
    padding: 23px 0
}

.logo {
    line-height: 1
}

header .esnek-ebeveyn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

header .esnek-kamil {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

header .esnek-kamil.flex-right {
    text-align: right
}

.menu--align-right {
    margin-left: auto
}

.menu--align-left {
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .menu--align-left {
        margin-left: 60px
    }
}

.menu__right {
    line-height: 50px
}

.menu__sag-adami {
    margin-right: 28px;
    font-family: "Poppins", sans-serif;
    font-size: 13px
}

.menu__sag-adami:last-child {
    margin-right: 0
}

.menu__right a:hover,
.menu__right a:focus {
    color: #fff
}

.menu__sosyalags {
    margin-right: 15px
}

.menu__arama-kutusu {
    width: 300px;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 15px 20px;
    background-color: #f2f4f5;
    display: none;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}

.menu__arama-form {
    position: relative
}

.menu__arama-girisi {
    margin-bottom: 0;
    display: block;
    line-height: 40px
}

.menu__arama-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important;
    width: 42px
}

.menu__arama-tetikleyici {
    color: #FFF;
    font-size: 12px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-left: 1px solid #c41e1e;
    border-right: 1px solid #c41e1e
}

.menu__arama-tetikleyici-icon {
    width: 13px
}

.menu__arama .ui-close {
    font-size: 17px;
    position: relative
}

@media only screen and (max-width: 991px) {
    .menu__arama-kutusu {
        width: 100%
    }

    .menu__arama-tetikleyici {
        font-size: 16px
    }

    .menu__arama .ui-close {
        font-size: 20px
    }
}

.menu__arama-mobile-form {
    position: relative
}

.menu__arama-mobile-input {
    height: 46px;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    color: #FFF;
    border-radius: 0;
    border-bottom: 1px solid #182835
}

.menu__arama-mobile-input:focus {
    background-color: transparent;
    border-color: #fff
}

.menu__arama-mobile-submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    border: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    color: #9AA3AB;
    background-color: transparent
}

input.menu__arama-mobile-input::-webkit-input-placeholder {
    color: #9AA3AB
}

input.menu__arama-mobile-input:-moz-placeholder {
    color: #9AA3AB;
    opacity: 1
}

input.menu__arama-mobile-input::-moz-placeholder {
    color: #9AA3AB;
    opacity: 1
}

input.menu__arama-mobile-input:-ms-input-placeholder {
    color: #9AA3AB
}

.yanmenu {
    background-color: #c41e1e;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 320px;
    font-weight: 600;
    z-index: 121;
    overflow-y: auto;
    -webkit-transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    -o-transform: translateX(-320px);
    transform: translateX(-320px)
}

.yanmenu--is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.icerik-overlok {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 121;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    -moz-transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    -ms-transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    -o-transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    background-color: rgba(0, 0, 0, 0.5)
}

.icerik-overlok--is-visible {
    opacity: 1;
    visibility: visible
}

.menu-ikon-gecis {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .15s linear;
    -moz-transition: .15s linear;
    -ms-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    margin-right: 28px;
    overflow: visible
}

.menu-ikon-gecis:focus {
    outline: none
}

.menu-ikon-gecis__box {
    width: 18px;
    height: 20px;
    position: relative;
    display: block
}

.menu-ikon-gecis__inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.menu-ikon-gecis__inner,
.menu-ikon-gecis__inner:before,
.menu-ikon-gecis__inner:after {
    width: 18px;
    height: 2px;
    background-color: #595858;
    position: absolute;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -ms-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.menu-ikon-gecis:hover .menu-ikon-gecis__inner,
.menu-ikon-gecis:hover .menu-ikon-gecis__inner:before,
.menu-ikon-gecis:hover .menu-ikon-gecis__inner:after {
    background-color: #fff
}

.menu-ikon-gecis__inner:before,
.menu-ikon-gecis__inner:after {
    content: "";
    display: block
}

.menu-ikon-gecis__inner:before {
    top: -6px
}

.menu-ikon-gecis__inner:after {
    bottom: -6px
}

.yanmenu__menu-icerik {
    margin-top: 52px;
    padding-left: 0
}

.yanmenu__menu ul {
    list-style: none;
    padding: 0
}

.yanmenu__menu li {
    position: relative;
    border-bottom: 1px solid #c41e1e;
    font-size: 14px;
    border-bottom: 1px solid #ea1606
}

.yanmenu__menu li:last-child {
    border-bottom: 0;
    border-bottom: 1px solid #ea1606
}

.yanmenu__menu-yikiliyor {
    overflow: hidden;
    display: none;
    background-color: #141517
}

.yanmenu__menu-yikiliyor li {
    border-color: #1f2125
}

.yanmenu__menu-yikiliyor a,
.yanmenu__menu-yikiliyor:hover,
.yanmenu__menu-yikiliyor .yanmenu__menu-toggle {
    color: #FFF
}

.yanmenu__menu-toggle {
    position: absolute;
    top: 0;
    right: 5px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 0;
    width: 46px;
    height: 46px;
    text-align: center
}

.yanmenu__menu-toggle:focus {
    outline: none
}

.yanmenu__menu--is-open>a {
    background-color: #c41e1e;
    color: #fff
}

.yanmenu__menu--is-open>a:hover {
    color: #fff
}

.yanmenu__menu--is-open>.yanmenu__menu-toggle {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff
}

.yanmenu__menu--is-open>.yanmenu__menu-toggle:hover {
    color: #fff
}

.yanmenu__menu-link {
    width: 100%;
    display: block;
    color: #fff;
    padding: 12px 22px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -ms-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease
}

.yanmenu__menu-link:hover,
.yanmenu__menu-link:focus {
    color: #fff;
    background-color: #141517
}

.yanmenu__kapat {
    position: absolute;
    right: 15px;
    top: 15px
}

.yanmenu__kapat-button {
    padding: 0;
    background: transparent;
    border: 0;
    color: #FFF;
    width: 24px;
    height: 24px
}

.yanmenu__kapat-button:hover {
    color: #000
}

.yanmenu__kapat-icon {
    font-size: 22px;
    line-height: 24px
}

.yanmenu__menu-link-kategori {
    padding-left: 19px
}

.yanmenu__menu-link--orange {
    border-left: 3px solid #fc7e19
}

.yanmenu__menu-link--red {
    border-left: 3px solid #ec3128
}

.yanmenu__menu-link--blue {
    border-left: 3px solid #0098d0
}

.yanmenu__menu-link--salad {
    border-left: 3px solid #a3ef41
}

.yanmenu__menu-link--yellow {
    border-left: 3px solid #ffe744
}

.yanmenu__menu-link--light-blue {
    border-left: 3px solid #00c9d0
}

.yanmenu__menu-link--violet {
    border-left: 3px solid #6b41ef
}

.yanmenu__menu-link--purple {
    border-left: 3px solid #9e45ff
}

.yanmenu__sosyalaglar {
    padding: 0 22px;
    margin-top: 20px
}

.menu--yapiskani {
    position: fixed;
    height: 51px;
    left: 0;
    right: 0;
    top: 0
}

.menu--yapiskani.sticky {
    z-index: 120;
    height: 50px
}

.menu.sticky {
    height: 50px
}

#en-yukari-cik {
    display: block;
    z-index: 100;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: -34px;
    right: 20px;
    line-height: 32px;
    background-color: rgba(27, 28, 31, 0.5);
    -webkit-box-shadow: 1px 1.732px 12px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 1px 1.732px 12px 0 rgba(0, 0, 0, 0.03);
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none
}

#en-yukari-cik i {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#en-yukari-cik a {
    display: block;
    color: #fff
}

#en-yukari-cik.show {
    bottom: 20px
}

#en-yukari-cik:hover {
    background-color: #000;
    border-color: transparent
}

#en-yukari-cik:hover i {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .menu__header {
        height: 50px
    }

    .menu__sarmasi {
        text-align: left
    }

    .logo {
        line-height: 1;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }
}

.altalan--koyu {
    background-color: #c41e1e
}

.altalan--koyu .bilesen-baslik {
    color: #fff
}

.altalan--koyu p,
.altalan--koyu a {
    color: #FFF
}

.altalan--koyu .sosyalag {
    color: #fff
}

.altalan--koyu .yazi-liste-ufak__item,
.altalan--koyu .bilesen_menu_menu li {
    border-color: #c41e1e
}

.altalan--koyu .icerik__bilgisi li {
    color: #000
}

.altalan--koyu .mc4wp-form-fields input[type=email],
.altalan--koyu .mc4wp-form-fields input[type=text] {
    background-color: #161718;
    border-color: transparent;
    color: #fff
}

.altalan--koyu .mc4wp-form-fields input[type=email]:focus,
.altalan--koyu .mc4wp-form-fields input[type=text]:focus {
    border-color: #44474a
}

.footer__bilesens {
    padding: 90px 0;
    font-family: "Poppins", sans-serif
}

.footer__bilesens p {
    font-size: 14px;
    line-height: 26px
}

.footer__bilesens a:hover {
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width: 991px) {
    .footer__bilesens>.row>div:not(:last-child) {
        margin-bottom: 50px
    }
}

.altkisim__enalt {
    padding: 32px 0;
    background-color: #161718;
    font-family: "Poppins", sans-serif;
    font-size: 13px
}

.altkisim__enalt a {
    color: #FFF
}

.altkisim__enalt a:hover {
    color: #fff;
    text-decoration: underline
}

.altkisim__enalt .telifhakki {
    display: inline-block
}

@media only screen and (max-width: 991px) {
    .altkisim__enalt .telifhakki {
        margin-top: 15px
    }
}

.altkisim__enalt .bilesen_menu_menu li {
    display: inline-block;
    margin-right: 15px;
    border-bottom: 0;
    padding: 0
}

.altkisim__enalt .bilesen_menu_menu li:last-child {
    margin-right: 0
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

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

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

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

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-140 {
    margin-bottom: 140px
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

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

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-110 {
    padding-top: 110px
}

.pt-120 {
    padding-top: 120px
}

.pt-130 {
    padding-top: 130px
}

.pt-140 {
    padding-top: 140px
}

.pt-150 {
    padding-top: 150px
}

.pt-160 {
    padding-top: 160px
}

.pt-170 {
    padding-top: 170px
}

.pt-180 {
    padding-top: 180px
}

.pt-190 {
    padding-top: 190px
}

.pt-200 {
    padding-top: 200px
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

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

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-170 {
    padding-bottom: 170px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-200 {
    padding-bottom: 200px
}

@media only screen and (max-width: 1199px) {
    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-10 {
        margin-top: 10px
    }

    .mt-lg-20 {
        margin-top: 20px
    }

    .mt-lg-30 {
        margin-top: 30px
    }

    .mt-lg-40 {
        margin-top: 40px
    }

    .mt-lg-50 {
        margin-top: 50px
    }

    .mt-lg-60 {
        margin-top: 60px
    }

    .mt-lg-70 {
        margin-top: 70px
    }

    .mt-lg-80 {
        margin-top: 80px
    }

    .mt-lg-90 {
        margin-top: 90px
    }

    .mt-lg-100 {
        margin-top: 100px
    }

    .mt-lg-110 {
        margin-top: 110px
    }

    .mt-lg-120 {
        margin-top: 120px
    }

    .mt-lg-130 {
        margin-top: 130px
    }

    .mt-lg-140 {
        margin-top: 140px
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-10 {
        margin-bottom: 10px
    }

    .mb-lg-20 {
        margin-bottom: 20px
    }

    .mb-lg-30 {
        margin-bottom: 30px
    }

    .mb-lg-40 {
        margin-bottom: 40px
    }

    .mb-lg-50 {
        margin-bottom: 50px
    }

    .mb-lg-60 {
        margin-bottom: 60px
    }

    .mb-lg-70 {
        margin-bottom: 70px
    }

    .mb-lg-80 {
        margin-bottom: 80px
    }

    .mb-lg-90 {
        margin-bottom: 90px
    }

    .mb-lg-100 {
        margin-bottom: 100px
    }

    .mb-lg-110 {
        margin-bottom: 110px
    }

    .mb-lg-120 {
        margin-bottom: 120px
    }

    .mb-lg-130 {
        margin-bottom: 130px
    }

    .mb-lg-140 {
        margin-bottom: 140px
    }

    .pt-lg-0 {
        padding-top: 0
    }

    .pt-lg-10 {
        padding-top: 10px
    }

    .pt-lg-20 {
        padding-top: 20px
    }

    .pt-lg-30 {
        padding-top: 30px
    }

    .pt-lg-40 {
        padding-top: 40px
    }

    .pt-lg-50 {
        padding-top: 50px
    }

    .pt-lg-60 {
        padding-top: 60px
    }

    .pt-lg-70 {
        padding-top: 70px
    }

    .pt-lg-80 {
        padding-top: 80px
    }

    .pt-lg-90 {
        padding-top: 90px
    }

    .pt-lg-100 {
        padding-top: 100px
    }

    .pt-lg-110 {
        padding-top: 110px
    }

    .pt-lg-120 {
        padding-top: 120px
    }

    .pt-lg-130 {
        padding-top: 130px
    }

    .pt-lg-140 {
        padding-top: 140px
    }

    .pb-lg-0 {
        padding-bottom: 0
    }

    .pb-lg-10 {
        padding-bottom: 10px
    }

    .pb-lg-20 {
        padding-bottom: 20px
    }

    .pb-lg-30 {
        padding-bottom: 30px
    }

    .pb-lg-40 {
        padding-bottom: 40px
    }

    .pb-lg-50 {
        padding-bottom: 50px
    }

    .pb-lg-60 {
        padding-bottom: 60px
    }

    .pb-lg-70 {
        padding-bottom: 70px
    }

    .pb-lg-80 {
        padding-bottom: 80px
    }

    .pb-lg-90 {
        padding-bottom: 90px
    }

    .pb-lg-100 {
        padding-bottom: 100px
    }

    .pb-lg-110 {
        padding-bottom: 110px
    }

    .pb-lg-120 {
        padding-bottom: 120px
    }

    .pb-lg-130 {
        padding-bottom: 130px
    }

    .pb-lg-140 {
        padding-bottom: 140px
    }
}

@media only screen and (max-width: 991px) {
    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-10 {
        margin-top: 10px
    }

    .mt-md-20 {
        margin-top: 20px
    }

    .mt-md-30 {
        margin-top: 30px
    }

    .mt-md-40 {
        margin-top: 40px
    }

    .mt-md-50 {
        margin-top: 50px
    }

    .mt-md-60 {
        margin-top: 60px
    }

    .mt-md-70 {
        margin-top: 70px
    }

    .mt-md-80 {
        margin-top: 80px
    }

    .mt-md-90 {
        margin-top: 90px
    }

    .mt-md-100 {
        margin-top: 100px
    }

    .mt-md-110 {
        margin-top: 110px
    }

    .mt-md-120 {
        margin-top: 120px
    }

    .mt-md-130 {
        margin-top: 130px
    }

    .mt-md-140 {
        margin-top: 140px
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-10 {
        margin-bottom: 10px
    }

    .mb-md-20 {
        margin-bottom: 20px
    }

    .mb-md-30 {
        margin-bottom: 30px
    }

    .mb-md-40 {
        margin-bottom: 40px
    }

    .mb-md-50 {
        margin-bottom: 50px
    }

    .mb-md-60 {
        margin-bottom: 60px
    }

    .mb-md-70 {
        margin-bottom: 70px
    }

    .mb-md-80 {
        margin-bottom: 80px
    }

    .mb-md-90 {
        margin-bottom: 90px
    }

    .mb-md-100 {
        margin-bottom: 100px
    }

    .mb-md-110 {
        margin-bottom: 110px
    }

    .mb-md-120 {
        margin-bottom: 120px
    }

    .mb-md-130 {
        margin-bottom: 130px
    }

    .mb-md-140 {
        margin-bottom: 140px
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pt-md-10 {
        padding-top: 10px
    }

    .pt-md-20 {
        padding-top: 20px
    }

    .pt-md-30 {
        padding-top: 30px
    }

    .pt-md-40 {
        padding-top: 40px
    }

    .pt-md-50 {
        padding-top: 50px
    }

    .pt-md-60 {
        padding-top: 60px
    }

    .pt-md-70 {
        padding-top: 70px
    }

    .pt-md-80 {
        padding-top: 80px
    }

    .pt-md-90 {
        padding-top: 90px
    }

    .pt-md-100 {
        padding-top: 100px
    }

    .pt-md-110 {
        padding-top: 110px
    }

    .pt-md-120 {
        padding-top: 120px
    }

    .pt-md-130 {
        padding-top: 130px
    }

    .pt-md-140 {
        padding-top: 140px
    }

    .pt-md-150 {
        padding-top: 150px
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .pb-md-10 {
        padding-bottom: 10px
    }

    .pb-md-20 {
        padding-bottom: 20px
    }

    .pb-md-30 {
        padding-bottom: 30px
    }

    .pb-md-40 {
        padding-bottom: 40px
    }

    .pb-md-50 {
        padding-bottom: 50px
    }

    .pb-md-60 {
        padding-bottom: 60px
    }

    .pb-md-70 {
        padding-bottom: 70px
    }

    .pb-md-80 {
        padding-bottom: 80px
    }

    .pb-md-90 {
        padding-bottom: 90px
    }

    .pb-md-100 {
        padding-bottom: 100px
    }

    .pb-md-110 {
        padding-bottom: 110px
    }

    .pb-md-120 {
        padding-bottom: 120px
    }

    .pb-md-130 {
        padding-bottom: 130px
    }

    .pb-md-140 {
        padding-bottom: 140px
    }

    .pb-md-150 {
        padding-bottom: 150px
    }
}

@media only screen and (max-width: 767px) {
    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-10 {
        margin-top: 10px
    }

    .mt-sm-20 {
        margin-top: 20px
    }

    .mt-sm-30 {
        margin-top: 30px
    }

    .mt-sm-40 {
        margin-top: 40px
    }

    .mt-sm-50 {
        margin-top: 50px
    }

    .mt-sm-60 {
        margin-top: 60px
    }

    .mt-sm-70 {
        margin-top: 70px
    }

    .mt-sm-80 {
        margin-top: 80px
    }

    .mt-sm-90 {
        margin-top: 90px
    }

    .mt-sm-100 {
        margin-top: 100px
    }

    .mt-sm-110 {
        margin-top: 110px
    }

    .mt-sm-120 {
        margin-top: 120px
    }

    .mt-sm-130 {
        margin-top: 130px
    }

    .mt-sm-140 {
        margin-top: 140px
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-10 {
        margin-bottom: 10px
    }

    .mb-sm-20 {
        margin-bottom: 20px
    }

    .mb-sm-30 {
        margin-bottom: 30px
    }

    .mb-sm-40 {
        margin-bottom: 40px
    }

    .mb-sm-50 {
        margin-bottom: 50px
    }

    .mb-sm-60 {
        margin-bottom: 60px
    }

    .mb-sm-70 {
        margin-bottom: 70px
    }

    .mb-sm-80 {
        margin-bottom: 80px
    }

    .mb-sm-90 {
        margin-bottom: 90px
    }

    .mb-sm-100 {
        margin-bottom: 100px
    }

    .mb-sm-110 {
        margin-bottom: 110px
    }

    .mb-sm-120 {
        margin-bottom: 120px
    }

    .mb-sm-130 {
        margin-bottom: 130px
    }

    .mb-sm-140 {
        margin-bottom: 140px
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pt-sm-10 {
        padding-top: 10px
    }

    .pt-sm-20 {
        padding-top: 20px
    }

    .pt-sm-30 {
        padding-top: 30px
    }

    .pt-sm-40 {
        padding-top: 40px
    }

    .pt-sm-50 {
        padding-top: 50px
    }

    .pt-sm-60 {
        padding-top: 60px
    }

    .pt-sm-70 {
        padding-top: 70px
    }

    .pt-sm-80 {
        padding-top: 80px
    }

    .pt-sm-90 {
        padding-top: 90px
    }

    .pt-sm-100 {
        padding-top: 100px
    }

    .pt-sm-110 {
        padding-top: 110px
    }

    .pt-sm-120 {
        padding-top: 120px
    }

    .pt-sm-130 {
        padding-top: 130px
    }

    .pt-sm-140 {
        padding-top: 140px
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .pb-sm-10 {
        padding-bottom: 10px
    }

    .pb-sm-20 {
        padding-bottom: 20px
    }

    .pb-sm-30 {
        padding-bottom: 30px
    }

    .pb-sm-40 {
        padding-bottom: 40px
    }

    .pb-sm-50 {
        padding-bottom: 50px
    }

    .pb-sm-60 {
        padding-bottom: 60px
    }

    .pb-sm-70 {
        padding-bottom: 70px
    }

    .pb-sm-80 {
        padding-bottom: 80px
    }

    .pb-sm-90 {
        padding-bottom: 90px
    }

    .pb-sm-100 {
        padding-bottom: 100px
    }

    .pb-sm-110 {
        padding-bottom: 110px
    }

    .pb-sm-120 {
        padding-bottom: 120px
    }

    .pb-sm-130 {
        padding-bottom: 130px
    }

    .pb-sm-140 {
        padding-bottom: 140px
    }
}

@media only screen and (max-width: 480px) {
    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-10 {
        margin-top: 10px
    }

    .mt-xs-20 {
        margin-top: 20px
    }

    .mt-xs-30 {
        margin-top: 30px
    }

    .mt-xs-40 {
        margin-top: 40px
    }

    .mt-xs-50 {
        margin-top: 50px
    }

    .mt-xs-60 {
        margin-top: 60px
    }

    .mt-xs-70 {
        margin-top: 70px
    }

    .mt-xs-80 {
        margin-top: 80px
    }

    .mt-xs-90 {
        margin-top: 90px
    }

    .mt-xs-100 {
        margin-top: 100px
    }

    .mt-xs-110 {
        margin-top: 110px
    }

    .mt-xs-120 {
        margin-top: 120px
    }

    .mt-xs-130 {
        margin-top: 130px
    }

    .mt-xs-140 {
        margin-top: 140px
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-10 {
        margin-bottom: 10px
    }

    .mb-xs-20 {
        margin-bottom: 20px
    }

    .mb-xs-30 {
        margin-bottom: 30px
    }

    .mb-xs-40 {
        margin-bottom: 40px
    }

    .mb-xs-50 {
        margin-bottom: 50px
    }

    .mb-xs-60 {
        margin-bottom: 60px
    }

    .mb-xs-70 {
        margin-bottom: 70px
    }

    .mb-xs-80 {
        margin-bottom: 80px
    }

    .mb-xs-90 {
        margin-bottom: 90px
    }

    .mb-xs-100 {
        margin-bottom: 100px
    }

    .mb-xs-110 {
        margin-bottom: 110px
    }

    .mb-xs-120 {
        margin-bottom: 120px
    }

    .mb-xs-130 {
        margin-bottom: 130px
    }

    .mb-xs-140 {
        margin-bottom: 140px
    }

    .pt-xs-0 {
        padding-top: 0
    }

    .pt-xs-10 {
        padding-top: 10px
    }

    .pt-xs-20 {
        padding-top: 20px
    }

    .pt-xs-30 {
        padding-top: 30px
    }

    .pt-xs-40 {
        padding-top: 40px
    }

    .pt-xs-50 {
        padding-top: 50px
    }

    .pt-xs-60 {
        padding-top: 60px
    }

    .pt-xs-70 {
        padding-top: 70px
    }

    .pt-xs-80 {
        padding-top: 80px
    }

    .pt-xs-90 {
        padding-top: 90px
    }

    .pt-xs-100 {
        padding-top: 100px
    }

    .pt-xs-110 {
        padding-top: 110px
    }

    .pt-xs-120 {
        padding-top: 120px
    }

    .pt-xs-130 {
        padding-top: 130px
    }

    .pt-xs-140 {
        padding-top: 140px
    }

    .pb-xs-0 {
        padding-bottom: 0
    }

    .pb-xs-10 {
        padding-bottom: 10px
    }

    .pb-xs-20 {
        padding-bottom: 20px
    }

    .pb-xs-30 {
        padding-bottom: 30px
    }

    .pb-xs-40 {
        padding-bottom: 40px
    }

    .pb-xs-50 {
        padding-bottom: 50px
    }

    .pb-xs-60 {
        padding-bottom: 60px
    }

    .pb-xs-70 {
        padding-bottom: 70px
    }

    .pb-xs-80 {
        padding-bottom: 80px
    }

    .pb-xs-90 {
        padding-bottom: 90px
    }

    .pb-xs-100 {
        padding-bottom: 100px
    }

    .pb-xs-110 {
        padding-bottom: 110px
    }

    .pb-xs-120 {
        padding-bottom: 120px
    }

    .pb-xs-130 {
        padding-bottom: 130px
    }

    .pb-xs-140 {
        padding-bottom: 140px
    }
}

.full-overlay {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5)
}

.bottom-gradient {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}

.top-divider {
    border-top: 1px solid #ebeeef
}

.bottom-divider {
    border-bottom: 1px solid #ebeeef
}

.alignright {
    float: right;
    margin: 10px 0 10px 34px
}

.alignleft {
    float: left;
    margin: 10px 34px 10px 0
}

body.admin-bar .menu--yapiskani {
    top: 50px
}

.gallery-caption {
    display: block
}

img {
    height: auto
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text,
.says {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.bypostauthor>.comment-body>.comment-meta>.yorum-yazar .avatar {
    border: 1px solid #ebeeef;
    padding: 2px
}

.bilesen_recent_entries ul li a {
    color: #FFF
}

.bilesen_recent_entries ul li a:hover {
    color: #000
}

.bilesen .recentcomments a {
    color: #FFF
}

#wp-calendar {
    width: 100%
}

#wp-calendar th,
#wp-calendar td {
    text-align: center
}

#wp-calendar tbody td {
    line-height: 1
}

#wp-calendar>tfoot>tr {
    border: 1px solid #ebeeef
}

#wp-calendar>tfoot>tr>td {
    border: 0
}

.post-password-form label>input {
    margin-bottom: 24px
}

.post-password-form label+input {
    line-height: 41px;
    font-size: 11px;
    padding: 0 24px;
    font-family: "Poppins", sans-serif;
    border: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    background-color: #000;
    color: #fff;
    position: relative;
    top: -2px;
    width: auto
}

.post.sticky .icerik__basligi:before {
    content: '\e804';
    font-family: "ui-icons";
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -2px;
    font-size: 18px;
    color: #bbb;
    max-height: 20px
}

dt,
dd {
    padding: 10px 0;
    border-bottom: 1px solid #ebeeef
}

.icerik-sayfalar {
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebeeef
}

.icerik-sayfalar a {
    min-width: 12px;
    display: inline-block;
    text-align: center
}

.comment-menuigation {
    margin: 20px 0
}

.comment-menuigation .menu-previous {
    float: left
}

.comment-menuigation .menu-next {
    float: right
}

.yorum-cevap {
    margin-top: 60px
}

* {
    padding: 0;
    margin: 0
}

body {
    font-family: 'Poppins', sans-serif
}

.puan_tablosu li {
    list-style-type: none;
    width: 300px;
    background: #000
}

ul.puan_tablosu li .status {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 6px
}

ul.puan_tablosu li .status.up {
    background: transparent url(sprite.png?v1.2) no-repeat -460px -100px
}

ul.puan_tablosu li .status.down {
    background: transparent url(sprite.png?v1.2) no-repeat -470px -100px
}

ul.puan_tablosu li .status.keeper {
    background: transparent url(sprite.png?v1.2) no-repeat -480px -100px
}

ul.puan_tablosu li .rank {
    font: normal 14px Arial, Verdana;
    line-height: 25px;
    float: left;
    display: block;
    width: 25px;
    color: #787878
}

ul.puan_tablosu li .rank .first 1 {
    float: left;
    font: normal 14px Arial, Verdana;
    line-height: 25px;
    display: block;
    width: 25px;
    color: #787878
}

ul.puan_tablosu li .rank.first {
    float: left;
    color: #787878
}

ul.puan_tablosu li .team {
    float: left;
    display: block;
    font-size: 14px;
    line-height: 25px;
    width: 160px;
    color: #787878
}

ul.puan_tablosu li .team a {
    color: #787878;
    text-decoration: none
}

ul.puan_tablosu li .point {
    float: left;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    width: 40px;
    color: #787878
}

ul.puan_tablosu li .fpoint {
    float: left;
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #787878;
    text-align: center;
    width: 40px
}

ul.puan_tablosu li.label .point,
.table ul.puan_tablosu li.label .fpoint {
    color: #787878
}

ul.puan_tablosu li.label .point {
    margin-left: 195px
}

#ulligFiksturu .rest {
    display: none
}

.ligFiksturu ul li {
    list-style-type: none
}

.even {
    background: #f2f2f2;
    height: 60px
}

.odd {
    background: #fff;
    height: 60px
}

.ligFiksturu ul li {
    margin: 0 10px;
    padding: 5px 0
}

.ligFiksturu ul li .date {
    float: left;
    font: normal 12px Tahoma, Verdana, Arial;
    color: #626262;
    padding-bottom: 5px;
    padding-left: 5px
}

.ligFiksturu ul li .team {
    float: left;
    font: bold 13px Tahoma, Verdana, Arial;
    color: #2a2a2a;
    width: 100px;
    overflow: hidden
}

.ligFiksturu ul li .team.home {
    clear: both;
    padding-left: 8px
}

.ligFiksturu ul li .team.away {
    text-align: right;
    float: right;
    padding-right: 8px
}

.ligFiksturu ul li .score {
    float: left;
    font: bold 13px Tahoma, Verdana, Arial;
    color: #2a2a2a;
    text-align: center;
    width: 55px
}

.ligFiksturu ul li .team a {
    color: #58595b;
    text-decoration: none
}

#div_standing_results {
    padding: 0
}

#div_lis-fiksturu {
    float: left
}

#div_lis-fiksturu ul {
    width: 300px;
    margin-top: 5px
}

.ornekbosluk {
    margin-left: 0;
    margin-top: 0
}

.ustalanlig {
    width: 100%;
    height: 50px;
    color: #333;
    background: #ffe100;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.sustalanlig {
    width: 300px;
    height: 50px;
    color: #333;
    background: #c41e1e;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.ustalanlig .span {
    padding: 8px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 5px;
    float: left;
    font-weight: 600
}

.ustalanlig .sspan {
    padding: 5px;
    float: right;
    font-weight: 600;
    padding-right: 5px
}

.ustalanlig img {
    float: left;
    padding-top: 5px;
    margin-left: 15px;
    padding-left: 5px
}

.ligfiksturalt {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 13px;
    background: #c41e1e;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.ligfiksturalt .span {
    padding: 5px;
    font-weight: 600;
    text-align: center;
    margin-right: 15px
}

.ligfiksturalt small {
    color: #ffe100
}

.tab-wrapper2 {
    width: 646px;
    display: inline-block
}

.tab-wrapper {
    width: 100%;
    display: inline-block
}

.tab-panel-content {
    background: #53674C;
    padding: 5px
}

.tab-panel-content .topsection {
    color: #fff;
    padding: 5px 0;
    overflow: hidden;
    line-height: 20px
}

.tab-panel-content .topsection .title {
    float: left
}

.tab-panel-content .topsection .title.superlig:before {
    float: left;
    display: block;
    content: "";
    width: 15px;
    height: 20px;
    margin: 0 5px 5px
}

.tab-panel-content .topsection .buttons {
    float: right;
    overflow: hidden
}

.tab-panel-content .topsection .buttons span {
    float: left;
    display: block;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 11px;
    cursor: pointer
}

.tab-panel-content .topsection .buttons span.active {
    background: rgba(255, 255, 255, 0.2)
}

.tab-panel-content .inner {
    background: #F6F7F6 url(images/fans.jpg) 50% 100% no-repeat;
    background-size: contain;
    padding: 5px 5px 22px;
    border-radius: 2px
}

.tab-panel-content .inner table {
    width: 100%;
    max-width: 100%
}

.tab-panel-content .tab {
    overflow: hidden
}

.tab-panel-content .puan_tablosu th.sira {
    text-indent: -9999px
}

.tab-panel-content .puan_tablosu td.hafta {
    display: none
}

.tab-panel-content .puan_tablosu td,
.tab-panel-content .puan_tablosu th {
    padding: 4px 3px;
    text-align: center
}

.tab-panel-content .puan_tablosu td.takim,
.tab-panel-content .puan_tablosu th.takim {
    text-align: left
}

.ligFiksturu .colFikstur .fksDate {
    margin: 3px 0;
    background: #eee;
    padding: 5px;
    border-left: 2px solid rgba(0, 0, 0, 0.3)
}

.ligFiksturu .colFikstur td,
.tab-panel-content .tab.ligFiksturu th {
    padding: 5px
}

.ligFiksturu .colFikstur td.hour {
    width: 5%
}

.ligFiksturu .colFikstur td.team {
    width: 45%
}

.ligFiksturu .colFikstur td.team1 {
    text-align: right
}

.ligFiksturu .colFikstur td.sonuc {
    width: 5%
}

.tab-panel {
    position: relative;
    border-radius: 0
}

.tab-panel>.tab-panel-label {
    position: absolute;
    z-index: 1;
    padding: 10px;
    height: 44px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box
}

.tab-panel>.tab-panel-label~label {
    position: absolute;
    top: 0
}

.tab-panel>.tab-panel-label:nth-child(1) {
    left: 0
}

.tab-panel>.tab-panel-label:nth-child(9) {
    left: 66.66666%
}

.tab-panel>.tab-panel-label:hover {
    cursor: pointer
}

.tab-panel>h2 {
    padding: 10px;
    height: 44px;
    outline: none;
    font-size: 16px;
    line-height: 24px
}

.tab-panel>h2~h2 {
    position: absolute;
    top: 0
}

.tab-panel>h2:nth-child(3) {
    left: 0;
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 0
}

.tab-panel>h2:nth-child(7) {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.tab-panel>h2:nth-child(11) {
    left: 66.66666%;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-top-right-radius: 6px
}

.tab-panel>input {
    opacity: 0;
    position: absolute
}

.tab-panel>input+h2+.tab-panel-content {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.tab-panel>input:checked+h2 {
    background: #fff;
    border-bottom: none;
    color: #444
}

.tab-panel>input:checked+h2+.tab-panel-content {
    position: static !important;
    padding-bottom: 5px !important;
    height: auto !important;
    width: auto !important
}

.tab-panel .three-tabs {
    width: 33.33333%;
    left: 33.33333%
}

.tab-panel .two-tabs {
    width: 50%;
    left: 50%
}

.tab-panel .tab-title {
    margin: 0;
    text-align: center;
    background: #c41e1e;
    color: #fff;
    box-sizing: border-box
}

.tab-panel .tab-panel-content {
    background: #f2f4e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.gustalanlig {
    width: 646px;
    height: 50px;
    color: #333;
    background: #ffe100;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.gustalanlig .gspan {
    padding-top: 15px;
    padding-right: 15px;
    float: right;
    font-weight: 600;
    font-size: 14px
}

.gustalanlig img {
    float: left;
    padding-top: 7px;
    padding-left: 10px
}

.gligfiksturalt {
    width: 646px;
    height: 30px;
    color: #fff;
    font-size: 13px;
    background: #c41e1e;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.gligfiksturalt .gspan {
    padding: 5px;
    font-weight: 600;
    text-align: right;
    margin-right: 15px
}

.gligfiksturalt small {
    color: #ffe100
}

.cityBilesen {
    color: #fff;
    position: relative
}

.cityBilesen .topsection {
    background: rgba(255, 255, 255, 0.1);
    height: 38px;
    line-height: 38px;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 500
}

.cityBilesen .topsection .hamburger {
    height: 15px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    background: url(img/sprite.png) -30px -80px
}

.cityBilesen .topsection .hamburger.open {
    background: url(img/sprite.png) -15px -80px
}

.hvDeg1 {
    top: 15px
}

.cityBilesen .cities {
    display: none;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 38px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 160px
}

.cityBilesen .cities span {
    display: block;
    padding: 0 10px;
    line-height: 24px;
    cursor: pointer;
    border-bottom: 1px dotted #ddd;
    background: #fff;
    transition: all .2s;
    color: #333
}

.cityBilesen .cities span:hover {
    background: #efefef
}

.cityBilesen .content {
    height: 110px;
    padding: 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    position: relative
}

.cityBilesen .content .loading {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(img/loading.gif) 50% 50% no-repeat;
    background-size: 50px 50px;
    top: 0;
    left: 0
}

.namazBilesen {
    background: url(img/cami.jpg) 95% 100%;
    background-size: cover
}

.namazBilesen .city {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin: 8px 0 30px
}

.namazBilesen .times {
    overflow: hidden;
    margin-right: -15px
}

.namazBilesen .times .item {
    width: 16.666666666667%;
    float: left;
    font-size: 12px;
    font-weight: 300
}

.namazBilesen .times .item span {
    display: block
}

.weatherBilesen {
    background: url(img/hava.jpg);
    background-size: cover
}

.weatherBilesen .icon {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px;
    background: url(img/hava.png);
    background-size: 50px 400px
}

.weatherBilesen .icon.icon09,
.weatherBilesen .icon.icon11,
.weatherBilesen .icon.icon12,
.weatherBilesen .icon.icon17 {
    background-position: 0 -200px
}

.weatherBilesen .icon.icon06,
.weatherBilesen .icon.icon13,
.weatherBilesen .icon.icon14,
.weatherBilesen .icon.icon15,
.weatherBilesen .icon.icon40 {
    background-position: 0 -50px
}

.weatherBilesen .icon.icon03,
.weatherBilesen .icon.icon04,
.weatherBilesen .icon.icon35 {
    background-position: 0 -150px
}

.weatherBilesen .icon.icon26,
.weatherBilesen .icon.icon27 {
    background-position: 0 -300px
}

.weatherBilesen .icon.icon28,
.weatherBilesen .icon.icon30 {
    background-position: 0 -350px
}

.weatherBilesen .icon.icon32,
.weatherBilesen .icon.icon34 {
    background-position: 0 0
}

.weatherBilesen .icon.icon39 {
    background-position: 0 -250px
}

.weatherBilesen .icon.icon05,
.weatherBilesen .icon.icon42 {
    background-position: 0 -100px
}

.weatherBilesen .info {
    float: left
}

.weatherBilesen .city {
    font-size: 18px;
    font-weight: 700
}

.weatherBilesen .situation {
    font-size: 15px;
    margin-bottom: 8px
}

.weatherBilesen .degree {
    font-size: 28px;
    font-weight: 300
}

.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999
}

.loader {
    display: block;
    position: absolute;
    font-size: 0;
    color: #2D95E3;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.loader>div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    display: inline-block;
    float: none;
    width: 38px;
    height: 38px;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) kurumsal;
    animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) kurumsal
}

@-webkit-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes ball-clip-rotate-pulse-scale {

    0%,
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

@keyframes ball-clip-rotate-pulse-scale {

    0%,
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    color: #171821;
    line-height: 1.3;
    letter-spacing: -.5px
}

h1 {
    font-size: 32px;
    letter-spacing: -.03em
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 23px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

@media only screen and (max-width:575px) {
    h1 {
        font-size: 26px
    }

    h2 {
        font-size: 22px
    }

    h3 {
        font-size: 18px
    }
}

@media (max-width:640px) {
    h1 {
        font-size: 24px
    }

    h2 {
        font-size: 20px
    }

    h3 {
        font-size: 19px
    }

    h4 {
        font-size: 18px
    }
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: inherit
}

p {
    font-size: 16px;
    color: #54555E;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 10px
}

address {
    font-style: normal;
    margin-bottom: 0;
    font-size: 16px
}

.lead {
    font-size: 18px;
    line-height: 30px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

@media only screen and (max-width:1199px) {
    .text-lg-center {
        text-align: center
    }
}

@media only screen and (max-width:991px) {
    .text-md-center {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .text-sm-center {
        text-align: center
    }
}

@media only screen and (max-width:575px) {
    .text-xs-center {
        text-align: center
    }
}

blockquote {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px
}

blockquote p {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 0 !important;
    position: relative;
    color: #171821
}

blockquote cite {
    font-size: 15px;
    font-weight: 400;
    color: #83858F
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #E3E4E8
}

.section {
    margin-bottom: 40px
}

@media (min-width:1280px) {
    .container {
        max-width: 1248px
    }
}

.container-semi-fluid {
    padding: 0 50px
}

@media only screen and (max-width:767px) {
    .container-semi-fluid {
        padding: 0 15px
    }
}

.flex-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-child {
    -webkit-box-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.row-2 {
    margin: 0 -1px
}

.row-2>div,
.row-2>aside {
    padding: 0 1px
}

.row-8 {
    margin: 0 -4px
}

.row-8>div,
.row-8>aside {
    padding: 0 4px
}

.row-10 {
    margin: 0 -5px
}

.row-10>div,
.row-10>aside {
    padding: 0 5px
}

.row-16 {
    margin: 0 -8px
}

.row-16>div,
.row-16>aside {
    padding: 0 8px
}

.row-20 {
    margin: 0 -10px
}

.row-20>div,
.row-20>aside {
    padding: 0 10px
}

.row-24 {
    margin: 0 -12px
}

.row-24>div,
.row-24>aside {
    padding: 0 12px
}

.btn {
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: 0;
    text-transform: uppercase;
    letter-spacing: .04em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #171821;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:hover {
    color: #fff;
    background-color: #171821;
    border-color: transparent
}

.btn:focus {
    outline: none;
    color: #fff
}

.btn-lg,
.btn-lg.btn-button {
    font-size: 14px;
    padding: 0 16px
}

.btn-lg span,
.btn-lg.btn-button span {
    line-height: 46px
}

.btn-lg.btn-button {
    height: 46px
}

.btn-sm,
.btn-sm.btn-button {
    font-size: 11px;
    padding: 0 20px;
    line-height: 28px
}

.btn-sm.btn-button {
    height: 30px
}

.btn-color {
    background-color: #2D95E3
}

.btn-color:hover {
    opacity: .92
}

.btn-dark {
    background-color: #171821
}

.btn-white {
    background-color: #fff;
    color: #171821
}

.btn-light {
    background-color: #f7f7f7;
    color: #171821
}

.btn-stroke {
    background-color: transparent;
    border: 1px solid #E3E4E8;
    color: #171821
}

.btn-wide {
    width: 100%
}

.btn-white:focus,
.btn-light:focus,
.btn-stroke:focus {
    background-color: #171821;
    border-color: transparent
}

.btn i {
    font-size: 10px;
    position: relative;
    margin-left: 3px;
    top: -1px;
    line-height: 1
}

.rounded,
.rounded:before {
    border-radius: 70px
}

.section-buttons {
    margin-bottom: 50px
}

.section-buttons a {
    margin-bottom: 10px
}

.btn-button {
    border: none;
    margin-bottom: 0;
    width: auto
}

.btn-button.btn-color,
.btn-button.btn-dark {
    color: #fff
}

.btn-button.btn-wide {
    width: 100%
}

.btn-button:hover,
.btn-button:focus {
    color: #fff;
    background-color: #171821
}

input,
select,
textarea {
    height: 46px;
    border: 1px solid #E3E4E8;
    background-color: #fff;
    width: 100%;
    margin-bottom: 24px;
    padding: 0 12px;
    -webkit-transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out
}

textarea {
    height: auto;
    display: block;
    padding: 8px 16px;
    margin-bottom: 24px
}

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

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input:focus,
textarea:focus {
    border-color: #2D95E3;
    background-color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #54555E
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #54555E;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #54555E;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #54555E
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 12px;
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

select::-ms-expand {
    display: none
}

label {
    color: #171821;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px
}

input[type="checkbox"] {
    display: none
}

input[type="checkbox"]+label:before {
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    font-size: 13px;
    margin: -4px 10px 0 0;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dbdce1
}

input[type="checkbox"]:checked+label:after {
    font-family: 'ui-icons';
    content: "\f383";
    display: inline-block;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    line-height: 22px
}

.radio>li,
.checkbox>li {
    padding: 7px 0
}

input[type="radio"] {
    display: none
}

input[type="radio"]+label:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 1px #dbdce1;
    box-shadow: 0 0 0 1px #dbdce1;
    border-radius: 40px;
    margin: -3px 10px 0 0;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0
}

input[type="radio"]:checked+label:before {
    background-color: #000;
    border: 6px solid #fff;
    padding: 1px
}

input[type="radio"]:focus {
    outline: none
}

#contact-form .message {
    height: 50px;
    width: 100%;
    font-size: 13px;
    line-height: 50px;
    text-align: center;
    float: none;
    margin-top: 20px;
    display: none;
    color: #fff
}

#contact-form .message.error {
    background-color: #c41e1e
}

#contact-form .message.success {
    background-color: #4CAF50
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: #333
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-prev,
.owl-next {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 48px;
    z-index: 10;
    width: 48px;
    height: 48px;
    font-size: 14px;
    color: #171821;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.owl-prev:hover,
.owl-next:hover {
    color: #fff;
    background-color: #2D95E3;
    border-color: transparent
}

.owl-prev {
    left: 10px
}

.owl-next {
    right: 10px
}

.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next {
    opacity: 1
}

.owl-carousel--dark-arrows .owl-prev,
.owl-carousel--dark-arrows .owl-next {
    color: #54555E
}

.owl-carousel--visible-arrows .owl-prev,
.owl-carousel--visible-arrows .owl-next {
    opacity: 1
}

.owl-carousel--visible-arrows .owl-prev,
.owl-carousel--visible-arrows:hover .owl-prev {
    left: -60px
}

.owl-carousel--visible-arrows .owl-next,
.owl-carousel--visible-arrows:hover .owl-next {
    right: -60px
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 30px
}

.owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-dot span {
    width: 22px;
    height: 4px;
    margin: 3px;
    background: #fff;
    opacity: .4;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.owl-dot.active span,
.owl-dot:hover span {
    opacity: 1;
    background-color: #2D95E3
}

.owl-carousel--dots-inside .owl-dots {
    position: absolute;
    bottom: 20px;
    margin-top: 0;
    width: 100%
}

.owl-carousel--arrows-outside .owl-prev,
.owl-carousel--arrows-outside .owl-next {
    opacity: 1;
    top: -62px;
    margin-top: 0;
    padding: 0;
    width: 28px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #E3E4E8;
    font-size: 12px;
    border-radius: 0
}

.owl-carousel--arrows-outside .owl-prev:hover,
.owl-carousel--arrows-outside .owl-next:hover {
    border-color: transparent
}

.owl-carousel--arrows-outside .owl-prev {
    right: 32px;
    left: auto
}

.owl-carousel--arrows-outside .owl-next {
    right: 0
}

.owl-custom-nav {
    margin-top: 24px
}

.owl-custom-nav__btn {
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px;
    border: 1px solid #E3E4E8;
    padding: 0 5px;
    line-height: 26px;
    background-color: transparent
}

.owl-custom-nav__btn:hover {
    background-color: #2D95E3;
    color: #fff;
    border-color: transparent
}

.owl-custom-nav__btn:focus {
    outline: none
}

.owl-custom-nav__btn i {
    font-size: 8px;
    margin: 0 3px;
    position: relative;
    top: -1px
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%
}

.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
    content: ''
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.table-wrap {
    margin-bottom: 34px
}

.tabs__list {
    margin-bottom: -1px;
    overflow: hidden
}

.tabs__item {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #171821;
    text-transform: uppercase;
    letter-spacing: .04em
}

.tabs__item:not(:first-child) {
    margin-left: -1px
}

@media only screen and (max-width:575px) {
    .tabs__item {
        display: block;
        margin-right: 0
    }
}

.tabs__url {
    display: block;
    position: relative;
    padding: 12px 18px 11px;
    border: 1px solid #E3E4E8;
    color: #171821;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.tabs__url:focus {
    color: inherit
}

.tabs__url:hover {
    background-color: #fff
}

.tabs__item--active:before {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #2D95E3
}

.tabs__item--active .tabs__url {
    color: #171821;
    background-color: #fff;
    border-bottom: 1px solid transparent
}

.tabs__content {
    padding: 20px;
    border: 1px solid #E3E4E8;
    overflow: hidden
}

.tabs__content-pane {
    display: none
}

.tabs__content-pane--active {
    display: block
}

.socials {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.socials--nobase a {
    width: 13px;
    height: auto;
    border: 0;
    line-height: 32px;
    margin-right: 15px;
    margin-bottom: 0;
    color: #54555E;
    background-color: transparent
}

.socials--nobase a:hover,
.socials--nobase a:focus {
    color: #fff;
    background-color: transparent !important
}

.socials--white-base a {
    background-color: #fff;
    color: #171821
}

.socials--dark .social-facebook:hover,
.socials--dark .social-facebook:focus {
    color: #39599f !important
}

.socials--dark .social-twitter:hover,
.socials--dark .social-twitter:focus {
    color: #55ACEE !important
}

.socials--dark .social-google-plus:hover,
.socials--dark .social-google-plus:focus {
    color: #DE4B39 !important
}

.socials--dark .social-youtube:hover,
.socials--dark .social-youtube:focus {
    color: #c61d23 !important
}

.socials--dark .social-snapchat:hover,
.socials--dark .social-snapchat:focus {
    color: #fffb01 !important
}

.socials--dark .social-linkedin:hover,
.socials--dark .social-linkedin:focus {
    color: #0e76a8 !important
}

.socials--dark .social-pinterest:hover,
.socials--dark .social-pinterest:focus {
    color: #c8232c !important
}

.socials--dark .social-instagram:hover,
.socials--dark .social-instagram:focus {
    color: #e1306c !important
}

.socials--dark .social-rss:hover,
.socials--dark .social-rss:focus {
    color: #ef822a !important
}

.socials--grey a {
    background-color: #f7f7f7;
    color: #171821
}

.socials--medium a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px
}

.socials--large a {
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 16px
}

.socials--wide a {
    width: 100%;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 16px
}

.socials--rounded a {
    border-radius: 50% !important
}

.social {
    display: inline-block;
    line-height: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.social:hover,
.social:focus {
    color: #fff
}

.social:last-child {
    margin-right: 0
}

.social__text {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em
}

@media only screen and (max-width:1199px) {
    .social__text {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .social__text {
        display: inline-block
    }
}

@media only screen and (max-width:575px) {
    .social__text {
        display: none
    }
}

.social-facebook {
    background-color: #39599f
}

.social-facebook:hover {
    background-color: #324e8c !important;
    color: #fff !important
}

.social-twitter {
    background-color: #55ACEE
}

.social-whatsapp {
    background-color: #2CB742
}

.social-twitter:hover {
    background-color: #3ea1ec !important;
    color: #fff !important
}

.social-google-plus {
    background-color: #DE4B39
}

.social-google-plus:hover {
    background-color: #d93824 !important;
    color: #fff !important
}

.social-youtube {
    background-color: #c61d23
}

.social-youtube:hover {
    background-color: #b01a1f !important;
    color: #fff !important
}

.social-snapchat {
    background-color: #fffb01
}

.social-snapchat:hover {
    background-color: #e7e300 !important;
    color: #fff !important
}

.social-linkedin {
    background-color: #0e76a8
}

.social-vkontakte {
    background-color: #5b88bd
}

.social-linkedin:hover {
    background-color: #0c6590 !important;
    color: #fff !important
}

.social-pinterest {
    background-color: #c8232c
}

.social-pinterest:hover {
    background-color: #b21f27 !important;
    color: #fff !important
}

.social-instagram {
    background-color: #e1306c
}

.social-instagram:hover {
    background-color: #d81f5e !important;
    color: #fff !important
}

.social-rss {
    background-color: #ef822a
}

.social-rss:hover {
    background-color: #ed7412 !important;
    color: #fff !important
}

.entry {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.entry__img-holder {
    position: relative;
    /*overflow: hidden;*/
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.entry__img {
    width: 100%
}

.entry__title {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 3px;
    margin-bottom: 5px
}

.entry__title:hover a {
    color: #2D95E3
}

.entry__title--sm {
    font-size: 15px
}

.entry__excerpt {
    margin-top: 16px
}

.entry__excerpt p {
    margin-bottom: 0
}

.entry__play-time {
    position: absolute;
    bottom: 32px;
    left: 32px;
    background-color: #2D95E3;
    color: #fff;
    padding: 7px 11px;
    font-weight: 700;
    pointer-events: none
}

.entry__play-time i {
    margin-right: 5px
}

.entry__meta li {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #83858F
}

.entry__meta li:after {
    content: '-';
    display: inline-block;
    margin: 0 3px
}

.entry__meta li.entry__meta-views:after {
    content: '';
    margin: 0 8px;
    display: inline-block
}

.entry__meta li:last-child:after {
    display: none
}

.entry__meta a {
    color: #2D95E3
}

.entry__meta a:hover {
    color: #171821
}

.entry__metam a {
    color: #FFF
}

.entry__metam a:hover {
    color: #171821
}

.entry__meta i {
    display: inline-block;
    margin-right: 5px
}

.entry__meta-category {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    color: #0098d0
}

.entry__meta-category--label {
    font-size: 10px;
    background-color: #2D95E3;
    padding: 5px 10px;
    z-index: 2;
    color: #fff;
    margin-bottom: 0;
    display: inline-block
}

.entry__meta-category--label:hover,
.entry__meta-category--label:focus {
    color: #fff;
    opacity: .9
}

.entry__meta-category--align-in-corner {
    position: absolute;
    left: 16px;
    bottom: 16px
}

.entry__meta-category--violet {
    background-color: #3E3EDD
}

.entry__meta-category--purple {
    background-color: #9C27B0
}

.entry__meta-category--blue {
    background-color: #0E79C9
}

.entry__meta-category--cyan {
    background-color: #00BCD4
}

.entry__meta-category--green {
    background-color: #19C22A
}

.entry__meta-category--orange {
    background-color: #E65100
}

.entry__meta-category--red {
    background-color: #c41e1e
}

.entry__meta-rating i {
    font-size: 16px;
    color: #FBC02D;
    margin-right: 2px
}

.entry__meta+.entry__meta,
.entry__meta-category--label+.entry__meta {
    margin-top: 16px
}

.entry__meta+.entry__img-holder {
    margin-top: 20px
}

.entry__meta-holder {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.entry__meta-holder .entry__meta {
    margin-top: 0
}

.entry-date-label {
    background-color: #fff;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px;
    text-align: center;
    font-family: "Poppins", sans-serif
}

.entry-date-label__weekday,
.entry-date-label__month {
    font-size: 8px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600
}

.entry-date-label__weekday {
    color: #54555E
}

.entry-date-label__day {
    color: #2D95E3;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25
}

.entry-date-label__month {
    color: #2D95E3
}

.thumb-container {
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.thumb-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.footer--dark .thumb-container {
    background-color: #171821
}

.thumb-text-holder {
    position: absolute;
    bottom: 24px;
    width: 100%;
    z-index: 3;
    padding: 0 24px;
    text-align: center
}

.thumb-text-holder .entry__meta li,
.thumb-text-holder .entry__meta a,
.thumb-text-holder .entry__meta a:hover,
.thumb-text-holder .entry__meta a:focus {
    color: #fff !important
}

.thumb-text-holder--1 {
    text-align: left
}

.thumb-text-holder--1 .thumb-entry-title {
    font-size: 18px;
    margin-bottom: 24px
}

.thumb-text-holder--2 {
    text-align: left
}

.thumb-text-holder--2 .thumb-entry-title {
    font-size: 34px;
    margin-top: 14px;
    margin-bottom: 8px
}

@media only screen and (max-width:767px) {
    .thumb-text-holder--2 .thumb-entry-title {
        font-size: 20px
    }
}

.thumb-text-holder--2 .entry__meta a {
    color: #fff !important
}

.thumb-text-holder--3 {
    text-align: left
}

.thumb-text-holder--3 .thumb-entry-title {
    font-size: 28px;
    margin-top: 16px
}

@media only screen and (max-width:767px) {
    .thumb-text-holder--3 .thumb-entry-title {
        font-size: 20px
    }
}

.thumb-text-holder--4 {
    text-align: left
}

.thumb-text-holder--4 .thumb-entry-title {
    font-size: 16px
}

.thumb-text-holder--5 {
    text-align: center;
    top: 50%;
    left: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.thumb-text-holder--5 .thumb-entry-title {
    font-size: 40px;
    max-width: 770px;
    margin: 8px auto
}

@media only screen and (max-width:767px) {
    .thumb-text-holder--5 .thumb-entry-title {
        font-size: 20px
    }
}

.thumb {
    margin-bottom: 48px
}

.thumb--mb-20 {
    margin-bottom: 20px
}

.thumb--size-1 {
    height: 197px
}

.thumb--size-2 {
    height: 298px
}

.thumb--size-3 {
    height: 460px
}

.thumb--size-4 {
    height: 395px
}

.thumb--size-5 {
    height: 521px
}

.thumb--size-6 {
    height: 609px
}

@media only screen and (max-width:991px) {
    .thumb--size-6 {
        height: 440px
    }
}

@media only screen and (max-width:767px) {

    .thumb--size-3,
    .thumb--size-4,
    .thumb--size-5,
    .thumb--size-6 {
        height: 300px
    }
}

.thumb__img-holder {
    height: 100%;
    margin-bottom: 0
}

.thumb-url {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.thumb-entry-title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0
}

.thumb-entry-title:hover a,
.thumb-entry-title a:focus {
    color: #fff
}

.thumb-50 {
    padding-bottom: 50%
}

.thumb-60 {
    padding-bottom: 60%
}

.thumb-65 {
    padding-bottom: 65%
}

.thumb-70 {
    padding-bottom: 70%
}

.thumb-75 {
    padding-bottom: 75%
}

.thumb-80 {
    padding-bottom: 80%
}

.thumb-100 {
    padding-bottom: 100%
}

.trending-now {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-top: 24px;
    height: 36px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)
}

.trending-now__label {
    background-color: #2D95E3;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    padding: 0 16px;
    line-height: 36px;
    height: 36px;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 14px;
    float: left
}

.trending-now__label i {
    margin-right: 5px
}

.trending-now--1 {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0
}

.trending-now--1 .newsticker {
    border: 1px solid #E3E4E8
}

.newsticker {
    padding-right: 59px;
    padding-left: 20px;
    overflow: hidden
}

.newsticker__item {
    line-height: 36px
}

.newsticker__item-url {
    color: #54555E
}

.newsticker__item-url:hover {
    color: #2D95E3
}

.newsticker-buttons {
    position: absolute;
    top: 0;
    right: 0
}

.newsticker-button {
    background-color: transparent;
    float: left;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #54555E;
    border: none
}

.newsticker-button:first-child {
    border-right: 1px solid #E3E4E8
}

.newsticker-button:focus {
    outline: none
}

.newsticker-button:hover {
    background-color: #2D95E3;
    color: #fff;
    border-color: transparent
}

.featured-posts-grid {
    padding-bottom: 24px;
    padding-top: 24px;
    overflow: hidden
}

.featured-posts-grid__item {
    padding-bottom: 8px
}

.featured-posts-grid__item--sm {
    height: 33.333%
}

.featured-posts-grid__item--sm .entry__title {
    font-size: 16px
}

@media only screen and (min-width:992px) {

    .featured-posts-grid__item--sm:first-child .post-list__img-holder,
    .featured-posts-grid__item--sm:last-child .post-list__img-holder {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.featured-posts-grid__entry {
    height: 100%;
    margin-bottom: 0 !important;
    min-height: auto !important
}

.featured-posts-grid__item--lg {
    height: 100%
}

.featured-posts-grid__item--lg .thumb-text-holder {
    bottom: 60px;
    padding: 0 50px
}

.featured-posts-grid__item--lg .entry__title {
    font-size: 32px;
    line-height: 1.3
}

@media only screen and (max-width:767px) {
    .featured-posts-grid__item--lg .entry__title {
        font-size: 20px
    }
}

.featured-posts-grid--1 {
    padding-bottom: 32px
}

.featured-posts-grid--1 .row {
    margin: 0 -1px
}

.featured-posts-grid--1 .row>div {
    padding: 0 1px
}

.featured-posts-grid--1 .thumb {
    margin-bottom: 2px
}

.hero {
    background-color: #fff
}

@media only screen and (min-width:1200px) {
    .hero__item .entry {
        overflow: visible;
        margin-bottom: 42px
    }

    .hero__item .entry__body {
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%);
        padding: 24px;
        background: #fff;
        position: absolute;
        right: 0;
        left: 50px;
        z-index: 1;
        max-width: 83%;
        min-height: 210px;
        margin-top: -20px
    }
}

.hero__item .entry__title {
    font-size: 28px
}

.hero-slider {
    margin-top: 8px;
    margin-bottom: 40px
}

.hero-slider__item .thumb {
    height: 537px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .hero-slider__item .thumb {
        height: 460px
    }
}

@media only screen and (max-width:575px) {
    .hero-slider__item .thumb {
        height: 320px
    }
}

.hero-slider-1 {
    position: relative
}

.hero-slider-1__item {
    width: 100%;
    height: 75vh
}

@media only screen and (max-width:767px) {
    .hero-slider-1__item {
        height: 360px
    }
}

.hero-slider-1__entry {
    height: 100%;
    margin: 0 !important
}

.hero-slider-1__thumb-img-holder {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hero-slider-1__thumb-img-holder .bottom-gradient {
    background: #171821;
    background: -webkit-gradient(linear, left bottom, left top, from(#171821), to(transparent));
    background: linear-gradient(to top, #171821 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}

.hero-slider-1__thumb-text-holder {
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 3
}

@media only screen and (max-width:767px) {
    .hero-slider-1__thumb-text-holder {
        top: 30%
    }
}

.hero-slider-1__entry-title {
    color: #fff;
    font-size: 40px;
    max-width: 594px
}

.hero-slider-1__entry-title:hover a,
.hero-slider-1__entry-title:focus a {
    color: #fff
}

@media only screen and (max-width:767px) {
    .hero-slider-1__entry-title {
        font-size: 24px
    }
}

.carousel-main .flickity-slider {
    -webkit-transform: none !important;
    transform: none !important
}

.carousel-main .carousel-cell {
    left: 0 !important;
    opacity: 0;
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    z-index: -1
}

.carousel-main .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
}

.carousel-thumbs {
    max-width: 594px;
    margin: auto;
    background-color: #fff;
    padding: 5px
}

.carousel-thumbs-holder {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.carousel-thumbs__item {
    cursor: pointer;
    padding: 5px;
    opacity: .3;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.carousel-thumbs .carousel-cell {
    width: 25%
}

.carousel-thumbs .carousel-cell.is-selected .carousel-thumbs__item {
    opacity: 1
}

.title-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 32px
}

.title-wrap--line {
    border-top: 3px solid #888994;
    padding-top: 32px
}

.title-wrap--pr {
    padding-right: 62px
}

.section-title {
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 0;
    font-size: 21px;
    display: inline-block;
    float: left;
    font-weight: 700
}

.section-title--sm {
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .section-title {
        float: none
    }
}

.all-posts-url {
    float: right;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-family: "Poppins", sans-serif;
    color: #54555E;
    font-size: 11px;
    line-height: 28px
}

.content-box {
    background-color: #fff;
    padding: 40px
}

@media only screen and (min-width:992px) {
    .content-box--top-offset {
        margin-top: -232px
    }
}

@media only screen and (max-width:575px) {
    .content-box {
        padding: 24px
    }
}

.content-box--pt-108 {
    padding-top: 108px
}

@media only screen and (max-width:575px) {
    .content-box--pt-108 {
        padding-top: 60px
    }
}

.tab-post__tabs {
    float: right;
    line-height: 27px
}

@media only screen and (max-width:767px) {
    .tab-post__tabs {
        float: none;
        width: 100%;
        margin-top: 10px
    }
}

.tab-post__tabs .tabs__item {
    margin-right: 26px
}

.tab-post__tabs .tabs__item a {
    color: #54555E
}

.tab-post__tabs .tabs__item a:hover,
.tab-post__tabs .tabs__item a:focus {
    color: #2D95E3
}

.tab-post__tabs .tabs__item:last-child {
    margin-right: 0
}

.tab-post__tabs .tabs__item--active a {
    color: #2D95E3
}

.tab-post__tabs .tabs__item--active:before {
    display: none
}

.tab-post .tabs__content {
    padding: 0;
    border: 0
}

.tab-post .entry {
    margin-bottom: 20px
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden
}

.card-row>div {
    margin-bottom: 30px
}

.card-row .card {
    height: 100%;
    margin-bottom: 0
}

.card__img-holder {
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

.card__body {
    background-color: #fff;
    padding: 24px 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card--1 .entry__title {
    margin-bottom: 32px
}

.post-list {
    position: relative;
    margin-bottom: 20px;
    min-height: 241px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.post-list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.post-list__img-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-right: 30px;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .post-list__img-holder {
        width: 170px
    }
}

.post-list__body {
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media only screen and (max-width:575px) {
    .post-list {
        display: block
    }

    .post-list__img-holder,
    .post-list__body {
        width: 100%
    }

    .post-list__img-holder {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
        height: 180px
    }
}

.post-list-small__item {
    padding: 16px 0;
    position: relative
}

.post-list-small__item:first-child {
    padding-top: 0
}

.post-list-small__item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.post-list-small__img-holder {
    width: 88px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px
}

@media only screen and (max-width:575px) {
    .post-list-small__img-holder {
        width: 50px
    }
}

.post-list-small__img--rounded {
    border-radius: 50%;
    overflow: hidden
}

.post-list-small__body {
    overflow: hidden
}

.post-list-small__entry-title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 5px
}

.post-list-small__entry-title a {
    color: #171821
}

.post-list-small__entry-title a:hover,
.post-list-small__entry-title a:focus {
    color: #2D95E3
}

.post-list-small--border-top {
    border-top: 1px solid #E3E4E8;
    padding-top: 16px;
    margin-top: -10px
}

.post-list-small--dividers li {
    border-bottom: 1px solid #E3E4E8
}

.post-list-small--arrows {
    position: relative
}

.post-list-small--arrows li {
    padding-left: 16px
}

.post-list-small--arrows li:before {
    content: '\e804';
    font-family: 'ui-icons';
    color: #2D95E3;
    position: absolute;
    left: 0;
    top: 22px;
    font-size: 10px
}

.post-list-small--arrows li:first-child:before {
    top: 6px
}

.post-list-small--1 .post-list-small__item {
    border-bottom: 1px solid #E3E4E8
}

.post-list-small--1 .post-list-small__item:last-child {
    border-bottom: 0
}

.post-list-small--1 .post-list-small__img-holder {
    border-radius: 0;
    width: 78px
}

.post-list-small--1 .post-list-small__entry-title {
    margin: 0
}

.post-list-small--2 .post-list-small__img-holder {
    border-radius: 0;
    width: 130px
}

.post-list-small--2 .post-list-small__entry-title {
    font-size: 16px
}

.post-list-small--3 {
    margin-bottom: 48px
}

.post-list-small--3 .post-list-small__item {
    border-bottom: 1px solid #E3E4E8;
    padding: 24px 0
}

.post-list-small--3 .post-list-small__item:first-child {
    border-top: 1px solid #E3E4E8
}

.post-list-small--3 .post-list-small__item:last-child {
    padding-bottom: 24px
}

.post-list-small--3 .post-list-small__img-holder {
    border-radius: 0;
    width: 84px
}

.post-list-small--3 .post-list-small__entry-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 500;
    color: #54555E
}

.video-playlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-playlist__content {
    width: 68%
}

.video-playlist__content>div {
    height: 100%
}

.video-playlist__list {
    width: 32%;
    background-color: #fff;
    border: 1px solid #E3E4E8
}

.video-playlist__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 1;
    padding: 16px 14px;
    border-bottom: 1px solid #E3E4E8
}

.video-playlist__list-item:last-child {
    border-bottom: 0
}

.video-playlist__list-item:hover .video-playlist__list-item-title {
    color: #2D95E3
}

.video-playlist__list-item--active .video-playlist__list-item-title {
    color: #2D95E3
}

.video-playlist__list-item-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 81px;
    flex: 0 0 81px;
    margin-right: 13px
}

.video-playlist__list-item-description {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle
}

.video-playlist__list-item-title {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.3
}

@media only screen and (max-width:991px) {
    .video-playlist {
        display: block
    }

    .video-playlist__list,
    .video-playlist__content {
        width: 100%
    }
}

.entry-score {
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #2D95E3;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.entry__img-holder .entry-score {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2
}

.play-btn {
    display: inline-block;
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 48px;
    height: 48px;
    border: 3px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.play-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -7px 0 0 -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff
}

.sidebar .widget {
    margin-bottom: 40px;
    background-color: #fff;
    padding: 32px;
    border: 1px solid #E3E4E8
}

.sidebar .widget_mc4wp_form_widget {
    padding: 32px !important
}

@media only screen and (min-width:1200px) {

    .blog__content--right,
    .sidebar--right {
        float: right
    }

    .sidebar--right {
        padding-left: 35px
    }
}

.widget-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 24px;
    font-weight: 700
}

.widget .entry:last-child {
    margin-bottom: 0
}

.widget .sub-menu {
    padding-left: 15px;
    padding-top: 5px
}

.widget .sub-menu li {
    padding: 5px 0 !important
}

.widget .children {
    padding-top: 10px;
    padding-left: 15px;
    margin-top: 10px
}

.widget_media_image {
    text-align: center;
    padding: 0 !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important
}

.widget-search-button,
.search-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    padding: 0 !important;
    border: 0;
    vertical-align: middle
}

.widget-search-button i,
.search-button i {
    font-size: 18px;
    margin: 0;
    top: 3px
}

.search-form {
    position: relative
}

.widget_categories li {
    padding: 9px 0;
    color: #54555E;
    line-height: 24px;
    border-bottom: 1px dashed rgba(168, 166, 166, 0.2)
}

.widget_categories li:first-child {
    padding-top: 0
}

.widget_categories li:last-child {
    padding-bottom: 0
}

.widget_categories li a {
    color: #54555E;
    margin-right: 10px
}

.widget_categories li a:before {
    content: "\e804";
    font-family: "ui-icons";
    font-size: 10px;
    color: #2D95E3;
    margin-right: 8px;
    line-height: 1;
    vertical-align: middle
}

.widget_categories li a:hover {
    color: #2D95E3
}

.categories-count {
    float: right;
    background-color: #f7f7f7;
    display: inline-block;
    padding: 0 11px;
    height: 24px;
    border-radius: 5px
}

.widget_mc4wp_form_widget .widget-title:after {
    display: none
}

.mc4wp-form-fields {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mc4wp-form-fields>.form-group:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text] {
    margin-bottom: 8px
}

.mc4wp-form-fields input[type=submit] {
    margin-bottom: 0;
    width: auto
}

.mc4wp-form-fields input[type=submit]:focus {
    background-color: #2D95E3
}

.newsletter__text {
    color: #83858F
}

.newsletter__icon {
    color: #AFB2BD;
    margin-right: 5px;
    font-size: 18px
}

.newsletter-wide {
    background-color: #f7f7f7;
    padding: 48px 0
}

.newsletter-wide__container {
    padding: 0 15px
}

@media only screen and (min-width:576px) {
    .newsletter-wide__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.newsletter-wide__text-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-wide__text {
    margin-bottom: 0
}

@media only screen and (max-width:575px) {
    .newsletter-wide__text {
        margin-bottom: 10px
    }
}

.newsletter-wide .mc4wp-form-fields input[type=email],
.newsletter-wide .mc4wp-form-fields input[type=text] {
    margin-bottom: 0;
    border-color: transparent
}

.widget-socials .socials {
    display: block
}

.widget_nav_menu li {
    padding: 4px 0
}

.widget_nav_menu li:first-child {
    padding-top: 0
}

.widget_nav_menu li:last-child {
    padding-bottom: 0
}

.widget-rating-posts .entry__title {
    font-size: 15px
}

.widget-rating-posts .post-list-small--2 .post-list-small__entry-title {
    font-size: 14px
}

.widget-latest-videos .entry__title {
    font-size: 15px
}

.widget-instagram-wide {
    padding-top: 48px;
    background-color: #fff
}

.widget-instagram-wide__title {
    margin-bottom: 32px
}

.widget-instagram-wide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-instagram__list {
    margin-left: -24px
}

.widget-instagram li {
    padding: 0 0 24px 24px;
    float: left;
    width: 33.3333%
}

.widget-logo .copyright {
    margin-top: 24px;
    margin-bottom: 24px
}

.tweet {
    word-wrap: break-word;
    margin-bottom: 5px
}

#tweets li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 18px
}

#tweets li:last-child {
    margin-bottom: 0
}

#tweets li:before {
    content: '\f099';
    font-family: 'ui-icons';
    color: #1DA1F2;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 3px
}

.timePosted {
    font-size: 12px !important;
    color: #83858F;
    text-transform: uppercase;
    margin-bottom: 0
}

.widget_tag_cloud a,
.entry__tags a {
    padding: 6px 10px;
    line-height: 1;
    margin: 0 8px 8px 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f7f7f7;
    font-family: "Source Sans Pro", sans-serif;
    color: #54555E;
    display: inline-block;
    float: left
}

.widget_tag_cloud a:hover,
.entry__tags a:hover {
    background-color: #2D95E3 !important;
    border-color: transparent;
    color: #fff !important
}

.tagcloud {
    overflow: hidden
}

.breadcrumbs {
    margin-top: 24px;
    margin-bottom: 24px
}

.breadcrumbs__item {
    display: inline-block;
    font-size: 14px
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__item i {
    font-size: 14px
}

.breadcrumbs__item:after {
    content: '\e804';
    font-family: 'ui-icons';
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 9px;
    margin: 0 6px
}

.breadcrumbs__url {
    color: #83858F
}

.single-post__entry-header {
    margin-bottom: 24px
}

.single-post__entry-title {
    font-size: 36px;
    margin-top: 12px;
    margin-bottom: 5px
}

@media only screen and (max-width:767px) {
    .single-post__entry-title {
        font-size: 24px
    }
}

.single-post__thumb-entry-title {
    max-width: 570px
}

.entry__article-wrap {
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media only screen and (min-width:992px) {
    .entry__article-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.entry__article>h1,
.entry__article>h2,
.entry__article>h3,
.entry__article>h4,
.entry__article>h5,
.entry__article>h6 {
    margin-top: 36px
}

.entry__article>p {
    margin-bottom: 34px;
    font-size: 18px;
    line-height: 30px
}

.entry__article p>a {
    text-decoration: underline
}

.entry__article figure {
    margin-bottom: 24px
}

.entry__article ol,
.entry__article ul {
    padding-left: 24px;
    line-height: 26px
}

.entry__article ul {
    list-style: disc
}

figure {
    margin: 0
}

figcaption {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
    color: #83858F
}

.entry__share {
    margin-bottom: 16px
}

.final-review {
    background-color: #171821;
    margin-bottom: 48px;
    background-position: center;
    background-repear: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.final-review__score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.final-review__score-number {
    background-color: #2D95E3;
    border: 5px solid #fff;
    font-size: 36px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
    color: #fff
}

.final-review__text-holder {
    padding: 48px 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    position: relative
}

.final-review__text-holder:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #2D95E3;
    opacity: .8
}

.final-review__title,
.final-review__text {
    color: #fff !important;
    position: relative;
    z-index: 1
}

.final-review__title {
    font-size: 36px
}

@media only screen and (max-width:767px) {
    .final-review {
        display: block
    }

    .final-review__score {
        padding: 48px 0
    }
}

.entry__tags {
    margin-top: 30px
}

.entry__tags a {
    float: none
}

.entry__tags i {
    font-size: 12px
}

.entry__tags-label {
    color: #171821;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
    margin-left: 3px
}

.entry-author {
    position: relative;
    padding: 24px;
    border: 1px solid #E3E4E8;
    margin-bottom: 30px;
    margin-top: 30px
}

.entry-author .avatar {
    display: block;
    float: left;
    margin-right: 24px;
    border-radius: 50%
}

@media only screen and (max-width:575px) {
    .entry-author .avatar {
        width: 50px;
        margin-right: 15px
    }
}

.entry-author__name {
    font-size: 16px;
    font-weight: 700
}

.entry-author__label {
    color: #83858F;
    display: inline-block;
    margin-right: 5px
}

.entry-author__info {
    overflow: hidden
}

.entry-navigation {
    padding: 24px 0
}

.entry-navigation--left {
    float: left;
    width: 50%
}

.entry-navigation--left i {
    margin-right: 7px
}

.entry-navigation--right {
    text-align: right;
    float: right;
    width: 50%
}

.entry-navigation--right i {
    margin-left: 7px
}

.entry-navigation i {
    font-size: 12px
}

.entry-navigation__label {
    display: inline-block;
    margin-bottom: 5px;
    color: #83858F;
    font-size: 13px
}

.entry-navigation a {
    display: block;
    color: #171821;
    font-weight: 700;
    line-height: 1.4
}

.entry-navigation a:hover {
    color: #2D95E3
}

@media only screen and (min-width:576px) {
    .comment .children {
        padding-left: 8%
    }
}

.comment-list>li:first-child>.comment-body {
    border-top: 0;
    padding-top: 0
}

.comment-body {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #E3E4E8
}

.comment-text {
    overflow: hidden
}

.comment-text p {
    margin-bottom: 10px
}

.comment-avatar {
    float: left;
    margin-right: 20px;
    display: block;
    border-radius: 50%;
    overflow: hidden
}

.comment-author {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 8px
}

.comment-metadata {
    display: inline-block
}

.comment-date,
.comment-edit-link {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #83858F
}

.comment-edit-link {
    margin-left: 5px;
    margin-bottom: 0;
    color: #2D95E3
}

.comment-reply {
    color: #171821;
    font-weight: 600
}

.comment-reply:hover {
    color: #2D95E3
}

.comment-form p {
    margin: 0
}

.comment-respond {
    margin-top: 40px
}

.page-title {
    font-size: 38px;
    margin-bottom: 24px
}

@media only screen and (max-width:575px) {
    .page-title {
        font-size: 24px
    }
}

.page-featured-img {
    margin-bottom: 40px
}

.gmap {
    width: 100%;
    height: 480px;
    margin-bottom: 40px
}

.contact-items {
    margin-bottom: 24px
}

.contact-item {
    padding: 3px 0
}

.contact-name,
.contact-email,
.contact-subject {
    max-width: 266px
}

.page-404-number {
    font-size: 80px;
    margin-bottom: 0
}

@media only screen and (max-width:575px) {
    .page-404-number {
        font-size: 50px
    }
}

.nav {
    min-height: 48px;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 120;
    position: relative;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.nav__holder {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)
}

.nav__wrap {
    padding-left: 40px
}

.nav__menu,
.nav__dropdown-menu {
    list-style: none
}

.nav__menu {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__menu>li {
    position: relative
}

.nav__menu>li.active a:before,
.nav__menu>li:hover a:before {
    width: 100%
}

.nav__menu>li>a {
    font-family: "Source Sans Pro", sans-serif;
    color: #171821;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 12px;
    display: block;
    position: relative;
    line-height: 48px
}

.nav__menu>li>a:hover {
    color: #2D95E3
}

.nav__menu>li>a:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #2D95E3;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav__dropdown>a:after {
    content: '\f123';
    font-family: 'ui-icons';
    margin-left: 7px;
    font-size: 10px;
    line-height: 1
}

.nav__dropdown .nav__dropdown>a:after {
    content: '\e804';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:992px) {
    .nav__menu>li {
        display: inline-block;
        text-align: center
    }

    .nav__dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 10px 0;
        z-index: 1000;
        min-width: 200px;
        width: 100%;
        text-align: left;
        list-style: none;
        white-space: nowrap;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        background-clip: padding-box;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .nav__dropdown-menu>li>a {
        color: #54555E;
        padding: 8px 22px;
        font-size: 14px;
        display: block
    }

    .nav__dropdown-menu>li>a:hover {
        color: #2D95E3
    }

    .nav__dropdown-menu.hide-dropdown {
        visibility: hidden !important;
        opacity: 0 !important
    }

    .nav__dropdown-menu--right {
        right: 0
    }

    .nav__dropdown:hover>.nav__dropdown-menu {
        opacity: 1;
        visibility: visible
    }

    .nav__dropdown-menu .nav__dropdown-menu {
        left: 100%;
        top: -10px
    }

    .nav__dropdown .nav__dropdown {
        position: relative
    }

    .nav__megamenu {
        padding: 32px 30px
    }

    .nav__megamenu .row {
        white-space: normal
    }

    .nav__megamenu-item .entry {
        margin-bottom: 0
    }

    .nav__megamenu-item .entry__title {
        font-size: 16px
    }

    .nav__megamenu-list a {
        font-family: "Poppins", sans-serif;
        display: block;
        clear: both;
        padding: 4px 0;
        white-space: nowrap;
        color: #b2b2b2;
        font-size: 15px
    }
}

.mobile body {
    cursor: pointer
}

.header {
    padding: 30px 0
}

.header__menu-list li {
    display: inline-block;
    font-size: 14px;
    margin-right: 19px
}

.header__menu-list a {
    color: #54555E
}

@media only screen and (min-width:992px) {
    .nav--1 {
        min-height: 82px
    }

    .nav--1 .container:before,
    .nav--1 .container:after {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        right: 15px;
        height: 2px;
        background-color: #E3E4E8
    }

    .nav--1 .container:after {
        bottom: 0
    }

    .nav--1 .nav--sticky,
    .nav--1 .nav__menu>li>a {
        height: 82px
    }

    .nav--1 .nav__menu>li>a {
        line-height: 82px
    }
}

.nav--1 .sticky {
    height: 48px
}

.nav--1 .sticky .nav__menu>li>a {
    line-height: 48px;
    height: 48px
}

.nav--1 .nav__holder {
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav--1 .nav__wrap {
    padding-left: 0;
    -webkit-box-flex: 4;
    -ms-flex: 4 0 0;
    flex: 4 0 0;
    text-align: center
}

.nav--1 .nav__menu>li>a:before {
    display: none
}

.home .nav--1 .container:after,
.nav--1 .nav__holder.scrolling .container:after,
.nav--1 .nav__holder.scrolling .container:before {
    display: none
}

@media only screen and (min-width:992px) {
    .nav--2 {
        min-height: 100px
    }

    .nav--2 .nav__holder {
        height: 100px
    }

    .nav--2 .nav__menu>li>a {
        line-height: 100px
    }
}

.nav--2 .nav__holder {
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav--2 .nav__wrap {
    padding-left: 0;
    -webkit-box-flex: 4;
    -ms-flex: 4 0 0;
    flex: 4 0 0;
    text-align: center
}

.nav--2 .nav__menu>li>a:before {
    display: none
}

.nav--2 .nav-icon-toggle {
    margin-right: 48px
}

.logo {
    line-height: 1
}

.logo-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .flex-parent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .flex-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    line-height: 1
}

.nav--align-right {
    margin-left: auto
}

.nav--align-left {
    margin-right: auto
}

.nav__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

@media only screen and (max-width:991px) {
    .nav__right-item {
        margin-right: 0
    }
}

.nav__right a:hover,
.nav__right a:focus {
    color: #2D95E3
}

.nav__search {
    margin-left: auto
}

.nav__search-box {
    width: 300px;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 15px 20px;
    background-color: #f7f7f7;
    display: none;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}

.nav__search-form {
    position: relative
}

.nav__search-input {
    margin-bottom: 0;
    display: block;
    line-height: 40px
}

.nav__search-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important;
    width: 42px
}

.nav__search-trigger {
    color: #171821;
    font-size: 23px;
    display: inline-block;
    width: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.nav__search .ui-close {
    font-size: 20px;
    position: relative
}

@media only screen and (max-width:991px) {
    .nav__search-box {
        width: 100%
    }
}

.nav__search-mobile-form {
    position: relative
}

.nav__search-mobile-input {
    height: 46px;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    color: #171821;
    border-radius: 0;
    border-bottom: 1px solid #182835
}

.nav__search-mobile-input:focus {
    background-color: transparent;
    border-color: #fff
}

.nav__search-mobile-submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    border: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    color: #9AA3AB;
    background-color: transparent
}

input.nav__search-mobile-input::-webkit-input-placeholder {
    color: #9AA3AB
}

input.nav__search-mobile-input:-moz-placeholder {
    color: #9AA3AB;
    opacity: 1
}

input.nav__search-mobile-input::-moz-placeholder {
    color: #9AA3AB;
    opacity: 1
}

input.nav__search-mobile-input:-ms-input-placeholder {
    color: #9AA3AB
}

.top-bar {
    background-color: #171821
}

.top-bar .social {
    color: #fff
}

.top-menu li {
    display: inline-block;
    font-size: 14px
}

.top-menu li:first-child a {
    padding-left: 0
}

.top-menu li:last-child a {
    padding-right: 0
}

.top-menu a {
    display: block;
    padding: 0 10px;
    line-height: 32px;
    color: #fff
}

.sidenav {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 320px;
    z-index: 121;
    overflow-y: auto;
    -webkit-transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform .5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform .5s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px)
}

.sidenav--is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.content-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 121;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    transition: .3s cubic-bezier(0.16, 0.36, 0, 0.98);
    background-color: rgba(0, 0, 0, 0.5)
}

.content-overlay--is-visible {
    opacity: 1;
    visibility: visible
}

.nav-icon-toggle {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .15s linear;
    transition: .15s linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin-right: 20px;
    overflow: visible
}

.nav-icon-toggle:focus {
    outline: none
}

.nav-icon-toggle__box {
    width: 18px;
    height: 20px;
    position: relative;
    display: block
}

.nav-icon-toggle__inner {
    display: block;
    top: 50%;
    margin-top: -1px;
    margin-left: 3px;
    width: 15px
}

.nav-icon-toggle__inner,
.nav-icon-toggle__inner:before,
.nav-icon-toggle__inner:after {
    height: 2px;
    background-color: #171821;
    position: absolute;
    -webkit-transition: .2s all;
    transition: .2s all
}

.nav-icon-toggle:hover .nav-icon-toggle__inner,
.nav-icon-toggle:hover .nav-icon-toggle__inner:before,
.nav-icon-toggle:hover .nav-icon-toggle__inner:after {
    background-color: #2D95E3
}

.nav-icon-toggle__inner:before,
.nav-icon-toggle__inner:after {
    content: "";
    display: block;
    margin-left: -3px
}

.nav-icon-toggle__inner:before {
    top: -6px;
    width: 18px
}

.nav-icon-toggle__inner:after {
    bottom: -6px;
    width: 18px
}

.sidenav__menu-container {
    margin-top: 52px
}

.sidenav__menu ul {
    list-style: none;
    padding: 0
}

.sidenav__menu li {
    position: relative;
    border-bottom: 1px solid #E3E4E8;
    font-size: 14px
}

.sidenav__menu li:last-child {
    border-bottom: 0
}

.sidenav__menu-dropdown {
    overflow: hidden;
    display: none;
    background-color: #f7f7f7
}

.sidenav__menu-dropdown li {
    border-color: #dbdce1;
    padding-left: 10px
}

.sidenav__menu-dropdown li:first-child {
    border-top: 1px solid #E3E4E8
}

.sidenav__menu-dropdown a {
    font-weight: 400;
    font-family: "Source Sans Pro", sans-serif
}

.sidenav__menu-dropdown a,
.sidenav__menu-dropdown:hover,
.sidenav__menu-dropdown .sidenav__menu-toggle {
    color: #171821
}

.sidenav__menu-toggle {
    position: absolute;
    top: 0;
    right: 5px;
    background-color: transparent;
    border: none;
    color: #54555E;
    font-size: 12px;
    padding: 0;
    width: 46px;
    height: 46px;
    text-align: center
}

.sidenav__menu-toggle:focus {
    outline: none
}

.sidenav__menu--is-open>a {
    background-color: #f7f7f7;
    color: #171821
}

.sidenav__menu--is-open>a:hover {
    color: #171821
}

.sidenav__menu--is-open>.sidenav__menu-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #54555E
}

.sidenav__menu--is-open>.sidenav__menu-toggle:hover {
    color: #54555E
}

.sidenav__menu-url {
    width: 100%;
    display: block;
    color: #54555E;
    padding: 12px 22px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.sidenav__menu-url:hover,
.sidenav__menu-url:focus {
    color: #2D95E3
}

.sidenav__close {
    position: absolute;
    right: 15px;
    top: 15px
}

.sidenav__close-button {
    padding: 0;
    background: transparent;
    border: 0;
    color: #171821;
    width: 24px;
    height: 24px
}

.sidenav__close-button:hover {
    color: #2D95E3
}

.sidenav__close-icon {
    font-size: 22px;
    line-height: 24px
}

.sidenav__socials {
    padding: 0 22px;
    margin-top: 20px
}

.nav--sticky {
    height: 48px
}

.nav--sticky.offset {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav--sticky.scrolling {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0)
}

.nav--sticky.sticky {
    z-index: 99999;
    position: fixed;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    height: 48px;
    top: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    z-index: 120
}

.nav--sticky.sticky.scrolling {
    opacity: 1;
    visibility: visible
}

.nav--sticky.sticky .nav__menu>li>a {
    line-height: 48px
}

.nav--sticky.sticky .logo-wrap a {
    height: 48px
}

.nav--colored .nav__holder {
    background-color: #2D95E3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav--colored .nav__menu>li>a,
.nav--colored .nav__menu>li>a:hover,
.nav--colored .nav__search-trigger,
.nav--colored .nav__right a:hover,
.nav--colored .nav__right a:focus {
    color: #fff
}

.nav--colored .nav-icon-toggle__inner,
.nav--colored .nav-icon-toggle__inner:before,
.nav--colored .nav-icon-toggle__inner:after,
.nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner,
.nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner:before,
.nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner:after {
    background-color: #fff
}

#back-to-top {
    display: block;
    z-index: 100;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: -34px;
    right: 20px;
    line-height: 32px;
    background-color: rgba(23, 24, 33, 0.5);
    -webkit-box-shadow: 1px 1.732px 12px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 1px 1.732px 12px 0 rgba(0, 0, 0, 0.03);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none
}

#back-to-top i {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#back-to-top a {
    display: block;
    color: #fff
}

#back-to-top.show {
    bottom: 20px
}

#back-to-top:hover {
    background-color: #2D95E3;
    border-color: transparent
}

#back-to-top:hover i {
    color: #fff
}

@media only screen and (max-width:991px) {
    .nav__header {
        height: 48px
    }

    .nav__wrap {
        text-align: left
    }

    .logo {
        position: absolute;
        left: 50%;
        top: 22%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 48px;
        line-height: 48px;
        text-align: center
    }

    .menu__tutacagi {
        background-color: #fff;
    }
}

.footer {
    position: relative
}

.footer a:not(.social):hover {
    color: #2D95E3
}

.footer--white {
    background-color: #fff
}

.footer--dark {
    background-color: #171821
}

.footer--dark a,
.footer--dark .widget-title,
.footer--dark .social {
    color: #fff
}

.footer--dark p {
    color: #83858F !important
}

.footer--dark .post-list-small__item,
.footer--dark .widget_nav_menu li {
    border-color: #54555E
}

.footer--dark .entry__meta li {
    color: #5f686b !important
}

.footer--dark .mc4wp-form-fields input[type=email],
.footer--dark .mc4wp-form-fields input[type=text] {
    border-color: transparent
}

.footer--dark .mc4wp-form-fields input[type=email]:focus,
.footer--dark .mc4wp-form-fields input[type=text]:focus {
    border-color: #2D95E3
}

.footer--dark .newsletter__icon {
    color: #575961
}

.footer--dark .tagcloud a {
    background-color: #2D2E36;
    color: #fff
}

.footer__widgets {
    padding: 90px 0
}

.footer__widgets p {
    font-size: 14px;
    line-height: 26px
}

@media only screen and (max-width:991px) {
    .footer__widgets>.row>div:not(:last-child) {
        margin-bottom: 50px
    }
}

.footer__widgets--short {
    padding: 60px 0
}

.footer .logo__img {
    display: block;
    padding-bottom: 20px
}

.footer--grey {
    background-color: #f7f7f7
}

.footer--bg-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.footer--bg-img:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(23, 24, 33, 0.9)
}

.footer__widgets-top {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #54555E
}

.footer__nav-menu {
    line-height: 30px
}

.footer__nav-menu li {
    display: inline-block;
    margin-right: 24px
}

.footer__nav-menu li:last-child {
    margin-right: 0
}

.footer__nav-menu a {
    color: #171821
}

.footer__nav-menu a:hover {
    color: #2D95E3
}

.footer__nav-menu+.copyright {
    margin-top: 24px
}

.footer__nav-menu--1 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.copyright {
    color: #83858F;
    display: inline-block;
    font-size: 15px !important
}

.copyright a {
    color: inherit
}

.copyright a:hover {
    color: #2D95E3
}

.footer__bottom {
    padding: 45px 0 35px;
    position: relative
}

@media only screen and (max-width:991px) {
    .footer__bottom .copyright {
        margin-top: 15px
    }
}

.footer__bottom .widget_nav_menu li {
    display: inline-block;
    margin-right: 15px;
    border-bottom: 0;
    padding: 0
}

.footer__bottom .widget_nav_menu li:last-child {
    margin-right: 0
}

.footer__bottom--dark {
    background-color: #0E0F14
}

.footer__bottom--dark .footer__nav-menu a {
    color: #fff
}

.footer__bottom--dark .footer__nav-menu a:hover {
    color: #2D95E3
}

.footer__bottom--white {
    background-color: #fff
}

.m-0 {
    margin: 0 !important
}

.p-0 {
    padding: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-8 {
    margin-top: 8px
}

.mt-16 {
    margin-top: 16px
}

.mt-24 {
    margin-top: 24px
}

.mt-32 {
    margin-top: 32px
}

.mt-40 {
    margin-top: 40px
}

.mt-48 {
    margin-top: 48px
}

.mt-56 {
    margin-top: 56px
}

.mt-64 {
    margin-top: 64px
}

.mt-72 {
    margin-top: 72px
}

.mt-80 {
    margin-top: 80px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-8 {
    margin-bottom: 8px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-24 {
    margin-bottom: 24px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-48 {
    margin-bottom: 48px
}

.mb-56 {
    margin-bottom: 56px
}

.mb-64 {
    margin-bottom: 64px
}

.mb-72 {
    margin-bottom: 72px
}

.mb-80 {
    margin-bottom: 80px
}

.pt-0 {
    padding-top: 0
}

.pt-8 {
    padding-top: 8px
}

.pt-16 {
    padding-top: 16px
}

.pt-24 {
    padding-top: 24px
}

.pt-32 {
    padding-top: 32px
}

.pt-40 {
    padding-top: 40px
}

.pt-48 {
    padding-top: 48px
}

.pt-56 {
    padding-top: 56px
}

.pt-64 {
    padding-top: 64px
}

.pt-72 {
    padding-top: 72px
}

.pt-80 {
    padding-top: 80px
}

.pb-0 {
    padding-bottom: 0
}

.pb-8 {
    padding-bottom: 8px
}

.pb-16 {
    padding-bottom: 16px
}

.pb-24 {
    padding-bottom: 24px
}

.pb-32 {
    padding-bottom: 32px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-48 {
    padding-bottom: 48px
}

.pb-56 {
    padding-bottom: 56px
}

.pb-64 {
    padding-bottom: 64px
}

.pb-72 {
    padding-bottom: 72px
}

.pb-80 {
    padding-bottom: 80px
}

@media only screen and (max-width:1199px) {
    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-8 {
        margin-top: 8px
    }

    .mt-lg-16 {
        margin-top: 16px
    }

    .mt-lg-24 {
        margin-top: 24px
    }

    .mt-lg-32 {
        margin-top: 32px
    }

    .mt-lg-40 {
        margin-top: 40px
    }

    .mt-lg-48 {
        margin-top: 48px
    }

    .mt-lg-56 {
        margin-top: 56px
    }

    .mt-lg-64 {
        margin-top: 64px
    }

    .mt-lg-72 {
        margin-top: 72px
    }

    .mt-lg-80 {
        margin-top: 80px
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-8 {
        margin-bottom: 8px
    }

    .mb-lg-16 {
        margin-bottom: 16px
    }

    .mb-lg-24 {
        margin-bottom: 24px
    }

    .mb-lg-32 {
        margin-bottom: 32px
    }

    .mb-lg-40 {
        margin-bottom: 40px
    }

    .mb-lg-48 {
        margin-bottom: 48px
    }

    .mb-lg-56 {
        margin-bottom: 56px
    }

    .mb-lg-64 {
        margin-bottom: 64px
    }

    .mb-lg-72 {
        margin-bottom: 72px
    }

    .mb-lg-80 {
        margin-bottom: 80px
    }

    .pt-lg-0 {
        padding-top: 0
    }

    .pt-lg-8 {
        padding-top: 8px
    }

    .pt-lg-16 {
        padding-top: 16px
    }

    .pt-lg-24 {
        padding-top: 24px
    }

    .pt-lg-32 {
        padding-top: 32px
    }

    .pt-lg-40 {
        padding-top: 40px
    }

    .pt-lg-48 {
        padding-top: 48px
    }

    .pt-lg-56 {
        padding-top: 56px
    }

    .pt-lg-64 {
        padding-top: 64px
    }

    .pt-lg-72 {
        padding-top: 72px
    }

    .pt-lg-80 {
        padding-top: 80px
    }

    .pb-lg-0 {
        padding-bottom: 0
    }

    .pb-lg-8 {
        padding-bottom: 8px
    }

    .pb-lg-16 {
        padding-bottom: 16px
    }

    .pb-lg-24 {
        padding-bottom: 24px
    }

    .pb-lg-32 {
        padding-bottom: 32px
    }

    .pb-lg-40 {
        padding-bottom: 40px
    }

    .pb-lg-48 {
        padding-bottom: 48px
    }

    .pb-lg-56 {
        padding-bottom: 56px
    }

    .pb-lg-64 {
        padding-bottom: 64px
    }

    .pb-lg-72 {
        padding-bottom: 72px
    }

    .pb-lg-80 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:991px) {
    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-8 {
        margin-top: 8px
    }

    .mt-md-16 {
        margin-top: 16px
    }

    .mt-md-24 {
        margin-top: 24px
    }

    .mt-md-32 {
        margin-top: 32px
    }

    .mt-md-40 {
        margin-top: 40px
    }

    .mt-md-48 {
        margin-top: 48px
    }

    .mt-md-56 {
        margin-top: 56px
    }

    .mt-md-64 {
        margin-top: 64px
    }

    .mt-md-72 {
        margin-top: 72px
    }

    .mt-md-80 {
        margin-top: 80px
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-8 {
        margin-bottom: 8px
    }

    .mb-md-16 {
        margin-bottom: 16px
    }

    .mb-md-24 {
        margin-bottom: 24px
    }

    .mb-md-32 {
        margin-bottom: 32px
    }

    .mb-md-40 {
        margin-bottom: 40px
    }

    .mb-md-48 {
        margin-bottom: 48px
    }

    .mb-md-56 {
        margin-bottom: 56px
    }

    .mb-md-64 {
        margin-bottom: 64px
    }

    .mb-md-72 {
        margin-bottom: 72px
    }

    .mb-md-80 {
        margin-bottom: 80px
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pt-md-8 {
        padding-top: 8px
    }

    .pt-md-16 {
        padding-top: 16px
    }

    .pt-md-24 {
        padding-top: 24px
    }

    .pt-md-32 {
        padding-top: 32px
    }

    .pt-md-40 {
        padding-top: 40px
    }

    .pt-md-48 {
        padding-top: 48px
    }

    .pt-md-56 {
        padding-top: 56px
    }

    .pt-md-64 {
        padding-top: 64px
    }

    .pt-md-72 {
        padding-top: 72px
    }

    .pt-md-80 {
        padding-top: 80px
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .pb-md-8 {
        padding-bottom: 8px
    }

    .pb-md-16 {
        padding-bottom: 16px
    }

    .pb-md-24 {
        padding-bottom: 24px
    }

    .pb-md-32 {
        padding-bottom: 32px
    }

    .pb-md-40 {
        padding-bottom: 40px
    }

    .pb-md-48 {
        padding-bottom: 48px
    }

    .pb-md-56 {
        padding-bottom: 56px
    }

    .pb-md-64 {
        padding-bottom: 64px
    }

    .pb-md-72 {
        padding-bottom: 72px
    }

    .pb-md-80 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:767px) {
    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-8 {
        margin-top: 8px
    }

    .mt-sm-16 {
        margin-top: 16px
    }

    .mt-sm-24 {
        margin-top: 24px
    }

    .mt-sm-32 {
        margin-top: 32px
    }

    .mt-sm-40 {
        margin-top: 40px
    }

    .mt-sm-48 {
        margin-top: 48px
    }

    .mt-sm-56 {
        margin-top: 56px
    }

    .mt-sm-64 {
        margin-top: 64px
    }

    .mt-sm-72 {
        margin-top: 72px
    }

    .mt-sm-80 {
        margin-top: 80px
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-8 {
        margin-bottom: 8px
    }

    .mb-sm-16 {
        margin-bottom: 16px
    }

    .mb-sm-24 {
        margin-bottom: 24px
    }

    .mb-sm-32 {
        margin-bottom: 32px
    }

    .mb-sm-40 {
        margin-bottom: 40px
    }

    .mb-sm-48 {
        margin-bottom: 48px
    }

    .mb-sm-56 {
        margin-bottom: 56px
    }

    .mb-sm-64 {
        margin-bottom: 64px
    }

    .mb-sm-72 {
        margin-bottom: 72px
    }

    .mb-sm-80 {
        margin-bottom: 80px
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pt-sm-8 {
        padding-top: 8px
    }

    .pt-sm-16 {
        padding-top: 16px
    }

    .pt-sm-24 {
        padding-top: 24px
    }

    .pt-sm-32 {
        padding-top: 32px
    }

    .pt-sm-40 {
        padding-top: 40px
    }

    .pt-sm-48 {
        padding-top: 48px
    }

    .pt-sm-56 {
        padding-top: 56px
    }

    .pt-sm-64 {
        padding-top: 64px
    }

    .pt-sm-72 {
        padding-top: 72px
    }

    .pt-sm-80 {
        padding-top: 80px
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .pb-sm-8 {
        padding-bottom: 8px
    }

    .pb-sm-16 {
        padding-bottom: 16px
    }

    .pb-sm-24 {
        padding-bottom: 24px
    }

    .pb-sm-32 {
        padding-bottom: 32px
    }

    .pb-sm-40 {
        padding-bottom: 40px
    }

    .pb-sm-48 {
        padding-bottom: 48px
    }

    .pb-sm-56 {
        padding-bottom: 56px
    }

    .pb-sm-64 {
        padding-bottom: 64px
    }

    .pb-sm-72 {
        padding-bottom: 72px
    }

    .pb-sm-80 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:575px) {
    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-8 {
        margin-top: 8px
    }

    .mt-xs-16 {
        margin-top: 16px
    }

    .mt-xs-24 {
        margin-top: 24px
    }

    .mt-xs-32 {
        margin-top: 32px
    }

    .mt-xs-40 {
        margin-top: 40px
    }

    .mt-xs-48 {
        margin-top: 48px
    }

    .mt-xs-56 {
        margin-top: 56px
    }

    .mt-xs-64 {
        margin-top: 64px
    }

    .mt-xs-72 {
        margin-top: 72px
    }

    .mt-xs-80 {
        margin-top: 80px
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-8 {
        margin-bottom: 8px
    }

    .mb-xs-16 {
        margin-bottom: 16px
    }

    .mb-xs-24 {
        margin-bottom: 24px
    }

    .mb-xs-32 {
        margin-bottom: 32px
    }

    .mb-xs-40 {
        margin-bottom: 40px
    }

    .mb-xs-48 {
        margin-bottom: 48px
    }

    .mb-xs-56 {
        margin-bottom: 56px
    }

    .mb-xs-64 {
        margin-bottom: 64px
    }

    .mb-xs-72 {
        margin-bottom: 72px
    }

    .mb-xs-80 {
        margin-bottom: 80px
    }

    .pt-xs-0 {
        padding-top: 0
    }

    .pt-xs-8 {
        padding-top: 8px
    }

    .pt-xs-16 {
        padding-top: 16px
    }

    .pt-xs-24 {
        padding-top: 24px
    }

    .pt-xs-32 {
        padding-top: 32px
    }

    .pt-xs-40 {
        padding-top: 40px
    }

    .pt-xs-48 {
        padding-top: 48px
    }

    .pt-xs-56 {
        padding-top: 56px
    }

    .pt-xs-64 {
        padding-top: 64px
    }

    .pt-xs-72 {
        padding-top: 72px
    }

    .pt-xs-80 {
        padding-top: 80px
    }

    .pb-xs-0 {
        padding-bottom: 0
    }

    .pb-xs-8 {
        padding-bottom: 8px
    }

    .pb-xs-16 {
        padding-bottom: 16px
    }

    .pb-xs-24 {
        padding-bottom: 24px
    }

    .pb-xs-32 {
        padding-bottom: 32px
    }

    .pb-xs-40 {
        padding-bottom: 40px
    }

    .pb-xs-48 {
        padding-bottom: 48px
    }

    .pb-xs-56 {
        padding-bottom: 56px
    }

    .pb-xs-64 {
        padding-bottom: 64px
    }

    .pb-xs-72 {
        padding-bottom: 72px
    }

    .pb-xs-80 {
        padding-bottom: 80px
    }
}

.full-overlay {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5)
}

.bottom-gradient {
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}

.top-divider {
    border-top: 1px solid #E3E4E8
}

.bottom-divider {
    border-bottom: 1px solid #E3E4E8
}

body.admin-bar .nav--sticky {
    top: 50px
}

.gallery-caption {
    display: block
}

img {
    height: auto
}

.alignnone {
    margin: 8px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 8px auto
}

.alignright {
    float: right;
    margin: 8px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 8px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 8px 0 20px 20px
}

a img.alignnone {
    margin: 8px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 8px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text,
.says {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
    border: 1px solid #E3E4E8;
    padding: 2px
}

.widget_recent_entries ul li a {
    color: #54555E
}

.widget_recent_entries ul li a:hover {
    color: #2D95E3
}

.widget .recentcomments a {
    color: #54555E
}

#wp-calendar {
    width: 100%
}

#wp-calendar th,
#wp-calendar td {
    text-align: center
}

#wp-calendar tbody td {
    line-height: 1
}

#wp-calendar>tfoot>tr {
    border: 1px solid #E3E4E8
}

#wp-calendar>tfoot>tr>td {
    border: 0
}

.post-password-form label>input {
    margin-bottom: 24px
}

.post-password-form label+input {
    line-height: 41px;
    font-size: 11px;
    padding: 0 24px;
    font-family: "Poppins", sans-serif;
    border: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    background-color: #000;
    color: #fff;
    position: relative;
    top: -2px;
    width: auto
}

.post.sticky .entry__title:before {
    content: '\e804';
    font-family: "ui-icons";
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -2px;
    font-size: 18px;
    color: #bbb;
    max-height: 20px
}

dt,
dd {
    padding: 10px 0;
    border-bottom: 1px solid #E3E4E8
}

.entry-pages {
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E4E8
}

.entry-pages a {
    min-width: 12px;
    display: inline-block;
    text-align: center
}

.comment-navigation {
    margin: 20px 0
}

.comment-navigation .nav-previous {
    float: left
}

.comment-navigation .nav-next {
    float: right
}

.comment-respond {
    margin-top: 60px
}

.style-default .card,
.style-default .sidebar .widget,
.style-default .content-box {
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1)
}

.style-default .sidebar .widget,
.style-default .owl-prev,
.style-default .owl-next {
    border: 0
}

.style-rounded .trending-now,
.style-rounded .content-box,
.style-rounded .card,
.style-rounded .card__body,
.style-rounded input,
.style-rounded select,
.style-rounded textarea,
.style-rounded .social,
.style-rounded .entry__meta-category--label,
.style-rounded .owl-prev,
.style-rounded .owl-next,
.style-rounded .thumb__img-holder,
.style-rounded .entry__play-time,
.style-rounded .pagination__page,
.style-rounded #back-to-top,
.style-rounded .btn,
.style-rounded .sidebar .widget {
    border-radius: 5px
}

.style-rounded .widget-search-button,
.style-rounded .search-button,
.style-rounded .mc4wp-form-fields input[type=submit] {
    border-radius: 0 5px 5px 0
}

.style-rounded .mc4wp-form-fields input[type=email],
.style-rounded .mc4wp-form-fields input[type=text] {
    border-radius: 5px 0 0 5px
}

.style-rounded .nav__search-box {
    border-radius: 0 0 5px 5px
}

.style-politics {
    font-family: "Roboto", sans-serif
}

.style-politics h1,
.style-politics h2,
.style-politics h3,
.style-politics h4,
.style-politics h5,
.style-politics h6 {
    letter-spacing: normal;
    line-height: 1.2
}

.style-politics .entry__excerpt p {
    font-size: 15px;
    line-height: 22px
}

.style-politics h1,
.style-politics h2,
.style-politics h3,
.style-politics h4,
.style-politics h5,
.style-politics h6,
.style-politics .nav__menu>li>a,
.style-politics .entry__meta-category,
.style-politics .btn,
.style-politics .all-posts-url,
.style-politics .sidenav__menu-url,
.style-politics .trending-now__label,
.style-politics .widget_tag_cloud a,
.style-politics .entry__tags a,
.style-politics .entry-date-label,
.style-politics label {
    font-family: "Roboto", sans-serif
}

.style-politics .widget-title,
.style-politics .section-title {
    color: #c41e1e
}

.style-politics .widget-title {
    font-size: 14px
}

.style-politics .entry__title {
    font-size: 18px;
    margin-top: 8px
}

.style-politics .sidebar .widget {
    padding: 32px 16px
}

.style-politics .title-wrap--line {
    border-top: 2px solid #E3E4E8
}

.style-fashion {
    font-family: "Barlow", sans-serif
}

.style-fashion h1,
.style-fashion h2,
.style-fashion h3,
.style-fashion h4,
.style-fashion h5,
.style-fashion h6 {
    letter-spacing: normal;
    line-height: 1.2;
    font-family: "Lora", serif
}

.style-fashion p {
    color: #171821
}

.style-fashion .nav__menu>li>a,
.style-fashion .sidenav__menu-url,
.style-fashion .btn,
.style-fashion .entry__meta-category,
.style-fashion .widget_tag_cloud a,
.style-fashion .entry__tags a,
.style-fashion .entry-date-label,
.style-fashion label {
    font-family: "Barlow", sans-serif
}

.style-fashion .widget-socials .social {
    background-color: #fff;
    color: #171821
}

.style-fashion .entry__meta a,
.style-fashion .entry__meta li {
    color: #171821
}

.style-fashion .entry__meta {
    margin-bottom: 12px
}

.style-fashion .entry__meta li {
    font-weight: 500
}

.style-fashion .entry__play-time {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px
}

.style-fashion .widget-title,
.style-fashion .section-title {
    text-transform: none
}

.style-fashion .widget-title {
    font-size: 20px
}

.style-fashion .title-wrap {
    margin-bottom: 24px
}

.style-fashion .section-title {
    font-size: 24px
}

.style-fashion .entry__meta-author {
    font-family: "Lora", serif;
    font-style: italic;
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
    color: #83858F
}

.style-fashion .entry__title+.entry__meta {
    margin-top: 16px
}

.style-fashion .sidebar .widget {
    background-color: transparent;
    padding: 0;
    border: 0
}

.style-fashion .sidebar .widget_mc4wp_form_widget {
    background-color: #fff
}

.style-fashion .newsletter-wide {
    background-color: #FFEBEE
}

.style-fashion .post-list {
    min-height: 285px;
    border-bottom: 1px solid #E3E4E8;
    padding-bottom: 20px
}

.style-fashion .post-list:last-child {
    border-color: transparent
}

.style-fashion .copyright {
    color: #83858F
}

.style-games {
    font-family: "Barlow", sans-serif
}

.style-games h1,
.style-games h2,
.style-games h3,
.style-games h4,
.style-games h5,
.style-games h6 {
    letter-spacing: normal;
    line-height: 1.2;
    font-family: "Barlow", sans-serif;
    font-weight: 700
}

.style-games .btn,
.style-games .nav__menu>li>a,
.style-games .trending-now__label,
.style-games .sidenav__menu-url,
.style-games .entry__meta-category,
.style-games .widget_tag_cloud a,
.style-games .entry__tags a,
.style-games .entry-date-label,
.style-games label {
    font-family: "Barlow", sans-serif
}

.style-games .entry__title {
    font-size: 18px
}

.style-games .entry__meta-category {
    font-weight: 700;
    font-size: 14px
}

.style-games .card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.style-games .card__body {
    border: 1px solid #E3E4E8
}

.style-games .footer__widgets {
    padding: 56px 0
}

.style-games .footer .widget-title {
    color: #2D95E3;
    font-size: 14px
}

.style-games .footer__nav-menu+.copyright {
    margin-top: 24px
}

.style-videos {
    font-family: "Poppins", sans-serif
}

.style-videos h1,
.style-videos h2,
.style-videos h3,
.style-videos h4,
.style-videos h5,
.style-videos h6 {
    letter-spacing: normal;
    font-family: "Poppins", sans-serif;
    font-weight: 500
}

.style-videos .section-title,
.style-videos .widget-title {
    font-weight: 700
}

.style-videos .btn,
.style-videos .nav__menu>li>a,
.style-videos .trending-now__label,
.style-videos .sidenav__menu-url,
.style-videos .entry__meta-category,
.style-videos .widget_tag_cloud a,
.style-videos .entry__tags a,
.style-videos .entry-date-label,
.style-videos label {
    font-family: "Poppins", sans-serif
}

.style-videos .nav__dropdown.active {
    background-color: #2D95E3
}

.style-videos .nav__dropdown.active>a {
    color: #fff
}

.style-music {
    font-family: "Roboto", sans-serif
}

.style-music h1,
.style-music h2,
.style-music h3,
.style-music h4,
.style-music h5,
.style-music h6 {
    letter-spacing: normal;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    line-height: 1.2
}

.style-music .entry-date-label {
    font-family: "Rubik", sans-serif
}

.style-music p {
    font-family: "Roboto", sans-serif
}

.style-music .btn,
.style-music .nav__menu>li>a,
.style-music .trending-now__label,
.style-music .sidenav__menu-url,
.style-music .entry__meta-category,
.style-music .widget_tag_cloud a,
.style-music .entry__tags a,
.style-music label {
    font-family: "Roboto", sans-serif
}

.style-music .card__body {
    border: 1px solid #E3E4E8
}

.style-music .widget-title {
    color: #2D95E3;
    font-size: 14px
}

.iconlistem {
    z-index: 9999;
    float: left;
    padding: 0;
    border: 0;
    line-height: 5px
}

.iconlistem a:hover {
    -webkit-animation: rubberBand .3s;
    animation: rubberBand .3s
}

a.iliste1 {
    background: url(icon/kahkaha.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste2 {
    background: url(icon/bayildim.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste3 {
    background: url(icon/cool.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste4 {
    background: url(icon/kizgin.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste5 {
    background: url(icon/mahcup.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste6 {
    background: url(icon/ogretici.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste7 {
    background: url(icon/saskin.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste8 {
    background: url(icon/suskun.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste9 {
    background: url(icon/tatli.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste10 {
    background: url(icon/uzgun.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste11 {
    background: url(icon/super.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

a.iliste12 {
    background: url(icon/ucuyor.png) no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.iconlistem a p {
    display: none
}

.iconlistem a:hover p {
    background: #ed1b24;
    position: absolute;
    z-index: 999;
    display: block;
    float: left;
    width: auto;
    max-width: 75px;
    height: 17px;
    overflow: hidden;
    margin: -5px 0 0 25px;
    padding: 10px 10px 15px;
    border: 0;
    border-radius: 6px;
    font-size: 12px;
    color: #FFF;
    font-weight: 800;
    text-decoration: none
}

.iconlarx20 {
    position: absolute;
    float: left;
    width: 90px;
    height: 20px;
    z-index: 99999;
    overflow: hidden;
    margin: -6px 0 0;
    padding: 0;
    border: 0
}

.iconlarx30 {
    position: absolute;
    float: left;
    width: 100px;
    height: 30px;
    z-index: 99999;
    overflow: hidden;
    margin: -6px 0 0;
    padding: 0;
    border: 0
}

.iconlarx40 {
    position: absolute;
    float: left;
    width: 180px;
    height: 35px;
    z-index: 99999;
    overflow: hidden;
    margin: 5px 0 0;
    padding: 0;
    border: 0
}

.iconlardx40 {
    position: absolute;
    float: left;
    width: 180px;
    height: 35px;
    z-index: 99999;
    overflow: hidden;
    margin: -9px 0 0 42px;
    padding: 0;
    border: 0
}

.kahkaha {
    background: url(icon/kahkaha.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.bayildim {
    background: url(icon/bayildim.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.cool {
    background: url(icon/cool.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.kizgin {
    background: url(icon/kizgin.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.mahcup {
    background: url(icon/mahcup.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.ogretici {
    background: url(icon/ogretici.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.saskin {
    background: url(icon/saskin.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.suskun {
    background: url(icon/suskun.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.tatli {
    background: url(icon/tatli.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.uzgun {
    background: url(icon/uzgun.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.super {
    background: url(icon/super.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.ucuyor {
    background: url(icon/ucuyor.png) no-repeat;
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0
}

.x20 {
    background-size: 20px;
    width: 20px;
    height: 20px
}

.x30 {
    background-size: 30px;
    width: 30px;
    height: 30px
}

.x40 {
    background-size: 35px;
    width: 35px;
    height: 35px
}

.dx40 {
    background-size: 35px;
    width: 35px;
    height: 35px
}

.x20 a {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0
}

.x30 a {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0
}

.x40 a {
    float: left;
    width: 35px;
    height: 35px;
    margin: 0
}

.dx40 a {
    float: left;
    width: 35px;
    height: 35px;
    margin: 0
}

.x20:hover,
.x30:hover,
.x40:hover,
.dx40:hover {
    -webkit-animation: rubberBand .7s;
    animation: rubberBand .7s
}

.scrollup i {
    width: 40px px;
    height: 40px px;
    line-height: 40 px;
    display: block;
    border-radius: 2 px;
    text-align: center;
    background-color: #333
}

.bn-lg {
    min-width: 728px;
    min-height: 90px;
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 30px 0
}

.bn-md {
    min-width: 468px;
    min-height: 60px;
    display: none;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0
}

.bn-sm {
    min-width: 234px;
    min-height: 60px;
    display: none;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0
}

.bn-lg-sidebar {
    min-width: 300px;
    min-height: 250px;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 0 0 30px
}

.bn-list {
    float: left
}

.bn-post-detail {
    float: left;
    padding-bottom: 0
}

.bn-sm-index {
    padding-top: 25px
}

.index-sm {
    padding-bottom: 0 !important
}

.post-content .bn-lg,
.post-content .bn-md,
.post-content .bn-sm {
    padding-top: 5px !important;
    padding-bottom: 20px !important
}

.bn-bottom-post .bn-lg,
.bn-bottom-post .bn-md,
.bn-bottom-post .bn-sm {
    padding-bottom: 0 !important
}

.post-content .bn-bottom-post .bn-list {
    margin-top: 15px
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: none !important;
    font-weight: 500 !important
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    text-align: center
}

.animated {
    animation-fill-mode: none !important
}

.text-style {
    line-height: 28px !important;
    font-size: 15px !important
}

.footer-bottom-left {
    float: left
}

.footer-bottom-right {
    float: right
}

@media (min-width:991px) {

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: right !important
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: right !important
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .navbar-left {
        padding-right: 15px !important
    }
}

@media (max-width:991px) {
    .navbar-header {
        width: 100% !important;
        margin: 0 !important
    }

    .navbar-toggle {
        margin-right: 0 !important
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        float: right !important;
        width: 100% !important;
        padding-right: 30px
    }

    .w-our-picks-list li .title {
        float: right
    }

    .icerik .post-share .btn-share i {
        margin: 0 !important
    }

    .icerik .post-share .btn-share {
        margin-left: 8px;
        width: 40px
    }

    .contact-right {
        float: left !important
    }

    .contact-left {
        float: right !important;
        margin-bottom: 30px
    }

    .contact-item .contact-icon {
        float: right
    }

    .contact-left {
        float: right !important;
        margin-bottom: 30px
    }

    .contact-item .contact-icon {
        float: right
    }
}

@media (min-width:991px) {

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: right !important
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: right !important
    }
}

#content {
    float: right
}

#sidebar {
    float: right
}

.navbar-header {
    float: right
}

.navbar-left {
    float: right !important
}

.nav-right {
    left: 0;
    right: auto !important;
    width: auto !important
}

.navbar-brand {
    margin-right: 0 !important;
    margin-left: 5px !important
}

.navbar-nav>li {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.navbar-inverse .dropdown .dropdown-menu>li>a {
    text-align: right
}

.home-slider-item .item-info .item-meta a {
    margin-right: 0;
    margin-left: 8px
}

.home-slider-item .item-info .item-meta span {
    margin-right: 0;
    margin-left: 8px;
    text-align: right
}

.home-slider-item .item-info .item-meta span i {
    margin-right: 0;
    margin-left: 8px
}

.post-meta .post-meta-inner span,
.post-meta .post-meta-inner a {
    margin-right: 0;
    margin-left: 10px
}

.post-buttons .read-more {
    float: left !important
}

.read-more i {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 10px
}

.read-more:hover .read-more-i {
    margin-right: 25px;
    margin-left: 5px
}

.pagination {
    float: left
}

.w-popular-list li img {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.w-our-picks-list li .label-post-category {
    margin: 8px 8px 0 0
}

.w-category-list li a {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.w-tag-list li {
    float: right;
    list-style: outside none none;
    margin-bottom: 8px;
    margin-right: 0;
    margin-left: 8px
}

.label-poll-option {
    margin-left: 0;
    margin-right: 5px
}

.poll .button-cnt button {
    margin-right: 0;
    margin-left: 15px
}

.f-random-list li img {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.newsletter .newsletter-button {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.newsletter input {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.footer-bottom-left {
    float: right
}

.footer-bottom-right {
    float: left
}

.nav-footer li {
    margin-right: 0;
    margin-left: 15px
}

.nav-footer li:last-child {
    margin-left: 0
}

.post-content .post-meta form {
    float: left
}

.post-avatar {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.post-content .post-meta a {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.post-content .post-meta span {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.add-to-reading-list {
    float: left !important;
    float: left !important;
    margin-top: 0
}

.delete-from-reading-list {
    float: left !important;
    margin-top: 10px
}

.add-to-reading-list {
    float: right
}

.add-to-reading-list {
    float: left !important
}

.icerik .post-share .btn-share {
    float: right;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 10px
}

.icerik .post-share .btn-share i {
    margin-right: 0;
    margin-left: 10px
}

.icerik .post-share {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px
}

.icerik .post-share .btn-share {
    display: block;
    float: left;
    border: 0;
    background-color: #ececec;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 100px
}

.icerik .post-share .btn-share i {
    margin-right: 10px;
    font-size: 16px
}

.icerik .post-share .btn-share:hover {
    color: #efefef
}

.icerik .post-share .facebook {
    background-color: #3b5998
}

.icerik .post-share .gplus {
    background-color: #dd4b39
}

.icerik .post-share .twitter {
    background-color: #55acee
}

.icerik .post-share .vk {
    background-color: #5b88bd
}

.icerik .post-share .pinterest {
    background-color: #cc2127
}

.icerik .post-share .linkedin {
    background-color: #0077b5
}

.icerik .post-share .whatsapp {
    background: #2CB742
}

.add-to-reading-list {
    color: #4cae4c !important;
    font-size: 12px !important;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important
}

.delete-from-reading-list {
    color: #c52d2f !important;
    font-size: 12px !important;
    line-height: 30px;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.icerik .post-share .btn-share {
    float: left;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 10px;
    width: 112px
}

.icerik .post-share .btn-share i {
    margin-right: 0;
    margin-left: 0
}

.post-content .tags-title {
    float: right;
    margin: 0 0 0 15px
}

.post-content .post-tags .tag-list {
    float: right;
    margin: 0;
    padding: 0
}

.contact-item .contact-icon {
    margin-right: 0;
    margin-left: 10px
}

.comment-lists .comment-left {
    text-align: right
}

.comment-lists li .comment-meta .comment-date {
    margin-left: 10px;
    margin-right: 0
}

.comment-lists .comment-left img {
    float: right
}

.comment-lists .subcomment-left {
    text-align: right
}

.comment-lists .subcomment-left img {
    float: right
}

.comment-lists li .btn-comment-reply {
    margin-left: 10px;
    margin-right: 0
}

.form-control-feedback {
    right: auto;
    left: 0
}

.modal-search .form-control:focus,
.modal-search .form-control {
    right: auto;
    left: 0
}

.modal-search .s-close {
    right: unset;
    left: 20px
}

.social-mobile .navbar-nav>li {
    float: right;
    margin-right: 0 !important;
    margin-left: 13px !important
}

.post-item-horizontal .item-content {
    padding-left: 0;
    padding-right: 30px
}

.center-box {
    float: none !important;
    margin: 0 auto !important
}

.col-login {
    float: left !important;
    text-align: left !important
}

.about-author-right .author-link {
    float: right
}

.about-author-right .author-social-cnt {
    display: block;
    float: right;
    margin-top: 10px
}

.about-author-right .author-social {
    margin: 0;
    padding: 0
}

.about-author-right .author-social li {
    list-style: none;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px
}

.comment-tabs>li {
    float: right
}

.widget-title .title::after {
    right: auto;
    right: 0
}

.w-popular-list li .right {
    padding: 0;
    padding-right: 15px
}

.w-our-picks-list li .title {
    float: right
}

.related-posts .related-post-title .title::after {
    left: auto;
    right: 0 !important
}

.comment-section .nav-tabs {
    padding-right: 0
}

.comment-section .nav-tabs>li {
    float: right
}

.profile-details .left {
    padding-right: 0
}

.profile-details .right {
    padding-right: 30px;
    padding-left: 45px
}

.profile-details .user-contact .info {
    margin-right: 0;
    padding-right: 0;
    margin-left: 15px;
    padding-left: 15px
}

.profile-buttons ul {
    float: right
}

.profile-details .username {
    float: right
}

.p-last-seen .last-seen {
    float: right
}

.footer-widget {
    float: right
}

.newsletter .newsletter-button {
    border-radius: 3px 0 0 3px
}

.languages-dropdown .btn i {
    margin-right: 0;
    margin-left: 8px
}

.languages-dropdown .dropdown-menu {
    left: auto;
    right: 0
}

.languages-dropdown .dropdown-menu>li>a {
    text-align: right
}

.f-random-list li .right {
    padding-left: 0;
    padding-right: 15px
}

.nav-mobile .navbar-nav .nav-item .nav-link {
    text-align: right
}

.nav-mobile .navbar-nav .nav-item .nav-link i {
    float: left
}

.navbar-inverse .navbar-nav .dropdown-menu {
    padding-right: 15px !important
}

.nav-mobile .profile-dropdown img {
    margin-right: 0;
    margin-left: 5px
}

@media (max-width:1200px) and (min-width:768px) {
    .navbar-left {
        padding-right: 15px !important
    }
}

@media (max-width:991px) {
    .navbar-header {
        width: 100% !important;
        margin: 0 !important
    }

    .navbar-toggle {
        margin-right: 0 !important
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        float: right !important;
        width: 100% !important;
        padding-right: 30px
    }

    .w-our-picks-list li .title {
        float: right
    }

    .icerik .post-share .btn-share i {
        margin: 0 !important
    }

    .icerik .post-share .btn-share {
        margin-left: 8px;
        width: 40px
    }

    .contact-right {
        float: left !important
    }

    .contact-left {
        float: right !important;
        margin-bottom: 30px
    }

    .contact-item .contact-icon {
        float: right
    }
}

.poll {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #eee
}

.poll:first-child {
    margin-top: 0 !important
}

.poll:last-child {
    border: 0
}

.poll .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-transform: none;
    margin-top: 0
}

.poll .option {
    margin-bottom: 15px
}

.poll .option span {
    margin-left: 10px
}

.poll .button-cnt {
    margin-top: 30px
}

.poll .button-cnt button {
    margin-right: 15px
}

.poll .result {
    display: none
}

.poll .result .progress {
    border-radius: 1px;
    background-color: transparent;
    box-shadow: none !important;
    background-color: #f3f3f3;
    color: #222;
    margin-bottom: 15px;
    height: 12px
}

.poll .result .progress .progress-bar {
    font-size: 11px;
    font-weight: 600;
    background-color: #2CB29A;
    box-shadow: none !important
}

.poll .result .progress .progress-bar-0 {
    color: #444
}

.poll .result .progress .progress-bar-0 span {
    margin-left: 5px
}

.poll-error-message {
    color: #E95350;
    font-size: 13px;
    display: none
}

.a-view-results {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.total-vote {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    margin-top: 19px;
    margin-bottom: 5px
}

.poll .result .progress span {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 11px
}

.label-poll-option {
    font-weight: 400;
    cursor: pointer;
    margin-left: 5px;
    display: initial !important
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.poll .result .progress .progress-bar {
    background-color: #0494b1
}

.reactions .progress-bar-vertical .progress-bar {
    background-color: #0494b1
}

.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(blue.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-blue {
    background-position: 0 0
}

.icheckbox_flat-blue.checked {
    background-position: -22px 0
}

.icheckbox_flat-blue.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-blue.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-blue {
    background-position: -88px 0
}

.iradio_flat-blue.checked {
    background-position: -110px 0
}

.iradio_flat-blue.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-blue.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx) {

    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat,
.iradio_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(flat.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat {
    background-position: 0 0
}

.icheckbox_flat.checked {
    background-position: -22px 0
}

.icheckbox_flat.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat.checked.disabled {
    background-position: -66px 0
}

.iradio_flat {
    background-position: -88px 0
}

.iradio_flat.checked {
    background-position: -110px 0
}

.iradio_flat.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat,
    .iradio_flat {
        background-image: url(flat@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(red.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-red {
    background-position: 0 0
}

.icheckbox_flat-red.checked {
    background-position: -22px 0
}

.icheckbox_flat-red.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-red.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-red {
    background-position: -88px 0
}

.iradio_flat-red.checked {
    background-position: -110px 0
}

.iradio_flat-red.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-red.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(green.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-green {
    background-position: 0 0
}

.icheckbox_flat-green.checked {
    background-position: -22px 0
}

.icheckbox_flat-green.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-green.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-green {
    background-position: -88px 0
}

.iradio_flat-green.checked {
    background-position: -110px 0
}

.iradio_flat-green.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-green.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-green,
    .iradio_flat-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(blue.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-blue {
    background-position: 0 0
}

.icheckbox_flat-blue.checked {
    background-position: -22px 0
}

.icheckbox_flat-blue.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-blue.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-blue {
    background-position: -88px 0
}

.iradio_flat-blue.checked {
    background-position: -110px 0
}

.iradio_flat-blue.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-blue.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-aero,
.iradio_flat-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(aero.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-aero {
    background-position: 0 0
}

.icheckbox_flat-aero.checked {
    background-position: -22px 0
}

.icheckbox_flat-aero.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-aero.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-aero {
    background-position: -88px 0
}

.iradio_flat-aero.checked {
    background-position: -110px 0
}

.iradio_flat-aero.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-aero.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-aero,
    .iradio_flat-aero {
        background-image: url(aero@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-grey,
.iradio_flat-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(grey.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-grey {
    background-position: 0 0
}

.icheckbox_flat-grey.checked {
    background-position: -22px 0
}

.icheckbox_flat-grey.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-grey.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-grey {
    background-position: -88px 0
}

.iradio_flat-grey.checked {
    background-position: -110px 0
}

.iradio_flat-grey.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-grey.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-grey,
    .iradio_flat-grey {
        background-image: url(grey@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-orange,
.iradio_flat-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(orange.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-orange {
    background-position: 0 0
}

.icheckbox_flat-orange.checked {
    background-position: -22px 0
}

.icheckbox_flat-orange.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-orange.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-orange {
    background-position: -88px 0
}

.iradio_flat-orange.checked {
    background-position: -110px 0
}

.iradio_flat-orange.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-orange.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-orange,
    .iradio_flat-orange {
        background-image: url(orange@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-yellow,
.iradio_flat-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(yellow.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-yellow {
    background-position: 0 0
}

.icheckbox_flat-yellow.checked {
    background-position: -22px 0
}

.icheckbox_flat-yellow.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-yellow.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-yellow {
    background-position: -88px 0
}

.iradio_flat-yellow.checked {
    background-position: -110px 0
}

.iradio_flat-yellow.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-yellow.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-yellow,
    .iradio_flat-yellow {
        background-image: url(yellow@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-pink,
.iradio_flat-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(pink.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-pink {
    background-position: 0 0
}

.icheckbox_flat-pink.checked {
    background-position: -22px 0
}

.icheckbox_flat-pink.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-pink.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-pink {
    background-position: -88px 0
}

.iradio_flat-pink.checked {
    background-position: -110px 0
}

.iradio_flat-pink.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-pink.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

    .icheckbox_flat-pink,
    .iradio_flat-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.icheckbox_flat-purple,
.iradio_flat-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(purple.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_flat-purple {
    background-position: 0 0
}

.icheckbox_flat-purple.checked {
    background-position: -22px 0
}

.icheckbox_flat-purple.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-purple.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-purple {
    background-position: -88px 0
}

.iradio_flat-purple.checked {
    background-position: -110px 0
}

.iradio_flat-purple.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-purple.checked.disabled {
    background-position: -154px 0
}

@media(-o-min-device-pixel-ratio:54), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx) {

    .icheckbox_flat-purple,
    .iradio_flat-purple {
        background-image: url(purple@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.page-confirm {
    width: 400px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 120px;
    max-width: 100%
}

.page-confirm .p-order-number {
    font-weight: 700;
    font-size: 18px
}

.page-confirm .p-complete-payment {
    margin-top: 60px;
    text-align: center
}

.page-confirm .bank-account-container {
    text-align: center
}

.page-confirm .title {
    font-size: 18px;
    line-height: 24px
}

.page-gallery {
    min-height: 700px;
    padding-bottom: 100px
}

.filters {
    width: auto;
    position: relative;
    display: block;
    margin-bottom: 30px;
    text-align: center
}

.filters input {
    display: none
}

.filters .btn {
    border: 0;
    color: #555 !important;
    box-shadow: none;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 10px;
    padding: 6px 15px;
    -moz-transition: all .45s ease-in-out 0;
    -webkit-transition: all .45s ease-in-out 0;
    transition: all .45s ease-in-out 0;
    background-color: #fff;
    box-shadow: none !important;
    position: relative;
    text-align: center;
    font-weight: 600;
    background-color: transparent !important
}

.filters .active::after {
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.filters .btn:last-child {
    margin-right: 0
}

.filters .btn:focus:after,
.filters .btn:hover:after,
.filters .btn:active:after {
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -moz-transition: all .45s ease-in-out 0;
    -webkit-transition: all .45s ease-in-out 0;
    transition: all .45s ease-in-out 0
}

.gallery .gallery-item {
    position: relative;
    cursor: pointer;
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
    margin-bottom: 15px
}

.gallery .gallery-item .item-inner {
    position: relative;
    display: block;
    overflow: hidden
}

.gallery img {
    width: 100%;
    transition: all .5s;
    text-indent: -9999px
}

.gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative
}

.gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    transition: .4s
}

.gallery .lightbox:hover:after,
.gallery .lightbox:hover:before {
    opacity: .5
}

.gallery .gallery-item:hover img {
    transform: scale(1.1)
}

.row-masonry {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.gallery .gallery-item .caption {
    width: 100%;
    position: absolute;
    padding: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    padding: 8px
}

.gallery .gallery-item .gallery-image-cover a::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.36) 50%, rgba(0, 0, 0, 0.80) 100%);
    bottom: 0;
    content: "";
    height: 40%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0;
    width: 100%;
    will-change: opacity;
    display: block
}

.gallery .gallery-item .caption .album-name {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px;
    border-radius: 3px
}

.img-gallery-empty {
    width: 100%;
    height: 300px;
    background-color: #f8f8f8
}

.gallery-category-title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    display: inline-block;
    width: auto;
    margin: 0 15px 30px;
    padding: 10px 20px
}

.gallery-links {
    font-size: 16px
}

.gallery-links .gallery-next-link {
    margin-left: 60px
}

.custom-checkbox {
    float: left !important;
    margin-right: 0 !important;
    margin-left: 30px
}

.contact-map-container {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px
}

.contact-map-container iframe {
    display: block;
    float: left;
    width: 100%;
    height: 460px
}

.cookies-warning {
    background-color: #fafafc;
    border-radius: 2px;
    bottom: 18px;
    left: 20px;
    opacity: .9;
    position: fixed;
    width: 400px;
    max-width: 100%;
    z-index: 9999;
    border: 1px solid #e5e5e8
}

.cookies-warning .text {
    font-size: 13px;
    padding: 24px 18px;
    color: #333;
    line-height: 24px
}

.cookies-warning .icon-cl {
    cursor: pointer;
    padding: 8px;
    position: absolute;
    font-size: 12px;
    right: 1px;
    top: -5px;
    color: #7b7b7b !important
}

.custom-checkbox {
    line-height: 17px;
    cursor: pointer;
    font-weight: 400 !important
}

.custom-checkbox:after {
    content: '';
    display: table;
    clear: both
}

.custom-checkbox .checkbox-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid #dee2e6;
    background-color: #dee2e6;
    border-radius: .15em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-checkbox .checkbox-icon i {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 3px;
    left: 3px
}

.custom-checkbox input[type="checkbox"] {
    display: none
}

.custom-checkbox input[type="checkbox"]+.checkbox-icon>i {
    opacity: 0
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-icon>i {
    opacity: 1;
    color: #fff
}

.custom-checkbox input[type="checkbox"]:disabled+.checkbox-icon {
    opacity: .5
}

.swal-button:focus {
    box-shadow: none !important
}

.disable-body-scroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed
}

.is-invalid {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

.is-recaptcha-invalid>div {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

form label.error {
    color: #d43f3a;
    display: none !important
}

form input.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

form textarea.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

form select.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

.margin-bottom15 {
    margin-bottom: 15px
}

.btn-sm {
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-md {
    padding: 8px 18px;
    border-radius: 3px;
    line-height: 1.5
}

.btn-lg {
    padding: 8px 24px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-custom {
    color: #fff !important;
    font-weight: 400;
    outline: 0 !important;
    border: 0 !important
}

.btn-block {
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff !important
}

.form-input {
    border: 1px solid #dfe0e6;
    outline: none !important;
    color: #494949;
    height: 44px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 3px
}

.form-textarea {
    resize: vertical;
    min-height: 100px;
    border: 1px solid #dfe0e6;
    color: #494949;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: none !important
}

.form-group label {
    font-weight: 600
}

.front-message {
    font-size: 13px
}

.has-error {
    border-color: #a94442 !important
}

.cursor-pointer {
    cursor: pointer !important
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-15 {
    margin-top: 15px
}

.p0 {
    padding: 0 !important
}

.m0 {
    margin: 0 !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-10 {
    margin-bottom: 10px
}

.center-box {
    float: none !important;
    margin: 0 auto !important
}

.form-control {
    box-shadow: none !important
}

.position-relative {
    position: relative
}

.mobile-li {
    display: none !important
}

.error-message {
    margin-top: 15px;
    padding-left: 15px
}

.error-message p {
    position: relative;
    color: #d43f3a;
    display: list-item;
    margin-bottom: 5px
}

.success-message {
    margin-top: 15px
}

.success-message p {
    position: relative;
    color: #00a65a;
    margin-bottom: 5px
}

.img-popular-mobile {
    display: none
}

.center-image {
    margin: 0 auto !important;
    float: none !important
}

.row-custom {
    display: block;
    width: 100%;
    max-width: 100%;
    float: left;
    position: relative
}

.col-option label {
    margin-left: 8px !important;
    cursor: pointer !important
}

.page-contact {
    width: 100%;
    float: left;
    font-size: 14px;
    font-variant-ligatures: no-common-ligatures;
    line-height: 26px
}

.page-contact .form-control {
    color: #494949;
    font-size: 14px;
    line-height: 18px;
    height: 44px;
    padding: 10px 20px;
    box-shadow: none !important;
    border: 1px solid #dfe0e6;
    outline: none !important;
    border-radius: 3px
}

.page-contact textarea {
    min-height: 130px;
    resize: vertical;
    line-height: 18px !important
}

.page-contact .form-control:focus {
    outline: 0 none;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.contact-leave-message {
    font-size: 19px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 15px
}

.row-contact-text {
    margin-bottom: 30px
}

.contact-item {
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%
}

.contact-item .contact-icon {
    max-width: 30px;
    padding-right: 0;
    text-align: center;
    font-size: 15px;
    color: #444;
    margin-right: 10px;
    float: left !important
}

.contact-item .contact-icon i {
    background-color: #f6f6f6;
    border-radius: 2px;
    color: #666;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px;
    float: left !important
}

.title-index {
    text-align: center;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: transparent;
    text-indent: -9999px
}

.btn-go-home {
    margin-top: 30px
}

.p-0 {
    padding: 0
}

.m-0 {
    margin: 0
}

.font-weight-normal {
    font-weight: 400 !important
}

.recaptcha-cnt {
    width: 100%;
    height: auto;
    display: block;
    text-align: center
}

.page-login .g-recaptcha {
    width: 300px;
    height: 74px;
    margin: 0 auto
}

.reactions {
    display: block;
    position: relative
}

.reactions .title-reactions {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500 !important
}

.reactions .col-reaction {
    width: 12.9%;
    margin-right: 5.8px;
    display: inline-block;
    cursor: pointer;
    margin-right: 3.8px;
    width: 12.9%
}

.reactions .col-reaction:last-child {
    margin: 0
}

.reactions .col-reaction .row {
    margin-bottom: 5px
}

.reactions .col-reaction:hover .btn-reaction span {
    color: #fff
}

.reactions .col-reaction:hover .progress-bar-vertical .progress-bar {
    opacity: 1
}

.reactions .progress {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none !important;
    height: 20px;
    margin: 0;
    overflow: hidden
}

.reactions .progress-bar-vertical {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: flex-end;
    float: left;
    position: relative
}

.reactions .progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height .6s ease;
    -o-transition: height .6s ease;
    transition: height .6s ease;
    box-shadow: none !important;
    opacity: .7;
    -moz-transition: all .1s ease-in-out 0;
    -webkit-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0
}

.reactions .progress-bar-vertical .progress-bar-voted {
    opacity: 1
}

.reactions .progress-bar-vertical .span-vote {
    width: auto;
    height: 20px;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    color: #222;
    font-weight: 600;
    text-align: center
}

.reactions .btn-reaction {
    background-color: #e6e6e6;
    border: 0 !important;
    padding: 4px !important;
    display: block;
    width: 100%;
    border-radius: 3px;
    -moz-transition: all .1s ease-in-out 0;
    -webkit-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0
}

.reactions .btn-reaction span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px
}

.reactions .btn-reaction-voted span {
    color: #fff
}

.reactions .icon-cnt {
    display: block;
    text-align: center
}

.reactions .img-reaction {
    width: auto;
    height: 55px;
    max-width: 100%;
    position: relative
}

.col-disable-voting {
    cursor: default !important
}

.col-disable-voting .progress-bar-vertical .progress-bar {
    opacity: .7 !important
}

.disable-voting {
    background-color: #e6e6e6 !important;
    cursor: default !important
}

.disable-voting span {
    color: #222 !important
}

.btn-optional-link {
    padding: 8px 20px;
    font-size: 13px;
    border-radius: 2px
}

.rss-item .left {
    display: block;
    width: 100%
}

.rss-item .right {
    display: block;
    width: 100%
}

.rss-item .right p {
    word-break: break-all
}

.item-boxed-cnt {
    padding: 0
}

.posts-boxed {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.reactions .col-reaction {
    margin-right: 3.8px;
    width: 30.2%
}

.recaptcha-cnt .g-recaptcha {
    -webkit-transform: scale(0.82);
    -moz-transform: scale(0.82);
    -ms-transform: scale(0.82);
    -o-transform: scale(0.82);
    transform: scale(0.82);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.profile-tabs {
    margin-bottom: 30px
}

.profile-details {
    display: block !important;
    width: 100%
}

.profile-details .left {
    display: block !important;
    text-align: left;
    width: 100%;
    padding: 0;
    margin-bottom: 15px
}

.widget-popular-posts {
    margin-top: 50px
}

.comment-section .nav-tabs {
    border-bottom: 2px solid #dee2e6
}

.comment-section .nav-tabs li a {
    border: 0 !important;
    background-color: transparent !important;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding: 10px 30px;
    color: #333 !important
}

.comment-section .nav-tabs .active {
    border: 0;
    margin-bottom: -2pxwidth:100%;
    position: relative;
    display: block;
    float: left
}

.comment-section .tab-content .tab-pane {
    padding: 20px 0
}

.comment-section .form-textarea {
    resize: none
}

.comment-section .comments {
    float: left;
    display: block;
    width: 100%
}

.comment-section .comments .comment-list {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%
}

.comment-section .comments .comment-list li {
    width: 100%;
    list-style: none;
    display: table;
    margin-bottom: 20px
}

.comment-section .comments .comment-list li .left {
    display: table-cell;
    width: 65px;
    height: auto;
    vertical-align: top;
    text-align: left
}

.comment-section .comments .comment-list li .left img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.comment-section .comments .comment-list li .right {
    display: table-cell;
    vertical-align: top
}

.comment-section .comments .comment-list li .right .row-custom {
    margin-bottom: 5px
}

.comment-section .comments .comment-list li .right .username {
    font-weight: 600;
    float: left;
    display: block
}

.comment-section .comments .comment-list li .right a {
    font-size: 12px
}

.comment-section .comments .comment-list li .right .date {
    font-size: 12px;
    color: #999
}

.comment-section .comments .comment-list li .right .btn-reply {
    margin-left: 15px
}

.comment-section .comments .comment-total {
    margin-bottom: 30px;
    margin-top: 45px
}

.comment-section .comments .label-comment {
    font-size: 15px;
    font-weight: 600;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 25px
}

.comment-section .comments .comment-total span {
    display: block;
    font-size: 15px;
    float: left;
    line-height: 25px
}

.row-sub-comment {
    margin: 0 !important;
    padding: 0 !important
}

.sub-comment-form {
    margin-top: 15px;
    padding: 15px;
    border-radius: .1875rem
}

.sub-comment-form-registered {
    margin-top: 15px
}

.row-sub-comment .form-textarea {
    min-height: 60px
}

.row-sub-comment .comment-list {
    margin-top: 20px !important
}

.row-sub-comment .comment-list li {
    margin-bottom: 15px !important
}

.btn-load-more {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    padding: 14px 10px;
    text-align: center;
    transition: all .25s ease 0;
    color: #333;
    border-radius: .1875rem;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    cursor: pointer
}

.btn-delete-comment {
    font-size: 12px;
    color: #d43f3a !important;
    margin-left: 15px
}

.page-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 11px;
    color: #999
}

.page-breadcrumb {
    display: none;
    margin-top: 15px
}

.page-breadcrumb .breadcrumb {
    background-color: transparent
}

.breadcrumb {
    margin-bottom: 15px
}

.page-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 11px;
    color: #999
}

.profile-post-author .about-author {
    margin-top: 0;
    margin-bottom: 30px;
    border-top: 0;
    padding-top: 0
}

.profile-tabs .nav .nav-item {
    width: 100%;
    text-align: left;
    margin-bottom: 2px !important
}

.profile-tabs .nav .nav-item .nav-link {
    padding: 11px;
    border-radius: 3px;
    color: #222
}

.profile-tabs .nav .nav-item .nav-link i {
    margin-right: 8px
}

.profile-tabs .nav .nav-item .nav-link .count {
    float: right
}

.profile-tabs .nav .nav-link:hover {
    background-color: #f2f2f2
}

.profile-tabs .nav .active .nav-link {
    background-color: #f2f2f2
}

.profile-page-top {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    margin-bottom: 60px
}

.profile-details {
    width: 100%;
    display: table;
    position: relative;
    float: left
}

.profile-details .left {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 200px;
    padding-right: 30px
}

.profile-details .right {
    display: table-cell;
    vertical-align: top
}

.profile-details .img-profile {
    width: 200px;
    height: 200px;
    border-radius: 3px
}

.profile-details .p-last-seen {
    margin: 0;
    text-align: left;
    margin-bottom: 8px;
    color: #888
}

.last-seen {
    font-size: 12px;
    color: #888
}

.last-seen i {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    color: #85cc84
}

.profile-details .username {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: auto;
    display: inline-block;
    float: left
}

.profile-details .description {
    line-height: 24px;
    color: #555;
    margin-bottom: 10px
}

.profile-details .user-contact .info {
    color: #777;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #E1E3DF
}

.profile-details .user-contact .info:last-child {
    border: 0
}

.profile-details .user-contact .info i {
    margin-right: 10px
}

.profile-buttons {
    margin-top: 20px;
    text-align: left;
    line-height: 34px
}

.profile-buttons .btn-follow {
    float: left;
    margin-right: 30px
}

.profile-buttons ul {
    float: left;
    margin: 0;
    padding: 0
}

.profile-buttons ul li {
    display: inline-block;
    margin-left: 5px
}

.profile-buttons ul li:first-child {
    margin-left: 0
}

.profile-buttons ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #777;
    font-size: 15px;
    border: 1px solid #bebebe;
    border-radius: 100%
}

.profile-buttons ul li a:hover {
    color: #fff
}

.btn-follow i {
    margin-right: 10px
}

.widget-followers {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin-bottom: 30px
}

.widget-followers .widget-head {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.widget-followers .widget-head .title {
    font-size: 15px;
    margin-top: 0
}

.widget-followers .widget-body {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    padding: 15px 0
}

.widget-followers .widget-content {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    max-height: 260px;
    overflow: hidden
}

.img-follower {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}

.img-follower img {
    width: 46px;
    height: 46px
}

.btn-profile-file-upload {
    background-color: #7b7b87;
    border-color: #7b7b87
}

.btn-profile-file-upload:hover,
.btn-profile-file-upload:focus,
.btn-profile-file-upload:active {
    background-color: #6a6974 !important;
    border-color: #6a6974 !important
}

.btn-file-upload {
    position: relative;
    font-size: 13px !important;
    padding: 4px 16px !important;
    overflow: hidden !important;
    margin-right: 15px
}

.btn-file-upload input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    opacity: 0;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

#MultidvPreview img {
    width: auto;
    max-width: 100%;
    height: 200px;
    float: left !important
}

@media (max-width:767px) {
    .reactions .col-reaction {
        margin-right: 3.8px;
        width: 30.2%
    }
}

@media(max-width:1200px) {
    .container {
        width: 100%
    }

    .reactions .col-reaction {
        margin-right: 3.8px
    }

    .post-item-horizontal .item-image {
        height: auto !important
    }

    .w-our-picks-list li .post-image {
        height: auto !important
    }

    .external-post-image {
        height: auto !important
    }

    .related-posts .post-list li .img-responsive {
        height: auto !important
    }

    .w-popular-list li .left {
        background-color: transparent !important
    }

    .post-item .post-image {
        height: auto !important
    }

    .post-item-boxed .item-image {
        height: auto !important
    }

    .profile-page .post-item-boxed .item-image {
        height: auto !important
    }
}

@media (min-width:991px) {

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: right !important
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: right !important
    }
}

#content {
    float: right
}

#sidebar {
    float: right
}

.navbar-header {
    float: right
}

.navbar-left {
    float: right !important
}

.nav-right {
    left: 0;
    right: auto !important;
    width: auto !important
}

.navbar-brand {
    margin-right: 0 !important;
    margin-left: 5px !important
}

.navbar-nav>li {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.navbar-inverse .dropdown .dropdown-menu>li>a {
    text-align: right
}

.home-slider-item .item-info .item-meta a {
    margin-right: 0;
    margin-left: 8px
}

.home-slider-item .item-info .item-meta span {
    margin-right: 0;
    margin-left: 8px;
    text-align: right
}

.home-slider-item .item-info .item-meta span i {
    margin-right: 0;
    margin-left: 8px
}

.post-meta .post-meta-inner span,
.post-meta .post-meta-inner a {
    margin-right: 0;
    margin-left: 10px
}

.post-buttons .read-more {
    float: left !important
}

.read-more i {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 10px
}

.read-more:hover .read-more-i {
    margin-right: 25px;
    margin-left: 5px
}

.pagination {
    float: left
}

.w-popular-list li img {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.w-our-picks-list li .label-post-category {
    margin: 8px 8px 0 0
}

.w-category-list li a {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.w-tag-list li {
    float: right;
    list-style: outside none none;
    margin-bottom: 8px;
    margin-right: 0;
    margin-left: 8px
}

.label-poll-option {
    margin-left: 0;
    margin-right: 5px
}

.poll .button-cnt button {
    margin-right: 0;
    margin-left: 15px
}

.f-random-list li img {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.newsletter .newsletter-button {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.newsletter input {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.footer-bottom-left {
    float: right
}

.footer-bottom-right {
    float: left
}

.nav-footer li {
    margin-right: 0;
    margin-left: 15px
}

.nav-footer li:last-child {
    margin-left: 0
}

.post-content .post-meta form {
    float: left
}

.post-avatar {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.post-content .post-meta a {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.post-content .post-meta span {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.add-to-reading-list {
    float: left !important
}

.post-content .post-share .btn-share {
    float: right;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 10px
}

.post-content .post-share .btn-share i {
    margin-right: 0;
    margin-left: 10px
}

.post-content .tags-title {
    float: right;
    margin: 0 0 0 15px
}

.post-content .post-tags .tag-list {
    float: right;
    margin: 0;
    padding: 0
}

.contact-item .contact-icon {
    margin-right: 0;
    margin-left: 10px
}

.comment-lists .comment-left {
    text-align: right
}

.comment-lists li .comment-meta .comment-date {
    margin-left: 10px;
    margin-right: 0
}

.comment-lists .comment-left img {
    float: right
}

.comment-lists .subcomment-left {
    text-align: right
}

.comment-lists .subcomment-left img {
    float: right
}

.comment-lists li .btn-comment-reply {
    margin-left: 10px;
    margin-right: 0
}

.form-control-feedback {
    right: auto;
    left: 0
}

.modal-search .form-control:focus,
.modal-search .form-control {
    right: auto;
    left: 0
}

.modal-search .s-close {
    right: unset;
    left: 20px
}

.social-mobile .navbar-nav>li {
    float: right;
    margin-right: 0 !important;
    margin-left: 13px !important
}

.post-item-horizontal .item-content {
    padding-left: 0;
    padding-right: 30px
}

.center-box {
    float: none !important;
    margin: 0 auto !important
}

.col-login {
    float: left !important;
    text-align: left !important
}

.about-author-right .author-link {
    float: right
}

.about-author-right .author-social li {
    float: left;
    margin-right: 0;
    margin-left: 5px;
    margin-top: 15px
}

.comment-tabs>li {
    float: right
}

.widget-title .title::after {
    right: auto;
    right: 0
}

.w-popular-list li .right {
    padding: 0;
    padding-right: 15px
}

.w-our-picks-list li .title {
    float: right
}

.related-posts .related-post-title .title::after {
    left: auto;
    right: 0 !important
}

.comment-section .nav-tabs {
    padding-right: 0
}

.comment-section .nav-tabs>li {
    float: right
}

.profile-details .left {
    padding-right: 0
}

.profile-details .right {
    padding-right: 30px
}

.profile-details .user-contact .info {
    margin-right: 0;
    padding-right: 0;
    margin-left: 15px;
    padding-left: 15px
}

.profile-buttons ul {
    float: right
}

.profile-details .username {
    float: right
}

.p-last-seen .last-seen {
    float: right
}

.footer-widget {
    float: right
}

.newsletter .newsletter-button {
    border-radius: 3px 0 0 3px
}

.languages-dropdown .btn i {
    margin-right: 0;
    margin-left: 8px
}

.languages-dropdown .dropdown-menu {
    left: auto;
    right: 0
}

.languages-dropdown .dropdown-menu>li>a {
    text-align: right
}

.f-random-list li .right {
    padding-left: 0;
    padding-right: 15px
}

.nav-mobile .navbar-nav .nav-item .nav-link {
    text-align: right
}

.nav-mobile .navbar-nav .nav-item .nav-link i {
    float: left
}

.navbar-inverse .navbar-nav .dropdown-menu {
    padding-right: 15px !important
}

.nav-mobile .profile-dropdown img {
    margin-right: 0;
    margin-left: 5px
}

@media (max-width:1200px) and (min-width:768px) {
    .navbar-left {
        padding-right: 15px !important
    }
}

@media (max-width:991px) {
    .navbar-header {
        width: 100% !important;
        margin: 0 !important
    }

    .navbar-toggle {
        margin-right: 0 !important
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        float: right !important;
        width: 100% !important;
        padding-right: 30px
    }

    .w-our-picks-list li .title {
        float: right
    }

    .post-content .post-share .btn-share i {
        margin: 0 !important
    }

    .post-content .post-share .btn-share {
        margin-left: 8px
    }

    .contact-right {
        float: left !important
    }

    .contact-left {
        float: right !important;
        margin-bottom: 30px
    }

    .contact-item .contact-icon {
        float: right
    }
}

.thumb-container li .left .external-image-container {
    width: 100px;
    height: 75px;
    overflow: hidden
}

.f-random-list li .left .external-image-container {
    width: 100px;
    height: 75px;
    overflow: hidden
}

.external-image-container {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden
}

.external-image-container .img-external {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 120%;
    max-height: 120%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover
}

.post-icon {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    border-radius: 100% !important;
    z-index: 10 !important;
    pointer-events: none !important;
    float: none !important
}

.post-icon-lg {
    width: 42px !important;
    height: 42px !important
}

.post-icon-md {
    width: 36px !important;
    height: 36px !important
}

.post-icon-sm {
    width: 24px !important;
    height: 24px !important
}

-----------section {
    position: relative
}

.margin-bottom30 {
    margin-bottom: 30px
}

img {
    text-indent: -9999px;
    color: transparent
}

.margin-bottom15 {
    margin-bottom: 15px
}

.btn-sm {
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-md {
    padding: 8px 18px;
    border-radius: 3px;
    line-height: 1.5
}

.btn-lg {
    padding: 8px 24px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-custom {
    color: #fff !important;
    font-weight: 400;
    outline: 0 !important;
    border: 0 !important
}

.btn-block {
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff !important
}

.form-input {
    border: 1px solid #dfe0e6;
    outline: none !important;
    color: #494949;
    height: 44px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 3px
}

.form-textarea {
    resize: vertical;
    min-height: 100px;
    border: 1px solid #dfe0e6;
    color: #494949;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: none !important
}

.form-group label {
    font-weight: 600
}

.front-message {
    font-size: 13px
}

.has-error {
    border-color: #a94442 !important
}

.cursor-pointer {
    cursor: pointer !important
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-15 {
    margin-top: 15px
}

.p0 {
    padding: 0 !important
}

.m0 {
    margin: 0 !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-10 {
    margin-bottom: 10px
}

.center-box {
    float: none !important;
    margin: 0 auto !important
}

.form-control {
    box-shadow: none !important
}

.position-relative {
    position: relative
}

.mobile-li {
    display: none !important
}

.error-message {
    margin-top: 15px;
    padding-left: 15px
}

.error-message p {
    position: relative;
    color: #d43f3a;
    display: list-item;
    margin-bottom: 5px
}

.success-message {
    margin-top: 15px
}

.success-message p {
    position: relative;
    color: #00a65a;
    margin-bottom: 5px
}

.img-popular-mobile {
    display: none
}

.center-image {
    margin: 0 auto !important;
    float: none !important
}

.row-custom {
    display: block;
    width: 100%;
    max-width: 100%;
    float: left;
    position: relative
}

.col-option label {
    margin-left: 8px !important;
    cursor: pointer !important
}

.external-image-container {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden
}

.external-image-container .img-external {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 120%;
    max-height: 120%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover
}

.post-icon {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    border-radius: 100% !important;
    z-index: 10 !important;
    pointer-events: none !important;
    float: none !important
}

.post-icon-lg {
    width: 42px !important;
    height: 42px !important
}

.post-icon-md {
    width: 36px !important;
    height: 36px !important
}

.post-icon-sm {
    width: 24px !important;
    height: 24px !important
}

#first-tmp-home-slider {
    margin-bottom: 30px
}

.first-tmp-slider-item::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.46) 50%, rgba(0, 0, 0, 0.80) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0;
    width: 100%;
    will-change: opacity;
    display: block
}

.first-tmp-slider-item .item-info {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 20px;
    z-index: 10
}

.first-tmp-slider-item .item-info .a-slider-category {
    color: #fff
}

.first-tmp-slider-item .item-info .label-slider-category {
    font-weight: 400;
    border-radius: 1px;
    padding: 3px 8px
}

.first-tmp-slider-item .item-info .title {
    display: block;
    line-height: 28px;
    text-shadow: 0 .5px .5px rgba(30, 30, 30, 0.4);
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0 5px
}

.first-tmp-slider-item .item-info .title a {
    color: #fff
}

#first-tmp-home-slider .owl-nav {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    pointer-events: none
}

#first-tmp-home-slider .owl-prev {
    position: absolute;
    background-color: #010101;
    border-radius: 1px;
    color: #fff;
    left: 5px;
    font-size: 18px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    opacity: .7;
    pointer-events: auto;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

#first-tmp-home-slider .owl-next {
    position: absolute;
    background-color: #010101;
    border-radius: 1px;
    color: #fff;
    right: 5px;
    font-size: 18px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    opacity: .7;
    pointer-events: auto;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.index-posts {
    display: block;
    width: 100%;
    float: left;
    position: relative
}

.posts {
    display: block;
    width: 100%;
    position: relative
}

.post-item {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    margin-bottom: 30px
}

.post-item:last-child {
    border-bottom: 0
}

.post-item .post-image {
    width: 100%;
    height: 415px;
    background-color: #fafafa;
    float: left;
    position: relative
}

.post-detail-slider .ramdom-slider-item img {
    width: auto !important;
    margin: 0 auto !important
}

.post-item .post-image img {
    margin: 0 auto
}

.post-item .post-footer {
    width: 100%;
    float: left;
    position: relative
}

.post-item .post-category {
    border-bottom: 1px solid #222 !important
}

.post-meta {
    display: block;
    width: 100%;
    position: relative;
    line-height: 20px
}

.post-meta .post-meta-inner {
    position: relative;
    display: inline-block;
    margin: 0 !important
}

.post-meta .post-meta-inner span,
.post-meta .post-meta-inner a {
    float: left;
    margin-right: 10px;
    color: #999 !important;
    display: block;
    font-size: 11px
}

.post-meta .post-meta-inner a {
    font-weight: 600;
    margin: 0 !important
}

.label-post-category {
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    height: 1.8em;
    line-height: 1.8;
    padding: 0 12px;
    border-radius: 2px;
    cursor: pointer;
    pointer-events: auto;
    white-space: nowrap;
    z-index: 100
}

.default-post-label-category {
    text-align: center
}

.default-post-label-category .label-post-category {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    height: 1.8em;
    line-height: 1.8;
    padding: 0 12px;
    border-radius: 2px;
    cursor: pointer;
    pointer-events: auto;
    white-space: nowrap;
    z-index: 100;
    margin-top: 15px
}

.post-item .post-footer .title {
    font-size: 22px;
    font-weight: 500;
    margin: 10px 0;
    line-height: 28px
}

.post-item .post-footer .summary {
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: #888;
    margin-top: 2px
}

.post-item .post-footer .post-buttons {
    font-size: 12px;
    color: #999;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.post-item .post-footer .post-buttons a {
    position: relative;
    line-height: 20px;
    top: 14px
}

.post-item .post-footer .post-buttons .post-social {
    padding: 0;
    margin: 0;
    padding: 5px 12px 6px 0
}

.post-item .post-footer .post-buttons .post-social li {
    list-style: none;
    float: left;
    margin-right: 20px
}

.post-item .post-footer .post-buttons .post-social li a {
    font-size: 14px
}

.post-item .post-footer .post-buttons .post-social li .facebook:hover {
    color: #3B5998 !important
}

.post-item .post-footer .post-buttons .post-social li .twitter:hover {
    color: #1DA1F2 !important
}

.post-item .post-footer .post-buttons .post-social li .google:hover {
    color: #DC4A38 !important
}

.post-item .post-footer .post-buttons .post-social li .instgram:hover {
    color: #D02E95 !important
}

.post-item .post-footer .post-buttons .post-social li .linkedin:hover {
    color: #0177b5 !important
}

.read-more {
    font-size: 13px;
    font-weight: 400
}

.read-more i {
    margin-left: 10px;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.read-more:hover .read-more-i {
    margin-left: 25px;
    margin-right: 5px
}

.post-item-horizontal {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    display: table
}

.post-item-horizontal .item-image {
    width: 47.6667%;
    height: 238.15px;
    display: table-cell;
    vertical-align: top;
    position: relative;
    background-color: #fafafa
}

.post-item-horizontal .item-content {
    width: 52.333%;
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
    position: relative
}

.post-item-horizontal .category-label {
    left: 23px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.post-item-horizontal .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 10px
}

.post-item-horizontal .title a {
    display: block
}

.post-item-horizontal .summary {
    display: block;
    float: left;
    color: #888;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 10px
}

.post-item-horizontal .post-buttons {
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 15px
}

.post-item-boxed {
    margin-bottom: 15px
}

.post-item-boxed .item-image {
    width: 100%;
    height: 239.8px;
    display: block;
    background-color: #fafafa
}

.profile-page .post-item-boxed .item-image {
    height: 272.283px
}

.post-item-boxed img {
    width: 100%
}

.post-item-boxed .item-content {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0
}

.post-item-boxed .category-label {
    left: 23px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.post-item-boxed .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 10px
}

.post-item-boxed .title a {
    display: block
}

.post-item-boxed .summary {
    display: block;
    float: left;
    color: #888;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 10px
}

.post-item-boxed .post-buttons {
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px
}

.author-profile {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0
}

.author-profile img {
    float: left;
    margin-right: 15px;
    width: 120px;
    height: 120px;
    border-radius: 1px
}

.author-profile .title {
    display: inline-block;
    margin: 0 !important;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600
}

.post-count {
    font-size: 13px
}

.sidebar {
    height: auto;
    width: 100%;
    display: block;
    position: relative
}

.sidebar-widget {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px
}

.sidebar-widget .widget-body {
    padding-top: 15px
}

.widget-title {
    width: 100%;
    display: block;
    padding: 10px 0
}

.widget-title .title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f1f1
}

.widget-title .title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 31%;
    height: 2px;
    bottom: -2px;
    max-width: 112px
}

.widget-popular-posts-title {
    padding-top: 0
}

.widget-list {
    padding: 0;
    margin: 0;
    position: relative
}

.w-popular-list li {
    list-style: none;
    position: relative;
    width: 100%;
    display: table;
    float: left;
    margin-bottom: 15px
}

.w-popular-list li .left {
    width: 100px;
    height: 75px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    background-color: #fafafa
}

.w-popular-list li .left .external-post-image {
    width: 100px;
    height: 75px;
    background-color: #fafafa;
    overflow: hidden;
    position: relative
}

.w-popular-list li .right {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px
}

.w-popular-list li .img-responsive {
    position: relative;
    height: 75px
}

.w-popular-list li .title {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 21px;
    font-size: 15px
}

.w-popular-list li .title a {
    display: list-item
}

.widget-list li .w-meta span {
    font-size: 11px !important;
    color: #999 !important;
    margin-right: 8px
}

.widget-list li .w-meta a {
    color: #999;
    font-size: 11px;
    font-weight: 600;
    margin-right: 8px
}

.w-our-picks-list {
    padding: 0;
    margin: 0;
    position: relative
}

.w-our-picks-list li {
    list-style: none;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 25px
}

.w-our-picks-list li .post-image {
    display: block;
    width: 100%;
    height: 199.2px;
    position: relative;
    float: left
}

.w-our-picks-list .external-post-image {
    width: 100%;
    height: 199.2px;
    overflow: hidden
}

.w-our-picks-list li img {
    width: 100%;
    float: left;
    margin-right: 15px;
    position: relative
}

.w-our-picks-list li .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0;
    float: left
}

.w-our-picks-list .post-meta {
    float: left
}

.w-category-list li {
    margin-bottom: 7px;
    padding-bottom: 7px;
    list-style: none;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px dashed rgba(168, 166, 166, 0.2)
}

.w-category-list li:last-child {
    border-bottom: 0
}

.w-category-list li a {
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    margin: 0;
    margin-right: 10px
}

.w-category-list li span {
    color: #999;
    font-size: 13px;
    position: relative
}

.random-post-slider {
    position: relative
}

.random-post-slider .external-post-image {
    width: 100%;
    height: 239.8px;
    overflow: hidden
}

.random-post-slider .owl-item .img-gradient {
    background: rgba(0, 0, 0, 0) url(../img/slide-gr.png) repeat-x scroll 0 -1px / 200px 100%;
    bottom: 0;
    content: no-close-quote;
    height: 120px;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

.random-post-slider .owl-nav {
    position: absolute;
    right: 15px;
    top: 15px
}

.random-post-slider .owl-prev {
    border-radius: 1px 0 0 1px;
    margin-right: 5px
}

.random-post-slider .owl-next {
    border-radius: 0 1px 1px 0
}

.random-post-slider .owl-prev,
.random-post-slider .owl-next {
    background-color: #010101;
    color: #fff !important;
    height: 36px;
    width: 36px;
    padding: 0;
    opacity: .7;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
    outline: none !important
}

.random-post-slider .owl-nav i:before {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.random-post-slider .owl-prev:hover .random-arrow-prev {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.random-post-slider .owl-next:hover .random-arrow-next {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.random-post-slider .owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.random-post-slider .item-info {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 15px
}

.random-post-slider .item-info .label-slider-category {
    font-weight: 400;
    border-radius: 1px;
    padding: 3px 8px
}

.random-post-slider .item-info .title {
    color: #fff;
    display: block;
    text-shadow: 0 .5px .5px rgba(30, 30, 30, 0.4);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px
}

.random-post-slider .item-info .title a {
    color: #fff
}

.w-tag-list li {
    list-style: none;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.w-tag-list li a {
    background-color: #f4f4f4;
    padding: 6px 10px;
    font-size: 13px;
    display: block;
    color: #888;
    border-radius: 2px;
    line-height: 20px
}

.w-tag-list li a:hover {
    color: #fff !important
}

.content {
    display: block;
    height: auto
}

.page-breadcrumb {
    margin-top: 15px
}

.page-breadcrumb .breadcrumb {
    background-color: transparent
}

.breadcrumb {
    margin-bottom: 15px
}

.page-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 11px;
    color: #999
}

.page-rss {
    min-height: 450px
}

.rss-title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 22px
}

.rss-item {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.rss-item .left {
    display: table-cell;
    width: 250px
}

.rss-item .right {
    display: table-cell
}

.rss-item .right p {
    word-break: break-all
}

.rss-content {
    margin-top: 60px
}

.post-content {
    display: block;
    width: 100%;
    float: left
}

.post-avatar {
    border-radius: 100%;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px;
    position: relative
}

.post-content .post-image {
    width: 100%;
    float: left
}

.post-content .post-meta {
    line-height: 30px
}

.post-detail-slider {
    position: relative
}

.post-detail-slider .owl-item .img-gradient {
    background: rgba(0, 0, 0, 0) url(../img/slide-gr.png) repeat-x scroll 0 -1px / 200px 100%;
    bottom: 0;
    content: no-close-quote;
    height: 100px;
    left: 0;
    opacity: .9;
    position: absolute;
    width: 100%
}

.post-detail-slider .owl-nav {
    position: absolute;
    right: 15px;
    top: 15px
}

.post-detail-slider .owl-prev {
    border-radius: 2px 0 0 2px;
    margin-right: 5px
}

.post-detail-slider .owl-next {
    border-radius: 0 2px 2px 0
}

.post-detail-slider .owl-prev,
.post-detail-slider .owl-next {
    background-color: #010101;
    color: #fff !important;
    height: 36px;
    width: 36px;
    padding: 0;
    opacity: .7;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
    outline: none !important
}

.post-detail-slider .owl-nav i:before {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.post-detail-slider .owl-prev:hover .post-detail-arrow-prev {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.post-detail-slider .owl-next:hover .post-detail-arrow-next {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.post-detail-slider .owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.post-detail-slider .item-info {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 15px
}

.post-detail-slider .item-info .label-slider-category {
    font-weight: 400;
    border-radius: 2px
}

.post-detail-slider .item-info .title {
    color: #fff;
    display: block;
    line-height: 24px;
    text-shadow: 0 .5px .5px rgba(30, 30, 30, 0.4);
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px
}

.post-detail-slider .item-info .title a {
    color: #fff
}

.post-content .post-title {
    width: 100%;
    float: left
}

.post-content .post-title .title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
    margin: 0
}

.post-content .post-meta {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 10px
}

.post-content .post-meta span {
    font-size: 11px;
    color: #999;
    margin-right: 10px;
    font-weight: 400
}

.post-content .post-meta span a {
    font-weight: 400;
    margin: 0
}

.post-content .post-meta a {
    font-size: 11px;
    color: #999;
    margin-right: 10px
}

.post-content .post-meta form {
    float: right
}

.post-content .post-summary {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 20px
}

.post-content .post-summary h2 {
    margin: 0 !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.post-content .post-video {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 15px
}

.add-to-reading-list {
    color: #4cae4c !important;
    font-size: 12px !important;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important
}

.delete-from-reading-list {
    color: #c52d2f !important;
    font-size: 12px !important;
    line-height: 30px;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.post-content .post-meta a:hover {
    font-size: 11px
}

.post-content .post-text {
    width: 100%;
    float: left;
    font-size: 14px;
    font-variant-ligatures: no-common-ligatures;
    line-height: 28px;
    display: table-cell;
    font-weight: 400;
    margin-top: 20px
}

.post-content .post-text p {
    min-height: 1px;
    position: relative;
    width: 100%;
    overflow-wrap: break-word
}

.post-content .post-text img {
    position: relative !important;
    display: block;
    max-width: 100% !important;
    height: auto !important
}

.post-text iframe,
.post-text object,
.post-text embed {
    display: block;
    max-width: 100% !important
}

.post-content .post-tags {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 30px
}

.post-content .tags-title {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-right: 15px;
    line-height: 28px
}

.post-content .post-tags .tag-list {
    float: left;
    margin: 0;
    padding: 0
}

.post-content .post-tags .tag-list li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px
}

.post-content .post-tags .tag-list li a {
    border: 2px solid #f4f4f4;
    border-radius: 2px !important;
    color: #888;
    display: block;
    font-size: 12px;
    padding: 3px 7px;
    line-height: 20px
}

.post-content .post-tags .tag-list li a:hover {
    color: #fff !important
}

.post-content .post-share {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px
}

.post-content .post-share .btn-share {
    display: block;
    float: left;
    border: 0;
    background-color: #ececec;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    margin-right: 10px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 2px
}

.post-content .post-share .btn-share i {
    margin-right: 10px;
    font-size: 16px
}

.post-content .post-share .btn-share:hover {
    color: #efefef
}

.post-content .post-share .facebook {
    background-color: #3b5998
}

.post-content .post-share .gplus {
    background-color: #dd4b39
}

.post-content .post-share .twitter {
    background-color: #55acee
}

.post-content .post-share .vk {
    background-color: #5b88bd
}

.post-content .post-share .pinterest {
    background-color: #cc2127
}

.post-content .post-share .linkedin {
    background-color: #0077b5
}

.post-content .post-share .whatsapp {
    background: #2CB742
}

.related-posts {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px
}

.related-posts .related-post-title {
    display: block;
    padding: 10px 0;
    width: 100%
}

.related-posts .related-post-title .title {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f1f1
}

.related-posts .related-post-title .title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 31%;
    height: 2px;
    bottom: -2px;
    max-width: 112px
}

.related-posts .related-posts-row {
    margin-left: -10px;
    margin-right: -10px
}

.related-posts .related-posts-col {
    padding-left: 10px;
    padding-right: 10px
}

.related-posts .post-list {
    margin: 0;
    padding: 0;
    margin-top: 20px
}

.related-posts .post-list li {
    list-style: none
}

.related-posts .post-list li .external-post-image {
    width: 100%;
    height: 157.65px;
    overflow: hidden
}

.related-posts .post-list li .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    text-transform: none;
    margin-top: 15px
}

.related-posts .post-list li .title a {
    display: list-item
}

.related-posts .post-list li .img-responsive {
    height: 157.65px
}

.comment-section {
    width: 100%;
    position: relative;
    display: block;
    float: left
}

.comment-section .nav-tabs {
    border-bottom: 2px solid #dee2e6
}

.comment-section .nav-tabs li a {
    border: 0 !important;
    background-color: transparent !important;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    border-bottom: 2px solid transparent;
    padding: 10px 30px;
    color: #333 !important
}

.comment-section .nav-tabs .active {
    border: 0;
    margin-bottom: -2px
}

.comment-section .tab-content .tab-pane {
    padding: 20px 0
}

.comment-section .form-textarea {
    resize: none
}

.comment-section .comments {
    float: left;
    display: block;
    width: 100%
}

.comment-section .comments .comment-list {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%
}

.comment-section .comments .comment-list li {
    width: 100%;
    list-style: none;
    display: table;
    margin-bottom: 20px
}

.comment-section .comments .comment-list li .left {
    display: table-cell;
    width: 65px;
    height: auto;
    vertical-align: top;
    text-align: left
}

.comment-section .comments .comment-list li .left img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.comment-section .comments .comment-list li .right {
    display: table-cell;
    vertical-align: top
}

.comment-section .comments .comment-list li .right .row-custom {
    margin-bottom: 5px
}

.comment-section .comments .comment-list li .right .username {
    font-weight: 600;
    float: left;
    display: block
}

.comment-section .comments .comment-list li .right a {
    font-size: 12px
}

.comment-section .comments .comment-list li .right .date {
    font-size: 12px;
    color: #999
}

.comment-section .comments .comment-list li .right .btn-reply {
    margin-left: 15px
}

.comment-section .comments .comment-total {
    margin-bottom: 30px;
    margin-top: 45px
}

.comment-section .comments .label-comment {
    font-size: 15px;
    font-weight: 600;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 25px
}

.comment-section .comments .comment-total span {
    display: block;
    font-size: 15px;
    float: left;
    line-height: 25px
}

.row-sub-comment {
    margin: 0 !important;
    padding: 0 !important
}

.sub-comment-form {
    margin-top: 15px;
    padding: 15px;
    border-radius: .1875rem
}

.sub-comment-form-registered {
    margin-top: 15px
}

.row-sub-comment .form-textarea {
    min-height: 60px
}

.row-sub-comment .comment-list {
    margin-top: 20px !important
}

.row-sub-comment .comment-list li {
    margin-bottom: 15px !important
}

.btn-load-more {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    padding: 14px 10px;
    text-align: center;
    transition: all .25s ease 0;
    color: #333;
    border-radius: .1875rem;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    cursor: pointer
}

.btn-delete-comment {
    font-size: 12px;
    color: #d43f3a !important;
    margin-left: 15px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.load-more-spinner {
    display: none
}

.spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-top: 15px
}

.spinner>div {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s kurumsal ease-in-out both;
    animation: sk-bouncedelay 1.4s kurumsal ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }
}

.page-about {
    width: 100%;
    float: left;
    font-size: 14px;
    font-variant-ligatures: no-common-ligatures;
    line-height: 26px
}

.page-about p {
    overflow-wrap: break-word
}

.page-res {
    color: #444
}

.page-res img {
    position: relative !important;
    max-width: 100% !important;
    height: auto !important
}

.page-res iframe,
.page-res object,
.page-res embed {
    max-width: 100% !important
}

.page-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 0
}

.page-contact {
    width: 100%;
    float: left;
    font-size: 14px;
    font-variant-ligatures: no-common-ligatures;
    line-height: 26px
}

.page-contact .form-control {
    color: #494949;
    font-size: 14px;
    line-height: 18px;
    height: 44px;
    padding: 10px 20px;
    box-shadow: none !important;
    border: 1px solid #dfe0e6;
    outline: none !important;
    border-radius: 3px
}

.page-contact textarea {
    min-height: 130px;
    resize: vertical;
    line-height: 18px !important
}

.page-contact .form-control:focus {
    outline: 0 none;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.contact-leave-message {
    font-size: 19px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 15px
}

.row-contact-text {
    margin-bottom: 30px
}

.contact-item {
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%
}

.contact-item .contact-icon {
    max-width: 30px;
    padding-right: 0;
    text-align: center;
    font-size: 15px;
    color: #444;
    margin-right: 10px
}

.contact-item .contact-icon i {
    background-color: #f6f6f6;
    border-radius: 2px;
    color: #666;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px
}

.page-login {
    padding: 60px 0
}

.link-forget {
    color: #333
}

.page-login .form-group .glyphicon {
    color: #949494;
    line-height: 46px;
    margin-right: 10px
}

.error-404 {
    min-height: 430px;
    width: 100%;
    text-align: center;
    padding-top: 100px
}

.error-404 h1 {
    font-size: 50px;
    margin-bottom: 10px
}

.error-404 h2 {
    margin-top: 10px
}

.btn-error-back {
    font-size: 13px;
    margin-top: 30px;
    border-radius: 2px
}

.pagination {
    float: right
}

.pagination li {
    float: left
}

.languages-dropdown {
    width: 100%;
    display: block;
    float: left;
    margin-top: 20px
}

.languages-dropdown .btn {
    background-color: transparent !important;
    color: #aaa !important;
    font-size: 14px;
    padding: 0 !important
}

.languages-dropdown .btn i {
    margin-right: 8px
}

.languages-dropdown .dropdown-menu {
    background-color: #333 !important
}

.languages-dropdown .dropdown-menu li a {
    padding: 6px 20px;
    color: #aaa !important
}

.languages-dropdown .dropdown-menu li a:hover {
    background-color: #303030 !important
}

.languages-dropdown .dropdown-menu li a:active {
    background-color: #303030 !important
}

.languages-dropdown .dropdown-menu li a:focus {
    background-color: #303030 !important
}

.footer-bottom {
    padding: 25px 0;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, .06);
    line-height: 36px
}

.footer-bottom p {
    font-size: 13px;
    line-height: 36px;
    margin: 0
}

.scrollup {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
    color: #fff
}

.scrollup i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    border-radius: 2px;
    text-align: center;
    background-color: #333
}

.bn-lg {
    min-width: 728px;
    min-height: 90px;
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 30px 0
}

.bn-md {
    min-width: 468px;
    min-height: 60px;
    display: none;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0
}

.bn-sm {
    min-width: 234px;
    min-height: 60px;
    display: none;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0
}

.bn-lg-sidebar {
    min-width: 300px;
    min-height: 250px;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 0 0 30px
}

.bn-list {
    float: left
}

.bn-post-detail {
    float: left;
    padding-bottom: 0
}

.bn-sm-index {
    padding-top: 25px
}

.index-sm {
    padding-bottom: 0 !important
}

.post-content .bn-lg,
.post-content .bn-md,
.post-content .bn-sm {
    padding-top: 5px !important;
    padding-bottom: 20px !important
}

.bn-bottom-post .bn-lg,
.bn-bottom-post .bn-md,
.bn-bottom-post .bn-sm {
    padding-bottom: 0 !important
}

.post-content .bn-bottom-post .bn-list {
    margin-top: 15px
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: none !important;
    font-weight: 500 !important
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    text-align: center
}

.animated {
    animation-fill-mode: none !important
}

.text-style {
    line-height: 28px !important;
    font-size: 15px !important
}

.footer-bottom-left {
    float: left
}

.footer-bottom-right {
    float: right
}

.nav-footer {
    margin: 0;
    padding: 0
}

.nav-footer li {
    list-style: none;
    margin-right: 15px;
    display: inline-block
}

.nav-footer li:last-child {
    margin-right: 0
}

.nav-footer li a {
    color: #9a9a9a;
    font-size: 13px;
    line-height: 16px
}

.title-index {
    text-align: center;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: transparent;
    text-indent: -9999px
}

.btn-go-home {
    margin-top: 30px
}

.p-0 {
    padding: 0
}

.m-0 {
    margin: 0
}

.font-weight-normal {
    font-weight: 400 !important
}

.recaptcha-cnt {
    width: 100%;
    height: auto;
    display: block;
    text-align: center
}

.page-login .g-recaptcha {
    width: 300px;
    height: 74px;
    margin: 0 auto
}

.reactions {
    display: block;
    position: relative
}

.reactions .title-reactions {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500 !important
}

.reactions .col-reaction {
    width: 12.9%;
    margin-right: 5.8px;
    display: inline-block;
    cursor: pointer
}

.reactions .col-reaction:last-child {
    margin: 0
}

.reactions .col-reaction .row {
    margin-bottom: 5px
}

.reactions .col-reaction:hover .btn-reaction span {
    color: #fff
}

.reactions .col-reaction:hover .progress-bar-vertical .progress-bar {
    opacity: 1
}

.reactions .progress {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none !important;
    height: 20px;
    margin: 0;
    overflow: hidden
}

.reactions .progress-bar-vertical {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: flex-end;
    float: left;
    position: relative
}

.reactions .progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height .6s ease;
    -o-transition: height .6s ease;
    transition: height .6s ease;
    box-shadow: none !important;
    opacity: .7;
    -moz-transition: all .1s ease-in-out 0;
    -webkit-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0
}

.reactions .progress-bar-vertical .progress-bar-voted {
    opacity: 1
}

.reactions .progress-bar-vertical .span-vote {
    width: auto;
    height: 20px;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    color: #222;
    font-weight: 600;
    text-align: center
}

.reactions .btn-reaction {
    background-color: #e6e6e6;
    border: 0 !important;
    padding: 4px !important;
    display: block;
    width: 100%;
    border-radius: 3px;
    -moz-transition: all .1s ease-in-out 0;
    -webkit-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0
}

.reactions .btn-reaction span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px
}

.reactions .btn-reaction-voted span {
    color: #fff
}

.reactions .icon-cnt {
    display: block;
    text-align: center
}

.reactions .img-reaction {
    width: auto;
    height: 55px;
    max-width: 100%;
    position: relative
}

.col-disable-voting {
    cursor: default !important
}

.col-disable-voting .progress-bar-vertical .progress-bar {
    opacity: .7 !important
}

.disable-voting {
    background-color: #e6e6e6 !important;
    cursor: default !important
}

.disable-voting span {
    color: #222 !important
}

.poll {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #eee
}

.poll:first-child {
    margin-top: 0 !important
}

.poll:last-child {
    border: 0
}

.poll .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-transform: none;
    margin-top: 0
}

.poll .option {
    margin-bottom: 15px
}

.poll .option span {
    margin-left: 10px
}

.poll .button-cnt {
    margin-top: 30px
}

.poll .button-cnt button {
    margin-right: 15px
}

.poll .result {
    display: none
}

.poll .result .progress {
    border-radius: 1px;
    background-color: transparent;
    box-shadow: none !important;
    background-color: #f3f3f3;
    color: #222;
    margin-bottom: 15px;
    height: 12px
}

.poll .result .progress .progress-bar {
    font-size: 11px;
    font-weight: 600;
    background-color: #2CB29A;
    box-shadow: none !important
}

.poll .result .progress .progress-bar-0 {
    color: #444
}

.poll .result .progress .progress-bar-0 span {
    margin-left: 5px
}

.poll-error-message {
    color: #E95350;
    font-size: 13px;
    display: none
}

.a-view-results {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.total-vote {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    margin-top: 19px;
    margin-bottom: 5px
}

.poll .result .progress span {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 11px
}

.label-poll-option {
    font-weight: 400;
    cursor: pointer;
    margin-left: 5px;
    display: initial !important
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contact-map-container {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px
}

.contact-map-container iframe {
    display: block;
    float: left;
    width: 100%;
    height: 460px
}

.cookies-warning {
    background-color: #fafafc;
    border-radius: 2px;
    bottom: 18px;
    left: 20px;
    opacity: .9;
    position: fixed;
    width: 400px;
    max-width: 100%;
    z-index: 9999;
    border: 1px solid #e5e5e8
}

.cookies-warning .text {
    font-size: 13px;
    padding: 24px 18px;
    color: #333;
    line-height: 24px
}

.cookies-warning .icon-cl {
    cursor: pointer;
    padding: 8px;
    position: absolute;
    font-size: 12px;
    right: 1px;
    top: -5px;
    color: #7b7b7b !important
}

.custom-checkbox {
    line-height: 17px;
    cursor: pointer;
    font-weight: 400 !important
}

.custom-checkbox:after {
    content: '';
    display: table;
    clear: both
}

.custom-checkbox .checkbox-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid #dee2e6;
    background-color: #dee2e6;
    border-radius: .15em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-checkbox .checkbox-icon i {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 3px;
    left: 3px
}

.custom-checkbox input[type="checkbox"] {
    display: none
}

.custom-checkbox input[type="checkbox"]+.checkbox-icon>i {
    opacity: 0
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-icon>i {
    opacity: 1;
    color: #fff
}

.custom-checkbox input[type="checkbox"]:disabled+.checkbox-icon {
    opacity: .5
}

.swal-button:focus {
    box-shadow: none !important
}

.disable-body-scroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed
}

.is-invalid {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

.is-recaptcha-invalid>div {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

form label.error {
    color: #d43f3a;
    display: none !important
}

form input.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

form textarea.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

form select.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .02rem rgba(220, 53, 69, 0.40) !important
}

@media(min-width:1365px) {
    .home-slider-container {
        min-height: 300px
    }

    .home-slider-item {
        min-height: 300px
    }

    .first-tmp-slider {
        min-height: 415px
    }

    .first-tmp-slider-item {
        min-height: 415px
    }
}

@media(max-width:1200px) {
    .container {
        width: 100%
    }

    .reactions .col-reaction {
        margin-right: 3.8px
    }

    .post-item-horizontal .item-image {
        height: auto !important
    }

    .w-our-picks-list li .post-image {
        height: auto !important
    }

    .external-post-image {
        height: auto !important
    }

    .related-posts .post-list li .img-responsive {
        height: auto !important
    }

    .w-popular-list li .left {
        background-color: transparent !important
    }

    .post-item .post-image {
        height: auto !important
    }

    .post-item-boxed .item-image {
        height: auto !important
    }
}

@media(max-width:1200px) and (min-width:992px) {
    .popular-comment-span {
        display: none
    }

    .post-item-horizontal .post-buttons {
        bottom: 0;
        display: block;
        float: left;
        padding-right: 15px;
        position: relative;
        right: 0;
        width: 100%
    }
}

@media(max-width:1200px) and (min-width:768px) {
    .navbar .container {
        width: 100%
    }

    .social-nav {
        padding: 0
    }

    .navbar-left {
        padding-right: 0
    }
}

@media(max-width:1140px) {
    .bn-lg {
        display: none
    }

    .bn-md {
        display: block
    }
}

@media(max-width:1100px) and (min-width:768px) {
    .navbar-nav>li {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 12px
    }

    .dropdown-more .more-sign {
        font-size: 17px
    }

    .social-nav .navbar-nav>li>a {
        font-size: 11px !important
    }
}

@media(max-width:991px) {
    #header {
        height: auto
    }

    .navbar-inverse {
        height: auto
    }

    .nav-desktop {
        display: none
    }

    .navbar-header {
        display: none
    }

    .nav-mobile-header {
        display: block
    }

    .navbar-collapse {
        width: 100% !important;
        overflow-x: hidden !important
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 0 !important
    }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important
    }

    .navbar-header {
        float: none
    }

    .profile-dropdown {
        margin-top: 10px !important
    }

    .search-icon {
        margin: 20px 0 0 !important;
        cursor: pointer;
        display: inline-block;
        font-size: 30px;
        position: relative;
        float: right
    }

    .search-icon i {
        font-size: 19px !important
    }

    .navbar-inverse {
        padding-top: 0
    }

    .navbar-header {
        border-bottom: 1px solid #eee
    }

    .navbar-toggle {
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .navbar-inverse .navbar-nav {
        margin-bottom: 0 !important
    }

    .navbar-collapse .navbar-nav {
        padding-top: 10px
    }

    .navbar-inverse .dropdown .dropdown-menu>li>a {
        line-height: 24px !important
    }

    .navbar-inverse .dropdown .dropdown-menu {
        background: #fff none repeat scroll 0 0;
        opacity: 1;
        width: auto;
        margin-left: 11px;
        padding-left: 15px !important
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        width: 100% !important;
        border: 0 none;
        border-radius: 0;
        left: 0;
        margin-top: 0;
        padding: 0;
        box-shadow: none;
        position: relative !important;
        margin-bottom: 15px
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 15px !important
    }

    .navbar-brand img {
        max-width: 150px
    }

    .profile-drop {
        display: inline-block !important;
        width: auto !important
    }

    .social-nav .navbar-nav {
        margin-top: 0 !important
    }

    .navbar-brand {
        background-color: transparent !important;
        display: block;
        margin-left: 15px;
        margin-top: 8px;
        margin-right: 5px;
        margin-top: 10px;
        padding: 0 !important
    }

    .navbar-brand img {
        max-width: 150px;
        max-height: 45px;
        display: block
    }

    .navbar-nav .dropdown .top-dropdown {
        width: 96% !important
    }

    .page-login {
        padding: 30px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(max-width:767px) {
    .cookies-warning {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important
    }

    .img-popular {
        display: none
    }

    .img-popular-mobile {
        display: block
    }

    .hidden-sm {
        display: none
    }

    .mobile-li {
        display: block !important
    }

    .home-slider-item .item-info {
        padding: 5px
    }

    .home-slider-item .item-info .title {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin: 5px 0
    }

    .first-tmp-slider {
        margin-right: -15px;
        margin-left: -15px
    }

    #main {
        margin-top: 25px
    }

    .first-tmp-slider {
        margin-top: -25px
    }

    .post-item .post-footer .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin: 10px 0
    }

    .post-item-boxed .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin: 10px 0
    }

    .post-item-horizontal .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin: 10px 0
    }

    .post-item .post-footer .summary {
        color: #888;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px
    }

    .post-item-boxed .summary {
        color: #888;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px
    }

    .post-item-horizontal .summary {
        color: #888;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px
    }

    .read-more {
        border-radius: 2px;
        font-size: 13px;
        font-weight: 400;
        padding: 3px 6px
    }

    .read-more:hover .read-more-i {
        margin-left: 25px;
        margin-right: 5px
    }

    .post-item .post-footer .post-buttons .post-social li {
        margin-right: 15px
    }

    .post-item .post-footer .post-meta span {
        font-size: 10px
    }

    .post-item .post-footer .post-buttons .post-social {
        padding: 2px 6px 3px 0
    }

    .post-item {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .post-item-horizontal {
        margin-bottom: 15px
    }

    .post-item-horizontal .item-image {
        width: 100%;
        display: block;
        float: left
    }

    .post-item-horizontal .item-content {
        width: 100%;
        display: block;
        float: left;
        padding-left: 0;
        margin-top: 15px
    }

    .post-item-horizontal .post-buttons {
        position: relative;
        padding: 0
    }

    .pagination {
        float: left
    }

    .pagination li {
        display: none;
        float: left
    }

    .pagination li a {
        font-size: 24px !important;
        line-height: 16px;
        width: 76px
    }

    .widget-popular-posts {
        margin-top: 30px
    }

    .ramdom-post-slider .item-info {
        padding: 15px
    }

    .ramdom-post-slider .item-info .title {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin: 0;
        margin-top: 5px
    }

    .about-author-left {
        display: block;
        text-align: center
    }

    .about-author-right {
        display: block;
        margin-top: 15px
    }

    #footer {
        background-color: #222;
        color: #ccc;
        margin-top: 30px;
        padding-top: 30px
    }

    #ad-space {
        padding: 15px 0
    }

    .page-breadcrumb {
        display: none
    }

    .page-about {
        font-size: 13px;
        line-height: 24px
    }

    .page-title {
        font-size: 26px;
        margin-bottom: 20px
    }

    .post-content .post-title .title {
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        margin-top: 10px
    }

    .post-content .post-meta span {
        font-size: 10px
    }

    .post-content .post-text {
        font-size: 13px;
        line-height: 24px
    }

    .post-content .post-tags .tag-list li a {
        font-size: 11px;
        padding: 2px 5px
    }

    .post-content .post-share .btn-share {
        height: 40px;
        line-height: 40px;
        margin-right: 8px;
        width: 40px
    }

    .post-content .post-share .btn-share i {
        margin-right: 0
    }

    .related-posts .post-list li {
        margin-bottom: 15px
    }

    .related-posts .post-list li .title {
        margin-top: 10px
    }

    .add-to-reading-list {
        float: left !important;
        margin-top: 0
    }

    .delete-from-reading-list {
        float: left !important;
        margin-top: 10px
    }

    .footer-bottom-left {
        display: block;
        text-align: center;
        width: 100%
    }

    .footer-bottom-left p {
        display: block;
        text-align: center;
        width: 100%
    }

    .footer-bottom-right {
        display: block;
        text-align: center;
        width: 100%
    }

    .nav-footer {
        display: block;
        text-align: center;
        width: 100%
    }

    .footer-bottom {
        padding-bottom: 60px
    }

    .section-comments .nav>li>a {
        padding: 10px 3px !important;
        font-size: 13px
    }

    .post-content .post-meta form {
        float: left !important;
        margin-top: 0;
        display: block;
        width: 100%;
        text-align: left
    }

    .post-content .post-meta form button {
        float: left !important;
        margin: 0 !important
    }

    .posts {
        width: 100% !important
    }

    .btn-optional-link {
        padding: 8px 20px;
        font-size: 13px;
        border-radius: 2px
    }

    .rss-item .left {
        display: block;
        width: 100%
    }

    .rss-item .right {
        display: block;
        width: 100%
    }

    .rss-item .right p {
        word-break: break-all
    }

    .item-boxed-cnt {
        padding: 0
    }

    .posts-boxed {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .reactions .col-reaction {
        margin-right: 3.8px;
        width: 30.2%
    }

    .recaptcha-cnt .g-recaptcha {
        -webkit-transform: scale(0.82);
        -moz-transform: scale(0.82);
        -ms-transform: scale(0.82);
        -o-transform: scale(0.82);
        transform: scale(0.82);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media(max-width:540px) {
    .bn-lg-sidebar {
        display: none
    }

    .bn-md {
        display: none
    }

    .bn-sm {
        display: block
    }
}

@media(max-width:480px) {
    .post-item-boxed .item-content {
        padding: 10px
    }

    .w-popular-list li img {
        float: left;
        height: auto;
        margin-right: 15px;
        position: relative;
        width: 100%
    }

    .page-content iframe {
        height: auto !important
    }

    .post-text iframe {
        height: auto !important
    }

    .navbar-brand {
        margin-bottom: 0 !important
    }

    .w-popular-list li img {
        float: none;
        margin-bottom: 5px
    }

    .first-tmp-slider-item .item-info {
        padding: 10px
    }

    .first-tmp-slider-item .item-info .title {
        font-size: 18px;
        line-height: 24px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .first-tmp-slider-item img {
        width: auto !important;
        display: block;
        max-width: none !important;
        max-height: 270px !important
    }

    .post-avatar {
        margin-right: 5px
    }

    .post-content .post-meta span {
        float: left
    }

    .post-content .post-meta a {
        float: left
    }

    .add-to-reading-list {
        float: right
    }
}

@media(max-width:391px) {
    .first-tmp-slider-item img {
        width: auto !important;
        display: block;
        max-width: none !important;
        min-width: 100%;
        max-height: 195px !important
    }
}

.sprite {
    background-image: url(icon/spritesheet.png);
    background-repeat: no-repeat;
    display: block
}

.sprite-bayildim {
    width: 50px;
    height: 50px;
    background-position: -5px -5px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-cool {
    width: 50px;
    height: 50px;
    background-position: -65px -5px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-kahkaha {
    width: 50px;
    height: 50px;
    background-position: -125px -5px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-kizgin {
    width: 50px;
    height: 50px;
    background-position: -5px -65px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-mahcup {
    width: 50px;
    height: 50px;
    background-position: -65px -65px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-ogretici {
    width: 50px;
    height: 50px;
    background-position: -125px -65px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-saskin {
    width: 50px;
    height: 50px;
    background-position: -5px -125px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-super {
    width: 50px;
    height: 50px;
    background-position: -65px -125px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-suskun {
    width: 50px;
    height: 50px;
    background-position: -125px -125px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-tatli {
    width: 50px;
    height: 50px;
    background-position: -185px -5px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-ucuyor {
    width: 50px;
    height: 50px;
    background-position: -185px -65px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

.sprite-uzgun {
    width: 50px;
    height: 50px;
    background-position: -185px -125px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 6px 5px;
    padding: 0;
    border: 0
}

@font-face {
    font-family: 'ui-icons';
    font-display: auto;
    src: url(../fonts/ui-icons.eot?44057230);
    src: url(../fonts/ui-icons.eot?44057230#iefix) format("embedded-opentype"), url(../fonts/ui-icons.woff2?44057230) format("woff2"), url(../fonts/ui-icons.woff?44057230) format("woff"), url(../fonts/ui-icons.ttf?44057230) format("truetype"), url(../fonts/ui-icons.svg?44057230#ui-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^="ui-"]:before,
[class*="ui-"]:before {
    font-family: "ui-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-email:before {
    content: '\e800'
}

.ui-pin:before {
    content: '\e801'
}

.ui-flash:before {
    content: '\e802'
}

.ui-play:before {
    content: '\e803'
}

.ui-arrow-right:before {
    content: '\e804'
}

.ui-star:before {
    content: '\e805'
}

.ui-star-empty:before {
    content: '\e806'
}

.ui-eye:before {
    content: '\e807'
}

.ui-tags:before {
    content: '\e808'
}

.ui-clock:before {
    content: '\e809'
}

.ui-twitter:before {
    content: '\f099'
}

.ui-facebook:before {
    content: '\f09a'
}

.ui-github:before {
    content: '\f09b'
}

.ui-rss:before {
    content: '\f09e'
}

.ui-pinterest:before {
    content: '\f0d2'
}

.ui-google:before {
    content: '\f0d5'
}

.ui-linkedin:before {
    content: '\f0e1'
}

.ui-chat-empty:before {
    content: '\f0e6'
}

.ui-arrow-down:before {
    content: '\f123'
}

.ui-arrow-left:before {
    content: '\f124'
}

.ui-arrow-up:before {
    content: '\f126'
}

.ui-youtube:before {
    content: '\f167'
}

.ui-xing:before {
    content: '\f168'
}

.ui-dropbox:before {
    content: '\f16b'
}

.ui-stackoverflow:before {
    content: '\f16c'
}

.ui-instagram:before {
    content: '\f16d'
}

.ui-flickr:before {
    content: '\f16e'
}

.ui-bitbucket:before {
    content: '\f171'
}

.ui-tumblr:before {
    content: '\f173'
}

.ui-apple:before {
    content: '\f179'
}

.ui-windows:before {
    content: '\f17a'
}

.ui-android:before {
    content: '\f17b'
}

.ui-dribbble:before {
    content: '\f17d'
}

.ui-skype:before {
    content: '\f17e'
}

.ui-foursquare:before {
    content: '\f180'
}

.ui-trello:before {
    content: '\f181'
}

.ui-vkontakte:before {
    content: '\f189'
}

.ui-vimeo:before {
    content: '\f194'
}

.ui-slack:before {
    content: '\f198'
}

.ui-reddit:before {
    content: '\f1a1'
}

.ui-stumbleupon:before {
    content: '\f1a4'
}

.ui-delicious:before {
    content: '\f1a5'
}

.ui-digg:before {
    content: '\f1a6'
}

.ui-behance:before {
    content: '\f1b4'
}

.ui-spotify:before {
    content: '\f1bc'
}

.ui-soundcloud:before {
    content: '\f1be'
}

.ui-codeopen:before {
    content: '\f1cb'
}

.ui-git:before {
    content: '\f1d3'
}

.ui-slideshare:before {
    content: '\f1e7'
}

.ui-twitch:before {
    content: '\f1e8'
}

.ui-search:before {
    content: '\f1f5'
}

.ui-lastfm:before {
    content: '\f202'
}

.ui-forumbee:before {
    content: '\f211'
}

.ui-sellsy:before {
    content: '\f213'
}

.ui-shirtsinbulk:before {
    content: '\f214'
}

.ui-skyatlas:before {
    content: '\f216'
}

.ui-whatsapp:before {
    content: '\f232'
}

.ui-snapchat:before {
    content: '\f2ac'
}

.ui-close:before {
    content: '\f2d7'
}

.ui-check:before {
    content: '\f383'
}

.ui-comment:before {
    content: '\f075'
}

.currencyBilesen {
    background: #FAFAFA
}

.currencyBilesen .widgetContent {
    padding: 10px 0;
    overflow: hidden
}

.currencyBilesen .items {
    margin-left: -1px;
    overflow: hidden
}

.currencyBilesen .widgetContent .item {
    float: left;
    border-left: 1px solid #EEE;
    position: relative
}

.currencyBilesen .widgetContent .item .icon {
    float: left;
    margin: 4px 0;
    width: 50px;
    height: 50px
}

.currencyBilesen .item.dollar .icon {
    background: url(img/dolar.png)
}

.currencyBilesen .item.euro .icon {
    background: url(img/euro.png)
}

.currencyBilesen .item.gold .icon {
    background: url(img/altin.png);
    width: %100px
}

.currencyBilesen .item.bist .icon {
    background: url(img/bist.png)
}

.currencyBilesen .item.dollar .title {
    color: #2aa212;
    height: 16px;
    margin-top: 2px
}

.currencyBilesen .item.euro .title {
    color: #c54242;
    height: 16px;
    margin-top: 2px
}

.currencyBilesen .item.gold .title {
    color: #d2c344;
    height: 16px;
    margin-top: 2px
}

.currencyBilesen .item.bist .title {
    color: #009fc3;
    height: 16px;
    margin-top: 2px
}

.currencyBilesen .item .title {
    font-weight: 700;
    font-size: 14px
}

.currencyBilesen .item .price {
    height: 10px;
    font-size: 14px
}

.currencyBilesen .item .info {
    line-height: 17px;
    height: 51px;
    overflow: hidden;
    color: #515151
}

.currencyBilesen.homeWidget .widgetContent .item {
    width: 25%
}

.currencyBilesen.wideWidget .widgetContent .item {
    width: 25%
}

.currencyBilesen.sidebarWidget .widgetContent .items {
    margin: -11px 0 -11px -1px
}

.currencyBilesen.sidebarWidget .widgetContent .item {
    width: 50%;
    padding: 0;
    border-bottom: 1px solid #eee
}

.social-container {
    width: 300px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.social-title {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.social-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.social-button {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: #4a5568;
    font-family: Arial, sans-serif;
    font-size: 15px;
    transition: all 0.2s ease;
}

.social-button:hover {
    transform: translateY(-1px);
}

.social-button img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.users-buttonn {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 6px;
    text-decoration: none;
    color: #4a5568;
    font-family: Arial, sans-serif;
    font-size: 15px;
    transition: all 0.2s ease;
}

.users-button:hover {
    transform: translateY(-1px);
}

/* Sosyal medya butonları için özel hover renkleri */
.facebookk:hover {
    background-color: #f0f5ff;
    border-color: #4267B2;
    color: #4267B2;
}

.twitterr:hover {
    background-color: #e8f5fd;
    border-color: #1DA1F2;
    color: #1DA1F2;
}

.instagramm:hover {
    background-color: #fdf2f8;
    border-color: #E1306C;
    color: #E1306C;
}

.youtubee:hover {
    background-color: #fef2f2;
    border-color: #FF0000;
    color: #FF0000;
}

.linkedinn:hover {
    background-color: #f0f7ff;
    border-color: #0077b5;
    color: #0077b5;
}

.notification-dialog {
    max-width: 400px;
    background: white;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    z-index: 1000000;
    display: none;
}

.notification-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.notification-logo {
    width: 64px;
    height: 48px;
}

.notification-text-content {
    flex: 1;
}

.notification-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 0 0 8px 0;
}

.notification-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 15px 0;
    line-height: 1.4;
}

.notification-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.notification-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
}

.btn-later {
    background-color: #6b2f8f;
    color: white;
}

.btn-allow {
    background-color: #e02828;
    color: white;
}



.writers-container {
    max-width: 800px;
    background-color: #f5f5f5;
    padding: 1px;
}

.writers-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #e0e0e0;
}

.writers-header h2 {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.all-button {
    font-size: 12px;
    color: #666;
    text-decoration: none;
    background: #ccc;
    padding: 2px 8px;
    border-radius: 3px;
}

.writer-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    background-color: white;
    text-decoration: none;
}

.writer-photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    margin-right: 15px;
}

.writer-content {
    flex: 1;
}

.writer-name {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 500;
    color: #171821;
}

.writer-name a {
    color: #171821;
}

.writer-name:hover {
    color: #c41e1e;
}

.article-title {
    font-size: 13px;
    color: #c41e1e;
    line-height: 1.4;
}

.article-title a {
    color: #c41e1e;
}

.currencyBilesen.sidebarWidget .widgetContent .item .arrow {
    top: 24px;

    mediaallandmax-width: 940px) {
        .currencyBilesen.homeWidget .widgetContent .item {
            ;
            width: 50%;
            padding: 10px;
            border-bottom: 1px solid #eee
        }

        .currencyBilesen.homeWidget .widgetContent .items {
            margin: -11px 0 -11px -1px
        }

        .currencyBilesen.sidebarWidget .widgetContent .item {
            width: 100%
        }

        .currencyBilesen.homeWidget .widgetContent .item .arrow {
            top: 24px
        }

        #switcher {
            display: none
        }

        .currencyBilesen .widgetContent .items .item {
            width: 25%;
            padding: 10px;
            border-bottom: 1px solid #eee
        }

        .currencyBilesen .widgetContent .items {
            margin: -11px 0 -11px -1px !important
        }

        .currencyBilesen .widgetContent .item .arrow {
            top: 24px !important
        }

        .currencyBilesen .widgetContent .items .item {
            width: 50%
        }

        @media all and (max-width:320px) {
            .currencyBilesen .widgetContent .items .item {
                padding: 5px
            }

            #flash .title .inner:before,
            #toplogin:before,
            #menu li,
            #menu li.menu-item-home a .icon,
            #menu li.menu-item-has-children span.arrow,
            #menuGroup .searchIcon:before,
            .searchWidget button:before,
            #safirSearch button:before,
            #breakingGroup #breaking:before,
            #breakingGroup #breaking .owl-buttons div,
            .safirSocial li a:before,
            .wideSlider .owl-buttons div,
            .slider1Widget .slider .owl-buttons div,
            .slider2Widget .owl-buttons div,
            .currencyBilesen .widgetContent .item .icon,
            .currencyBilesen .widgetContent .item .arrow span,
            .authorsWidget .arrows a,
            .LigBileseni .topsection .title:before,
            .cityWidget .topsection .hamburger,
            footer .footermenu2 a:before,
            #single .metaBox .icon,
            .sfrIconForm .item .icon span,
            .sfrCommentsList a.comment-reply-link:before,
            .gallery-item .inner .fullScreen:before,
            .sfrIconForm p.status.success:before,
            .sfrIconForm p.status.warning:before,
            aside.profile .userMenu a .icon span,
            #profile .safirButton:before,
            #authorRelated .item .title:before,
            .slidingWidget .owl-buttons div,
            .slidingWidget.addtosite .owl-buttons div,
            #switcher .icon:before,
            #header-cont .toggleMenu:before,
            #header-cont .searchButton:before,
            #searchbox .close:before,
            #searchbox button:before,
            #hamburgermenu span.close:before,
            #mobilemenu .menu-item-has-children>a:after,
            #mobilemenu .back a .backicon:before,
            #breakingGroup #breaking .owl-buttons div:before {
                background-size: 45px 1200px !important
            }
        }