/*
Theme Name: UberBlog Child
Theme URI: http://demo.pukkathemes.com/multima/
Author: Pukka Themes
Author URI: http://pukkathemes.com
Description: Blog - Engaging & Responsive Wordpress Theme. Update notification available on <a href="https://www.facebook.com/PukkaThemes" target="_blank">Facebook</a>
Version: 1.0
License: Commercial
License URI: http://themeforest.net/licenses/regular
Tags: blue, white, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, post-formats
Text Domain: pukka
template: uberblog
*/

body { -webkit-font-smoothing: subpixel-antialiased; }

/*Fixing ol numbering*/
ol[start="2"] {
  counter-reset: lis 2;
}
ol[start="3"] {
  counter-reset: lis 3;
}
ol[start="4"] {
  counter-reset: lis 4;
}
ol[start="5"] {
  counter-reset: lis 5;
}
ol[start="6"] {
  counter-reset: lis 6;
}
ol[start="7"] {
  counter-reset: lis 7;
}
ol[start="8"] {
  counter-reset: lis 8;
}
ol[start="9"] {
  counter-reset: lis 9;
}
ol[start="10"] {
  counter-reset: lis 10;
}
/* 
  auto complete hack
  this should be removed when autocomplete
  gets repeaired or removed in js
*/
.ui-autocomplete{
  display: none !important;
}
/* 
  auto complete hack end
*/

/* ADVERTS */
#sidebar-right .widget.widget_aas_widget { padding:0; }
.widget.widget_aas_widget .aas_zone, .widget.widget_text .aas_zone { position:relative!important; }
.widget.widget_aas_widget .aas_zone a, .widget.widget_text .aas_zone a { display:block; position:relative; }
.widget.widget_aas_widget .caroufredsel_wrapper, .widget.widget_text .caroufredsel_wrapper { height:auto!important; }
.widget.widget_aas_widget .aas_wrapper, .widget.widget_text .aas_wrapper { height: 100%!important; position: absolute; }

.home #wrapper,
.home.has-sidebar-right #wrapper,
.home.has-sidebar-left #wrapper{
    overflow: visible; /* slider top negative margin fix */
}

#header-right{
    float: right;
}

#header-search-wrap{
    margin-right: 0;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: auto;
}

#header-search{
    background: none;
}

#header-search input#s-main{
    padding-top: 8px;
}

.header-user-link{
    float: left;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0 20px 0;

    border-right: 1px solid #000;
    background-color: #3d6957;
}

.header-user-link:hover{
    background-color: #2c4f41;
}




/* BEGIN: My profile (user logged in) */
#my-profile{
    color: #fff;
    background-color: #0f8df8;
}

#my-profile:hover{
    color: #fff;
    background-color: #076ec5;
}

#my-profile:after{
    font-family: "FontAwesome";
    font-size: 10px;
    margin-left: 5px;
    margin-right: 0;

    color: #fff;
    content: "\f078";
    font-size: 10px;
    margin-left: 12px;
    vertical-align: middle;
    width: 1px;
}

#my-profile-wrap{
    float: left;
    display: inline-block;
    cursor: pointer;
}

#my-profile-wrap .sub-menu{
    display: none;

    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9999;

    padding: 60px 0 45px 60px;
    width: 100%;
    color: #fff;

    background: #000;
}


#my-profile-wrap:hover .sub-menu{
    display: block;
}



#login-box a,
#login-box a:hover,
#login-box a:visited{
    color: #fff;
}




#login-box h4{
  font-size: 20px;
    color: #fff;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 400;
  /*border-bottom: 1px solid #ffffff;*/
  padding-bottom: 5px;
  float: left;
}


.login-left {
  float: left;
  width: 540px;
  margin-right: 65px;
}

.login-left h4{
  margin-right: 28px;
}

.view-all {
    display: inline-block;
    border: 1px solid #3e91c7;
    color: #3e91c7 !important;
    text-align: center;

    font-size: 10px;
    width: 75px;
    padding-top: 3px;
    padding-bottom: 1px;
    text-transform: uppercase;
}

.view-all:hover{
    color: #fff !important;
    background-color: #3e91c7 !important;
}


.login-left ul {
  margin-top: 15px;
}

.login-left ul li{
  float: left;
  width: 121px;
  margin-right: 10px;
}
.login-left ul li a img{
  width: 111px;
  height: 149px;
  padding: 5px;
  background: #fff;
}
.login-left ul li a{
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 400;
  color: #8a8a8a;
  font-size: 13px;
  line-height: 16px;
}
.login-left ul li a span{
  margin-top: 13px;
  display: block;
}
.login-right {
  float: left;
}
.login-right ul{
  margin-top: 40px;
  margin-left: -15px;
  clear: left;
}
.login-right ul li{
  float: left;
  height: 133px;
  margin-right: 20px;

  position: relative;
}

.login-right a{
  display: block;
  padding-top: 70px;
  padding-left: 15px;
  font-size: 13px;
  /*color: #9C9C9C;*/
  /*font-family: 'Roboto';*/
  width: 55px;
  margin-right: 20px;
}

.login-right a:hover{
  color: #f04646 !important;
}

.login-right li a svg path,
.login-right li a svg circle,
.login-right li a svg rect,
.login-right li a svg line,
.my-profile-item  li a svg path,
.my-profile-item li a svg circle,
.my-profile-item li a svg rect,
.my-profile-item li a svg line{
    stroke-width: 1.5px !important;
}

.login-right p{
    margin-left: 15px;
}
/*
.my-newstand {
  background: url('../images/My-Newstand.png') 0 0 no-repeat;
  
  /*height: 67px;* /

}
.my-newstand:hover{
  background: url('../images/My-Newstand.png') -66px 0 no-repeat;
}
.logout {
  background: url('../images/Logout.png') 0 0 no-repeat;
  /*height: 67px;* /
}
.logout:hover{
  background: url('../images/Logout.png') -66px 0 no-repeat;
}

.profilw-settings{
  width: 57px;
  /*height: 67px;* /
  background: url("../images/Settings.png") 0 0 no-repeat;
}
.profilw-settings:hover{
  background: url("../images/Settings.png") -66px 0 no-repeat;
}*/

/* END: My profile (user logged in) */





/* = BEGIN: Header Override
----------------------------------------------- */

/* menu mask */
#overlay-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
  }

#site-header{
    min-height: 175px;
}

#logo{
    margin-top: 40px;
    height: 35px;
    line-height: 35px;
}

#logo img{
    width: auto;
    height: 22px;
    vertical-align: top;
    margin-top: 5px;
}

#logo span{
    display: inline-block;
    font-family: Helvetica;
    color: #fff;
    
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #fff;

    padding-top: 2px;
}

#main-menu-wrap{
    background-color: transparent !important;
    border-bottom: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

#main-menu-wrap.fixed{
    background-color: #000 !important;
}

/* BEGIN: Header social links */

.bm-social-link{ /* used in footer also */
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;

    color: #fff;
    border-right: 1px solid #000;
    background-color: #2b2b2b;
}

#header-right .bm-social-link{
    width: 39px;
}

.bm-social-link:hover{
    background-color: #000;
}

/* END: Header social links */

@media all and (max-width: 1200px) {

    #header{
        overflow: visible;
    }

    #fixed-menu-logo{
        margin-left: 10px;
        margin-right: 40px;
    }

    #site-header.logo-left #logo{
        text-align: center;
    }

}


@media all and (max-width: 1160px) {
   #header-search.search-active input#s-main{
      width: 70px;
    }

}

@media all and (max-width: 1070px) {
   #header-search-wrap{
        display: none;
    }

}


/* BEGIN: Single nav (secondary sticky) */
.single #main-menu-wrap:not(.scrolled) #action-top-bar{
/*#action-top-bar-divider{*/
    display: none;
}


.single #main-menu-wrap.scrolled li,
.single #main-menu-wrap.scrolled #header-right{
    display: none;
}


.single #main-menu-wrap #action-top-bar .pukka-share{
    display: inline-block;
    margin-left: 10px;

}

.single #main-menu-wrap #action-top-bar svg{
    height: 20px;
    width: auto;
    max-width: 100%;
    margin-top: 10px;
}

.single #main-menu-wrap #action-top-bar .fb-single:hover svg path:first-child{
    fill: #102d5a;
}

.single #main-menu-wrap #action-top-bar .tw-single:hover svg path:first-child{
    fill: #12a0ca;
}

.single #main-menu-wrap #action-top-bar .gp-single:hover svg path:first-child{
    fill: #d5d3d3;
}

.single #main-menu-wrap #action-top-bar .in-single:hover svg g g:first-child path:first-child{
    fill: #254d88;
}


.single #main-menu-wrap.scrolled #action-top-bar-divider{
    float: left;
    color: #ff5a5a;
    font-size: 25px;
    height: 40px;
    line-height: 45px;
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.single #action-top-bar .subscribe-single{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;

    color: #fff;
    padding: 0 12px 0 12px;

    float: right;
}





/* END: Single nav (secondary sticky) */



/* = END: Header Override
----------------------------------------------- */


/* = BEGIN: Footer Override
----------------------------------------------- */
#footer .widget-title{
    text-transform: none;
    margin-bottom: 60px;
    color: #fff;
}

#footer aside:first-child{
    width: 35%;
}

img#footer-logo{
    max-height: 55px;
    width: auto;
    padding-right:10px;
}

#footer aside:nth-child(2){
    width: 25%;
}

#footer aside:nth-child(3){
    width: 24%;
}

#footer a,
#footer a:hover,
#footer a:visited{
    color: #fc5c5e;
}

#footer a.bm-social-link{
    color: #fff;
    border-right: none;
    margin-right: 1px;
}


/*#footer .bm-social-link .fa-facebook{
    color: #436cae;
}

#footer .bm-social-link .fa-twitter{
    color: #3db9d2;
}

#footer .bm-social-link .fa-youtube-play{
    color: #df3236;
}
*/

/* = END: Footer Override
----------------------------------------------- */



/* = BEGIN: Slider Override
----------------------------------------------- */
.pukka-slider-wrap .pukka-slide-item .overlay{
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 80%);*/
    background: rgba(0, 0, 0, 0.25);
}

.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content{
    left: 0;
    bottom: 0;
    padding: 4%;
    width: 100%;

    /*background: rgba(0, 0, 0, 0.7);*/
}

.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3{
    margin-bottom: 25px;
}

.pukka-slider-wrap .slide-item-medium .pukka-slide-item-content h3,
.pukka-slider-wrap .slide-item-small .pukka-slide-item-content h3{
    font-size: 22px;
    text-shadow: 1px 1px #000;
}


.pukka-slider-wrap .slide-item-big .entry-meta > span,
.pukka-slider-wrap .slide-item-medium .entry-meta > span{
    margin-right: 25px;
}

.pukka-slider-wrap .slide-item-big .entry-meta > span:before,
.pukka-slider-wrap .slide-item-medium .entry-meta > span:before{
    padding-right: 25px;
}


@media all and (max-width: 520px){


    .pukka-slider-wrap .slide-item-medium .pukka-slide-item-content h3,
    .pukka-slider-wrap .slide-item-small .pukka-slide-item-content h3{
        font-size: 18px !important;
    }

    .pukka-slider-wrap{
        margin: 0 -20px 20px !important;
        width: auto;
    }
}


/* = END: Slider Override
----------------------------------------------- */



/* = BEGIN: Main Menu Override
----------------------------------------------- */

#main-menu-wrap.fixed{
    top: -120px;

    -webkit-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

#main-menu-wrap.fixed.fixed-animate {
    top: 0;
}

.admin-bar #main-menu-wrap.fixed{
    top: -150px;
}

.admin-bar #main-menu-wrap.fixed-animate {
  top: 32px;
}

#fixed-menu-logo{
    margin-right: 50px;
    float: left;
    display: none;
    height: 40px;
    line-height: 40px;
}

#fixed-menu-logo > img{
    width: auto;
    height: 20px;
    vertical-align: middle;
}


#main-menu-wrap.fixed #fixed-menu-logo{
    display: block;
}

#main-menu-wrap > .width-wrap{
    position: relative;
}

#main-menu-inner > div > ul > li,
#main-menu > ul > li{
    position: static;
    display: block;
    float: left;
    background-color: #2b2b2b;
    border-right: 1px solid #000;

    height: 40px;
    line-height: 40px;
    padding: 0 12px 0 12px;
}


#main-menu-inner > div > ul > li:before,
#main-menu > ul > li:before{
    content: ""
}

#main-menu-wrap #main-menu-inner li.menu-item-has-children:after,
#main-menu-wrap #main-menu-inner li.page_item_has_children:after{
    font-size: 10px;
    margin-left: 5px;
    margin-right: 0;
}

#main-menu-wrap #main-menu-inner li:hover{
    background-color: #000;
}

#main-menu-inner > div > ul > li > a,
#main-menu > ul > li > a{
    cursor: pointer;
    /*font-family: Roboto;*/
    font-weight: 300;
}

#main-menu-inner > div > ul > li ul,
#main-menu > ul > li ul{
    display: none;
    padding: 80px 0 45px 60px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 400;
    background-color: #000 !important;
}

#main-menu-wrap #main-menu-inner > div > ul > li:hover ul,
#main-menu-wrap #main-menu > ul > li:hover ul{
    /*display: none;  we're using JS animated menu */
}

#main-menu-wrap #main-menu-inner li > ul > li{
    margin-left: 20px;
    padding: 0;
    float: left;
    width: 95px;
    height: 85px;

    text-align: center;
}

/*#main-menu-wrap #main-menu-inner li > ul > li:first-child{
    margin-left: 0;
}*/

#main-menu-wrap #main-menu-inner .sub-menu .menu-description{
    float: none !important;
    clear: both;
    padding-top: 50px !important;
    width: 100% !important;
    text-align: initial !important;
    margin-left: 0;

    position: relative;
}

#main-menu-wrap #main-menu-inner .sub-menu .menu-description:before{
    content: "";
    width: 20px;
    height: 1px;
    background-color: #fff;

    position: absolute;
    top: 30px;
    left: 0;
}


#main-menu-wrap #main-menu-inner li > ul > li a:hover{
    color: #f04646 !important;
}


#main-menu-wrap #main-menu-inner .sub-menu li a{
    padding: 0;
    line-height: 1;

    padding-top: 50px;

    position: relative;
    display: block;

    font-size: 13px;
    
    /*width: 98px !important;
    border-right: 0 !important;*/
}

#main-menu-inner > div > ul > li.mobile-item,
#main-menu > ul > li.mobile-item{
    display: none;
}

#main-menu-inner > div > ul > li.my-profile-item,
#main-menu > ul > li.my-profile-item{
        display: none;
}

#main-menu-inner > div > ul > li.my-profile-item > a,
#main-menu > ul > li.my-profile-item > a{
        color: #0f8df8 !important;
}


/* SVG icons */
.sub-menu li a svg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
    overflow: visible;
}

.sub-menu li a svg g,
.sub-menu li a svg line,
.sub-menu li a svg rect{
    stroke: #fff;
}

.sub-menu li a svg path,
.sub-menu li a svg circle{
    fill: #fff !important;
    stroke-width: 1px !important;
}


.sub-menu li a:hover svg path,
.sub-menu li a:hover svg circle{
    fill: #f04646 !important;
}

.sub-menu li a:hover svg g,
.sub-menu li a:hover svg line,
.sub-menu li a:hover svg rect{
    stroke: #f04646;
}

.menu-svg-wrap{
    display: block;
    padding-bottom: 10px;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 20px;*/
    text-align: center;
    width: 100%;
}


/* BEGIN: SVG icons fix */

.sub-menu li.digital a svg path,
.sub-menu li.digital a svg circle,
.sub-menu li.package-design a svg path,
.sub-menu li.package-design a svg circle,
.sub-menu li.about-us a svg path,
.sub-menu li.about-us a svg circle,
.sub-menu li.terms-of-use a svg path,
.sub-menu li.terms-of-use a svg circle{
    fill: #fff !important;
    stroke-width: 1.5px !important;
}

.sub-menu li.weekly-newsletter a svg path,
.sub-menu li.weekly-newsletter a svg circle,
.sub-menu li.privacy-policy a svg path,
.sub-menu li.privacy-policy a svg circle{
    fill: #fff !important;
    stroke-width: 1.2px !important;
}

/* END: SVG icons fix */

/* Menu items */
.subscribe{
    background-color: #ff5a5a !important;
}

.subscribe:hover{
    background-color: #f94242 !important;
}


/* Submenu items */

/* Magazine submenu */
#main-menu-wrap #main-menu-inner li > ul .advertise{
    margin-left: -13px;
}

.advertise > a{

    display: block;
    width: 100px;
    padding-top: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

#main-menu-wrap #main-menu-inner li .agency{
    width: 75px;
}

#main-menu-wrap #main-menu-inner li .digital,
#main-menu-wrap #main-menu-inner li .green{
    width: 60px;
}

/* Featured submenu */
#main-menu-wrap #main-menu-inner li > ul .leading-stories{
    margin-left: 0px;
    width: 100px;
}


#main-menu-wrap #main-menu-inner li > ul .interviews{,
    width: 75px;
}

#main-menu-wrap #main-menu-inner li > ul .columns{
    width: 85px;
}

#main-menu-wrap #main-menu-inner li > ul .package-design{
    width: 105px;
}

#main-menu-wrap #main-menu-inner li > ul > .rell-ex{
    width: 75px;
}

/* More submenu */
#main-menu-wrap #main-menu-inner li > ul .about-us{
    margin-left: -17px;
}

#main-menu-wrap #main-menu-inner li > ul .weekly-newsletter{
    width: 118px;
}

#main-menu-wrap #main-menu-inner li > ul .contact-us{
    width: 85px;
}


/* BEGIN: Store menu */
body.store:not(.responsive) #main-menu-wrap.fixed.fixed-animate {
    display: none;
}


/* END: Store menu; */

/* Responsive menu */

.responsive #main-menu-wrap.fixed{
    position: fixed !important;
}

@media all and (max-width: 960px){


    body{
        padding-top: 35px; /* #menu-stripe height - 1px*/
    }

      #check:checked ~ #overlay-mask{
        display: block;
      }

    #check:checked ~ #main-menu-inner{
        padding-left: 70px;
        width: 310px;
    }

    #main-menu-inner #main-menu{
        margin-bottom: 50px;
    }

    #menu-top-menu,
    #header-search-wrap,
    #main-menu-inner{
        background-color: #000 !important;
    }

    #main-menu-wrap #main-menu-inner li:hover{
        background-color: transparent;
    }

    #main-menu-inner li a{
        padding: 0;
    }

    /* Top level */
    #main-menu-inner > div > ul > li > a,
    #main-menu > ul > li > a{
        display: inline-block;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    #main-menu-inner > div > ul > li.menu-item-has-children > a,
    #main-menu > ul > li.menu-item-has-children > a{
        position: relative;
    }

    #main-menu-inner > div > ul > li.menu-item-has-children > a:after,
    #main-menu > ul > li.menu-item-has-children > a:after{
        font-family: "FontAwesome";
        content: "\f078";

        position: absolute;
        right: 35px;
    }

    #main-menu-inner > div > ul > li,
    #main-menu > ul > li{
        background-color: transparent;
        float: none;
        border-right: none;
        height: auto;
    }

    #main-menu-inner > div > ul > li.mobile-item,
    #main-menu > ul > li.mobile-item{
        display: block;
    }


    .logged-in .mobile-item.mobile-login{
        display: none !important;
    }

    /* vidljiv samo za ulogovane korisnike */
    .logged-in #main-menu-inner > div > ul > li.my-profile-item,
    .logged-in #main-menu > ul > li.my-profile-item{
        display: block;
    }


    /* 2nd level */
    #main-menu-wrap #main-menu-inner li > ul > li{
        margin-left: 0 !important;
        float: none;
        width: 100% !important;
        height: auto;

        text-align: left;
        margin-bottom: 20px;
    }

    #main-menu-inner > div > ul > li ul,
    #main-menu > ul > li ul{
        position: static;
        /*display: block;*/
        display: none;
        padding: 0;
        background-color: transparent !important;

        /*margin-top: 20px;*/
        margin-bottom: 15px;
        /*margin-left: 15px;*/
        padding-top: 20px;
        padding-left: 15px;
    }

    #main-menu-wrap #main-menu-inner li:hover > ul {
        display: none;
    }

    #main-menu-wrap #main-menu-inner .sub-menu li a{
        padding-top: 0;
        width: 100% !important;
    }

    .sub-menu li a svg{
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;

        padding-right: 15px;

        max-width: 100%; /* https://bugs.webkit.org/show_bug.cgi?id=82489 */
        width: auto !important;
        height: 15px;
    }

    .menu-description{
        display: none;
    }


    /* Menu items */
    .advertise > a{
        height: auto;
        text-align: left;
    }

    .subscribe,
    .subscribe:hover{
        background-color: transparent !important;
    }

    #main-menu-inner .subscribe a,
    #main-menu-inner .subscribe a:hover,
    #main-menu-inner .subscribe a:visited{
        color: #ff5a5a !important;
    }


    #main-menu-inner .mobile-login a,
    #main-menu-inner .mobile-login a:hover,
    #main-menu-inner .mobile-login a:visited{
        color: #3d6957 !important;
    }
    .pukka-breadcrumbs{
      margin-top: 20px;
    }
}

/*@media all and (max-width: 782){
    
    .admin-bar #main-menu-inner{
        top: 0 !important;
    }
}*/

@media all and (max-width: 400px){

    #check:checked ~ #main-menu-inner{
        padding-left: 20px;
    }

}


/* = END: Main Menu Override
----------------------------------------------- */


/* = BEGIN: Login popup
----------------------------------------------- */
#subscriber-wrap{
  position: fixed;
  top: 10%;
  left: 50%;
  width: 300px;
  /*margin-top: -245px;*/
  margin-left: -150px;
  z-index: 3000000;
  display: none;

  display: relative;

  padding: 80px 40px 25px;

  background: #000 url('images/popup-login-bg.jpg') 0 0 no-repeat;
  text-align: center;
}

#close-popup{
    display: block;
    width: 30px;
    height: 25px;

    line-height: 27px;
    color: #000;
    background: #fff;

    position: absolute;
    top: 0;
    right: 0;
}

#subscriber-wrap form{
  /*padding: 70px 63px 63px 36px;*/
  width: 100%;
  position: relative;
}

.name-log {
  /*float: left;
  width: 186px;
  margin-right: 17px;*/

  margin-bottom: 2px;
}

/* store.css override */
.name-log,
.pass-log{
    margin-right: 0;
    float: none;
    width: 100%;
}

/*
#subscriber-wrap form label{
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: #ffffff;
  font-family: 'Roboto', sans-serif ;
  font-weight: 300;
  margin-bottom: 10px;
}*/

#subscriber-wrap form input{
  /*width: 166px;*/
  
  font-family: 'Helvetica', sans-serif ;
  font-weight: 300;
  font-size: 12px;
  
  
  /*border: none;*/


  color: #a6a9b6;
  width: 100%;
  height: 50px;
  padding: 10px;
}

#subscriber-wrap ::-webkit-input-placeholder {
   text-align: center;
}

#subscriber-wrap :-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

#subscriber-wrap ::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

#subscriber-wrap :-ms-input-placeholder {  
   text-align: center; 
}

/*.pass-log{
  float: left;
  width: 186px;
}*/



/*.check{
  margin-top: 20px;
}
.check input{
  width: 12px !important;
  height: 12px !important;
}
.check label{
  display: inline-table !important;
}*/


.check{
    margin-bottom: 25px;
}

.forgot-pass2{
  display: inline-table;
  font-family: 'Helvetica', sans-serif ;
  font-weight: 300;
  font-size: 12px;
  color: #fb474a;
}


#login-button{
  /*float: right;*/
  border: none!important;
  
  text-align: center!important;
  font-family: 'Helvetica', sans-serif !important;
  font-weight: 300!important;
  font-size: 12px!important;
  color: #ffffff!important;

  padding: 0 !important;
  width: 155px !important;
  height: 50px !important;
  line-height: 50px !important;
  background: #fc5b5e !important;


    -webkit-box-shadow: none; 
    -moz-box-shadow: none;
     box-shadow: none; 
    
    -moz-border-radius: 0;
    -webkit-border-radius: 0; 
    border-radius: 0;

  /*position: absolute;*/
/*  bottom: -49px;
  right: 0;*/


  /* store.css override */
  position: static;
  top: auto;
  right: auto;
  float: none;

}

#login-button:hover{
  background: #fc5b5e !important;
}

#popup-login-logo{
    display: inline-block;
    margin-bottom: 50px;
}

#popup-login-logo > img {
    height: 20px;
    vertical-align: middle;
    width: auto;
    max-width: 100%;
}

/* = END: Login popup
----------------------------------------------- */

/* = BEGIN: Miscellaneous
----------------------------------------------- */

.bm-post-meta-wrap{
    display: block;
    position: absolute;
    top: 20px;
    left: 25px;
    z-index: 99;

    height: 25px;
    line-height: 25px;
}

.bm-post-meta-wrap > span{
    margin-right: 5px;
    margin-bottom: 5px;
}


.big-post-category{

    display: inline-block;
    vertical-align: top;

    background: transparent;
}

.big-post-category a{
    background: none repeat scroll 0 0 #141414;
    color: #fff;
    /*float: left;*/
    /*font-family: "Roboto",sans-serif;*/
    /*font-size: 14px;*/
    /*font-weight: 300;*/
    /*padding: 10px 20px 7px 10px;*/
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;

    font-weight: 300;
    font-family: Helvetica;
    font-size: 14px;
}


.bm-share-wrap{
    height: 100%;
    height: 26px;
    font-weight: 400;

    font-size: 16px;
    color: #fff;
}

.bm-share-icon{
    display: inline-block;
    padding: 5px;
    /*border-right: 2px solid #8d3737;*/
    margin-right: 2px;
    vertical-align: top;
    background-color: #ff5a5a;
}

.bm-share-count{
    display: inline-block;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    /*vertical-align: top;*/
    background-color: #ff5a5a;

    font-weight: 300;
    font-family: Helvetica;
    font-size: 15px;
}


.brick-media{
    position: relative;
}

/*.brick-media .bm-share-wrap{
    position: absolute;
    top: 20px;
    left: 20px;
}*/


.more-link{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


.infinite-load-more-wrap .infinite-loader{
    top: -50px;
    border: none;
    box-shadow: none;
    background: none;
}

.infinite-load-more-wrap a{
    display: inline-block;
    padding: 9px 7px 6px;

    color: #000 !important;
    font-size: 12px;
    line-height: 1;
    border: 1px solid #000 !important;
    background-color: transparent !important;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.infinite-load-more-wrap a:hover{
    color: #fff !important;
    background: #000 !important;
}


/* = END: Miscellaneous
----------------------------------------------- */


/* = BEGIN: WIDGET OVERRIDES
----------------------------------------------- */


/* = Featured issue widget
----------------------------------------------- */
.sidebar .pukka-featured-issue-widget {
  border: none;
  background-color: #2d2d2d; }

  .pukka-featured-issue-widget .widget-title{
    text-transform: none;
  }
  
  .sidebar .pukka-featured-issue-widget,
  .sidebar .pukka-featured-issue-widget .widget-title,
  .sidebar .pukka-featured-issue-widget h5,
  .sidebar .pukka-featured-issue-widget h5 a,
  .sidebar .pukka-featured-issue-widget h5 a:visited,
  .sidebar .pukka-featured-issue-widget h5 a:hover,
  .sidebar .pukka-featured-issue-widget a,
  .sidebar .pukka-featured-issue-widget a:visited,
  .sidebar .pukka-featured-issue-widget a:hover {
    color: #fff; }
  
  .sidebar .pukka-featured-issue-widget p {
    opacity: 0.5; }

.pukka-featured-issue-widget .image-holder {
  margin-bottom: 40px; }

.pukka-featured-issue-widget p {
  font-size: 14px; }

.pukka-featured-issue-widget .get-more-btn{
    font-size: 10px !important;
    text-transform: uppercase;
    display: inline-block;

    width: 96px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #3e91c7 !important;
    border: 1px solid #3e91c7;
}


.pukka-featured-issue-widget .get-more-btn:hover{
    color: #fff !important;
    background-color: #3e91c7;
}



/* = BEGIN: Widgets override
----------------------------------------------- */
.sidebar .pukka-latest-posts-widget,
.sidebar .pukka-twitter-widget,
.sidebar .pukka-followers-widget,
.sidebar .widget_text{
    padding: 0;
}

.sidebar .pukka-latest-posts-widget .widget-title,
.sidebar .pukka-twitter-widget .widget-title,
.sidebar .pukka-followers-widget .widget-title,
.sidebar .widget_text .widget-title{
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;

    color: #fff !important;
    text-transform: none;
    background-color: #282828;
}

.sidebar .pukka-latest-posts-widget ul,
.sidebar .pukka-twitter-widget ul,
.sidebar .pukka-followers-widget ul,
.sidebar .widget_text .textwidget{
    padding: 25px;
}



/* = END: Widgets override
----------------------------------------------- */





/* = BEGIN: Shortcodes override
----------------------------------------------- */


/* = (BM) Users shortcode
----------------------------------------------- */

.bm-users-wrap{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #2b2b2b;
}

.bm-users-wrap .pukka-users-list{
    text-align: center;
}

.bm-users-wrap .pukka-users-list li{
    border: none;
    text-align: center;
    float: none;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
    height: 250px;
    vertical-align: top;
}

.bm-users-wrap .pukka-users-list .bm-users-description{
    padding-left: 15px !important;
    width: 280px;
    text-align: left;
}

.bm-users-label,
.bm-users-wrap  .bm-users-link-wrap{
    display: inline-block;
}

.bm-users-wrap  .bm-users-link-wrap{
    padding-top: 30px;
}

.bm-users-wrap .bm-users-primary-link,
.bm-users-wrap .bm-users-secondary-link{
    font-size: 10px !important;
    text-transform: uppercase;
    display: inline-block;

    border: 1px solid #fff;

    /*padding: 3px 7px;*/
}

.bm-users-wrap .bm-users-primary-link{
    display: block;
    width: 140px;
    text-align: center;
    margin-bottom: 10px;
}

.bm-users-wrap .bm-users-primary-link:hover{
    color: #2b2b2b !important;
    background-color: #fff;
}

#main .bm-users-wrap .bm-users-secondary-link{
    width: 96px;
    text-align: center;
    color: #3e91c7 !important;
    border: 1px solid #3e91c7;
}

#main .bm-users-wrap .bm-users-secondary-link:hover{
    color: #fff !important;
    background-color: #3e91c7;
}

.bm-users-wrap,
.bm-users-wrap a,
.bm-users-wrap a:visited,
.bm-users-wrap a:hover,
.bm-users-wrap .user-position{
    color: #fff !important;
}

.bm-users-wrap .user-img{
    overflow: hidden;
    width: 85%;
    margin-left: auto;
    margin-right: auto;

    border-radius: 100%;
}

.bm-users-wrap .user-img a{
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.bm-users-wrap .user-img a img{
    width: 100%;
}
.bm-users-wrap .user-img a:before{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  position: absolute;
  cursor: default;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bm-users-wrap .user-img a:hover:before{
  cursor: pointer;
  box-shadow: inset 0 0 0 110px rgba(200,95,66, 0.4), inset 0 0 0 8px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

.login-left ul li a img{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.login-left ul li a:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}




.bm-users-wrap .user-content{
    padding-top: 30px;
    height: 100px;
    background-color: transparent;

    font-weight: 600;
    font-size: 11px;

    text-transform: uppercase;
}

.bm-users-wrap .user-position{
    padding-top: 20px;
    position: relative;
    font-weight: 400;
}

.bm-users-wrap .user-position:before{
    content: "";
    width: 20px;
    height: 1px;
    background-color: #fff;

    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -10px;
}

/* = END: Shortcodes override
----------------------------------------------- */



/* = BEGIN: Columnists page (extends BM Users Shortcode)
----------------------------------------------- */
.bm-experts-wrap{
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
}

.bm-users-wrap .user-position:before{
    background-color: #565656 !important;
}


.bm-experts-wrap,
.bm-experts-wrap a,
.bm-experts-wrap a:visited,
.bm-experts-wrap a:hover,
.bm-experts-wrap .user-position{
    color: #565656 !important;
}


/* = END: Columnists page
----------------------------------------------- */



/* = BEGIN: front page columnists
----------------------------------------------- */
@media all and (max-width: 1920px) {
    .home .bm-users-wrap .pukka-users-list li:nth-child(10),
    .home .bm-users-wrap .pukka-users-list li:nth-child(11) {
        display: none;
    }
    .brick .brick-content h3{
    min-height: 84px;   
    }
    .brick .brick-content p{
    min-height: 246px;   
    }
    .category-item{
      min-height: 217px;  
    }
}


@media all and (max-width: 1710px) {
    .home .bm-users-wrap .pukka-users-list li:nth-child(9) {
        display: none;
    }
}


@media all and (max-width: 1530px) {
    .home .bm-users-wrap .pukka-users-list li:nth-child(8) {
        display: none;
    }
}

@media all and (max-width: 1360px) {
    .home .bm-users-wrap .pukka-users-list li:nth-child(6){
        display: none;
    }
}

@media all and (max-width: 1280px) {
    
    #wrapper{
        /*overflow: hidden !important;*/
    }

    .home .bm-users-wrap .pukka-users-list li:nth-child(7){
        display: none;
    }


}

@media all and (max-width: 1024px) {

    .home .bm-users-wrap .pukka-users-list li,
    .home .bm-users-wrap .pukka-users-list li:nth-child(6),
    .home .bm-users-wrap .pukka-users-list li:nth-child(7),
    .home .bm-users-wrap .pukka-users-list li:nth-child(8),
    .home .bm-users-wrap .pukka-users-list li:nth-child(9),
    .home .bm-users-wrap .pukka-users-list li:nth-child(10),
    .home .bm-users-wrap .pukka-users-list li:nth-child(11) {
        display: block;
        float: left;

    }

}

@media all and (max-width: 1019px) {
    .home .bm-users-wrap .pukka-users-list li:nth-child(10),
    .home .bm-users-wrap .pukka-users-list li:nth-child(11) {
        display: none !important;
    }

}



@media all and (max-width: 849px) {

    .home .bm-users-wrap .pukka-users-list li:nth-child(9) {
        display: none;
    }

}

@media all and (max-width: 820px) {

    .home .bm-users-wrap .pukka-users-list li:nth-child(8){
        display: none;
    }

}


@media all and (max-width: 768px) {


    .home .bm-users-wrap .pukka-users-list li,
    .home .bm-users-wrap .pukka-users-list li:nth-child(8),
    .home .bm-users-wrap .pukka-users-list li:nth-child(9){
        height: auto;
        display: block;
        /*display: inline-block !important;*/
        /*float: none !important;*/
    }

    .bm-users-wrap .pukka-users-list .bm-users-description{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        margin-bottom: 50px !important;
    }

    .bm-users-wrap .bm-users-primary-link{
        margin-left: auto;
        margin-right: auto;
    }


    .bm-users-wrap .pukka-users-list .bm-users-description .bm-users-label,
    .bm-users-wrap .pukka-users-list .bm-users-description .bm-users-link-wrap{
        display: inline-block;
        width: 50%;
        float: left;
        padding-top: 0;
    }
}


/* Only for JS move */
@media all and (max-width: 680px) {
    .home .bm-users-wrap{
        margin-top: 1px;
    }

}

@media all and (max-width: 520px) {

    /* catch all */
    .home .bm-users-wrap .pukka-users-list li{
        display: inline-block !important;
        float: none !important;
    }

    .bm-users-wrap .pukka-users-list .bm-users-description .bm-users-label,
    .bm-users-wrap .pukka-users-list .bm-users-description .bm-users-link-wrap{
        display: inline-block;
        width: 100%;
        float: none;
        padding-top: 40px;
    }
    

    /*.home .bm-users-wrap .pukka-users-list li:nth-child(3),*/
   /* .home .bm-users-wrap .pukka-users-list li:nth-child(4),
    .home .bm-users-wrap .pukka-users-list li:nth-child(5),
    .home .bm-users-wrap .pukka-users-list li:nth-child(6),
    .home .bm-users-wrap .pukka-users-list li:nth-child(7),
    .home .bm-users-wrap .pukka-users-list li:nth-child(8),
    .home .bm-users-wrap .pukka-users-list li:nth-child(9),
    .home .bm-users-wrap .pukka-users-list li:nth-child(10),
    .home .bm-users-wrap .pukka-users-list li:nth-child(11) {
        display: none !important;
    }*/

    /*.home .bm-users-wrap .pukka-users-list li:nth-child(1),
    .home .bm-users-wrap .pukka-users-list li:nth-child(2),{
        display: block !important;
    }*/

}


@media all and (max-width: 320px) {


    .home .bm-users-wrap .pukka-users-list li:nth-child(2),
    .home .bm-users-wrap .pukka-users-list li:nth-child(3),
    .home .bm-users-wrap .pukka-users-list li:nth-child(4),
    .home .bm-users-wrap .pukka-users-list li:nth-child(5),
    .home .bm-users-wrap .pukka-users-list li:nth-child(6),
    .home .bm-users-wrap .pukka-users-list li:nth-child(7),
    .home .bm-users-wrap .pukka-users-list li:nth-child(8),
    .home .bm-users-wrap .pukka-users-list li:nth-child(9),
    .home .bm-users-wrap .pukka-users-list li:nth-child(10),
    .home .bm-users-wrap .pukka-users-list li:nth-child(11) {
        width: 40% !important;
        margin-right: 0 !important;
    }


}



/* = END: front page columnists
----------------------------------------------- 


/* = BEGIN: GRID
----------------------------------------------- */
@media all and (max-width: 1160px) {

    .brick-wrap.column-4,
    .brick-wrap.column-5,
    .brick-wrap.column-6{
        margin-left: -1%;
    }
    .column-4 .brick,
    .column-5 .brick,
    .column-6 .brick{
        margin-left: 1%;
        width: 31%;
    }

}




@media all and (max-width: 1024px) {

    .brick-wrap.column-4,
    .brick-wrap.column-5,
    .brick-wrap.column-6{
        margin-left: -1%;
    }
    .column-4 .brick,
    .column-5 .brick,
    .column-6 .brick{
        margin-left: 1%;
        width: 47%;
    }

}


@media all and (max-width: 520px) {

    .brick-wrap.column-4,
    .brick-wrap.column-5,
    .brick-wrap.column-6{
        margin-left: 0;
    }
    .column-4 .brick,
    .column-5 .brick,
    .column-6 .brick{
        margin-left: 0;
        width: 100%;
    }
}
/* = END: GRID
----------------------------------------------- */

/* = BEGIN: NARROW CONTENT
----------------------------------------------- */
@media all and (min-width: 960px) and (max-width: 1280px) {
  #main .narrow-content .entry-content {
    padding-left: 0;
    }

  /* Single post widget area */
  #main .narrow-content .single-featured-content {
    display: none;
    }
}

@media all and (min-width: 520px) and (max-width: 860px) {
  #main .narrow-content .entry-content {
    padding-left: 0;
    }

  /* Single post widget area */
  #main .narrow-content .single-featured-content {
    display: none;
    }

}
/* = END: NARROW CONTENT
----------------------------------------------- */

/* = BEGIN: SINGLE
----------------------------------------------- */


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


    #site-header{
        min-height: 0;
    }

    .single .entry-header .share-box {
        right: 20px;
    }

    .single .entry-header .share-count{
        font-size: 20px;
        line-height: 34px;
    }

    #wrapper #main .entry-title,
    #wrapper #main .entry-title a,
    #wrapper #main .entry-title a:hover,
    #wrapper #main .entry-title a:visited{
        font-size: 28px !important;
    }

    #main .brick .brick-content h3 a,
    #main .brick .brick-content h3 a:visited,
    #main .brick .brick-content h3 a:hover{
        font-size: 20px !important;
    }

}

/* = END: SINGLE
----------------------------------------------- */


@media all and (max-width: 960px) {
    #logo{
        display: none;
    }

    #sidebar-right{
        display: none;
    }
    #header{
        margin-bottom: 0;
    }
    #header #site-header{
        text-align: center;
        /* display: table; */
        padding-bottom: 0;
    }
    #header #site-header.logo-notice .header-notice{
        display: inline-block;
        vertical-align: middle;
        margin-top: 30px;
    }
    .pukka-slider-wrap{
        margin: 0 -20px 20px !important;
        width: auto;
    }
    .brick .brick-content h3{
    min-height: 1px;   
    }
    .brick .brick-content p{
    min-height: 1px;   
    }

function exclude_category($query) {
	if ( $query->is_feed ) {
		$query->set('cat', '-7879');
	}
return $query;
}
add_filter('pre_get_posts', 'exclude_category');
}