@charset "utf-8";
::-webkit-selection{
    background-color:#f60d2b;
    color:#fff
}
::-moz-selection{
    background-color:#f60d2b;
    color:#fff
}
::selection{
    background-color:#f60d2b;
    color:#fff
}
body{
    font-family: 'Poppins', sans-serif;
    color:#797986
}
.btn,.social ul li a,btn{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
a:hover{
    color:#f60d2b;
    text-decoration:none
}
@media (min-width:1200px){
    .left-padding{
        padding-left:30px
    }
}
.bg-image{
    background:#f2f2f2 url(../images/icon/bg.png) repeat-y center top
}
.row-margin{
    margin:1px
}
.rn_block{
    margin-right:-10px;
    margin-left:-10px
}
.col-padding{
    padding:0
}
.col-padding-1{
    padding-left:20px;
    padding-right:20px
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
    color:#111
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#111
}
p{
    font-family: 'Poppins', sans-serif;
    color:#7e7e7e;
    font-weight:400;
    letter-spacing:.1px;
    margin:0 0 20px
}
li,ul{
    margin:0;
    padding:0;
    list-style:none
}
.color-1{
    color:#f60d2b!important
}
.color-2{
    color:#d91897!important
}
.color-3{
    color:#229ad6!important
}
.color-4{
    color:#86a821!important
}
.color-5{
    color:#fbbc05!important
}
.color-6{
    color:#000!important
}
.bg-color-1{
    background-color:#f60d2b!important
}
.bg-color-2{
    background-color:#d91897!important
}
.bg-color-3{
    background-color:#229ad6!important
}
.bg-color-4{
    background-color:#86a821!important
}
.bg-color-5{
    background-color:#fbbc05!important
}
.bg-color-6{
    background-color:#000!important
}
.no-js #loader{
    display:none
}
.js #loader{
    display:block;
    position:absolute;
    left:100px;
    top:0
}
.btn-style{
    color:#fff;
    background-color:#f60d2b;
    border:2px solid #f60d2b;
    border-radius:30px;
    font-weight:700;
    padding:8px 25px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px
}
.btn-style:hover{
    border:2px solid #f60d2b;
    background-color:transparent;
    color:#f60d2b
}
.slide .post-badge{
    color:inherit;
    padding:5px 9px;
    font-size:12px;
    display:inline-block;
    transition:all .3s;
    text-transform:uppercase;
    position:relative;
    border-radius:25px;
    letter-spacing:.5px;
    font-weight:600;
    font-family: 'Poppins', sans-serif;
}
.meta-info-side .slide .post-badge{
    margin-bottom:0
}
.post-wrapper:hover .post-badge{
    border:0 solid transparent;
    text-decoration:none;
    padding-right:110px
}
.slide .post-badge:after{
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.post-wrapper:hover .post-badge:after{
    margin-left:2px;
    opacity:1
}
.post-wrapper .btn_one:after{
    content:" ASHION";
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.btn_one{
    background-color:#86a821
}
.comment-message{
    display:none
}
.slide .btn_two:after{
    content:" RAVELL";
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.btn_two{
    background-color:#ca4335
}
.slide .btn_three:after{
    content:" PORTS";
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.btn_three{
    background-color:#ff0042
}
.slide .btn_four:after{
    content:" IFESTYLE";
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.btn_four{
    background-color:#1a1a1a
}
.slide .btn_five:after{
    content:" USINESS";
    position:absolute;
    margin-left:-10px;
    transition:all .3s;
    opacity:0
}
.btn_five{
    background-color:#fbbc05
}
.slide .btn_six:after{
    content:" ECHNOLOGY"
}
.btn_six{
    background-color:#d91897
}
.slide .btn_sev:after{
    content:" NTERNATIONAL"
}
.btn_sev{
    background-color:#229ad6
}
.slide .btn_eight:after{
    content:" EALTH"
}
.btn_eight{
    background-color:#229ad6
}
.slide .btn_nine:after{
    content:" OLITICS"
}
.btn_nine{
    background-color:#ff0042
}
header{
    position:relative;
    z-index:10;
    -webkit-box-shadow:-1px 5px 5px rgba(0,0,0,.25);
    -moz-box-shadow:-1px 5px 5px rgba(0,0,0,.25);
    box-shadow:-1px 5px 5px rgba(0,0,0,.25)
}
.navbar{
    position:relative;
    border-width:0;
    border-style:solid;
    border-radius:0;
    background-color:#fff;
    margin-bottom:0
}
.navbar-collapse{
    padding-right:0;
    padding-left:0
}
.navbar-nav>li>a{
    color: #2d3038;
    font-weight: 700;
    padding: 17px 15px;
    margin-right: 3px;
}
input.error,textarea.error{
    border:1px solid red!important
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:#f60d2b;
    border-color:#f60d2b;
    color:#fff
}
.navbar-nav>li>a>span{
    font-size:20px;
    font-weight:600;
    vertical-align:middle;
    line-height:0
}
.navbar-nav>li>.dropdown-menu{
    margin-top:0px;
    border-radius:0;
    min-width:170px;
    border:0;
    padding:0;
    border-top:1px solid #f60d2b
}
.dropdown-menu>li>a{
    padding:8px 15px
}
.dropdown-menu>li>a:hover{
    background-color:#f60d2b;
    color:#fff
}
.dropdown-menu>li>a img{
    margin-right:5px
}
.dropdown-menu .divider{
    background-color:#e5e5e5;
    height:1px;
    margin:8px 15px;
    overflow:hidden
}
.dropdown-submenu{
    position:relative
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:0;
    margin-left:-1px;
    border-radius:0;
    border:0;
    padding:0;
    border-top:1px solid #f60d2b
}
.dropdown-submenu:hover .zoomIn{
    display:block;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px
}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{
    /* color:#fff; */
    /* background-color:#f60d2b; */
    transition:all .3s
}
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}
.mobile-menu-area{
    display:block;
    background:#1f1f1f;
    padding:15px 0 10px
}
.mean-container .mean-bar::after{
    color:#fff;
    content:"MENU";
    font-size:18px;
    font-weight:600;
    left:5%;
    position:absolute;
    top:17px
}
.mobile-menu{
    width:250px;
    height:100%;
    top:0;
    z-index:1000;
    left:-250px;
    background:#222;
    position:fixed;
    border:5px solid #333;
    background-image:url(../images/side-menu.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center top
}
.mobile-menu.mobile-menu-open{
    left:0
}
.mobile-menu{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}
.sidebar-nav .sidebar-search{
    padding:30px 15px
}
.sidebar-nav .sidebar-search .form-control{
    background-color:rgba(255,255,255,.1);
    border:0
}
.mobile-menu-btn{
    color:#fff;
    background-color:#f60d2b;
    border-color:#f60d2b;
    border-radius:25px
}
.sidebar-nav ul li a{
    font-family: 'Poppins', sans-serif;;
    color:#fff
}
.sidebar-nav ul li a:focus,.sidebar-nav ul li a:hover{
    text-decoration:none;
    background-color:transparent;
    color:#f60d2b
}
.sidebar-nav .arrow{
    float:right
}
.sidebar-nav .fa.arrow:before{
    content:"\f104"
}
.sidebar-nav .active>a>.fa.arrow:before{
    content:"\f107"
}
.sidebar-nav .nav-second-level li,.sidebar-nav .nav-third-level li{
    border-bottom:none!important
}
.sidebar-nav .nav-second-level li a{
    padding-left:37px
}
.sidebar-nav .nav-third-level li a{
    padding-left:52px
}
.sidebar-nav .social{
    margin-bottom:0;
    padding:30px 15px;
    text-align:center
}
.social ul li{
    border-bottom:0
}
.sidebar-nav .social ul li a{
    width:30px;
    height:30px;
    padding-top:6px
}
.sidebar-nav .social ul li a i{
    font-size:12px
}
.nav-icon{
    width:24px;
    height:24px;
    position:relative;
    margin:0 auto;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    float:right
}
.nav-icon span{
    display:block;
    position:absolute;
    height:3px;
    width:100%;
    background:#fff;
    border-radius:5px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.nav-icon span:nth-child(1){
    top:0
}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){
    top:8px
}
.nav-icon span:nth-child(4){
    top:16px
}
.nav-icon.open span:nth-child(1){
    top:18px;
    width:0%;
    left:50%
}
.nav-icon.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.nav-icon.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.nav-icon.open span:nth-child(4){
    top:18px;
    width:0%;
    left:50%
}
.mainManset .owl-dots,.mainManset-2 .owl-dots{
    text-align:center;
    width:100%;
    padding:8px 0;
    height:50px;
    background:#fff;
    webkit-box-shadow:2px 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow:2px 0 10px 0 rgba(0,0,0,.2);
    box-shadow:2px 0 10px 0 rgba(0,0,0,.2)
}
.mainManset .owl-dots .owl-dot,.mainManset-2 .owl-dots .owl-dot{
    width:34px;
    font-weight:500;
    text-align:center;
    height:34px;
    line-height:34px;
    margin-right:8px;
    border-radius:3px;
    background:#fff;
    border:1px solid #d8d8d8;
    display:inline-block
}
.mainManset .owl-dots .owl-dot a,.mainManset-2 .owl-dots .owl-dot a{
    font-size:16px;
    font-weight:500;
    line-height:32px;
    color:#2e393f
}
.mainManset .owl-dots .owl-dot.active,.mainManset-2 .owl-dots .owl-dot.active{
    background:#000;
    border-radius:3px;
    color:#fff;
    border-color:#000;
    text-decoration:none
}
.mainManset .owl-dots .owl-dot.active a,.mainManset-2 .owl-dots .owl-dot.active a{
    color:#fff
}
.mainManset .owl-dots .owl-dot:last-child,.mainManset-2 .owl-dots .owl-dot:last-child{
    margin-right:0!important
}
.headLineMain{
    margin:26px 0 26px 0
}
.gundem-item .gundem-post-title span{
    display:block;
    height:36px;
    overflow:hidden;
    font-size:14px;
    color:#656565;
    line-height:17px
}
.gundem-item .gundem-post-title{
    display:block;
    border:1px solid #ccc;
    border-top-width:0;
    padding:11px 14px;
    background:#fff
}
.gundem-item a{
    display:block;
    height:100%;
    overflow:hidden;
    font-weight:700
}
.gundem-item a:hover{
    opacity:.8;
    transition:all .5s
}
.hkart2{
    display:block;
    position:relative
}
.hkart2 .text{
    position:absolute;
    width:100%;
    height:100px;
    z-index:2;
    left:0;
    bottom:0;
    background:#000;
    background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%)
}
.hkart2 img{
    position:relative;
    z-index:1;
    width:100%
}
.hkart2 p{
    color:#fff;
    margin-bottom:0;
    position:absolute;
    bottom:9px;
    font-weight:600;
    z-index:3;
    padding:15px;
    height:59px;
    overflow:hidden
}
.manset-right-item{
    margin-bottom:22px
}
.gundem-arasi{
    margin-top:35px
}
.manset-alti{
    margin-bottom:30px
}
.bg-gray{
    background:#cccccc0f;
    padding:31px 0
}
.category-headding{
    margin-top:0;
    font-size:16px;
    color:#222;
    text-transform:uppercase;
    font-family: 'Poppins', sans-serif;;
    font-weight:700;
    letter-spacing:.5px
}
.headding-border{
    position:relative;
    border-bottom:1px solid #ddd;
    background-color:#f60d2b;
    margin-bottom:30px
}
.headding-border::before{
    position:absolute;
    bottom:-1px;
    width:50px;
    height:4px;
    background-color:inherit;
    content:""
}
.headding-border::after{
    position:absolute;
    bottom:-1px;
    width:15px;
    height:4px;
    background-color:inherit;
    content:"";
    left:53px
}
.sub-new{
    position:relative;
    z-index:1;
    width:100%;
    overflow:hidden;
    background-color:#ea2c33;
    padding:6px 0;
    color:#fff
}
.sub-icon:before{
    font-family:'Font Awesome 5 Free';
    content:'\f7c0';
    font-weight:900;
    float:left;
    width:36px;
    font-size:20px;
    position:relative;
    bottom:1px
}
.sub-new-title a:hover{
    opacity:.8;
    transition:all .5s
}
.sub-new-title a{
    font-size:14px;
    color:#fff;
    font-weight:600;
    margin-top:3px;
    display:block
}
.kose-yazarlari{
    margin-bottom:50px
}
.kose-yazarlari-item{
    border:1px solid #cccccc63
}
.kose-isim{
    font-size:18px;
    color:#555
}
.kose-soyisim{
    font-size:16px;
    font-weight:600;
    color:#555
}
.kose-yazarlari-baslik{
    padding-top:27px;
    padding-left:14px
}
.kose-haber{
    padding:5px 15px;
    background-color:#434343;
    color:#fff;
    height:31px;
    font-weight:600;
    overflow:hidden;
    font-size:13px;
    line-height:23px
}
.kose-yazarlari-item img{
    width:100%
}
.kose-yazarlari-item:hover{
    opacity:.8;
    transition:all .5s
}
.haber-listesi .haber-item img{
    width:100%
}
.haber-listesi .haber-title{
    color:#555;
    padding:14px 10px;
    font-size:15px;
    background:#fff
}
.haber-listesi .haber-title span{
    height:45px;
    overflow:hidden;
    display:block
}
.haber-listesi .haber-item{
    border:1px solid #cccccc6b;
    margin-bottom:30px;
    box-shadow:1px 1px 3px #cccccc85
}
.burc{
    display:block;
    width:100%;
    margin-bottom:30px
}
.burc img{
    width:100%
}
.burc a{
    position:relative;
    display:block;
    text-align:center;
    height:115px
}
.burc a p{
    position:absolute;
    bottom:0;
    font-size:15px;
    width:100%;
    text-align:center;
    color:#470a54
}
header .header-logo{
    float:left;
    width:20%
}
header .header-top{
    display:block;
    padding:10px 0;
    position:relative;
    z-index:5;
    background:#fff;
    border-bottom:1px solid #e9e9e9
}
header .logo{
    display:inline-block;
    height:43px;
    margin-top:7px
}
header .secondMenu{
    display:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none
}
header .borsa{
    margin:0 auto;
    float:left;
    width:63%;
    text-align:center;
    margin-top:10px
}
header .borsa li{
    display:inline-block;
    margin-right:39px;
    cursor:default
}
header .borsa li.up i{
    color:#1b9e61
}
header .borsa li.up .text strong{
    color:#1b9e61
}
header .borsa li.down i{
    color:#d61820
}
header .borsa li.down .text strong{
    color:#d61820
}
header .borsa li:last-child{
    margin-right:0
}
header .borsa li i{
    display:inline-block;
    font-size:24px;
    width:28px;
    text-align:center
}
header .borsa li .text{
    display:inline-block
}
header .borsa li .text span{
    display:block;
    font-size:13px
}
header .borsa li .text strong{
    display:block;
    font-size:16px;
    line-height:16px;
    font-weight:500
}
header .havaDurumu{
    float:left;
    width:16%;
    margin-top:6px;
    text-align:right
}
header .havaDurumu i{
    display:inline-block;
    width:40px;
    height:40px;
    margin-right:5px;
    position:relative;
    top:5px
}
header .havaDurumu i{
    background:url(../images/icon/gunes.svg)
}
header .havaDurumu a{
    display:inline-block;
    text-align:left
}
header .havaDurumu a:hover{
    text-decoration:underline!important
}
header .havaDurumu label{
    font-size:14px;
    display:block;
    line-height:13px;
    margin-bottom:3px;
    font-weight:400;
    color:#555
}
header .havaDurumu p{
    font-size:14px;
    font-weight:500;
    line-height:16px;
    margin-bottom:0;
    color:#333
}
footer{
    width:100%;
    display:block;
    padding:50px 0;
    background:#000;
    color:#fff
}
footer a{
    color:#fff
}
footer a.bb{
    display:none
}
footer .fUstMenu{
    display:block;
    float:right;
    margin-bottom:0;
    margin-top:15px
}
footer .fUstMenu li{
    display:inline-block
}
footer .fUstMenu li a{
    padding:0 15px;
    font-size:15px
}
footer .fUstMenu li a:first-child{
    padding-right:0
}
footer hr{
    width:100%;
    margin:30px 0!important;
    border-color:rgba(255,255,255,.2)!important;
    display:block
}
footer .fAltMenu{
    display:block;
    opacity:.3;
    margin-bottom:0
}
footer .fAltMenu li{
    display:inline-block
}
footer .fAltMenu li a{
    padding:0 15px
}
footer .fAltMenu li a:first-child{
    padding-left:0
}
footer .copyright{
    display:block;
    width:100%;
    opacity:.3
}
.sub-footer .social{
    text-align:right;
    margin-top:-12px
}
.sub-footer .social ul li a{
    width:30px;
    height:30px;
    padding-top:7px
}
.sub-footer .social ul li a::after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    bottom:0;
    left:-4px;
    -webkit-transform:rotate(58deg);
    -moz-transform:rotate(58deg);
    -ms-transform:rotate(58deg);
    -o-transform:rotate(58deg);
    border-top-width:8px
}
.sub-footer .social ul li a i{
    font-size:12px
}
.sub-footer{
    margin-top:25px
}
.social{
    padding:0;
    text-align:center
}
.social ul{
    margin:0;
    padding:0
}
.social ul li{
    list-style:none outside none;
    display:inline-block;
    margin:5px
}
.social ul li a{
    display:inline-block;
    position:relative;
    width:60px;
    height:60px;
    color:#ffe;
    background-color:#909aa0;
    font-size:12px;
    text-align:center;
    padding-top:14px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%
}
.social ul li a:hover{
    opacity:.6
}
.social ul li a::after{
    content:"";
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    bottom:1px;
    left:-6px;
    margin-bottom:1px;
    -webkit-transform:rotate(55deg);
    -moz-transform:rotate(52deg);
    -ms-transform:rotate(42deg);
    -o-transform:rotate(42deg);
    border-top-width:15px;
    border-top-style:solid
}
.social ul li a.facebook{
    background-color:#3b5998
}
.social ul li a.facebook::after{
    border-top-color:#3b5998
}
.social ul li a.twitter{
    background-color:#00abe3
}
.social ul li a.twitter::after{
    border-top-color:#00abe3
}
.social ul li a.instagram{
    background-color:#C13584
}
.social ul li a.instagram::after{
    border-top-color:#C13584
}
.social ul li a.youtube{
    background-color:#FF0000
}
.social ul li a.youtube::after{
    border-top-color:#FF0000
}
.social ul li a i{
    font-size:20px
}
.social a span{
    display:block
}
.page-title{
    position:relative;
    z-index:1;
    width:100%;
    background-color:#262626;
    color:#fff
}
.page-title ol{
    padding-left:0;
    margin-bottom:0
}
.page-title li{
    float:left;
    margin-right:10px;
    line-height:52px
}
.page-title a,.page-title i{
    display:inline-block;
    font-size:inherit;
    line-height:inherit
}
.page-title *,.page-title a{
    color:inherit;
    font-size:16px
}
.page-title li:before{
    font-family:"Font Awesome 5 Free";
    font-size:87.5%;
    content:"\f105";
    margin-right:8px;
    font-weight:900
}
.page-title li:first-child:before{
    content:" ";
    margin-right:0
}
.page-title ol:after,.page-title ol:before{
    content:" ";
    display:table;
    clear:both
}
.content-news{
    margin:15px 0
}
.news-content-date{
    position:relative;
    height:110px;
    padding-top:8px;
    background-color:#e5e5e5;
    text-align:center
}
.news-content-date:before{
    position:absolute;
    top:-10px;
    right:20px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 10px 10px;
    border-color:transparent transparent #e5e5e5 transparent
}
.news-content-date .p1{
    line-height:52px;
    font-size:187.5%;
    font-weight:300;
    color:#242424
}
.news-content-date .p2{
    padding:0 5px;
    border-top:1px dotted #c3c3c3;
    line-height:46px;
    font-size:75%;
    font-weight:300
}
.news-content-tools{
    position:relative;
    padding:40px 30px;
    text-align:center;
    background-color:#f5f5f5;
    -webkit-box-shadow:0 -7px 10px -5px rgba(0,0,0,.15);
    -moz-box-shadow:0 -7px 10px -5px rgba(0,0,0,.15);
    box-shadow:0 -7px 10px -5px rgba(0,0,0,.15)
}
.news-content-tools:before{
    position:absolute;
    top:-10px;
    right:20px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 10px 10px;
    border-color:transparent transparent #f5f5f5 transparent
}
.content-page{
    margin-bottom:55px
}
.content-page h4{
    margin-bottom:20px
}
.news-content-tools a,.news-content-tools span{
    display:inline-block;
    width:32px;
    height:32px;
    margin-bottom:5px;
    background-color:#767676;
    color:#fff;
    line-height:32px;
    cursor:pointer;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:0 2px 4px 0 rgba(50,50,50,.3);
    -moz-box-shadow:0 2px 4px 0 rgba(50,50,50,.3);
    box-shadow:0 2px 4px 0 rgba(50,50,50,.3)
}
.content-p .content-heading{
    position:relative;
    padding:15px 0;
    margin-bottom:15px;
    border-bottom:3px solid #e9e9e9
}
.content-p .content-title{
    margin:0;
    line-height:120%;
    font-weight:700;
    font-size:170.5%;
    margin-bottom:14px
}
.content-p .content-description{
    font-weight:600;
    margin:0;
    font-size:115%;
    line-height:21px
}
.text-content h3{
    font-size:23px
}
.text-content p{
    color:#333;
    font-size:18px;
    line-height:28px
}
.news-detail-img img{
    max-width:100%
}
.news-label{
    margin:36px 0 20px 0;
    width:73%;
    max-height:55px;
    overflow:hidden
}
.news-label a{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    border:1px solid #888;
    padding:.125rem 1rem;
    border-radius:1.25rem;
    color:#949cb1;
    margin-right:.625rem;
    margin-bottom:.625rem;
    font-size:14px;
    font-weight:400
}
.comment-block-news{
    margin-bottom:20px;
    padding:20px 60px 20px 60px;
    background-color:#f8f8f8;
    border:3px solid #e9e9e9;
    border-width:3px 0;
    color:#242424
}
.comment-block-news h1.caption{
    display:inline-block;
    margin:0 0 20px 0;
    border-bottom:1px solid #cecece;
    font-weight:700;
    font-size:150%
}
.comment_add-news{
    /* text-align:right */
}
.comment_add-news .info{
    padding:15px 0;
    border-top:1px solid #ddd;
    line-height:115%;
    font-size:81.25%;
    text-align:left
}
.comment_add-news .comment_content{
    display:inline-block;
    width:100%;
    max-width:100%;
    min-width:100%;
    height:150px;
    max-height:150px;
    min-height:150px;
    overflow:auto;
    margin-bottom:20px;
    border:1px solid #e0e0e0;
    padding:8px 10px;
    vertical-align:middle;
    line-height:20px;
    font-size:103.5%;
    color:#666;
    box-shadow:0 1px 1px rgba(0,0,0,.075) inset
}
.comment_add-news .member_name{
    width:200px;
    height:40px;
    margin:0 0 20px 10px;
    padding:0 6px;
    border:1px solid #ededed;
    border-radius:2px;
    line-height:40px;
    font-size:87.5%
}
.comment_add-news .comment_submit{
    width:100px;
    height:40px;
    margin:0 0 20px 10px;
    background-color:#262626;
    border:medium none;
    border-radius:2px;
    line-height:40px;
    font-size:87.5%;
    font-weight:700;
    color:#fff;
    cursor:pointer
}
.comment-block-news h1.caption span{
    font-weight:300
}
.other-news-side{
    position:relative;
    clear:both;
    height:29px;
    margin-bottom:18px;
    border-bottom:1px solid #a0a0a0
}
.other-news-side a,.other-news-side span{
    display:inline-block;
    line-height:100%;
    font-size:17px;
    font-weight:700;
    color:#3f495b
}
.other-news-side img{
    display:block;
    max-width:100%;
    height:auto
}
.news-detail-slide a .t-other{
    position:relative;
    display:block;
    padding:8px 13px;
    border:1px solid #e5e5e5;
    border-top-width:0
}
.news-detail-slide a .t:before{
    position:absolute;
    margin-top:-17px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:9px 0 0 9px;
    border-color:transparent transparent transparent #fff
}
.news-detail-slide a{
    display:block;
    margin-bottom:10px;
    line-height:130%;
    font-size:87.5%;
    font-weight:700;
    color:#242424
}
.content-news .container{
    padding:0
}
.category-news{
    margin-bottom:40px
}
.gundem-arasi-footer{
    margin-bottom:40px
}
.navbar-mobile{
    text-align:center
}
.popular-news ul{
    background-color:#f7f7f7;
    border:1px solid #e0e0e0;
    border-width:1px 0
}
.popular-news ul li{
    padding-left:10px;
    border-bottom:1px solid #e0e0e0
}
.popular-news ul li:hover{
    opacity:.8;
    transition:all .3s
}
.popular-news li a:before{
    font-family:"Font Awesome 5 Free";
    content:"\f054";
    margin-right:3px;
    font-weight:900;
    font-size:11px;
    position:relative;
    bottom:1px
}
.popular-news li a{
    color:#656565;
    display:block;
    padding:9px 9px 8px 9px;
    border-top:1px solid #fff;
    font-size:13px
}
.pagination{
    display:block;
    position:relative;
    clear:both;
    padding:8px 0;
    margin-bottom:60px
}
.pagination .holder{
    position:relative;
    z-index:2;
    width:100%;
    height:35px;
    text-align:center;
    display:flex;
    justify-content:center
}
.pagination .current,.pagination .number{
    min-width:35px;
    text-align:center;
    border:1px solid #d4d4d4
}
.pagination a,.pagination span{
    display:inline-block;
    height:35px;
    line-height:35px;
    font-size:93.75%;
    font-weight:300;
    color:#3e3e3e;
    background-color:#fff
}
.pagination:after{
    position:absolute;
    z-index:1;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    content:"";
    background-color:#d4d4d4
}
.pagination a:hover{
    text-decoration:none;
    border-color:#aaa
}
.pagination a{
    margin-right:13px
}
.pagination .next,.pagination .prev{
    position:relative;
    min-width:35px;
    background-color:#d4d4d4;
    color:#fff
}
.pagination .prev{
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-bottomleft:2px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.pagination .next{
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}
.pagination .next:after{
    position:absolute;
    margin-left:13px;
    margin-top:1px;
    content:"\f0da";
    font-family:"Font Awesome 5 Free";
    font-size:90%;
    font-weight:900;
    color:#d4d4d4
}
.pagination .prev:before{
    position:absolute;
    margin-left:-16px;
    margin-top:1px;
    content:"\f0d9";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:90%;
    color:#d4d4d4
}
.manset-title{
    position:absolute;
    bottom:0;
    width:100%;
    height:160px;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%)
}
.manset-title-main{
    position:absolute;
    left:5%;
    right:5%;
    bottom:9px;
    display:block;
    width:90%;
    padding:15px 0;
    line-height:1.25;
    font-weight:700;
    font-size:24px;
    color:#fff;
    text-align:center;
    text-shadow:1px 1px 1px #000;
    border-top:1px solid #fff;
    border-top-color:rgba(255,255,255,.25)
}
.pagination a.current{
    font-weight:700;
    color:#000
}
.yorum-resim img{
    width:100%
}
.yazar small{
    font-style:italic
}
.sonyorumlar{
    margin-top:32px
}
.yorum-liste p{
    margin-bottom:0
}
.yorum-liste{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #cccccc57
}
.yorum-liste:last-child{
    border-bottom:0
}
.tag-news{
    margin-top:30px
}
.author-info{
    position:relative;
    width:100%;
    height:200px;
    margin-bottom:20px;
    background:transparent url(../images/icon/author-bg.png) no-repeat left top
}
.list-author-info a{
    color:#fff
}
.author-info:before{
    content:"";
    position:absolute;
    z-index:5;
    top:0;
    bottom:0;
    left:0;
    right:0;
    box-shadow:inset 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow:inset 0 0 8px rgba(0,0,0,.6);
    -webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.6)
}
.author-list-news{
    width:100%;
    margin-bottom:20px
}
.author-section{
    margin-top:25px
}
.author-list-news li{
    padding:0 30px;
    margin-bottom:20px;
    border-radius:5px;
    border:1px solid #ececec
}
.author-list-news li:hover{
    transition:all .5s;
    background-color:#f44336;
    border-color:#f44336;
    color:#fff
}
.author-list-news li:hover *{
    color:#fff!important
}
.author-list-news li .date{
    display:block;
    padding:10px 0;
    font-size:80%;
    color:#666
}
.author-list-news li h3{
    display:block;
    padding:15px 0;
    margin:0;
    font-size:125%;
    border-bottom:1px solid #ececec
}
.author-info img{
    float:left;
    height:200px
}
.author-info .info{
    position:relative;
    z-index:10;
    float:left;
    padding:35px 0 0 50px
}
.author-info .name{
    margin:0;
    line-height:100%;
    font-size:250%;
    font-weight:700;
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,.5)
}
.social-list-author .list-author-info{
    margin-top:7px
}
.social-list-author{
    margin-top:13px
}
.author-info .list-author-info{
    display:block;
    line-height:120%;
    font-size:93.75%;
    font-weight:400;
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,.5);
    word-break:break-all
}
.author-social{
    padding:5px 0 0
}
.search-section{
    margin-top:43px
}
.form-search i{
    font-size:19px;
    cursor:pointer
}
.form-search{
    float:right;
    margin-top:18px
}
.header-search{
    display:none;
    transition:all .2s ease;
    width:92%;
    height:49px;
    background:#fff;
    line-height:49px;
    position:absolute;
    left:0;
    top:0
}
.header-search.active{
    display:block;
    transition:all .2s ease;
    width:calc(100% - 110px)
}
.header-search input::placeholder{
    color:#333;
    opacity:1
}
.header-search input:-ms-input-placeholder{
    color:#333
}
.header-search input::-ms-input-placeholder{
    color:#333
}
.header-search input{
    width:100%;
    border-radius:0;
    margin-top:6px;
    border:0;
    background:#fff;
    box-shadow:none;
    background:#fff;
    color:#333;
    font-size:16px
}
.header-search input:focus{
    border:0!important;
    box-shadow:none;
    background:#fff
}
.text-content img{
    max-width:100%
}
.rss-liste{
    width:100%
}
.rss-liste h2.line{
    width:100%;
    border-bottom:2px solid #2121219e;
    margin:10px 0;
    margin-bottom:10px;
    padding-bottom:10px;
    font-size:26px
}
.rss-liste ul.list{
    width:100%
}
.rss-liste ul.list li{
    width:100%;
    display:block;
    -webkit-transition:.5s;
    transition:.5s
}
.rss-liste ul.list li:hover{
    background-color:#f0f0f0
}
.rss-liste ul.list li a{
    width:100%;
    display:table;
    table-layout:fixed
}
.rss-liste ul.list li span{
    display:table-cell;
    height:48px;
    line-height:48px;
    text-align:center;
    font-size:18px;
    color:#464444;
    border-bottom:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1
}
.rss-liste ul.list li span:first-child{
    width:20%;
    font-size:20px
}
.rss-liste ul.list li span:nth-child(2){
    width:75%
}
.rss-liste ul.list li span:last-child{
    width:5%;
    text-align:center;
    border-right:none
}
.rss-liste ul.list li span i{
    color:#ea7819
}
.detail-google-news a{
    width:107px;
    height:30px;
    background:url(../images/google-news.svg) center center no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    display:inline-block;
    border:1px solid #939393
}
.detail-google-news strong{
    padding-right:10px;
    line-height:30px;
    color:#000;
    font-family: 'Poppins', sans-serif;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    display:inline-block;
    top:-8px;
    position:relative
}
.detail-google-news{
    position:absolute;
    right:24px;
        bottom: -2px;
    line-height:32px
}
@media (min-width:1200px){
    .container{
        width:1185px
    }
}
@media (min-width:0px) and (max-width:767px){
    .author-info img{
        display:none
    }
    .sub-icon{
        display:none
    }
    .author-info .info{
        position:relative;
        z-index:10;
        float:left;
        padding:15px
    }
    .news-label{
        display:none
    }
    .kose-yazarlari-baslik{
        padding-left:0;
        padding-top:0;
        padding:5px 15px;
        text-align:center;
        height:33px;
        overflow:hidden
    }
    .kose-yazarlari-baslik .kose-isim,.kose-yazarlari-baslik .kose-soyisim{
        display:inline-block
    }
    .rss-liste ul.list li span:first-child{
        font-size:12px
    }
    .rss-liste ul.list li span{
        font-size:12px
    }
    .news-detail-img iframe{
        margin-top:2px
    }
    .youtube-iframe{
        height:250px!important
    }
    .mainManset{
        margin-bottom:0!important
    }
    .bg-gray{
        padding:22px 0
    }
    .sub-new{
        padding:7px 0
    }
    .text-content img{
        max-width:100%
    }
    .text-content h2{
        font-size:25px
    }
    .article-mobile-side{
        padding:0
    }
    .content-news .container{
        padding-right:15px;
        padding-left:15px
    }
    .sub-new-title a{
        font-size:14px;
        margin-top:1px
    }
    .sub-new-title{
        height:24px;
        overflow:hidden;
        width:95%
    }
    .sub-icon{
        width:34px;
        height:26px
    }
    .bits-mobile-p{
        position:relative;
        top:9px;
        left:3px
    }
    .doviz-ex{
        line-height:0;
        font-size:0;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-flow:row wrap-reverse
    }
    .doviz-ex .excItem{
        width:25%;
        display:inline-block;
        padding:15px;
        padding-left:11px;
        padding-right:0
    }
    .doviz-ex .excItem:last-child{
        border:0
    }
    .doviz-ex .excItem.up p{
        color:#0ea729
    }
    .doviz-ex .excItem.up p i{
        color:#0ea729
    }
    .doviz-ex .excItem.down p{
        color:#eb1717
    }
    .doviz-ex .excItem.down p i{
        color:#eb1717
    }
    .gundem-arasi{
        margin-top:15px
    }
    .mobile-doviz{
        margin-top:10px;
        box-shadow:1px 1px 3px #ccccccd9
    }
    .doviz-ex .excItem i{
        display:inline-block;
        margin-right:3px;
        line-height:normal;
        font-size:17px
    }
    .doviz-ex .excItem p{
        font-size:15px;
        font-weight:400;
        display:block;
        padding-top:5px;
        margin-bottom:0
    }
    .doviz-ex .excItem span{
        font-size:14px;
        font-weight:700;
        display:block;
        line-height:14px;
        color:#000;
        padding-left:5px;
        position:relative
    }
    .news-detail-slide,.other-news-side{
        padding:0 20px
    }
    .news-content-p{
        padding:0 14px 66px 0
    }
    .content-p .content-title{
        font-size:139.5%
    }
    .content-p .content-description{
        font-size:110%
    }
    .text-content h3{
        font-size:20px
    }
    .text-content p{
        font-size:16px;
        line-height:24px
    }
    .comment-block-news{
        padding:20px 20px 20px 20px
    }
    .page-title{
        display:none
    }
    .news-content-date{
        height:auto;
        padding-top:0
    }
    .news-content-date .p1{
        font-size:15px
    }
    .news-content-date .p2{
        font-size:16px
    }
    .news-content-date .p1,.news-content-date .p2{
        display:inline-block;
        border-top:0 dotted #c3c3c3;
        line-height:38px
    }
    .news-content-tools{
        padding:9px 30px
    }
    .content-news{
        margin-top:0
    }
    .news-content-tools a,.news-content-tools span{
        margin-bottom:0
    }
    footer .fAltMenu li a:first-child{
        padding-left:11px
    }
    footer .fAltMenu li a{
        padding:0 4px
    }
    footer{
        padding:22px 0
    }
    .sub-footer .social{
        text-align:center;
        margin-top:15px
    }
    .fUstMenu{
        margin-bottom:15px!important
    }
    footer .fUstMenu li a{
        font-size:13px;
        display:block;
        margin-bottom:5px
    }
    .footer-logo{
        text-align:center
    }
    .mobile-category-content{
        position:relative;
        border-top:1px solid #cccccc26
    }
    .mobile-menu-header{
        width:100%;
        display:block;
        height:50px;
        overflow-y:auto;
        background:#fff;
        color:#000;
        font-size:0;
        line-height:0;
        display:flex;
        -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.07);
        -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.07);
        box-shadow:0 0 30px 0 rgba(0,0,0,.07)
    }
    .mobile-menu-header::before{
        width:60px;
        height:50px;
        content:"";
        position:absolute;
        right:0;
        top:0;
        background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.14) 100%);
        background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.14) 100%);
        background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.14) 100%)
    }
    main{
        position:relative
    }
    .mobile-menu-header li{
        flex:none;
        height:50px;
        display:inline-block;
        font-size:15px;
        line-height:50px
    }
    .mobile-menu-header li a{
        padding:0 15px;
        width:100%;
        display:block;
        color:#000;
        position:relative;
        font-weight:700;
        height:50px;
        overflow:hidden
    }
    .manset-title-main{
        bottom:1px;
        font-size:13px
    }
    .mobile-menu-header li a.active{
        color:#ed1119
    }
    .mobile-menu-header li a.active::before{
        content:"";
        bottom:0;
        right:15px;
        width:calc(100% - 30px);
        height:3px;
        border-radius:3px;
        position:absolute;
        background:#ed1119
    }
    .mainManset .owl-dots,.mainManset-2 .owl-dots{
        background:#fff;
        width:100%;
        display:block;
        text-align:center;
        padding:1em .7em;
        padding-left:0;
        padding-right:0;
        -webkit-box-shadow:0 1px 5px 0 rgba(78,93,121,.12);
        -moz-box-shadow:0 1px 5px 0 rgba(78,93,121,.12);
        box-shadow:0 1px 5px 0 rgba(78,93,121,.12)
    }
    .mainManset .owl-dots .owl-dot,.mainManset-2 .owl-dots .owl-dot{
        text-indent:-999px;
        width:12px;
        height:12px;
        background-color:#ddd;
        display:inline-block;
        overflow:hidden;
        -webkit-border-radius:100%;
        -moz-border-radius:50%;
        border-radius:50%;
        margin:0 .25em!important
    }
    .mainManset,.mainManset-2{
        margin-bottom:29px
    }
    .mainManset .owl-dots .owl-dot.active,.mainManset-2 .owl-dots .owl-dot.active{
        background:#ed1119;
        border:0;
        border-radius:50%
    }
    .h1,h1{
        font-size:23px
    }
    .width{
        width:100%!important
    }
    .pl{
        width:100%!important
    }
    .arrows{
        position:relative;
        margin:0 auto;
        width:96px
    }
    .arrow-left{
        left:0;
        top:-20px
    }
    .arrow-right{
        right:0;
        top:-20px
    }
    .videoWrapper-1{
        padding-bottom:56.25%
    }
}
@media (min-width:768px) and (max-width:1199px){
    .h1,h1{
        font-size:28px
    }
    article p,p{
        font-size:13px
    }
    .navbar-nav>li>a{
        font-size:11px;
        padding:7px;
        letter-spacing:.5px;
        font-weight:800
    }
    .dropdown-menu>li>a{
        font-size:12px
    }
    .header-logo{
        margin:15px 20px
    }
    .social ul li{
        margin:3px
    }
    .social ul li a{
        width:45px;
        height:45px;
        font-size:10px;
        padding-top:10px
    }
    .social ul li a i{
        font-size:13px
    }
}
@media (min-width:1024px) and (max-width:1199px){
    .videoWrapper-1{
        padding-bottom:63%
    }
}
.reklam-alani{
    margin-top:25px;
    margin-bottom:25px
}
.haber-gorsel-banner-reklam{
    margin:15px 0
}
.content-ads-news{
    margin:15px 0
}
.content-news .article{
    margin-bottom:36px;
    border-bottom:1px solid #cccccc94;
    padding-bottom:34px
}
/* .comment-block-news{
    display:none
} */
.iframe-news-detail iframe{
    width:100%!important;
    height:400px!important
}
.bg-image>.reklam-alani{
    margin-top:0;
    padding-top:25px;
    margin-bottom:25px
}



.scroll-top {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: none;
    opacity: 1;
    transition: transform .3s, visibility .3s, opacity .3s;
    transform: translateY(40px);
    z-index: 9999;
    background-color: #43494e;
}

.scroll-top:hover {
	color: #fff
}

.scroll-top i {
	line-height: 40px
}



.popin.generalAnnounce {
  width: 450px;
}

.popin {
  background-color: rgba(32, 32, 32, 0.95);
  width: 270px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 20px;
  color: #c9c9c9;
  font-size: 12px;
  line-height: 17px;
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 6;
  border-radius: 5px;
}

.popin .closeBtn {
  cursor: pointer;
  display: block;
  font-size: 21px;
  position: absolute;
  margin-right: 8px;
  right: 8px;
  top: 10px;
  z-index: 1;
}

.popin .closeBtn i:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.popin .closeBtn:hover {
  opacity: 0.8;
  transition: all 500ms;
}

.popin .title-cerez {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 5px;
  color: #fff;
}

.popin.generalAnnounce a {
  color: #fff;
  text-decoration: underline;
}

.popin.generalAnnounce p {
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
}

.text-content img
{
    width: auto !important;
    height: auto !important;
}

.r-image
{
    width: 100%;
}

.r-image:hover
{
    opacity: 0.8;
    transition: all 500ms;
}

.mb-5
{
    margin-bottom: 25px;
}

.mb-15
{
    margin-bottom: 25px;
}

@media(max-width:599px)
{
    .generalAnnounce
    {
        display: none !important;
    }
}

.mt-5
{
    margin-top: 15px;
}

.owl-next span, .owl-prev span
{
        font-size: 42px;
        color: #fff !important;
}

.owl-next, .owl-prev
{
    position: absolute;
    top: 25%;
    background: #333333c9 !important;
    border-radius: 2px;
    padding: 0px 4px !important;
}

.owl-next
{
    right: -22px;
}

.owl-prev
{
    left: -22px;
}

@media(max-width:599px)
{ .owl-next
{
    right: -8px;
}

.owl-prev
{
    left: -8px;
}
}


/* Social Sharing Bar */
.share-bar {
  position: fixed;
  bottom: 0;
  height: 51px;
  border: none;
  background: #ffffff;
  z-index: 4999991;
  transform: translateZ(0) translate3d(0, 0, 0);
  -webkit-transform: translateZ(0) translate3d(0, 0, 0);
  -moz-transform: translateZ(0) translate3d(0, 0, 0);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  width: 100%;
  box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.12);
}

.share-bar--list {
  padding: 0;
  list-style: none;
}

.share-bar .share-bar--list {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  overflow: hidden;
  text-align: left;
  font-size: 0;
}

.share-bar .share-bar--item {
  display: inline-block;
  width: 25%;
  /*  max-width: 71px; */
  height: 60px;
    line-height: 55px;
}

.share-bar--item {
  float: left;
  display: block;
  font-size: 1.3rem;
  height: 1.875rem;
  width: 1.875rem;
  line-height: 1.875rem;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}

/* Colours */
.facebook .share-bar--item,
.share-bar .facebook .share-bar--item-link,
.twitter .share-bar--item,
.share-bar .twitter .share-bar--item-link,
.whatsapp .share-bar--item,
.share-bar .whatsapp .share-bar--item-link,
.youtube .share-bar--item,
.share-bar .youtube .share-bar--item-link,
.instagram .share-bar--item,
.share-bar .instagram .share-bar--item-link,
.instagram .share-bar--item,
.share-bar .instagram .share-bar--item-link {
  cursor: pointer;
  width: 100%;
  min-width: 100%;
  display: block;
}

/* Facebook */
.facebook .share-bar--item,
.share-bar .facebook .share-bar--item-link {
  background-color: #3b5999;
}

/* Twitter */
.twitter .share-bar--item,
.share-bar .twitter .share-bar--item-link {
  background-color: #55acef;
}

/* What's App */
.whatsapp .share-bar--item,
.share-bar .whatsapp .share-bar--item-link {
  background-color: #61be4f;
}

/* youtube */
.youtube .share-bar--item,
.share-bar .youtube .share-bar--item-link {
  background-color: #FF0000;
}

/* LinkedIn */
.instagram .share-bar--item,
.share-bar .instagram .share-bar--item-link {
  background-color: #C13584;
}

/* Icons */
.share-bar--item-link:before {
  display: inline-block;
  color: #ffffff;
}

/* Facebook */
.share-bar .facebook .share-bar--item-link:before {
  content: "\f09a";
    font-family: "Font Awesome 5 Brands";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* Twitter */
.share-bar .twitter .share-bar--item-link:before {
  content: "\f099";
    font-family: "Font Awesome 5 Brands";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* What's App */
.share-bar .whatsapp .share-bar--item-link:before {
  content: "\f232";
    font-family: "Font Awesome 5 Brands";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* youtube */
.share-bar .youtube .share-bar--item-link:before {
  content: "\f167";
    font-family: "Font Awesome 5 Brands";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* LinkedIn */
.share-bar .instagram .share-bar--item-link:before {
  content: "\f16d";
    font-family: "Font Awesome 5 Brands";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}


@media(max-width:599px)
{

}

/* mobile menu */
.ilovebursa-menu .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#333;}
.ilovebursa-menu .navbar-nav {margin:0;}
.navbar-toggle.ilove{background-color:#333;border-radius:2px;}
.navbar-toggle.ilove-close{background-color:transparent;border:0 none;font-size:25px;}

.indexcity {z-index: 9999;}
.right {
    right: 0 !important;
    left: 0 !important;
}
.ilovebursa-menu .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:white;color:black;}

.ilovebursa-menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:black;}
@media only screen and (max-width: 767px) {
    .navbar-collapse{
      background-color:#fff;
      position: fixed;
      top: 0;
      transition:all 0.4s ease-out;
      height: 100%;
      width: 75%;
      left: -700px;
      z-index:99;
    }
    .navbar-inverse .navbar-nav>li>a {color: #000;}
    .navbar-nav .open .dropdown-menu > li > a {line-height:28px;}
    .navbar-nav > li > a{padding:12px 15px;}
    .navbar-toggle.ilove-close{position:absolute;}
    .navbar-toggle .icon-bar{width:28px;background:white;}
    .navbar {min-height:0;}
}