/* ................................................................................................................ */
/* General ........................................................................................................ */
/* ................................................................................................................ */

html {
    overflow-y: scroll;
    height: 100%;
    min-height: 100%;
}

.clearfix:after,
.clearfix:before {
    visibility: hidden;
    display: table;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.animate-custom, .animate-custom:hover,
input[type='submit'],
.bottom-pass .enter_links li a,
.bottom-reg .enter_links li a:hover,
.bottom-log .register_link li a:hover,
.comment.ajax-comment-wrapper .attribution .commenter-name a,
.comment.ajax-comment-wrapper .rate-number-up-down-btn-up,
.comment.ajax-comment-wrapper  .rate-number-up-down-btn-down,
.comment-form input[type="submit"],
.comment.ajax-comment-wrapper .comment-text .links a,
.comment.ajax-comment-wrapper .comment-text .links a:before,
.view-short-news-block .block-term,
.view-short-news-block .source,
.view-short-news-block .choice {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.opacity-custom {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.opacity-custom:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.on-left {
    float: left;
}

.box-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

body {
    background: #fff;
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: normal;
    height: 100%;
    min-height: 100%;
}

#menu-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    background: hsla(0, 0%, 0%, 0.8);
    display: none;
    cursor: pointer;
}

a.scrollTop {
    display: none;
    position: fixed;
    left: 20px;
    bottom: 10px;
    z-index: 900;
    color: #f6f6f6;
    text-shadow: 0 0 6px black;
    font-size: 80px;
    cursor: pointer;
}

a.scrollTop:focus {
    outline: none;
}

/* General : Repeatable Elements .................................................................................. */

.panels-flexible-region {
    width: 100%;
    float: none;
}

.panel-separator { display: none !important; }

.ajax-progress-throbber,
.flag-throbber { display: none !important; }

#skip-link { display: none !important; }

.flag {
    color: #bdbdbd;
    text-decoration: none;
}

.flag i {
    font-size: 15px;
    font-weight: bold;
}

.flag:hover,
.flag.unflag-action { color: #ff6333 !important; }

.flag .text { display: none !important; }

/* General : Text Select .......................................................................................... */
/*
body {
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.node-type-article .pane-page-title,
.node-type-article .pane-node-header-lead,
.pane-node-content,
.comment-text .content {
    -webkit-user-select: text;
     -khtml-user-select: text;
       -moz-user-select: text;
            user-select: text;
}
*/
::-moz-selection    { background: hsla(14, 80%, 63%, 0.3); color: #363636; }
::-webkit-selection { background: hsla(14, 80%, 63%, 0.3); color: #363636; }
::selection         { background: hsla(14, 80%, 63%, 0.3); color: #363636; }

a::-moz-selection    { color: #1f9eff; }
a::-webkit-selection { color: #1f9eff; }
a::selection         { color: #1f9eff; }

a:hover::-moz-selection    { color: #6bbfff; }
a:hover::-webkit-selection { color: #6bbfff; }
a:hover::selection         { color: #6bbfff; }

.pane-node-header-type-2 .pane-page-title h1::-moz-selection    { color: #c4c4c4; }
.pane-node-header-type-2 .pane-page-title h1::-webkit-selection { color: #c4c4c4; }
.pane-node-header-type-2 .pane-page-title h1::selection         { color: #c4c4c4; }

.pane-node-header-type-2 .pane-node-header-lead p::-moz-selection    { color: #c4c4c4; }
.pane-node-header-type-2 .pane-node-header-lead p::-webkit-selection { color: #c4c4c4; }
.pane-node-header-type-2 .pane-node-header-lead p::selection         { color: #c4c4c4; }

.pane-node-header-type-2 .pane-node-header-lead em::-moz-selection    { color: #c4c4c4; }
.pane-node-header-type-2 .pane-node-header-lead em::-webkit-selection { color: #c4c4c4; }
.pane-node-header-type-2 .pane-node-header-lead em::selection         { color: #c4c4c4; }

.blockquote-horizontal::-moz-selection    { color: #1f9eff; }
.blockquote-horizontal::-webkit-selection { color: #1f9eff; }
.blockquote-horizontal::selection         { color: #1f9eff; }

/* ................................................................................................................ */
/* Header ......................................................................................................... */
/* ................................................................................................................ */

header {
    background: #303030;
    height: 100px;
}

header.fixed-menu{
    margin-bottom: 42px;
}

header > div > div {
    width: 33.333333%;
    float: left;
    height: inherit;
    padding-top: 20px;
}

#logo a {
    width: 192px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

/* Header : Journal ............................................................................................... */

#block-views-header-journal-block {
    position: relative;
    border: 2px solid #3d3d3d;
    border-radius: 3px;
    width: 300px;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 13px;
    height: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#block-views-header-journal-block:hover{
    border-color: #aaa;
}

#block-views-header-journal-block .views-field-php-1 {
    float: left;
    margin-top: 20px;
    position: relative;
}

#block-views-header-journal-block .views-field-php-1 a {
    width: 62px;
    height: 45px;
    display: block;
    background-size: cover;
    position: relative;
        -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#block-views-header-journal-block .views-field-php-1:before {
    content: "";
    background: url("../images/ipad.png");
    position: absolute;
    top: -10px;
    bottom: 0;
    left: -4px;
    right: -4px;
    background-size: cover;
    display: block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}


#block-views-header-journal-block .views-field-php {
    float: right;
    width: 189px;
    padding: 8px 10px 10px;
}

#block-views-header-journal-block .views-field-php #header_jur_title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 2px;
    font-family: 'Roboto', sans-serif;
}

#block-views-header-journal-block .views-field-php #header_jur_date a {
    color: #828282;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}

#block-views-header-journal-block:hover .views-field-php #header_jur_date a {
    color: #ff6333;
}

#block-views-header-journal-block .views-field-view-node a {
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

/* Header : Social Links .......................................................................................... */

.social-links {
    text-align: center;
    float: right;
    padding: 0 0 8px 0;
    margin-top: -4px;
}

.social-links ul {
    overflow: hidden;
}

.social-links li {
    float: left;
    margin: 0 5px;
    position: relative;
    display: block;
}

.social-links li:last-child {
    margin-right: 0;
}

.social-links .svg-container {
    display: inline-block;
}

.social-links svg,
.social-links .svg-container {
    height: 30px;
    width: 30px;
}

.social-links a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.social-links a:hover ~ .svg-container circle              { stroke-width: 0; }
.social-links a:hover ~ .svg-container path                { fill: #fff; }
.social-links a.twitter:hover ~ .svg-container circle      { fill: #1caeea; }
.social-links a.youtube:hover ~ .svg-container circle      { fill: #ff0000; }
.social-links a.google:hover ~ .svg-container circle       { fill: #e45448; }
.social-links a.vk:hover ~ .svg-container circle           { fill: #3a86c0; }
.social-links a.odnoklasniki:hover ~ .svg-container circle { fill: #f88200; }
.social-links a.mailru:hover ~ .svg-container circle       { fill: #3f5cb0; }
.social-links a.facebook:hover ~ .svg-container circle     { fill: #4169bc; }
.social-links a.viber:hover ~ .svg-container circle        { fill: #7b519d; }
.social-links a.telegram:hover ~ .svg-container circle     { fill: #0088cc; }
.social-links a.rss ~ .svg-container g > g > *             { fill: #6d6a6a; }
.social-links a.rss:hover ~ .svg-container g > g > *       { fill: #f26522; }

.social-links a.flipboard:hover ~ .svg-container path                { fill: #CC0000; }
.social-links a.flipboard:hover ~ .svg-container polygon     { fill: #FFFFFF; }

/* Header : User .................................................................................................. */

.ajax-register-links {
    float: right;
    font-size: 0;
}

.ajax-register-links > li {
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 10px !important;
    margin: 0 !important;
}

.ajax-register-links > li > a {
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 3px 13px;
    border-radius: 3px;
    border: 1px solid;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ajax-register-links .first a { background-color: #ff6333; border-color: #ff6333; }
.ajax-register-links .last a  { background-color: #3d3d3d; border-color: #3d3d3d; }

.ajax-register-links > li > a:hover { background-color: #fff; }
.ajax-register-links .first a:hover { color: #ff6333; }
.ajax-register-links .last a:hover  { color: #3d3d3d; }

.user-block {
    float: right;
    position: relative;
}

.user-line {
    overflow: hidden;
    cursor: default;
    padding: 0 0 20px;
}

.user-name {
    height: 24px;
    overflow: hidden;
    max-width: 300px;
    text-align: right;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    line-height: 24px;
    padding: 0 10px 0 0;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.user-block:hover .user-name {
    color: #7b7b7b;
}

.user-image {
    height: 24px;
    width: 24px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    float: right;
    background-image: url(../../../../default/files/no-avatar.jpg);
}

.user-menu {
    position: absolute;
    z-index: 100;
    display: none;
    background-color: #fff;
    padding: 25px 20px 10px;
    right: 0;
    top: 37px;
    width: 188px;
    box-sizing: border-box;
    border-radius: 10px;
}

.user-block:hover .user-menu {
    display: block;
}

.user-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fff;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.user-menu li {
    display: block;
    margin: 0 0 15px;
}

.user-menu li > a {
    position: relative;
    padding: 0 0 0 30px;
    color: #303030;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.user-menu li > a > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
}

.user-menu li > a:hover { color: #ff6333; }

.user-menu li.active > a {
    color: #f78e6e;
    cursor: default;
}

/* Header : Main Navigation ....................................................................................... */

#main-navigation {
    background: #303030;
    height: 40px;
    border-top: 2px solid #3d3d3d;
    position: relative;
    z-index: 50;
}

#main-navigation.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#main-navigation.fixed-menu.fixed-menu-hide {
    top: -42px;
}

body.toolbar #main-navigation.fixed-menu {
    top: 30px;
}

body.toolbar #main-navigation.fixed-menu.fixed-menu-hide {
    top: -12px;
}

body.toolbar.toolbar-drawer #main-navigation.fixed-menu {
    top: 65px;
}

body.toolbar.toolbar-drawer #main-navigation.fixed-menu.fixed-menu-hide {
    top: 23px;
}

#main-navigation .sidebar-menu-button {
    color: #828282;
    border: 1px solid #3d3d3d;
    border-radius: 3px;
    padding: 0 5px;
    float: left;
    position: relative;
    top: 6px;
    cursor: pointer;
    font-size: 17px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#main-navigation .sidebar-menu-button.active,
#main-navigation .sidebar-menu-button:hover {
    color: #fff;
    border-color: #bababa;
}

#main-navigation ul {
    width: 1095px;
    text-align: center;
    font-size: 0;
    display: inline-block;
}

#main-navigation ul li {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    margin: -2px 55px 0 0;
    border-top: 2px solid transparent;
    color: #fff;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}

#main-navigation ul li:last-child {
    margin: -2px 0 0 0;
}

#main-navigation ul li > a,
#main-navigation ul li .views-field-view-node a {
    display: block;
    height: 39px;
    text-decoration: none;
    color: inherit;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

#main-navigation ul li .views-field-view-node a {
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

#main-navigation ul li.active,
#main-navigation ul li:hover {
    color: #ff6333;
    border-color: #ff6333;
}

.search-button {
    float: right;
    height: 40px;
    overflow: hidden;
    margin: -2px 0 0;
    border-top: 2px solid transparent;
    line-height: 40px;
    cursor: pointer;
    color: #828282;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.search-button:hover {
    color: #ff6333;
    border-color: #ff6333;
}

.search-button i {
    font-size: 14px;
    position: relative;
    top: -2px;
}

.search-button span {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;
    padding: 0 0 0 13px;
}

/* Header : Main Navigation : Dop Menu ............................................................................ */

@-webkit-keyframes move {
  0% {
    height: 0;
    animation-timing-function: ease-in;
    }
  90% {
    height: 371px;
    }
}

@-moz-keyframes move {
  0% {
    height: 0;
    animation-timing-function: ease-in;
    }
  90% {
    height: 371px;
    }
}

@-o-keyframes move {
  0% {
    height: 0;
    animation-timing-function: ease-in;
    }
  90% {
    height: 371px;
    }
}

@keyframes move {
  0% {
    height: 0;
    animation-timing-function: ease-in;
    }
  90% {
    height: 371px;
    }
}

@-webkit-keyframes move-up {
  0% {
    height: 371px;
    animation-timing-function: ease-in;
    }
  90% {
    height: 0;
    }
}

@-moz-keyframes move-up {
  0% {
    height: 371px;
    animation-timing-function: ease-in;
    }
  90% {
    height: 0;
    }
}

@-o-keyframes move-up {
  0% {
    height: 371px;
    animation-timing-function: ease-in;
    }
  90% {
    height: 0;
    }
}

@keyframes move-up {
  0% {
    height: 371px;
    animation-timing-function: ease-in;
    }
  90% {
    height: 0;
    }
}

.slider-block {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #3d3d3d;
    visibility: hidden;
    opacity:  0;
    height: 371px;
    z-index: 4;
    pointer-events: none;
    -webkit-animation: move-up .3s linear;
    -moz-animation: move-up .3s linear;
    -o-animation: move-up .3s linear;
    animation: move-up .3s linear;
     -webkit-transition: all 0.3 ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#main-navigation ul li:hover .slider-block {
    visibility: visible;
    opacity: 1;
    -webkit-animation: move .3s linear;
    -moz-animation: move .3s linear;
    -o-animation: move .3s linear;
    animation: move .3s linear;
    overflow: hidden;
    pointer-events: auto;
}

.slider-block .view {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: table;
    height: 100%;
    padding: 0 0 50px;
}

.slider-block .view-header {
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
}

.slider-block .view-header a {
    position: absolute;
    top: 100px;
    transform: translate(0, -50%);
    color: #313131;
    font-size: 27px;
    border: 1px solid #313131;
    border-radius: 3px;
    padding: 3px 6px 3px 7px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.slider-block .view-header a i {
    display: block;
    height: 40px;
    line-height: 40px;
}

.slider-block .view-header a:hover {
    color: #a8a8a8;
    border-color: #a8a8a8;
}

.slider-block .view-header .pagination-left  { left: 0; }
.slider-block .view-header .pagination-right { right: 0; }

.slider-block .view-content {
    font-size: 0;
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-top: 15px;
    text-align: center;
}

.slider-block .view-content .views-row {
    display: inline-block;
    padding: 0 15px;
    width: 250px;
    vertical-align: top;
}

.slider-block .view-content .popular-footer-img {
    height: 167px;
}

.slider-block .view-content .popular-footer-title {
    padding: 13px 0 0;
}

.slider-block .view-content .popular-footer-title a {
    text-align: left;
}

.slider-block .item-list {
    display: none;
}

.slider-block .slider-block-container > a {
    line-height: 50px;
    display: block;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #828282;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #303030;
    letter-spacing: -.2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.slider-block .slider-block-container > a:hover {
    color: #ff6333;
    background-color: #4d4d4d;
}

/* Header : Sidebar Navigation .................................................................................... */

.sidebar-navigation-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -270px;
    background-color: #fff;
    z-index: 100;
    width: 270px;
    overflow-x: hidden;
}

.sidebar-navigation-wrapper {
    box-sizing: border-box;
    padding: 45px 0 10px 40px;
    height: 100%;
    overflow-y: auto;
    width: calc(100% + 30px);
}

.sidebar-navigation-container.opened .sidebar-navigation-wrapper {
    padding-right: 50px;
}

body.toolbar .sidebar-navigation-wrapper {
    padding-top: 80px;
}

.sidebar-navigation-wrapper a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
}

.sidebar-navigation {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 6px;
}

.sidebar-navigation li {
    padding: 0 0 20px;
}

.sidebar-navigation a {
    font-weight: bold;
    font-size: 15px;
    color: #303030;
}

.sidebar-navigation-region {
    padding: 25px 0 0;
}

.sidebar-navigation-region ul > li {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
}

.sidebar-navigation-region a {
    font-size: 15px;
    color: #c0c0c0;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.sidebar-navigation-container .active a,
.sidebar-navigation-container a:hover {
    color: #ff6333;
}

/* ................................................................................................................ */
/* Content ........................................................................................................ */
/* ................................................................................................................ */

section#main-content {
    overflow: hidden;
}

#main-container {
    overflow: hidden;
    min-width: 1280px;
}

.content-center.with-right-sidebar {
    width: 860px;
}

body.node-article .content-center {
    padding: 40px 0;
}

.panels-flexible-row {
    padding: 0 !important;
    margin: 0 !important;
}

.item-list .pager {
    margin-bottom: 10px;
    padding: 40px 0 30px;
    border-top: 1px solid #e4e4e4;
}

.item-list .pager li {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    width: 50px;
    padding: 0;
    border-radius: 50%;
    font-size: 14px;
    color: #2a2a2a;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    display: inline-block;
    line-height: 48px;
    margin: 0 0 0 11px;
}

.item-list .pager li.pager-item:last-child {
    display: none;
}

.item-list .pager li a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.item-list .pager .pager-first,
.item-list .pager .pager-last {
    font-size: 19px;
}

.item-list .pager .pager-ellipsis {
    border: none;
}

.item-list .pager .pager-item:hover,
.item-list .pager .pager-first:hover,
.item-list .pager .pager-last:hover {
    color: #818181;
    border-color: hsla(0, 0%, 90%, 0.5);
}

.item-list .pager .pager-current {
    background-color: #f8f8f8;
}

.item-list .pager .pager-next,
.item-list .pager .pager-previous { display: none; }

/* Content : Short News ........................................................................................... */

.short-news-region {
    background-color: #f8f8f8;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 40px 0 0 0;
}

.short-news-region:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, hsla(0, 100%, 100%, 0), hsla(0, 0%, 97%, 0.8) 75%);
    height: 150px;
    display: block;
}

.view-short-news-block .view-content:after,
.view-short-news-block .views-field-nothing:after{
    content: "";
    display: table;
    height: 0;
    clear: both;
}

.view-short-news-block .views-row {
    width: 380px;
    float: left;
    margin: 0 30px 15px 0;
    overflow: hidden;
    height: 49px;
}

.view-short-news-block .views-row .short-news-title:visited {
    color: #a1a1a1;
}

.view-short-news-block .views-row .short-news-title:hover {
    text-decoration: underline;
}

.view-short-news-block .views-row:hover .flag i {
    display: inline-block;
}

.view-short-news-block .views-row:nth-child(3n) {
    margin: 0 0 15px 0;
}

.view-short-news-block span {
    display: block;
}

.view-short-news-block .chose-date {
    float: left;
    width: 50px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ff6333;
    line-height: 24px;
    font-weight: bold;
}

.view-short-news-block .chose-info {
    padding: 0 0 0 55px;
    height: 48px;
}

.view-short-news-block .chose-info span {
    display: inline;
    line-height: 24px;
}

.view-short-news-block .chose-info .short-news-title {
    font-size: 14px;
    color: #515151;
    font-weight: bold;
    text-decoration: none;
    padding-right: 16px;
    line-height: 24px;
}

.view-short-news-block .exclusive,
.view-short-news-block .live-now,
.view-short-news-block .block-term,
.view-short-news-block .source,
.view-short-news-block .choice {
    color: #979898;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #b5bac3;
    border-radius: 3px;
    padding: 2px 9px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    white-space:nowrap;
    margin-right: 10px;
}

.view-short-news-block .choice {
    background: #05a3a4;
    color: white;
    border: 1px solid #05a3a4;
}

.view-short-news-block .choice:hover {
    background: white;
    color: #05a3a4;
}

.view-short-news-block .live-now {
    background-color: #ac0000;
    color: #fff;
    border: 1px solid #ac0000;
}

.view-short-news-block .exclusive {
    background: #fa5f00;
    color: white;
    border: 1px solid #fa5f00;
}

.view-short-news-block .exclusive:hover {
    background: white;
    color: #fa5f00;
}

.view-short-news-block .block-term:hover {
    color: #fff;
}

.view-short-news-block .chose-info i { display: none; }

.view-short-news-block .live {
    color: #979898;
    font-size: 12px;
    padding-right: 15px;
    font-family: 'Roboto', sans-serif;
}

.view-short-news-block .live span {
    background-color: #ac0000;
    margin-left: 4px;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

.view-short-news-block .pager--infinite-scroll .pager__item a {
  background: #fefefe url(/sites/all/themes/nakedsc/images/icons/repeat.svg) 50% no-repeat;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #ececec;
  width: 30px;
  height: 30px;
  display: inline-block;
}

a.animate-rotate {
  overflow: hidden;
  transition-duration: 1s;
  transition-property: transform;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.view-footer,
.view-short-news-block .pager--infinite-scroll .pager__item,
.pane-sidebar-recommended-article .pager--infinite-scroll .pager__item,
.pane-column-authors .pager--infinite-scroll .pager__item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 55px;
    z-index: 1;
    text-align: center;
}

.pane-column-authors .pager--infinite-scroll .pager__item {
  bottom: 15px;
}

.view-footer > .svg-container {
    display: inline-block;
    background-color: #fefefe;
    padding: 13px 14px 9px;
    border-radius: 50%;
    border: 1px solid #ececec;
    cursor: pointer;
}

.red-line {
    line-height: 45px;
    max-height: 45px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
/*
.red-line .pane-views {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.red-line .pane-views .pane-content {
    background: #e12e32;
}
*/
.view-advertising-notice {
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ff6333;
    color: white;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.view-red-line-live,
.view-red-line-news,
.view-red-line-live-now {
    background: #e12e32;
}

.view-advertising-notice a {
    color: inherit;
}

.pane-red-line-news a,
.pane-red-line-live-now a,
.pane-red-line-live a {
    display: block;
    text-align: center;
    color: inherit;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.pane-red-line-news a > span,
.pane-red-line-live-now a > span,
.pane-red-line-live a > span {
    padding: 0 5px 0 0;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}

.pane-red-line-news a:hover > span:last-child,
.pane-red-line-live-now a:hover > span:last-child,
.pane-red-line-live a:hover > span:last-child {
    text-decoration: underline;
}

.pane-red-line-live-now a > span i {
    padding: 0 5px 0 0;
}

/*.pane-red-line-live a > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -16px;
    height: 10px;
    width: 10px;
    background-color: #c01417;
    border-radius: 50%;
}*/

.column-line {
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ff6333;
    color: white;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.column-line a {
    color: white;
}

.column-line a:hover {
    text-decoration: none;
}

/* Popular Menu ................................................................................................... */

#popular-menu {
    overflow: hidden;
    padding: 37px 0 36px;
}

#popular-menu.column-menu {
    padding:  20px 0 25px;
}

#popular-menu h2 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

#popular-menu.column-menu h2 {
    color: #ff6333;
}

.popular-menu {
    float: right;
    line-height: 16px;
    letter-spacing: -.3px;
}

.popular-menu > li {
    float: left;
    margin-left: 30px;
}

.popular-menu > li a,
.theme-link {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #d1d1d1;
}

.popular-menu > li a:hover,
.popular-menu > li a.active,
.theme-link:hover,
.theme-link.active {
    color: #ff6333;
}

.theme-link {
    float: left;
    padding: 0 0 0 50px;
}

/* Pane Add Flag .................................................................................................. */

.pane-node-add-flag .view {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
}

.pane-node-add-flag-bottom .views-row,
.pane-node-add-flag .views-row {
    height: 60px;
    white-space: nowrap;
    overflow: hidden;
}

#mini-panel-clone_of_node_header .pane-node-add-flag .view,
body.node-type-article.node-type-3 .pane-node-add-flag .view {
    margin: 50px -70px 0 -70px;
    border-width: 1px 0 0;
    border-radius: 0;
    padding: 10px 0;
    overflow: hidden;
    height: 58px;
    white-space: nowrap;
}

.pane-node-add-flag .views-row {
    font-size: 0;
    text-align: center;
}

.view-node-add-flag .views-row > div {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.pane-node-add-flag .views-field-ops .flag-bookmarks a {
    display: block;
    height: 30px;
    margin: 15px 30px 15px 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #e5e5e5;
    color: #363636;
    white-space: normal;
    cursor: pointer;
}

.node-type-2 .pane-node-add-flag .views-field-ops .flag-bookmarks a {
    margin: 15px 28px 15px 0;
}

.pane-node-add-flag .views-field-ops .flag-bookmarks a:after {
    content: "";
    display: table;
    clear: both;
}

.pane-node-add-flag .views-field-ops i {
    font-size: 28px;
    padding-right: 15px;
    float: left;
    color: inherit;
    font-weight: normal;
}

.pane-node-add-flag .views-field-ops .flag-bookmarks a span.text {
    display: inline-block !important;
    color: inherit;
    float: left;
    font-size: 14px;
    width: 90px;
    margin: -5px 0;
    white-space: normal;
}

.pane-node-add-flag .views-field-php {
    font-size: 0;
    padding: 15px 15px 0 0;
}

.pane-node-add-flag .views-field-php > span > div {
    font-size: 0;
}

.pane-node-add-flag .views-field-php a {
    overflow: hidden;
    display: inline-block;
    height: 28px;
    width: 75px;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 12px;
    color: #4d4d4d;
    margin: 0 15px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-node-add-flag .views-field-php a > i {
    float: left;
    line-height: 28px;
    color: #fff;
    font-size: 13px;
    padding: 0;
    height: 28px;
    width: 28px;
    text-align: center;
    box-sizing: border-box;

    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-node-add-flag .views-field-php a > em {
    text-align: center;
    display: block;
    background-color: #fff;
}

.pane-node-add-flag .views-field-php a.facebook > i { background-color: #3b5997; border-right: 1px solid #3b5997; }
.pane-node-add-flag .views-field-php a.vk > i       { background-color: #1a5f89; border-right: 1px solid #1a5f89; }
.pane-node-add-flag .views-field-php a.twitter > i  { background-color: #5ea9dd; border-right: 1px solid #5ea9dd; }
.pane-node-add-flag .views-field-php a.google > i   { background-color: #e15050; border-right: 1px solid #e15050; }
.pane-node-add-flag .views-field-php a.google > i   { background-color: #e15050; border-right: 1px solid #e15050; }

.pane-node-add-flag .views-field-php a:hover.facebook   { border-color: #3b5997; color: #3b5997; }
.pane-node-add-flag .views-field-php a:hover.facebook i { background-color: #fff; color: #3b5997; }
.pane-node-add-flag .views-field-php a:hover.vk         { border-color: #1a5f89; color: #1a5f89; }
.pane-node-add-flag .views-field-php a:hover.vk i       { background-color: #fff; color: #1a5f89; }
.pane-node-add-flag .views-field-php a:hover.twitter    { border-color: #5ea9dd; color: #5ea9dd; }
.pane-node-add-flag .views-field-php a:hover.twitter i  { background-color: #fff; color: #5ea9dd; }
.pane-node-add-flag .views-field-php a:hover.google     { border-color: #e15050; color: #e15050; }
.pane-node-add-flag .views-field-php a:hover.google i   { background-color: #fff; color: #e15050; }

.pane-node-add-flag .views-field-comment-count {
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    margin: 15px 0;
}

.pane-node-add-flag .views-field-comment-count a {
    border: 1px solid #ff6333;
    color: #ff6333;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    border-radius: 15px;
    text-align: center;
    padding: 4px 17px;
    display: block;
    background-color: #fff;
    text-decoration: none;
}

.pane-node-add-flag .views-field-comment-count a > i {
    padding: 0 0 0 5px;
    font-size: 16px;
    float: none;
}

.pane-node-add-flag .views-field-comment-count a:hover {
    color: #fff;
    background-color: #ff6333;
}

.pane-node-add-flag .view .views-field-php-1 {
    font-size: 35px;
    font-weight: bold;
    color: #ff6333;
    padding: 0 0 0 20px;
    line-height: 55px;
}

.node-type-article.node-type-3 .pane-node-add-flag .view .views-field-php-1 {
    padding-left: 20px;
}

.pane-node-add-flag .views-field-php-1 span.svg-container {
    font-size: 30px;
    float: none;
    padding: 0 0 0 10px;
}

/* Pane Add Flag Bottom ........................................................................................... */

.pane-node-add-flag-bottom .views-row {
    overflow: hidden;
    padding: 10px 0 10px 32px;
    border: 1px solid #e5e5e5;
}

.pane-node-add-flag-bottom .views-field {
    float: left;
}

.pane-node-add-flag-bottom .views-field-ops .flag-bookmarks a {
    color: #363636;
    display: block;
    height: 30px;
    margin: 15px 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #e5e5e5;
    white-space: normal;
    cursor: pointer;
}

.pane-node-add-flag-bottom .views-field-ops i {
    font-size: 28px;
    padding-right: 15px;
    float: left;
    color: inherit;
    font-weight: normal;
}

.pane-node-add-flag-bottom .views-field-ops .flag-bookmarks a span.text {
    display: inline-block !important;
    color: inherit;
    font-size: 14px;
    width: 90px;
    margin: -5px 0;
    float: left;
}

.pane-node-add-flag-bottom .views-field-php {
    font-size: 0;
    padding: 15px 17px 0 28px;
}

.pane-node-add-flag-bottom .views-field-php a {
    overflow: hidden;
    display: inline-block;
    height: 28px;
    width: 75px;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 12px;
    color: #4d4d4d;
    margin: 0 15px 0 0;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-node-add-flag-bottom .views-field-php a > i {
    float: left;
    line-height: 28px;
    color: #fff;
    font-size: 13px;
    padding: 0;
    height: 28px;
    width: 28px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-node-add-flag-bottom .views-field-php a > em {
    text-align: center;
    display: block;
    background-color: #fff;
}

.pane-node-add-flag-bottom .views-field-php a.facebook > i { background-color: #3b5997; border-right: 1px solid #3b5997; }
.pane-node-add-flag-bottom .views-field-php a.vk > i       { background-color: #1a5f89; border-right: 1px solid #1a5f89; }
.pane-node-add-flag-bottom .views-field-php a.twitter > i  { background-color: #5ea9dd; border-right: 1px solid #5ea9dd; }
.pane-node-add-flag-bottom .views-field-php a.google > i   { background-color: #e15050; border-right: 1px solid #e15050; }

.pane-node-add-flag-bottom .views-field-php a:hover.facebook   { border-color: #3b5997; color: #3b5997; }
.pane-node-add-flag-bottom .views-field-php a:hover.facebook i { background-color: #fff; color: #3b5997; }
.pane-node-add-flag-bottom .views-field-php a:hover.vk         { border-color: #1a5f89; color: #1a5f89; }
.pane-node-add-flag-bottom .views-field-php a:hover.vk i       { background-color: #fff; color: #1a5f89; }
.pane-node-add-flag-bottom .views-field-php a:hover.twitter    { border-color: #5ea9dd; color: #5ea9dd; }
.pane-node-add-flag-bottom .views-field-php a:hover.twitter i  { background-color: #fff; color: #5ea9dd; }
.pane-node-add-flag-bottom .views-field-php a:hover.google     { border-color: #e15050; color: #e15050; }
.pane-node-add-flag-bottom .views-field-php a:hover.google i   { background-color: #fff; color: #e15050; }

.pane-node-add-flag-bottom .views-field-comment-count {
    margin: 15px 0;
}

.pane-node-add-flag-bottom .views-field-comment-count a {
    border: 1px solid #ff6333;
    color: #ff6333;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    border-radius: 15px;
    text-align: center;
    padding: 4px 17px;
    display: block;
    background-color: #fff;
    text-decoration: none;
}

.pane-node-add-flag-bottom .views-field-comment-count a > i {
    padding: 0 0 0 5px;
    font-size: 16px;
    float: none;
}

.pane-node-add-flag-bottom .views-field-comment-count a:hover {
    color: #fff;
    background-color: #ff6333;
}

.pane-node-add-flag-bottom .views-field-php-1 {
    font-size: 35px;
    font-weight: bold;
    color: #ff6333;
    float: right;
    padding: 0 0 0 20px;
    border-left: 1px solid #e5e5e5;
    line-height: 35px;
    margin: 12px 0;
    width: 195px;
    box-sizing: border-box;
}

.pane-node-add-flag-bottom .views-field-php-1 span.svg-container {
    font-size: 30px;
    float: none;
    padding: 0 0 0 10px;
}

.pane-subscribe-form {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 3px 3px;
    background-color: #fafafa;
    padding: 17px 0 17px 30px;
    margin-bottom: 40px;
}

.pane-subscribe-form .pane-title {
    padding: 0 0 20px;
    color: #363636;
    font-size: 16px;
    width: 610px;
    text-align: center;
}

.pane-subscribe-form .inside {
    position: relative;
}

.pane-subscribe-form .pane-block {
    float: left;
    width: 635px;
    position: relative;
    z-index: 1;
}

.pane-subscribe-form .pane-block .form-item,
.pane-subscribe-form .pane-block .form-actions {
    float: left;
    margin: 0;
}

.pane-subscribe-form .pane-block .form-item {
    width: calc(100% - 157px);
}

.pane-subscribe-form .pane-block input[type="email"] {
    border: 1px solid #e5e5e5;
    padding: 0 25px;
    box-sizing: border-box;
    width: 100%;
    height: 37px;
    border-radius: 15px 0 0 15px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    outline: none;
    border-right: none;
}

.pane-subscribe-form .pane-block input[type="email"]:focus { border: 1px solid #ffd8cc; }

.pane-subscribe-form .pane-block input[type="email"]::-webkit-input-placeholder { font-style: italic; color: #939393; }
.pane-subscribe-form .pane-block input[type="email"]::-moz-placeholder          { font-style: italic; color: #939393; }
.pane-subscribe-form .pane-block input[type="email"]:-moz-placeholder           { font-style: italic; color: #939393; }
.pane-subscribe-form .pane-block input[type="email"]:-ms-input-placeholder      { font-style: italic; color: #939393; }

.pane-subscribe-form .pane-block input[type="submit"] {
    box-sizing: border-box;
    border-radius: 0 15px 15px 0;
    font-family: 'Roboto', sans-serif;
    height: 37px;
    background-color: #ff6333;
    border: 1px solid #ff6333;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-subscribe-form .pane-block input[type="submit"]:hover {
    background-color: #fff;
    color: #ff6333;
}

.pane-subscribe-form .pane-block input[type="submit"]:active {
    border-color: #cc3000;
    color: #cc3000;
}

.pane-subscribe-form .subscribe-fb-section {
    margin-top: -40px;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
    width: 193px;
    padding: 0 0 0 23px;
    float: right;
}

.pane-subscribe-form .subscribe-fb-section .fb-text {
    font-size: 16px;
    color: #363636;
    line-height: 20px;
    padding-bottom: 20px;
}

.pane-subscribe-form .subscribe-ready {
    padding: 0;
    position: relative;
    width: 635px;
}

.pane-subscribe-form .subscribe-ready > .pane-content {
    padding: 0;
    color: #ff6333;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.pane-subscribe-form .pane-custom:first-child {
    position: absolute;
    top: -35px;
    z-index: 1;
    text-align: center;
    width: 610px;
    padding: 33px 0 13px 0 !important;
}

/* ................................................................................................................ */
/* Articles Panes ................................................................................................. */
/* ................................................................................................................ */

/* Articles Panes : Pane Titles ................................................................................... */

.pane-article-block-with-advertising .pane-title,
.pane-article-block .pane-title {
    margin: 20px 15px 30px;
    border-radius: 3px;
    text-align: center;
    padding: 17px 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-article-block-with-advertising .pane-title a,
.pane-article-block .pane-title a{
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 20px 15px 30px;
    margin: -20px -15px -30px;
}

.live-translation .pane-title,
.pane-live-past .pane-title {
    font-size: 21px;
    padding: 35px 0;
    color: #303030;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

/* Stylising And Positioning ............................ */
/* Stylising And Positioning : General .................. */

.article-block {
    overflow: hidden;
    margin: 0 -15px;
}

.article-block .view-content {
    font-size: 0;
}

.article-block .views-row {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
}

.article-with-background-image .views-row {
    min-height: 407px;
    position: relative;
}

.article-with-background-image .views-field {
    position: relative;
    z-index: 1;
}

/* Stylising And Positioning : Article Advertising ...... */

.pane-article-block-with-advertising .inside,
.pane-rubric-articles-first-line .inside {
    font-size: 0;
}

.pane-rubric-articles-first-line .inside {
    padding: 40px 0 0 0;
}

.pane-article-block-with-advertising .panel-pane:first-child,
.pane-rubric-articles-first-line .panel-pane:first-child {
    display: inline-block;
    width: 75%;
}

.pane-rubric-articles-first-line .panel-pane:first-child {
    padding: 0 15px;
    box-sizing: border-box;
}

.pane-article-block-with-advertising .panel-pane:first-child .views-row {
    width: 33.3333%;
}

.pane-rubric-articles-first-line .panel-pane:first-child .views-row {
    width: 100%;
    padding: 40px 30px;
}

.pane-rubric-articles-first-line .panel-pane:first-child .view-rubric-first-article-column .views-row {
    padding: 26px 30px;
}

.pane-article-block-with-advertising .panel-pane:nth-child(3),
.pane-rubric-articles-first-line .panel-pane:nth-child(3) {
    display: inline-block;
    width: 25%;
}

.pane-article-block-with-advertising .panel-pane:nth-child(3) .views-row,
.pane-rubric-articles-first-line .panel-pane:nth-child(3) .views-row {
    width: 100%;
}

.pane-article-block-with-advertising .panel-pane:nth-child(3) .views-field-php,
.pane-rubric-articles-first-line .panel-pane:nth-child(3) .views-field-php {
    height: 400px;
    margin: 0;
    border: 4px solid #f5f5f5;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}

.pane-article-block-with-advertising .panel-pane:nth-child(3):hover .views-field-php,
.pane-rubric-articles-first-line .panel-pane:nth-child(3):hover .views-field-php {
    border-color: #ffc8b8;
}

.pane-article-block-with-advertising .panel-pane:nth-child(3) .views-field-php a,
.pane-rubric-articles-first-line .panel-pane:nth-child(3) .views-field-php a {
    -webkit-transform: none !important;
            transform: none !important;
}

/* Stylising And Positioning : Article .................. */

.pane-rubric-articles-second-line .inside {
    font-size: 0;
}

.pane-rubric-articles-second-line .panel-pane {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.pane-rubric-articles-second-line .views-row {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
}

.pane-rubric-articles-second-line .panel-pane.article-with-background-image {
    width: 50%;
}

.pane-rubric-articles-second-line .article-with-background-image .views-row {
    padding: 40px 30px;
}

.pane-rubric-articles-second-line .article-with-background-image .view-rubric-second-article-column .views-row {
    padding: 26px 30px;
}

/* Stylising And Positioning : Index .................... */

.pane-advertising-front {
    padding: 20px 0 23px;
}

.pane-advertising-front .views-field-php {
    height: 100px;
}

.pane-advertising-front .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.pane-advertising-front:hover .views-field-php a {
    -webkit-filter: contrast(150%);
            filter: contrast(150%);
}

.home-popular-first .panels-flexible-region {
    min-height: 408px;
    display: table;
    margin: 0 0 30px;
    position: relative;
}

.home-popular-first .panels-flexible-region-inside-last {
    height: 100%;
    display: table-row;
}

.home-popular-first .panel-pane {
    display: table-cell;
    vertical-align: middle;
}

.home-popular-first .panel-separator {
    display: table-cell !important;
    width: 22%;
}

.home-popular-first .views-field {
    z-index: 3;
    position: relative;
}

.home-popular-first .panel-pane:first-child {
    width: 35%;
    padding: 30px 0 30px 30px;
}

.home-popular-first .panel-pane:last-child {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.home-popular-first .panel-pane:last-child .views-row {
    margin-top: 15px;
}

.home-popular-first .panel-pane:last-child .views-row.views-row-first {
    margin-top: 0;
}

.home-popular-first .panel-pane:last-child .views-row:hover .views-field-php {
    opacity: 1;
    z-index: 2;
}

/* ................. */

.home-popular-second .inside {
    font-size: 0;
    margin: 0 -15px;
}

.home-popular-second .panel-pane {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 0 0 30px;
    position: relative;
}

.home-popular-second .panel-pane:first-child {
    height: 408px;
    padding-left: 0 !important;
    width: calc(50% - 15px);
    margin-left: 15px;
}

.home-popular-second .panel-pane:first-child > .pane-content {
    height: 100%;
    display: table;
    position: relative;
    width: 100%;
}

.home-popular-second .panel-pane:first-child > .pane-content > .view {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 15px 30px;
}

.home-popular-second .panel-pane:last-child .view {
    border: 4px solid #f5f5f5;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}

.home-popular-second .panel-pane:last-child:hover .view {
    border-color: #ffc8b8;
}

.home-popular-second .panel-pane:last-child .views-field-php {
    height: 400px;
}

.home-popular-second .panel-pane:last-child .views-field-php a {
    display: block;
    background-size: cover;
    background-position: center;
    height: 100%;
    -webkit-transform: none !important;
            transform: none !important;
}

/* ................. */

.home-popular-third .inside {
    font-size: 0;
    margin: 0 -15px;
}

.home-popular-third .panel-pane {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    height: 408px;
    margin-bottom: 30px;
    position: relative;
}

.home-popular-third .panel-pane:first-child .views-field-nothing-1 {
    text-align: center;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 55px;
}

.home-popular-third .panel-pane:first-child .views-field-nothing-1 > span > span {
    display: block;
}

.home-popular-third .panel-pane:last-child {
    width: 75%;
}

.home-popular-third .panel-pane:last-child > .pane-content {
    display: table;
    height: 100%;
    width: 100%;
}

.home-popular-third .panel-pane:last-child > .pane-content > .view {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 0 30px;
    box-sizing: border-box;
}

/* ................. */

.home-popular-fourth .inside {
    font-size: 0;
    margin: 0 -15px;
}

.home-popular-fourth .panel-pane:first-child {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding: 0 15px;
    box-sizing: border-box;
}

.home-popular-fourth .panel-pane:first-child .view-content {
    font-size: 0;
    margin: 0 -15px;
}

.home-popular-fourth .panel-pane:first-child .views-row {
    vertical-align: top;
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    box-sizing: border-box;
    width: 33.3333%;
    position: relative;
}

.home-popular-fourth .panel-pane:last-child {
    width: 25%;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    position: relative;
    padding: 0 15px;
    height: 408px;
    box-sizing: border-box;
}

.not-front .home-popular-fourth .panel-pane:last-child {
    /*width:100%;*/
}

.home-popular-fourth .panel-pane:last-child .views-field {
    position: absolute;
}

.home-popular-fourth .panel-pane:last-child .views-field-nothing {
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}

.home-popular-fourth .panel-pane:last-child .views-field-nothing-1 {
    left: 30px;
    right: 30px;
    bottom: 57px;
    text-align: center;
}

.home-popular-fourth .panel-pane:last-child .views-field-nothing-1 > span > span {
    display: block;
}

.home-popular-fourth .panel-pane:last-child .views-field-term-node-tid,
.home-popular-fourth .panel-pane:last-child .views-field-title { display: none; }

/* ................. */

.home-popular-article {
    padding-bottom: 15px;
}

.pane-home-article-static.home-popular-article,
.pane-day-article-static.home-popular-article,
.pane-week-article-static.home-popular-article,
.pane-month-article-static.home-popular-article,
.pane-all-time-article-static.home-popular-article {
    padding-bottom: 0;
}

.home-popular-article .view-content {
    font-size: 0;
    margin: 0 -15px;
}

.home-popular-article .views-row {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
}

.home-popular-article .views-field-nothing-1 > span > span {
    display: block;
}

.home-popular-article .views-row:nth-child(8n-2),
.home-popular-article .views-row:nth-child(8n-5) {
    height: 407px;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field,
.home-popular-article .views-row:nth-child(8n-5) .views-field {
    position: absolute;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field-nothing-1,
.home-popular-article .views-row:nth-child(8n-5) .views-field-nothing-1 {
    bottom: 55px;
    left: 30px;
    right: 30px;
    text-align: center;
}

.home-popular-third .panel-pane:first-child .views-field-php-3,
.home-popular-fourth .panel-pane:last-child .views-field-php-3,
.home-popular-article .views-field-php-3,
.home-popular-article .views-field-php-4 {
    position: absolute;
    top: 0;
}

/* ................. */

.home-popular-second .panel-pane:first-child .views-field,
.home-popular-third .panel-pane:last-child .views-field {
    position: relative;
    z-index: 1;
}

/* Stylising And Positioning : Live ..................... */

.live-translation .views-row {
    position: relative;
    min-height: 300px;
    text-align: center;
    box-sizing: border-box;
    padding: 155px 0 25px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.live-translation .views-row:hover {
    -webkit-box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.75);
       -moz-box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.75);
            box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.75);
}

.pane-live-coming .views-row {
    padding-top: 140px;
}

.pane-live-past .view-content {
    font-size: 0;
    margin: 0 -15px;
}

.pane-live-past .views-row {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-right: 5px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    padding: 0 30px;
    min-height: 408px;
    text-align: center;
}

.pane-live-past .views-row:hover .views-field-title a{
    color: #ff6333;
}

.live-translation .views-field,
.pane-live-past .views-field {
    position: relative;
    z-index: 1;
}

.pane-live-past .views-field.views-field-view-node{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pane-live-past .views-field.views-field-view-node a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Stylising And Positioning : Photo .................... */

.pane-photo-first-article .inside {
    font-size: 0;
    margin: 0 -15px;
}

.pane-photo-first-article .panel-pane {
    padding: 20px 15px 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.pane-photo-first-article .panel-pane:first-child {
    width: 75%;
}

.pane-photo-first-article .panel-pane:last-child {
    width: 25%;
}

.pane-photo-first-article .panel-pane:first-child .views-row {
    box-sizing: border-box;
    padding: 96px 30px 80px;
}

.pane-photo-first-article .views-row .views-field-nothing-1 {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
}

.pane-photo-first-article .views-field-nothing-1 > span > span {
    display: block;
}

.pane-photo-first-article .panel-pane:last-child .views-row {
    border: 4px solid #f5f5f5;
    box-sizing: border-box;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}

.pane-photo-first-article .panel-pane:last-child:hover .views-row {
    border-color: #ffc8b8;
}

.pane-photo-first-article .panel-pane:last-child .views-field-php,
.pane-photo-first-article .panel-pane:last-child .views-field-php a {
    border-radius: 0;
}

.pane-photo-first-article .panel-pane:last-child .views-field-php a:after {
    content: normal;
}

.view-photo-article-block .views-row:first-child { display: none; }

/* Stylising Inner Items ................................ */
/* Stylising Inner Items : Tag .......................... */

.home-popular-first .views-field-nothing-1,
.home-popular-second .panel-pane:first-child .views-field-nothing-1,
.home-popular-second .panel-pane:nth-child(3) .views-field-term-node-tid,
.home-popular-third .panel-pane:last-child .views-field-nothing-1,
.home-popular-third .panel-pane:first-child .home-tag,
.home-popular-fourth .panel-pane:first-child .views-field-term-node-tid,
.home-popular-fourth .panel-pane:last-child .home-tag,
.home-popular-article .home-tag {
    padding-bottom: 10px;
}

.home-popular-article .views-row:nth-child(8n-2) .home-tag,
.home-popular-article .views-row:nth-child(8n-5) .home-tag {
    margin-bottom: 0;
}

/* Stylising Inner Items : Image ........................ */

.home-popular-second .panel-pane:nth-child(3) .views-field-php,
.home-popular-fourth .panel-pane:first-child .views-field-php,
.home-popular-article .views-field-php,
.article-block .views-field-php {
    height: 184px;
    margin-bottom: 18px;
    overflow: hidden;
}

.home-popular-article .views-field-php {
    margin-bottom: 15px;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-php a,
.home-popular-fourth .panel-pane:first-child .views-field-php a,
.home-popular-article .views-field-php a,
.article-block .views-field-php a {
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    position: relative;
}

/* Stylising Inner Items : Some Effects ................. */

.home-popular-second .panel-pane:nth-child(3) .views-field-php,
.home-popular-fourth .panel-pane:first-child .views-field-php,
.home-popular-article .views-row:hover .views-field-php {
    position: relative;
}

.home-popular-second .panel-pane:nth-child(3) .views-row:hover .views-field-php a:after,
.home-popular-fourth .panel-pane:first-child .views-row:hover .views-field-php a:after,
.home-popular-article .views-row:hover .views-field-php a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.home-popular-first .panel-pane:first-child .views-field-php {
    z-index: 1;
}

.home-popular-first .panel-pane:last-child .views-field-php {
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity 0.5s linear;
       -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
         -o-transition: opacity 0.5s linear;
            transition: opacity 0.5s linear;
}

/* Stylising Inner Items : Image : Image on Bg .......... */

.home-popular-first .views-field-php,
.home-popular-second .panel-pane:first-child .views-field-php,
.home-popular-third .panel-pane .view .views-field-php,
.home-popular-third .views-field-php-2,
.home-popular-fourth .panel-pane:last-child .views-field-php-2,
.home-popular-article .views-row:nth-child(8n-2) .views-field-php,
.home-popular-article .views-row:nth-child(8n-5) .views-field-php,
.article-with-background-image .views-field-php,
.live-translation .views-field-php,
.pane-live-past .views-field-php {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 3px;
}

.home-popular-third .panel-pane .view .views-field-php,
.home-popular-third .views-field-php-2,
.home-popular-fourth .panel-pane:last-child .views-field-php-2,
.home-popular-article .views-row:nth-child(8n-2) .views-field-php,
.home-popular-article .views-row:nth-child(8n-5) .views-field-php,
.pane-live-past .views-field-php {
    left: 15px;
    right: 15px;
}

.home-popular-first .views-field-php a,
.home-popular-second .panel-pane:first-child .views-field-php a,
.home-popular-third .views-field-php a,
.home-popular-third .views-field-php-2 a,
.home-popular-fourth .panel-pane:last-child .views-field-php-2 a,
.home-popular-article .views-row:nth-child(8n-2) .views-field-php a,
.home-popular-article .views-row:nth-child(8n-5) .views-field-php a,
.article-with-background-image .views-field-php a,
.live-translation .views-field-php a,
.pane-live-past .views-field-php a {
    height: 100%;
    border-radius: 3px;
    display: block;
    background-position: center;
    background-size: cover;
}

.home-popular-first .views-field-php a:after,
.home-popular-second .panel-pane:first-child .views-field-php a:after,
.home-popular-third .views-field-php a:after,
.home-popular-third .views-field-php-2 a:after,
.home-popular-fourth .panel-pane:last-child .views-field-php-2 a:after,
.home-popular-article .views-row:nth-child(8n-2) .views-field-php a:after,
.home-popular-article .views-row:nth-child(8n-5) .views-field-php a:after,
.article-with-background-image .views-field-php a:after,
.live-translation .views-field-php a:after,
.pane-live-past .views-field-php a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px;
}

.home-popular-first .views-field-php a:after,
.home-popular-second .panel-pane:first-child .views-field-php a:after,
.home-popular-third .views-field-php a:after,
.home-popular-third .views-field-php-2 a:after,
.home-popular-fourth .panel-pane:last-child .views-field-php-2 a:after,
.home-popular-article .views-row:nth-child(8n-2) .views-field-php a:after,
.home-popular-article .views-row:nth-child(8n-5) .views-field-php a:after,
.article-with-background-image .views-field-php a:after {
    background: rgba(0,0,0,.5);
}

.pane-photo-first-article .panel-pane:first-child .views-field-php a:after,
.live-translation .views-field-php a:after,
.view-live-past- .views-field-php a:after {
    background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

/* Stylising Inner Items : Title ........................ */

.home-popular-first .panel-pane .views-field-title a,
.home-popular-second .panel-pane .views-field-title a,
.home-popular-third .panel-pane:first-child .home-title a,
.home-popular-third .panel-pane:last-child .views-field-title a,
.home-popular-fourth .panel-pane:first-child .views-field-title a,
.home-popular-fourth .panel-pane:last-child .home-title a,
.home-popular-article .views-row .home-title a,
.article-block .views-field-title a,
.article-with-background-image .views-field-title a,
.pane-photo-first-article .photo-title a,
.pane-live-now .views-field-title a,
.pane-live-past .views-field-title a,
.pane-live-coming .views-field-title a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-title a,
.home-popular-fourth .panel-pane:first-child .views-field-title a,
.home-popular-article .home-title a,
.article-block .views-field-title a {
    color: #262626;
    font-size: 20px;
    line-height: 29px;
    word-wrap: break-word;
}

.home-popular-first .views-field-title a,
.home-popular-second .panel-pane:first-child .views-field-title a,
.home-popular-third .panel-pane:last-child .views-field-title a,
.article-with-background-image .views-field-title a {
    color: #fff;
    font-size: 30px;
    line-height: 39px;
}

.home-popular-first .panel-pane:last-child .views-field-title a {
    font-size: 21px;
    line-height: 31px;
}

.home-popular-third .panel-pane:first-child .home-title a,
.home-popular-fourth .panel-pane:last-child .home-title a {
    font-size: 18px;
    color: #fff;
    line-height: 29px;
}

.home-popular-article .views-row:nth-child(8n-2) .home-title a,
.home-popular-article .views-row:nth-child(8n-5) .home-title a {
    color: #fff;
}

.pane-photo-first-article .photo-title a {
    color: #fff;
    font-size: 20px;
    line-height: 29px;
    display: inline-block;
}

.pane-live-now .views-field-title a {
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 15px;
    display: inline-block;
}

.pane-live-coming .views-field-title a {
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    font-weight: normal;
    display: inline-block;
    text-decoration: none;
}

.pane-live-past .views-field-title a {
    color: #fff;
    line-height: 30px;
    font-size: 20px;
}

.home-popular-first .views-field-title,
.home-popular-second .panel-pane:first-child .views-field-title,
.home-popular-third .panel-pane:last-child .views-field-title,
.article-with-background-image .views-field-title,
.pane-photo-first-article .photo-title {
    padding-bottom: 10px;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-title,
.home-popular-fourth .panel-pane:first-child .views-field-title,
.home-popular-article .home-title,
.article-block .views-field-title {
    padding-bottom: 12px;
}

.home-popular-article .home-title {
    padding-bottom: 4px;
}

.home-popular-article .views-row:nth-child(8n-2) .home-title,
.home-popular-article .views-row:nth-child(8n-5) .home-title {
    padding: 5px 0 0;
}

.article-with-background-image .views-field-title {
    width: 80%;
}

.pane-live-coming .views-field-title {
    padding-bottom: 15px;
}

.pane-live-past .views-field-title {
    position: absolute;
    bottom: 58px;
    left: 30px;
    right: 30px;
}

.home-popular-first .panel-pane .views-row:hover .views-field-title a,
.home-popular-second .panel-pane .views-row:hover .views-field-title a,
.home-popular-third .panel-pane:first-child .views-row:hover .home-title a,
.home-popular-third .panel-pane:last-child .views-row:hover .views-field-title a,
.home-popular-fourth .panel-pane:first-child .views-row:hover .views-field-title a,
.home-popular-fourth .panel-pane:last-child .views-row:hover .home-title a,
.home-popular-article .views-row:hover .home-title a,
.article-block .views-row:hover .views-field-title a,
.article-with-background-image .views-row:hover .views-field-title a,
.pane-photo-first-article .views-row:hover .photo-title a,
.pane-live-now .views-row:hover .views-field-title a,
.pane-live-past .views-row:hover .views-field-title a,
.pane-live-coming .views-row:hover .views-field-title a {
    color: #ff6333;
}

/* Stylising Inner Items : Info ......................... */
/* Stylising Inner Items : Info : Items ................. */

.post-date {
    padding-right: 16px;
    color: #bababa;
}

.post-date i {
    font-size: 15px;
    padding-right: 9px;
}

.post-comment {
    padding-right: 18px;
    color: #bababa;
}

.post-comment i {
    font-size: 15px;
    padding-right: 7px;
}

.post-ciews,
.post-view {
    color: #bababa;
}

.post-ciews i,
.post-view i {
    font-size: 14px;
    padding-right: 10px;
}

.post-flag a {
    color: #bababa;
    text-decoration: none;
}

.post-flag a:hover {
    color: #ff6333;
}

.home-popular-first .panel-pane:first-child .flag .text,
.home-popular-second .panel-pane:first-child .flag .text,
.home-popular-third .panel-pane:last-child .flag .text {
    display: inline !important;
    padding-left: 10px;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-nothing,
.home-popular-fourth .panel-pane:first-child .views-field-nothing,
.home-popular-article .views-field-nothing {
    color: #fff;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field-nothing,
.home-popular-article .views-row:nth-child(8n-5) .views-field-nothing {
    color: #c9c9c9;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-nothing > span > *,
.home-popular-article .views-field-nothing > span > *,
.home-popular-fourth .panel-pane:first-child .views-field-nothing > span > *,
.home-popular-second .panel-pane:nth-child(3) .views-field-nothing .post-flag a,
.home-popular-article .views-field-nothing .post-flag a,
.home-popular-fourth .panel-pane:first-child .views-field-nothing .post-flag a {
    color: inherit;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field-nothing .post-date i,
.home-popular-article .views-row:nth-child(8n-2) .views-field-nothing .post-comment i {
    color: #bfbfbf;
}

.home-popular-article .views-field-nothing .post-flag a:hover,
.home-popular-second .panel-pane:nth-child(3) .views-field-nothing .post-flag a:hover,
.home-popular-fourth .panel-pane:first-child .views-field-nothing .post-flag a:hover {
    color: #ff6333;
}

/* Stylising Inner Items : Info : Styling And Positioning */

.home-popular-first .views-field-nothing,
.home-popular-second .views-field-nothing,
.home-popular-third .views-field-nothing,
.home-popular-fourth .views-field-nothing,
.home-popular-article .views-field-nothing,
.article-block .views-field-nothing,
.article-with-background-image .views-field-nothing,
.pane-photo-first-article .photo-info,
.live-translation .views-field-nothing,
.pane-live-past .views-field-nothing {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    cursor: default;
}

.home-popular-first .panel-pane:first-child .views-field-nothing,
.home-popular-second .panel-pane:first-child .views-field-nothing,
.home-popular-third .panel-pane:last-child .views-field-nothing {
    margin-bottom: 10px;
}

.article-block .views-field-nothing {
    margin-bottom: 18px;
}

.pane-live-now .views-field-nothing {
    margin-bottom: 17px;
}

.home-popular-third .panel-pane:first-child .views-field-nothing {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}

.pane-live-past .views-field-nothing {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
}

.home-popular-article .views-row:hover .views-field-nothing {
    top: 155px;
    opacity: 1;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field-nothing,
.home-popular-article .views-row:nth-child(8n-5) .views-field-nothing {
    bottom: 25px;
    top: auto;
    opacity: 1;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-nothing,
.home-popular-fourth .panel-pane:first-child .views-field-nothing,
.home-popular-article .views-field-nothing {
    position: absolute;
    top: 125px;
    text-align: center;
    opacity: 0;
    right: 15px;
    left: 15px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;

}

.home-popular-second .panel-pane:nth-child(3) .views-row:hover .views-field-nothing,
.home-popular-fourth .panel-pane:first-child .views-row:hover .views-field-nothing {
    top: 155px;
    opacity: 1;
}

/* Stylising Inner Items : Text ......................... */

.home-popular-first .panel-pane:first-child .views-field-field-lead,
.home-popular-second .panel-pane:first-child .views-field-field-lead,
.home-popular-third .panel-pane:last-child .views-field-field-lead,
.article-with-background-image .views-row .views-field-field-lead,
.pane-photo-first-article .photo-desc {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-field-lead,
.home-popular-fourth .panel-pane:first-child .views-field-field-lead,
.home-popular-article .views-field-field-lead,
.article-block .views-field-field-lead {
    line-height: 24px;
    color: #828282;
    font-size: 14px;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-php-3,
.home-popular-fourth .panel-pane:first-child .views-field-php-3,
.home-popular-article .views-field-php-3,
.article-block .views-field-php-3,
.article-block .views-field-php-2 {
    position: absolute;
    top: 0;
}

.home-popular-second .panel-pane:nth-child(3) .views-field-php-4,
.home-popular-fourth .panel-pane:first-child .views-field-php-4,
.home-popular-article .views-field-php-4,
.article-block .views-field-php-4,
.view-home-second-full-article .views-field-php-4 {
    position: absolute;
    top: 0;
    right: 0;
}

.view-rubric-first-article .views-field-php-3,
.view-rubric-second-article .views-field-php-3 {
    padding: 0 0 10px 0;
    position: relative;
}

.view-rubric-first-article .views-field-php-2,
.view-rubric-second-article .views-field-php-2 {
    position: relative;
}

.home-popular-first .article-block .views-field-nothing-1,
.home-popular-second .article-block .panel-pane:first-child .views-field-nothing-1,
.home-popular-third .article-block .panel-pane:last-child .views-field-nothing-1 {
    position: static;
}

.home-popular-first .panel-pane:first-child .views-field-field-lead,
.home-popular-second .panel-pane:first-child .views-field-field-lead {
    line-height: 26px;
}

.home-popular-article .views-row:nth-child(8n-2) .views-field-field-lead,
.home-popular-article .views-row:nth-child(8n-5) .views-field-field-lead {
    display: none;
}

.article-with-background-image .views-field-field-lead {
    width: 70%;
}

.pane-photo-first-article .photo-desc {
    padding: 15px 0 0;
    opacity: .8;
}

.pane-live-now .views-field-field-lead {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    opacity: .8;
    padding: 0 15px;
}

/* Stylising Inner Items : Views Text ................... */

.home-popular-first .panel-pane:first-child .views-field-php-1,
.home-popular-second .panel-pane:first-child .views-field-php-1,
.home-popular-third .panel-pane:last-child .views-field-php-1,
.article-block .views-field-php-2 {
    padding-top: 18px;
    font-size: 14px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    color: #bfbfbf;
}

.home-popular-first .panel-pane:first-child .views-field-php-4,
.home-popular-second .panel-pane:first-child .views-field-php-4,
.article-block .views-field-php-4 {
    position: absolute;
    top: 0;
    right: -15px;
}

.article-block .view-rubric-article-block-column-popular .views-field-php-4,
.article-block .view-rubric-article-block-column .views-field-php-4,
.article-block .view-rubric-second-small-article-column .views-field-php-4,
.article-block .view-rubric-first-small-article-column .views-field-php-4,
.article-block .view-rubric-second-article-column .views-field-php-4,
.article-block .view-rubric-first-article-column .views-field-php-4 {
    position: relative;
    top: inherit;
    right: inherit;
    padding-bottom: 15px;
}

.article-block .view-rubric-article-block-column .views-field-php-4 i,
.article-block .view-rubric-second-small-article-column .views-field-php-4 i,
.article-block .view-rubric-first-small-article-column .views-field-php-4 i,
.article-block .view-rubric-second-article-column .views-field-php-4 i,
.article-block .view-rubric-first-article-column .views-field-php-4 i {
    padding: 0 8px 0 0;
}

.home-popular-third .panel-pane:last-child .views-field-php-4 {
    position: absolute;
    top: 0;
    right: 0;
}

.home-popular-first .panel-pane:first-child .views-field-php-1 {
    padding-top: 15px;
}

.home-popular-first .panel-pane:first-child .views-field-php-1 > span > span,
.home-popular-second .panel-pane:first-child .views-field-php-1 > span > span,
.home-popular-third .panel-pane:last-child .views-field-php-1 > span > span,
.article-block .views-field-php-2 > span > span {
    color: #e2622e;
    font-weight: bold;
}

/* Stylising Inner Items : Live Tag ..................... */

.live-translation .views-field-nothing-1,
.live-translation .views-field-php-3 {
    position: static;
}

.live-tag {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #fc3d39;
    border-radius: 0 4px 4px 0;
    color: #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 15px;
    text-align: left;
    white-space: nowrap;
}

.live-tag i {
    font-size: 10px;
    padding-right: 10px;
    color: #c01417;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.live-tag i.active {
    opacity: 0;
}

.featured-tag {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #de613a;
    border-radius: 0 4px 4px 0;
    color: #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 15px;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
}

.featured-tag:hover {
    opacity: .7;
}

.exclusive-tag {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #ff610f;
    border-radius: 0 4px 4px 0;
    color: #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 15px;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
}

.exclusive-tag:hover {
    opacity: .7;
}

.sponsor-tag {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #bbbbbb;
    border-radius: 0 4px 4px 0;
    color: #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 15px;
    text-align: left;
    white-space: nowrap;
}

.sponsor-tag i {
    padding: 0 5px 0 0;
    font-size: 1em;
}

.exclusive-tag i {
    display: inline-block;
    color: #ff610f;
    background: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    text-align: center;
    line-height: 16px;
    font-size: 1em;
    box-sizing: border-box;
    padding: 0;
}

.inline-tag {
    display: inline-block;
    position: static;
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.view-node-header-term .inline-tag {
    margin: 0 0 0 10px;
}

.node-type-2 .view-node-header-term .inline-tag {
    position: relative;
    z-index: 20;
    top: 0;
}

.video-tag {
    position: absolute;
    top: 5px;
    right: 25px;
    height: 30px;
    width: 30px;
    background: url(../img/video.png) center center no-repeat;
    background-size: contain;
}

.photo-tag {
    position: absolute;
    top: 5px;
    right: 22px;
    width: 36px;
    height: 30px;
    background: url(../img/photo.png) center center no-repeat;
    background-size: contain;
}

.photo-tag span {
    color: white;
    width: 20px;
    height: 16px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    padding: 6px 0 0 6px;
    line-height: 16px;
    text-align: center;
}

#mini-panel-node_header_3 .live-tag {
    position: relative;
    display: inline-block;
    border-radius: 3px;
}

/* Stylising Inner Items : Timer ........................ */

.pane-live-coming .timer {
    margin-bottom: 15px;
}

.timer-element,
.timer-separator {
    display: inline-block;
    color: #fff;
    font-size: 45px;
    vertical-align: top;
    padding: 0 4px;
    line-height: 33px;
}

.timer-element span {
    display: block;
}

.timer-element span:last-child {
    opacity: .6;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

#mini-panel-node_header_type_2 .timer-element,
#mini-panel-node_header_type_2 .timer-separator {
    font-size: 55px;
}

#mini-panel-node_header_type_2 .timer-element span:last-child {
    font-size: 14px;
    padding: 10px 0 0 0;
    text-transform: capitalize;
}

#mini-panel-node_header_type_2 .timer {
    padding: 0 0 20px 0;
}

/**************************INDEX***************************/

.home-banner-full-width {
    padding-bottom: 12px;
}

.view-id-home_article .view-content,
.view-id-day_article .view-content,
.view-id-week_article .view-content,
.view-id-month_article .view-content,
.view-id-all_time_article .view-content {
    display: none;
}

.home-popular-article .view-header,
.region-footer-popular-article .block-block {
    text-align: center;
}

.region-footer-popular-article .block-block {
    min-height: 48px;
}

.home-popular-article .svg-container,
.region-footer-popular-article .svg-container {
    display: inline-block;
    background-color: #fefefe;
    padding: 13px 14px 9px;
    border-radius: 50%;
    cursor: pointer;
}

.home-popular-article .svg-container {
    position: relative;
    top: 39px;
}

.region-footer-popular-article .svg-container {
    display: none;
    position: relative;
    top: -24px;
    z-index: 1;
}

#views_infinite_scroll-ajax-loader,
#views_infinite_scroll_2-ajax-loader {
    display: none;
}

.pane-custom {
    padding-top: 33px;
    padding-bottom: 13px;
}

.pane-custom.some-banner {
    padding-top: 0;
    padding-bottom: 40px;
}

.pane-custom > div > div {
    overflow: hidden;
}

.pane-custom.some-banner > div > div {
    overflow: visible;
}

.pane-custom > div > div > div {
    color: #bdbdbd;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    width: 33.333%;
    float: left;
}

.pane-custom.some-banner > div > div > div {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    width: 100%;
    float: none;
}

.prev-month-link i {
    margin-right: 30px;
}

.next-month-link {
    text-align: right;
}

.next-month-link,
.prev-month-link {
    cursor: pointer;
}

.next-month-link:hover,
.prev-month-link:hover {
    color: #ff997a;
}

.next-month-link.no-active,
.prev-month-link.no-active {
    cursor: default;
    color: #bdbdbd;
}

.next-month-link i {
    margin-left: 30px;
}

.pane-custom .title {
    text-align: center;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: bold;
}

.pane-custom .title h1 {
    display: inline-block;
    color: #303030;
    padding-right: 5px;
}

.pane-custom .title a {
    display: inline-block;
    text-decoration: none;
    color: #ff6333;
}

.pane-custom .title a i {
    padding-left: 12px;
    font-size: 18px;
}

.pane-photo-first-article .view-filters,
.pane-photo-article-block .view-filters {
    display: none;
}

/**********************NODE*SLIDER***********************/

.slider-items {
    height: 510px;
    position: relative;
}

.slide-item {
    height: inherit;
}

.slide-item > a {
    display: block;
    height: 430px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-item-info {
    height: 80px;
    padding: 16px 20px 16px 200px;
    box-sizing: border-box;
}

.slide-item-info-container {
    display: table-cell;
    vertical-align: middle;
    height: 48px;
    overflow: hidden;
    line-height: 16px;
}

.slide-item-info-container > span {
    line-height: 16px;
    font-size: 14px;
    color: #4d4d4d;
}

.slide-item-info-container > span.slide-item-source {
    padding: 0 0 0 8px;
    color: #939393;
}

.slider-items.owl-theme .owl-controls {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 160px;
    height: 48px;
    border: 1px solid #e5e5e5;
    border-radius: 48px;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.slider-items.owl-theme .owl-controls:before,
.slider-items.owl-theme .owl-controls:after {
    display: block;
    position: absolute;
    font-family: FontAwesome, sans-serif;
    width: 48px;
    height: 48px;
    top: -1px;
    text-align: center;
    line-height: 48px;
    color: #939393;
    font-size: 28px;
}

.slider-items.owl-theme .owl-controls:before {
    content: "\f104";
    left: -1px;
}

.slider-items.owl-theme .owl-controls:after {
    content: "\f105";
    right: -1px;
}

.slider-items.owl-theme .owl-controls .owl-buttons {
    width: inherit;
    height: inherit;
    margin: -1px;
    position: relative;
    z-index: 1;
}

.slider-items.owl-theme .owl-controls .owl-buttons .owl-prev,
.slider-items.owl-theme .owl-controls .owl-buttons .owl-next {
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    text-align: center;
    line-height: 46px;
    color: #fe7149;
    font-size: 28px;
    border: 1px solid #fe7149;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2;
    background: white;
    opacity: 1;
}

.slider-items.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
}

.slider-items.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
}

.slider-items.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.slider-items.owl-theme .owl-controls .owl-buttons .owl-next:hover {
    background: #fe7149;
    color: white;
}

.slider-items .slide-item-counter {
    position: absolute;
    left: 48px;
    bottom: 16px;
    z-index: 10;
    width: 64px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #292929;
    font-size: 18px;
    font-family: "PT Serif", serif;
    font-weight: bold;
}

/**********************HOVER*EFFECTS***********************/


.navigation .popular-footer-title{
    position: relative;
    z-index: 1;
    opacity: 1;
}

.pane-node-similar .views-field-title a,
#block-views-node-popular-today-block .views-field-title a,
.popular-footer-title a,
.view-archive-magazine .archive-title-second a {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.pane-sidebar-recommended-article .views-row:hover .views-field-php a {
    overflow: hidden;
    position: relative;
}

.slider-block .view-content .views-row:hover .popular-footer-img a:after,
.view-popular-article-footer .views-row:hover .popular-footer-img a:after,
.pane-node-similar .views-row:hover .views-field-php a:after,
#block-views-node-popular-today-block .views-row:hover .views-field-php a:after,
.pane-sidebar-recommended-article .views-row:hover .views-field-php a:after,
.view-rubric-first-small-article .views-row:hover .views-field-php a:after,
.view-rubric-second-small-article .views-row:hover .views-field-php a:after,
.view-rubric-article-block .views-row:hover .views-field-php a:after,
.view-article-block .views-row:hover .views-field-php a:after,
.view-article-block-two .views-row:hover .views-field-php a:after,
.view-article-block-three .views-row:hover .views-field-php a:after,
.pane-user-flags .views-row:hover .views-field-php a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0)));
     background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
     background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.loadnext svg path,
.loadnext-second svg path,
.loadnext-hidden svg path {
    -webkit-transition: fill .3s ease-in;
    -moz-transition: fill .3s ease-in;
    -o-transition: fill .3s ease-in;
    -ms-transition: fill .3s ease-in;
    transition: fill .3s ease-in;
    fill: #515151;
}

.loadnext:hover svg path,
.loadnext-second:hover svg path,
.loadnext-hidden:hover svg path {
    fill: #ff6333;
}

/* ................................................................................................................ */
/* Node ........................................................................................................... */
/* ................................................................................................................ */

#mini-panel-clone_of_node_header,
#mini-panel-node_header {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 60px 100px 0 100px;
    border-radius: 4px;
}

#mini-panel-clone_of_node_header h1,
#mini-panel-node_header h1 {
    text-align: center;
    font-size: 42px;
    color: #292929;
    line-height: 50px;
    margin: 0 0 40px 0;
}

#mini-panel-clone_of_node_header .view-node-header-image-blog a,
#mini-panel-node_header .view-node-header-image a {
    display: block;
    width: 100%;
    height: 370px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 40px 0;
    outline: none;
}

#mini-panel-clone_of_node_header .view-node-header-lead,
#mini-panel-node_header .view-node-header-lead {
    text-align: center;
    font-size: 23px;
    color: #363636;
    line-height: 36px;
}

#mini-panel-clone_of_node_header .view-node-header-term .field-content,
#mini-panel-node_header .view-node-header-term .field-content {
    display: block;
    text-align: center;
}

#mini-panel-clone_of_node_header .view-node-header-info,
#mini-panel-node_header .view-node-header-info {
    color: #c1c1c1;
    font-size: 14px;
    text-align: center;
}

#mini-panel-clone_of_node_header .view-node-header-info .views-field-nothing span,
#mini-panel-node_header .view-node-header-info .views-field-nothing span {
    margin: 0 20px 0 0;
}

#mini-panel-clone_of_node_header .view-node-header-info .views-field-nothing span:last-child,
#mini-panel-node_header .view-node-header-info .views-field-nothing span:last-child {
    margin: 0;
}

.pane-node-field-tags {
    margin: 30px 0 20px -7px;
}

.pane-node-theme {
    margin: -10px 0 30px -7px;
}

.pane-node-theme .views-label,
.pane-node-field-tags h2 {
    padding: 0 0 0 7px;
}

.pane-node-theme .views-label,
.pane-node-theme div,
.pane-node-field-tags h2,
.pane-node-field-tags div {
    display: inline;
}

.pane-node-theme .views-label,
.pane-node-field-tags h2 {
    margin: 8px 18px 8px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #292929;
    font-weight: bold;
    line-height: 24px;
}

.pane-node-field-tags .field-item {
    margin: 7px;
}

.pane-node-field-tags .field-item a {
    display: inline-block;
    text-decoration: none;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    line-height: 22px;
    color: #939393;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.pane-node-field-tags .field-item a:hover {
    color: #000;
    border-color: #000;
}

.pane-node-theme a {
    color: black;
}

.pane-node-theme a:hover {
    text-decoration: none;
}

.view-node-content {
    color: #363636;
    font-size: 16px;
    line-height: 30px;
    padding: 16px 0 0 0;
    margin: 0 0 0 200px;
}

#content.page .view-node-content {
    margin: 0;
}

.view-node-content:after {
    content: "";
    display: block;
    clear: both;
}

.view-node-content a {
    color: #363636;
}

.view-node-content a:hover {
    text-decoration: none;
}

.view-node-content div {
    color: #939393;
    font-size: 14px;
}

.view-node-content img,
.view-node-content iframe,
.view-node-content embed {
    margin: 0 0 0 -200px !important;
    min-width: calc(100% + 200px);
    display: block;
}

#content.page .view-node-content img,
#content.page .view-node-content iframe,
#content.page .view-node-content embed {
    margin: 0;
    min-width: 100%;
}

.view-node-content img {
    height: inherit !important;
}

.pane-node-content .views-field-php button.loading img {
    width: 20px !important;
    height: 20px !important;
    min-width: 0 !important;
}

.view-node-content button.loading img {
    margin: 0 auto !important;
}

.view-node-content blockquote {
    color: #fe6333;
    font-size: 21px;
    text-align: center;
    line-height: 36px;
}

.view-node-content .some {
    width: 270px;
    float: left;
    font-weight: bold;
    text-align: right;
    margin: 0 50px 50px -200px;
    clear: both;
    color: #292929;
}

.view-node-content div.subtitled-magazine {
    font-size: 18px;
    color: #ff6333;
    padding: 20px 0;
    font-weight: bold;
}

/* Node Edit Link ................................................................................................. */

body.toolbar .view-node-edit-link {
    padding: 0 0 20px 0;
}

body.toolbar.node-type-journal .view-node-edit-link {
    padding-top: 20px;
}

.view-node-edit-link a {
    cursor: pointer;
    padding: 5px 15px;
    color: #5a5a5a;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-radius: 20px;
    text-decoration: none;
    margin: 0 20px 0 0;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.view-node-edit-link a:hover {
    color: black;
    border: 1px solid black;
    background: #e8e8e8;
}

/* Node Popular ................................................................................................... */

.section-node-popular {
    padding: 40px 0;
}

#block-views-node-popular-today-block h2 {
    font-size: 21px;
    color: #292929;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 40px 0;
    font-family: 'Roboto', sans-serif;
}

#block-views-node-popular-today-block .view-content:after {
    content: "";
    display: block;
    clear: both;
}

#block-views-node-popular-today-block .views-row {
    float: left;
    width: 216px;
    margin: 0 30px 20px 0;
}

#block-views-node-popular-today-block .views-row:last-child {
    margin: 0 0 20px 0;
}

#block-views-node-popular-today-block .views-field-php {
    margin: 0 0 25px 0;
    width: 216px;
    height: 216px;
    overflow: hidden;
}

#block-views-node-popular-today-block .views-field-php a {
    display: block;
    width: 216px;
    height: 216px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#block-views-node-popular-today-block .views-field-term-node-tid {
    padding: 0 0 10px 0;
}

#block-views-node-popular-today-block .views-field-title a {
    color: #292929;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
    font-weight: bold;
}

#block-views-node-popular-today-block .views-row:hover .views-field-title a {
    color: #fe6333;
}

/* Node Similar ................................................................................................... */

.pane-node-similar {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-top: 40px;
}

.pane-node-similar h2 {
    line-height: 50px;
    padding: 0 30px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #292929;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.pane-node-similar .view-content {
    padding: 30px;
}

.pane-node-similar .view-content:after {
    content: "";
    display: block;
    clear: both;
}

.pane-node-similar .views-row {
    float: left;
    width: 243px;
    margin: 0 30px 0 0;
}

.pane-node-similar .views-row:last-child {
    margin: 0;
}

.pane-node-similar .views-field-php {
    margin: 0 0 25px 0;
    width: 243px;
    height: 165px;
    overflow: hidden;
    position: relative;
}

.pane-node-similar .views-field-php a {
    display: block;
    width: 243px;
    height: 165px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pane-node-similar .views-field-term-node-tid {
    padding: 0 0 10px 0;
}

.pane-node-similar .views-field-title a {
    display: block;
    text-decoration: none;
    color: #292929;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.pane-node-similar .views-row:hover .views-field-title a {
    color: #fe6333;
}

/* Node Search .................................................................................................... */

.page-search-node #content {
    padding-top: 80px;
}

.page-search-node .content-center { float: left; }
.page-search-node .content-right  { float: right; }

.page-search-node .content-right .views-field-php {
    height: 400px;
    width: 270px;
    border: 4px solid #f5f5f5;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}

.page-search-node .content-right .views-field-php:hover { border-color: #ffc8b8; }

.page-search-node .content-right .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.pane-search-form {
    padding: 0 0 30px;
}

.pane-search-form .container-inline {
    overflow: hidden;
}

.pane-search-form .form-item {
    display: block;
    margin: 0;
    width: calc(100% - 105px);
    float: left;
    position: relative;
}

.pane-search-form .form-item:before {
    content: "\f002";
    display: block;
    font-family: FontAwesome, sans-serif;
    color: #838383;
    position: absolute;
    top: 13px;
    left: 30px;
    font-size: 23px;
}

.pane-search-form input[type="search"] {
    display: block;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    border-radius: 30px 0 0 30px;
    border: solid #e4e4e4;
    border-width: 1px 0 1px 1px;
    background-color: transparent;
    outline: none;
    padding: 10px 30px 10px 70px;
    font-size: 21px;
    -webkit-transition: border-color 0.3s ease;
       -moz-transition: border-color 0.3s ease;
        -ms-transition: border-color 0.3s ease;
         -o-transition: border-color 0.3s ease;
            transition: border-color 0.3s ease;
}

.pane-search-form input[type="search"]:focus { border-color: #ccc; }

.pane-search-form input[type="submit"] {
    display: block;
    height: 50px;
    box-sizing: border-box;
    border-radius: 0 30px 30px 0;
    border: 1px solid #ff6333;
    width: 105px;
    padding: 0;
    color: #fff;
    background-color: #ff6333;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-search-form input[type="submit"]:hover  { color: #ff6333; background-color: #fff; }
.pane-search-form input[type="submit"]:active { color: #cc3000; border-color: #cc3000; }



.search-tags .label {
    font-size: 14px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    padding: 0 30px 0 0;
    font-family: 'Roboto', sans-serif;
}

.search-tags a {
    color: #929292;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #e4e4e4;
    padding: 4px 16px;
    border-radius: 3px;
    margin: 0 15px 15px 0;
}

.search-tags a:last-child {
    margin-right: 0;
}

.search-tags a:hover {
    color: #000;
    border-color: #000;
}

.search-tags-block .search-tags {
    font-size: 0;
    padding: 0 0 30px;
}

.search-tags-block .views-row {
    padding: 30px 0;
    border-top: 1px solid #e4e4e4;
}

.search-tags-block .views-row:first-child {
    border-top: none;
}

.search-tags-block .views-field-php {
    height: 70px;
    width: 70px;
    float: left;
    border-radius: 3px;
    overflow: hidden;
}

.search-tags-block .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 3px;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: transform .3s ease-in-out;
       -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
         -o-transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
}

.search-tags-block .views-row:hover .views-field-php a {
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
}

.search-tags-block .views-field-nothing,
.search-tags-block .views-field-title {
    margin-left: 95px;
    min-height: 35px;
}

.search-tags-block .views-field-nothing {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    padding: 3px 0 0;
}

.search-tags-block .post-term {
    padding: 0 10px 0 0;
}

.search-tags-block .post-term a {
    margin: 0 10px 0 0;
}

.search-tags-block .views-field-title {
    line-height: 35px;
}

.search-tags-block .views-field-title a {
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    color: #2a2a2a;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.search-tags-block .views-field-title a:hover {
    color: #ff6333;
}

.search-tags-block .views-field-field-lead,
.search-tags-block .views-field-body {
    padding: 20px 25px 23px;
    border: 1px solid #e4e4e4;
    margin: 18px 0 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #818181;
}

.pane-search-page .view-empty {
    width: 1200px;
    padding: 0 0 40px 0;
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    text-align: center;
    color: #ccc;
}

/* ................................................................................................................ */
/* Article ........................................................................................................ */
/* ................................................................................................................ */

/* Article : Top Menu ............................................................................................. */

body.node-type-article.node-type-1 #header {
    background: hsla(0, 0%, 5%, 0.8);
    z-index: 3;
    position: relative;
}


body.node-type-article.node-type-1 #block-views-header-journal-block {
    border-color: hsla(0, 0%, 24%, 0.8);
}

body.node-type-article.node-type-1 #block-views-header-journal-block:hover {
    border-color: #aaa;
}


body.node-type-article.node-type-1 #main-navigation {
    background: hsla(0, 0%, 5%, 0.8);
    border-color: hsla(0, 0%, 24%, 0.8);
    z-index: 2;
    position: relative;
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 4;
    background: #303030;
    border-color: #3d3d3d;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu {
    top: 0;
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu.fixed-menu-hide {
    top: -42px;
}

body.node-type-article.node-type-1.toolbar #main-navigation.fixed-menu {
    top: 30px;
}

body.node-type-article.node-type-1.toolbar #main-navigation.fixed-menu.fixed-menu-hide {
    top: -12px;
}

body.node-type-article.node-type-1.toolbar.toolbar-drawer #main-navigation.fixed-menu {
    top: 65px;
}

body.node-type-article.node-type-1.toolbar.toolbar-drawer #main-navigation.fixed-menu.fixed-menu-hide {
    top: 23px;
}

body.node-type-article.node-type-1 .slider-block {
    background-color: hsla(0, 0%, 5%, .8);
}

body.node-type-article.node-type-1 .slider-block .view-header a {
    background-color: hsla(0, 0%, 16%, .1);
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu .slider-block .view-header a {
    background-color: transparent;
}

body.node-type-article.node-type-1 .slider-block .view-header a:hover {
    background-color: transparent;
}

body.node-type-article.node-type-1 .slider-block .slider-block-container > a {
    background-color: hsla(0, 0%, 19%, .8);
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu .slider-block .slider-block-container > a{
    background-color: #303030;
}

body.node-type-article.node-type-1 .slider-block .slider-block-container > a:hover {
    background-color: hsla(0, 0%, 12%, .8);
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu .slider-block .slider-block-container > a:hover{
    background-color: #4d4d4d;
}

body.node-type-article.node-type-1 .red-line {
    position: absolute;
    left: 0;
    right: 0;
}


body.original-page .view-node-edit-link {
    padding: 20px 0;
}

/* Article : Header ............................................................................................... */

body.node-type-article .pane-node-header-image-2 .view-node-header-image-2 a {
    display: block;
    background-size: cover;
    background-position: center -200px;
    position: absolute;
    top: 0;
    left: 0;
    height: 600px;
    right: 0;
    z-index: 0;
}
/*body.node-type-article.admin-menu .pane-node-header-image-2 .view-node-header-image-2 a {height: 458px}*/
body.node-type-article.node-type-1.toolbar .pane-node-header-image-2 .view-node-header-image-2 a{
    background-position: center -200px;
}

body.node-type-article.node-type-2 .pane-node-header-image-2 .view-node-header-image-2 a {
    background-position: center center;
    z-index: 10;
}

body.node-type-article.node-type-2 .pane-node-header-lead div.field-content,
body.node-type-article.node-type-2 .pane-node-header-info span.field-content,
body.node-type-article.node-type-2 .pane-node-header-type-2 .pane-page-title h1,
body.node-type-article.node-type-2 .pane-node-header-type-2 a.rubric-term {
    z-index: 20;
    position: relative;
}

body.node-type-article.node-type-1.toolbar .pane-node-header-image-2 .view-node-header-image-2 a {
    top: 65px;
}

body.node-type-article.node-type-2 .view-node-header-image-2 {
    position: relative;
}

body.node-type-article.node-type-2 .view-node-header-image-2 a {
    left: 0;
    right: 0;
    height: 516px;
    top: 0;
    border-radius: 3px;
}

body.node-type-article.node-type-1 .view-node-header-image-2 a {
    min-width: 1280px;
}

body.node-type-article.node-type-2 .view-node-header-image a {
    margin: 0 0 35px 0;
}

body.node-type-article .pane-node-header-image-2 .view-node-header-image-2 a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
}

body.node-type-article.node-type-2 .view-node-header-image-2 a:after {
    border-radius: 3px;
}

body.node-type-article.node-type-1 .pane-node-header-type-2 .panels-flexible-region {
    height: 458px;
    position: relative;
    margin-bottom: 0;
}

body.node-type-article.node-type-2 .pane-node-header-type-2 .panels-flexible-region {
    position: relative;
    height: 516px;
    margin-bottom: 30px;
}

body.node-type-article .pane-node-header-type-2 .panels-flexible-region-inside {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    bottom: 60px;
    left: 30px;
    right: 30px;
}

body.node-type-article.node-type-1 .pane-node-header-type-2 .panels-flexible-region-inside {
    width: 1150px;
}

body.node-type-article.node-type-3 .pane-node-header .pane-node-header-term {
    margin-bottom: 10px;
}

body.node-type-article .pane-node-header-type-2 .pane-page-title {
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    margin-top: 10px;
}

body.node-type-article.node-type-2 .pane-node-header-type-2 .pane-page-title {
    margin-top: 15px;
}

#mini-panel-clone_of_node_header h1,
body.node-type-article.node-type-3 .pane-node-header .pane-page-title h1 {
    font-weight: bold;
}

body.node-type-article .pane-node-header-info,
body.node-type-article .view-node-header-info a,
body.node-type-blog .view-node-header-info a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #c1c1c1;;
    margin-top: 17px;
    text-decoration: none;
}

body.node-type-article .view-node-header-info a:hover,
body.node-type-blog .view-node-header-info a:hover {
    color: #ff6333;
}

#mini-panel-clone_of_node_header .pane-node-header-info i,
body.node-type-article .pane-node-header-info i {
    padding-right: 15px;
}

body.node-type-article .node-author,
body.node-type-article .node-comments {
    padding-left: 25px;
}

body.node-type-article.node-type-2 .pane-node-header-info {
    margin-top: 0;
    padding: 15px 0 0 0;
}

body.node-type-article .pane-node-header-type-2 .pane-node-header-lead {
    font-size: 21px;
    line-height: 35px;
    color: #fff;
    margin-top: 17px;
    position: relative;
}

body.node-type-article.node-type-1 .pane-node-header-type-2 .pane-node-header-lead {
    z-index: 1;
}

body.node-type-article.node-type-2 .pane-node-header-type-2 .pane-node-header-lead {
    z-index: 10;
}

body.node-type-article .pane-node-header-type-2 .pane-node-header-lead a {
    color: white;
}

body.node-type-article .pane-node-header-type-2 .pane-node-header-lead a:hover {
    text-decoration: none;
}

body.node-type-article.node-type-3 .pane-node-header-lead {
    margin-bottom: 15px;
}

body.node-type-article.node-type-1 .content-center {
    padding: 0 0 40px;
}

body.node-type-blog .content-center,
body.node-type-article .content-center,
body.node-type-journal .content-center {
    float: left;
}

body.node-type-blog .content-right,
body.node-type-article .content-right,
body.node-type-journal .content-right {
    float: right;
    box-sizing: border-box;
    width: 340px;
    padding: 40px 0 0 40px;
}

body.node-type-article.node-type-1 .content-right {
    padding-top: 0;
}

/* Article : Sidebar .............................................................................................. */

body.node-type-blog .view-advertising-sidebar .views-row,
body.node-type-blog .view-advertising-sidebar-2 .views-row,
body.node-type-blog .view-advertising-sidebar-more .views-row,
body.node-type-article .view-advertising-sidebar .views-row,
body.node-type-article .view-advertising-sidebar-2 .views-row,
body.node-type-article .view-advertising-sidebar-more .views-row,
body.node-type-journal .view-advertising-sidebar .views-row,
body.node-type-journal .view-advertising-sidebar-2 .views-row,
body.node-type-journal .view-advertising-sidebar-more .views-row {
    margin: 0 0 30px;
}

body.node-type-blog .view-advertising-sidebar .naked-banner.all-pages,
body.node-type-article .view-advertising-sidebar .naked-banner.all-pages,
body.node-type-journal .view-advertising-sidebar .naked-banner.all-pages,
body.node-type-blog .view-advertising-sidebar-more .naked-banner,
body.node-type-article .view-advertising-sidebar-more .naked-banner,
body.node-type-journal .view-advertising-sidebar-more .naked-banner{
    height: 400px;
    background-color: #fafafa;
    padding: 15px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

body.node-type-blog .view-advertising-sidebar .views-row:hover .naked-banner.all-pages,
body.node-type-article .view-advertising-sidebar .views-row:hover .naked-banner.all-pages,
body.node-type-journal .view-advertising-sidebar .views-row:hover .naked-banner.all-pages {
    background-color: #ffe8e0;
    border-color: #ffc8b8;
}

body.node-type-blog .view-advertising-sidebar .naked-banner a,
body.node-type-blog .view-advertising-sidebar-2 .naked-banner a,
body.node-type-article .view-advertising-sidebar .naked-banner a,
body.node-type-article .view-advertising-sidebar-2 .naked-banner a,
body.node-type-journal .view-advertising-sidebar .naked-banner a,
body.node-type-journal .view-advertising-sidebar-2 .naked-banner a{
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
}

body.node-type-blog .view-advertising-sidebar-2 .naked-banner a,
body.node-type-article .view-advertising-sidebar-2 .naked-banner a,
body.node-type-journal .view-advertising-sidebar-2 .naked-banner a {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-sidebar-first-recommended-article {
    height: 450px;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 3px 3px 0 0;
}

.pane-sidebar-first-recommended-article .views-field-php-3 {
    position: absolute;
    bottom: 30px;
    left: 20px;
    color: #c1c0c0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1em;
}

.node-type-article .region-sidebar-right .views-field-php-3 > span > span {
    color: #ff6333;
    font-weight: bold;
}

.pane-sidebar-first-recommended-article .views-field-php {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px 3px 0 0;
}

.pane-sidebar-first-recommended-article .views-field-php a {
    display: block;
    height: 100%;
    border-radius: 3px 3px 0 0;
    background-position: center;
    background-size: cover;
}

.pane-sidebar-first-recommended-article .views-field-php a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px 3px 0 0;
    content: "";
    background: rgba(0,0,0,.3);
}

.pane-sidebar-first-recommended-article .views-field-nothing-2 {
    background-color: #ff6333;
    position: absolute;
    top: 20px;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    line-height: 43px;
    padding-left: 17px;
    display: inline-block;
    padding-right: 20px;
}

.pane-sidebar-first-recommended-article .views-field-nothing-2:before,
.pane-sidebar-first-recommended-article .views-field-nothing-2:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: -20px;
}

.pane-sidebar-first-recommended-article .views-field-nothing-2:before {
    top: 0;
    border-top: 20px solid #ff6333;
    border-right: 20px solid transparent;
}

.pane-sidebar-first-recommended-article .views-field-nothing-2:after {
    bottom: 0;
    border-bottom: 20px solid #ff6333;
    border-right: 20px solid transparent;
}

.pane-sidebar-first-recommended-article .views-field-title {
    position: absolute;
    bottom: 60px;
    left: 20px;
    right: 20px;
}

.pane-sidebar-first-recommended-article .views-field-title a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    line-height: 31px;
    display: block;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.pane-sidebar-recommended-article {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 3px 3px;
}

.pane-sidebar-recommended-article .views-row {
    position: relative;
    margin: 0 20px 0 18px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0 22px 85px;
}

.pane-sidebar-recommended-article .views-row:last-child {
    border-bottom: none;
}

.pane-sidebar-recommended-article .views-field-title {
    padding: 0 0 12px;
}

.pane-sidebar-recommended-article .views-field-title a {
    text-decoration: none;
    color: #292929;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    display: block;
    word-wrap: break-word;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.pane-sidebar-recommended-article .views-field-php {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 70px;
    top: 20px;
    bottom: 20px;
    border-radius: 3px;
}

.pane-sidebar-recommended-article .views-field-php a {
    display: block;
    height: 100%;
    border-radius: 3px;
    background-position: center;
    background-size: cover;
}

.pane-sidebar-recommended-article .views-field-php-3 {
    font-size: 14px;
    line-height: 1em;
    color: #939393;
    padding-left: 0;
}

.pane-sidebar-recommended-article .view-footer,
.pane-sidebar-recommended-article .pager--infinite-scroll .pager__item {
    position: static;
    font-size: 12px;
    color: #939393;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    background-color: #f6f6f6;
    border-top: 1px solid #e5e5e5;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-column-authors .pager--infinite-scroll .pager__item a{
  position: static;
  display: block;
  width: 100%;
  margin: 20px 0 40px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #c7c7c7;
  color: #c6c6c6;
}

.pane-column-authors .pager--infinite-scroll .pager__item a:hover {
  color: white;
  background-color: hsla(240,43%,77%,1);
  border: 1px solid hsla(240,43%,77%,1);
}

.pane-column-authors .pager__item a {
  padding: 17px 0px;
}

.pane-sidebar-recommended-article .view-footer:hover,
.pane-sidebar-recommended-article .pager--infinite-scroll .pager__item:hover {
    color: #424242;
    background-color: #fff;
}

.pane-sidebar-recommended-article .view-footer .loadnext,
.pane-sidebar-recommended-article .pager--infinite-scroll .pager__item a,
.pane-column-authors .pager__item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

body.node-type-article .region-sidebar-right .views-row:hover .views-field-title a,
body.node-type-journal .region-sidebar-right .views-row:hover .views-field-title a {
    color: #ff6333;
}

/* Article : Text ................................................................................................. */

.pane-node-content .field-content {
    display: block;
}

.view div.subtitled {
    font-size: 23px;
    color: #363636;
    line-height: 36px;
}

.view div.blockquote-horizontal {
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 36px;
    color: #fe6333;
}

.view div.image-note {
    font-size: 14px;
    color: #939393;
    padding-top: 10px;
}

.view div.blockquote-vertical {
    float: left;
    text-align: right;
    width: 260px;
    margin: 0 0 0 -200px;
    padding-right: 50px;
    padding-bottom: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #292929;
    line-height: 29px;
    padding-top: 10px;
}

.pane-node-content .views-field-php {
    color: #363636;
    line-height: 29px;
    font-size: 16px;
}

.pane-node-content .views-field-php strong {
    font-weight: bold;
}

.pane-node-content .views-field-php em {
    font-style: italic;
}

.pane-node-content .views-field-php a {
    color: #fe6333;
    text-decoration: none;
}

.pane-node-content .views-field-php a:hover {
    color: #FE9E80;
}

.pane-node-content .views-field-php img {
    width: calc(100% + 200px) !important;
}

.pane-advertising-node .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

/* ................................................................................................................ */
/* Magazines ...................................................................................................... */
/* ................................................................................................................ */

/* Magazines : Header ............................................................................................. */

#block-panels-mini-magazine-header {
    background-color: #3d3d3d;
}

#block-panels-mini-magazine-header .panels-flexible-row {
    width: 1200px;
    margin: 0 auto !important;
    position: relative;
}

#block-panels-mini-magazine-header .panels-flexible-row-first {
    padding-top: 35px !important;
}

#block-panels-mini-magazine-header .pane-page-title {
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}

#block-panels-mini-magazine-header .pane-1,
#block-panels-mini-magazine-header .pane-2 {
    position: absolute;
    padding: 0;
    top: 36px;
}

#block-panels-mini-magazine-header .pane-1 { left: 0; }
#block-panels-mini-magazine-header .pane-2 { right: 0; }

#block-panels-mini-magazine-header .pane-1 a,
#block-panels-mini-magazine-header .pane-2 a {
    text-decoration: none;
    color: #828282;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

#block-panels-mini-magazine-header .pane-1 a i,
#block-panels-mini-magazine-header .pane-2 a i {
    color: #9e9e9e;
    padding: 0 20px 0 0;
    font-size: 25px;
}

#block-panels-mini-magazine-header .pane-2 a i { padding: 0 0 0 20px; }

#block-panels-mini-magazine-header .pane-1 a:hover,
#block-panels-mini-magazine-header .pane-2 a:hover {
    color: #ff6333;
}

#block-panels-mini-magazine-header .pane-1 a:hover i,
#block-panels-mini-magazine-header .pane-2 a:hover i {
    color: #FF9270;
}

#block-panels-mini-magazine-header .panels-flexible-row-71-1 {
    padding: 35px 0 40px !important;
}

.pane-magazine-header-image {
    width: 386px;
    float: left;
}

.pane-magazine-header-image .views-field-php {
    height: 514px;
    position: relative;
}

.pane-magazine-header-image .views-field-php:before,
.pane-magazine-header-image .views-field-php:after {
    position: absolute;
    content: "";
    background-color: #fff;
    z-index: 0;
    top: -2px;
    right: -2px;
}

.pane-magazine-header-image .views-field-php:before {
    height: 512px;
    width: 150px;
}

.pane-magazine-header-image .views-field-php:after {
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    width: 300px;
    height: 505px;
}

.pane-magazine-header-image .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.2);
}

.pane-magazine-header-image .views-field-php a:before {
    background-color: hsla(0,0%,0%,.2);
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 11px;
}

.pane-magazine-slider {
    width: 814px;
    float: left;
    box-sizing: border-box;
    padding-left: 30px;
}

.pane-magazine-slider > div {
    position: relative;
}

.pane-magazine-slider > div:before {
    content: "";
    position: absolute;
    left: 0;
    right: 11px;
    bottom: 0;
    box-shadow: 6px 10px 35px 0 rgba(0, 0, 0, 0.75);
    height: 20px;
    z-index: 0;
}

.pane-magazine-slider .views-field-php {
    position: relative;
    width: 774px;
}

.pane-magazine-slider .views-field-php:before,
.pane-magazine-slider .views-field-php:after,
.pane-magazine-slider .field-content:before {
    content: "";
    position: absolute;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.pane-magazine-slider .views-field-php:before {
    top: 6px;
    bottom: 8px;
    left: -9px;
    width: 50px;
}

.pane-magazine-slider .views-field-php:after {
    top: 3px;
    left: -5px;
    right: -7px;
    bottom: 4px;
}

.pane-magazine-slider .field-content:before {
    top: 6px;
    bottom: 7px;
    width: 50px;
    right: -4px;
    z-index: 1;
}

.pane-magazine-download {
    padding-bottom: 40px;
}

.pane-magazine-download .views-row {
    overflow: hidden;
}

#popular-menu .subtformob{margin: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; float: left; color: #000; position: relative; top: 1px; width: 60%;}

.pane-magazine-download .views-field {
    float: left;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
    height: 150px;
    border: solid #5a5a5a;
    border-width: 2px 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-magazine-download .views-field:hover {
    background-color: hsla(0,100%,100%,.1);
    border-color: #ff6333;
}

.pane-magazine-download .views-field-nothing {
    border-width: 2px 1px 2px 2px;
    border-radius: 3px 0 0 3px;
    transition: all .3s;
}

.pane-magazine-download .views-field-nothing-3 {
    border-width: 2px 2px 2px 1px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}

.pane-magazine-download .views-field a {
    text-decoration: none;
    display: block;
    color: #a8a8a8;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 30px 0 0 0;
    box-sizing: border-box;
    height: 100%;
}

.pane-magazine-download .views-field a span,
.pane-magazine-download .views-field a i {
    display: block;
}

.pane-magazine-download .views-field a i {
    color: #ff6333;
    font-size: 33px;
    padding-bottom: 15px;
}

.pane-magazine-download .views-field a span.text {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding-bottom: 5px;
}

/* Magazine : Slider .............................................................................................. */

.flipbook {
    position: relative;
    width: 774px;
    height: 514px;
    z-index: 1;
}

.flipbook > div {
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

.flipbook .hide {
    display: none;
}

.flipbook > div > div {
    background-size: 774px 514px;
    width: 50%;
    height: 100%;
    position: absolute;
}

.flipbook div[class$="-fend"] {
    background-position: 100% 0;
    left: 50%;
}

.flipbook div[class$="-fend"],
.flipbook div[class$="-fstart"] {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.flipbook div[class$="-fend"]:before,
.flipbook div[class$="-fstart"]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 58px;
}

.flipbook div[class$="-fend"]:before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255,2555,255,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,2555,255,0.2)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(255,2555,255,0.2) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(255,2555,255,0.2) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,2555,255,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(255,2555,255,0.2) 0%,rgba(0,0,0,0) 100%);
}

.flipbook div[class$="-fstart"]:before {
    right: 0;
    background: -moz-linear-gradient(right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, right bottom, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}

.flipbook .moving-div {
    z-index: 99999;
    width: 50%;

    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;

    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 0;

    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    -o-transform-origin: 0 0;

    -ms-perspective: 1000;
    -ms-transform-style: preserve-3d;
    -ms-transform-origin: 0 0;

    perspective: 1000;
    transform-style: preserve-3d;
    transform-origin: 0 0;
}

.flipbook .moving-div div {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    z-index: 9999;
}

.flipbook .moving-div > div[class$="-fend"] {
    left: 0;
}

.flipbook .moving-div > div[class$="-fstart"] {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipbook .moving-div span {
    box-shadow: inset 60px 0 60px -60px rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    display: block;
    z-index: 999999;
    top: 0;
    background: rgba(0,0,0,0.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
}

.flipbook .moving-div span:last-of-type {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-shadow: inset -60px 0 60px -60px rgba(0,0,0,0.1);
}

.flipbook .rotateYForward {
    -webkit-transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 1s ease-in;

    -moz-transform: rotateY(180deg);
    -moz-transition: -moz-transform 1s ease-in;

    -o-transform: rotateY(180deg);
    -o-transition: -o-transform 1s ease-in;

    -ms-transform: rotateY(180deg);
    -ms-transition: -o-transform 1s ease-in;

    transform: rotateY(180deg);
    transition: transform 1s ease-in;
    left: 50%;
}

.flipbook .beginMove {
    left: 50%;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipbook .rotateYBackward {
    -webkit-transform: rotateY(360deg);
    -webkit-transition: -webkit-transform 1s ease-in;

    -moz-transform: rotateY(360deg);
    -moz-transition: -moz-transform 1s ease-in;

    -o-transform: rotateY(360deg);
    -o-transition: -o-transform 1s ease-in;

    -ms-transform: rotateY(360deg);
    -ms-transition: -o-transform 1s ease-in;

    transform: rotateY(360deg);
    transition: transform 1s ease-in;
}

.flipbook .back-arrow,
.flipbook .forward-arrow {
    position: absolute;
    width: 29px;
    height: 58px;
    margin-top: -27px;
    overflow: hidden;
    cursor: pointer;
    z-index: 999999;
    top: 50%;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0;
}

.flipbook:hover div[class$="-arrow"] { opacity: 1; }

.flipbook .back-arrow    { left: 0; }
.flipbook .forward-arrow { right: 0; left: auto; }

.flipbook .back-arrow i,
.flipbook .forward-arrow i {
    width: 58px;
    height: 58px;
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    background-color: hsla(0,0%,0%,.7);
    font-size: 22px;
    line-height: 55px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.flipbook .back-arrow i {
    left: auto;
    right: 0;
    text-align: right;
    padding-right: 13px;
}

.flipbook .forward-arrow i {
    text-align: left;
    padding-left: 13px;
}

.flipbook div[class$="-arrow"]:hover i  { background-color: hsla(0,0%,0%,.4); }
.flipbook div[class$="-arrow"]:active i { background-color: hsl(0,0%,0%); }

.flipbook .buttons { display: none; }

.flipbook .content {
    display: none;
    z-index: 99999999;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.flipbook .content a {
    display: block;
    height: 100%;
    width: 100%;
    outline: none;
}

/* Magazines : Archive ............................................................................................ */

.section-node-popular h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    line-height: 28px;
    color: #292929;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 35px;
}

.view-archive-magazine .view-content {
    font-size: 0;
    margin: 0 -15px;
}

.view-archive-magazine .views-row {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    text-align: center;
    padding: 0 15px 50px;
    box-sizing: border-box;
    font-size: 16px;
}

.view-archive-magazine .views-field-php-1 {
    height: 285px;
    margin-bottom: 19px;
    border-radius: 0 3px 3px 0;
    position: relative;
}

.view-archive-magazine .views-row:hover .views-field-php-1 a {
    -webkit-box-shadow: 4px 3px 5px 0 #969696;
    box-shadow: 4px 3px 5px 0 #969696;
}

.view-archive-magazine .views-field-php-1 a {
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 0 3px 3px 0;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.view-archive-magazine .archive-title-first {
    font-weight: bold;
    font-size: 20px;
    color: #292929;
    line-height: 30px;
}

.view-archive-magazine .archive-title-second a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #c1c1c1;
}

.view-archive-magazine .views-row:hover .archive-title-second a {
    color: #ff6333;
}

/* ................................................................................................................ */
/* Profile ........................................................................................................ */
/* ................................................................................................................ */

body.user-profile #content .box-container {
    width: auto;
    padding: 0;
}

body.user-profile .content .panels-flexible-row:first-child,
body.user-profile .content .panels-flexible-row:nth-child(2) {
    background-color: #fafafa;
}

body.user-profile .content .panels-flexible-region > div {
    width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Profile : Top Info ............................................................................................. */

body.user-profile .content .panels-flexible-row:first-child .panels-flexible-region > div {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
}

.pane-user-bar {
    float: left;
    line-height: 55px;
}

.pane-user-bar .panel-col-first {
    width: auto;
    float: none;
}

.pane-user-bar .panel-col-first .views-field {
    float: left;
    padding: 0 40px 0 0;
    color: #303030;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.pane-user-bar .panel-col-first .views-field div { display: inline; }

.pane-user-bar .views-label { color: #939393; }

.pane-user-bar .panel-col-last { display: none; }

.pane-user-bar-social {
    text-align: right;
    float: right;
    line-height: 50px;
}

.pane-user-bar-social .panel-col-first {
    float: none;
    width: 100%;
}

.pane-user-bar-social .panel-col-last { display: none; }

.profile-social-link {
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 0 10px;
    height: 24px;
    width: 24px;
    text-align: center;
    border: 1px solid transparent;
    box-sizing: border-box;
    line-height: 22px;
    font-size: 9px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.profile-social-link:hover {
    background: #fff !important;
}

.profile-social-link.vk { background-color: #45668e; border-color: #45668e; }
.profile-social-link.fb { background-color: #3b5998; border-color: #3b5998; }
.profile-social-link.gp { background-color: #dd4b39; border-color: #dd4b39; }
.profile-social-link.tw { background-color: #55acee; border-color: #55acee; }
.profile-social-link.ok { background-color: #ed812b; border-color: #ed812b; }

.profile-social-link.vk:hover { color: #45668e; }
.profile-social-link.fb:hover { color: #3b5998; }
.profile-social-link.gp:hover { color: #dd4b39; }
.profile-social-link.tw:hover { color: #55acee; }
.profile-social-link.ok:hover { color: #ed812b; }

body.user-profile .content .panels-flexible-row:nth-child(2) {
    border-bottom: 1px solid #e5e5e5;
}

.pane-user-avatar {
    color: #303030;
    padding: 30px 0 30px;
}

.pane-user-avatar .panel-col-first {
    width: auto;
    float: none;
    text-align: center;
    position: relative;
}

.pane-user-avatar .views-field-php {
    height: 150px;
    width: 150px;
    margin: 0 auto 25px;
}

.pane-user-avatar .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

.pane-user-avatar .views-field-php-1 {
    font-size: 28px;
    font-weight: bold;
}

.pane-user-avatar .views-field-field-profile-about {
    padding: 20px 0 0;
    font-size: 14px;
    width: 50%;
    margin: 0 auto;
}

.pane-user-avatar .panel-col-last { display: none; }

.pane-user-avatar .views-field-php-2 {
    font-size: 11px;
    color: #ff6333;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    padding: 10px 0 0 0;
    font-weight: bold;
}

.pane-user-avatar .views-field-php-3 {
    display: none;
}

.pane-user-avatar .views-field-php:hover ~ .views-field-php-3,
.pane-user-avatar .views-field-php-3:hover {
    display: block;
}

.pane-user-avatar .views-field-php-3 a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    color: #939393;
    background: #fafafa;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 50%;
    margin: 0 -75px 0 0;
}

.pane-user-avatar .views-field-php-3 a:hover {
    color: #ff6333;
    border: 1px solid #ff6333;
}

.pane-user-avatar .views-field-php-3 a:focus {
    outline: none;
}

/* Profile : INFO .............................................................................................. */

.view-id-user_info .views-row {
    text-align: center;
    padding: 0 0 60px 0;
}

.view-id-user_info .views-field {
    display: inline-block;
    text-align: center;
    padding: 0 80px 0 0;
    width: 80px;
}

.view-id-user_info .views-field:last-child {
    padding: 0;
}

.view-id-user_info .views-field div > div:first-child {
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}

.view-id-user_info .views-field div > div:first-child i {
    padding: 0 10px 0 0;
}

.user-karma.positive .user-karma-point {
    color: #30bf25;
}

.user-karma.negative .user-karma-point {
    color: #d20001;
}

.user-karma.neutral .user-karma-point {
    color: #939393;
}

.user-comments-point {
    color: #3fabff;
}

.user-bookmarks-point {
    color: #ff6333;
}

.user-articles-point {
    color: #23c099;
}

.user-themes-point {
    color: #ffb21f;
}

.view-id-user_info .views-field div > div:last-child {
    padding: 10px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #939393;
}

/* Profile : Content .............................................................................................. */

body.page-choice #content,
body.page-exclusive #content,
body.user-profile .content .panels-flexible-row:nth-child(n+3) .panel-pane {
    margin: 40px 0 0;
}

body.page-choice #content .content .panel-pane,
body.page-exclusive #content .content .panel-pane,
body.user-profile .content .panels-flexible-row:nth-child(n+3) .panel-pane {
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

body.page-choice .content .panel-pane.pane-red-line-live,
body.page-exclusive .content .panel-pane.pane-red-line-live,
body.page-choice .content .panel-pane.pane-red-line-live-now,
body.page-exclusive .content .panel-pane.pane-red-line-live-now,
body.page-choice .content .panel-pane.pane-red-line-news,
body.page-exclusive .content .panel-pane.pane-red-line-news {
    border: none;
    margin: 0;
}

body.page-choice .content .pane-user-flags .pane-title,
body.page-exclusive .content .pane-user-flags .pane-title,
body.user-profile .content .panels-flexible-row:nth-child(n+3) .pane-title {
    display: inline-block;
    position: relative;
    top: -12px;
    background-color: #fff;
    padding: 0 30px 40px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

body.page-choice .content .pane-user-flags .pane-content,
body.page-exclusive .content .pane-user-flags .pane-content,
body.user-profile .content .panels-flexible-row:nth-child(n+3) .pane-content {
    text-align: left;
}

/* Profile : Content : Comments ................................................................................... */

.pane-user-comments .pane-title {
    color: #3fabff;
}

.pane-user-comments .view-content {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.pane-user-comments .views-row {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 20px 20px 0;
    margin: 0 0 30px;
    display: inline-block;
    width: 274px;
    box-sizing: border-box;
    position: relative;
}

.pane-user-comments .views-field-php {
    color: #bababa;
    font-size: 12px;
    padding: 0 0 20px;
    font-family: 'Roboto', sans-serif;
}

.pane-user-comments .views-field-comment-body {
    font-size: 16px;
    color: #4d4d4d;
    line-height: 26px;
    padding: 0 0 20px;
    overflow: hidden;
}

.pane-user-comments .views-field-php-1 {
    padding: 0 0 20px;
}

.pane-user-comments .views-field-php-1 div {
    width: 100%;
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pane-user-comments .views-field-php-2 {
    padding: 0 0 20px;
}

.pane-user-comments .views-field-php-2 span,
.pane-user-comments .views-field-php-2 span iframe {
    display: block;
}

.pane-user-comments .views-field-php-3 {
    position: absolute;
    top: 18px;
    right: 20px;
    line-height: 14px;
}

.pane-user-comments .views-field-php-3 span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.pane-user-comments .views-field-php-3 i {
    padding: 0 5px 0 0;
}

.pane-user-comments .views-field-php-3 .negative {
    color: #d31919;
}

.pane-user-comments .views-field-php-3 .positive {
    color: #19d356;
}

.pane-user-comments .views-field-php-3 .neutral {
    color: #bababa;
}

.pane-user-comments .views-field-title {
    margin: 0 -20px;
    background-color: #fafafa;
    border-top: 1px solid #e5e5e5;
    padding: 25px 20px;
    position: relative;
    color: #ff6333;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.pane-user-comments .views-field-title:hover {
    color: #3fabff;
    background-color: #fff;
}

.pane-user-comments .views-field-title:before,
.pane-user-comments .views-field-title:after {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid;
}

.pane-user-comments .views-field-title:before {
    top: 0;
    border-top-color: #e5e5e5;
}

.pane-user-comments .views-field-title:after {
    top: -1px;
    border-top-color: #fff;
}

.pane-user-comments .views-field-title a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: inherit;
}

/* Profile : Content : Bookmarks .................................................................................. */

.pane-user-flags {
    padding: 0 0 30px;
}

.pane-user-flags .pane-title {
    color: #ff6333;
}

.pane-user-flags .view {
    font-size: 0;
    margin: 0 -15px;
}

.pane-user-flags .views-row {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 30px;
    font-size: 16px;
    position: relative;
    box-sizing: border-box;
}

.pane-user-flags .views-field-php {
    height: 185px;
    overflow: hidden;
    margin: 0 0 25px;
}

.pane-user-flags .views-field-php a {
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
}

.pane-user-flags .views-field-nothing-1 > span > span {
    display: block;
}

.pane-user-flags .home-tag {
    padding: 0 0 15px;
}

.pane-user-flags .home-title {
    padding: 0 0 20px;
}

.pane-user-flags .home-title a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    color: #262626;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.pane-user-flags .views-row:hover .home-title a { color: #ff6333; }

.pane-user-flags .views-field-ops {
    position: absolute;
    top: -15px;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
       -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
            transition: opacity 0.3s linear;
}

.pane-user-flags .views-row:hover .views-field-ops {
    opacity: 1;
}

.pane-user-flags .views-field-ops a {
    color: white !important;
}

.pane-user-flags .views-field-ops i {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: white;
    background: white;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    background: #e53238;
    font-family: FontAwesome;
}

.pane-user-flags .views-field-ops i:hover {
    opacity: .8;
}

.pane-user-flags .views-field-ops i,
.pane-user-flags .views-field-ops i:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-user-flags .views-field-ops i:before {
    content: "\f00d";
    display: block;
}

.pane-user-flags .views-field-field-lead {
    font-size: 14px;
    line-height: 24px;
    color: #828282;
}

/* ................................................................................................................ */
/* Footer ......................................................................................................... */
/* ................................................................................................................ */

/* Footer : Popular Block ......................................................................................... */

.footer-popular-block-title {
    color: #fff;
    text-transform: uppercase;
    padding: 30px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.footer-popular-block-title .pagination-right,
.footer-popular-block-title .pagination-left {
    color: #9e9e9e;
    font-size: 26px;
    display: block;
    height: 30px;
    line-height: 30px;
}

.footer-popular-block-title .pagination-left {
    float: left;
    padding: 0 20px 0 0;
}

.footer-popular-block-title .pagination-right {
    float: right;
    padding: 0 0 0 20px;
}

.footer-popular-block-title .pagination-right:hover,
.footer-popular-block-title .pagination-left:hover {
    color: #ff9270;
}

.view-popular-article-footer .view-content {
    font-size: 0;
    margin: 0 -15px;
}

.view-popular-article-footer .views-row {
    display: inline-block;
    width: 25%;
    padding: 0 15px 65px;
    box-sizing: border-box;
    vertical-align: top;
}

.popular-footer-img {
    display: block;
    height: 277px;
    overflow: hidden;
    position: relative;
}

.popular-footer-img a {
    display: block;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.popular-footer-term {
    display: block;
    padding: 25px 0 0 0;
    text-align: center;
}

/*.popular-footer-term .rubric-term:hover {
    background: #fff !important;
}*/

.rubric-term {
    display: inline-block;
    height: 24px;
    line-height: 10px;
    padding: 7px 14px;
    box-sizing: border-box;
/*    border: 1px solid #05a3a4; */
    background: #05a3a4;
    color: white;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.view-popular-article-footer .item-list {
    clear: both;
}

.popular-footer-title {
    display: block;
    padding: 5px 0 0 0;
}

.popular-footer-title a {
    display: block;
    font-size: 20px;
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 29px;
    max-height: 120px;
    overflow: hidden;
    font-weight: bold;
    word-wrap: break-word;
}

.views-row:hover .popular-footer-title a {
    color: #fe6333;
}

.popular-views {
    display: block;
    text-align: center;
    padding: 15px 0 0 0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #c1c0c0;
}

.popular-views span {
    display: inline;
    color: #ff6333;
    font-weight: bold;
}

.section-popular-footer {
    background-color: #3d3d3d;
    color: white;
}

.section-popular-footer .pager,
.view-short-news-block .item-list { display: none; }

/* Footer : Bottom Part ........................................................................................... */

footer {
    height: 259px;
}

.footer-content {
    height: 210px;
    background-color: #303030;
}

.copyright {
    height: 50px;
    background-color: #2c2b2b;
}

.copyright .copyright-text {
    color: #6d6a6a;
    line-height: 50px;
    float: left;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.copyright .copyright-text a{
    color: #6d6a6a;
    line-height: 50px;
    text-decoration: none;
}

.copyright .copyright-text a:hover{
    text-decoration: underline;
}

.copyright .copyright-social {
    color: #6d6a6a;
    padding-top: 14px;
    float: right;
}

.footer-social {
    float: right;
    padding-top: 13px;
}

.footer-journal {
    float: left;
    font-family: 'Roboto', sans-serif;
    padding: 48px 0 0 9px;
}

.footer-journal h2,
.footer-journal .views-field-php-1,
.footer-journal .views-field-nothing {
    margin-left: 152px;
}

.footer-journal h2 {
    color: #fff;
    font-size: 16px;
    padding: 0 0 10px;
}

.footer-journal .views-field-php {
    float: left;
    margin-top: -17px;
    position: relative;
    height: 150px;
    width: 115px;
}

.footer-journal .views-field-php a {
    width: 115px;
    height: 150px;
    display: block;
    background-size: cover;
    position: relative;
}

.footer-journal .views-field-php:before {
    content: "";
    display: block;
    background: url("../images/ipad.png");
    position: absolute;
    top: -18px;
    bottom: 0;
    background-size: cover;
    left: -8px;
    right: -8px;
    width: 131px;
}

.magazine-footer-links li {
    padding: 0 0 4px;
}

.magazine-footer-links a {
    text-decoration: none;
    font-size: 12px;
    color: #a09f9f;
    cursor: pointer;
}

.magazine-footer-links a:hover {
    color: #ff6333;
}

.store-links {
    padding-top: 13px;
    font-size: 0;
}

.store-links a {
    display: inline-block;
    height: 29px;
    width: 90px;
    -webkit-transition: opacity 0.3s ease;
       -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
         -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
}

.store-links .appstore-link {
    /*background: url(/sites/all/themes/nakedsc/img/appstore.svg) center center no-repeat;*/
}

.store-links .googleplay-link {
    margin-left: 20px;
    /*background: url(/sites/all/themes/nakedsc/img/google.svg) center center no-repeat;*/
}

.store-links a:hover {
    opacity: 0.6;
}

.footer-ns-content {
    padding-top: 48px;
    padding-left: 55px;
    height: 162px;
    width: 767px;
    float: right;
    font-family: 'Roboto', sans-serif;
}

.footer-ns-content .content {
    height: 60px;
}

.footer-logo {
    width: 350px;
    float: left;
}

.footer-ns-content .content .footer-logo a {
    float: left;
    width: 190px;
    height: 60px;
    display: block;
    margin-right: 20px;
}

.footer-ns-content .content .footer-logo span {
    color: #3a3a3a;
    border: 2px solid #3a3a3a;
    display: inline-block;
    margin-top: 15px;
    padding: 3px 14px;
    font-size: 21px;
    border-radius: 3px;
    font-weight: bold;
}

.footer-ns-content p {
    padding-top: 30px;
    color: #4d4d4d;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

.footer-orfus {
    width: 150px;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    padding-top: 14px;
    margin: -29px 0 0 0;
}

.rambler {
    height: 24px;
    line-height: 24px;
    text-align: right;
    padding: 0 0 5px 12px;
    color: #6d6a6a;
}

.footer-orfus .rambler a {
    display: inline;
}

.footer-orfus .rambler a:hover {
    color: white;
}

.footer-orfus a {
    color: #6d6a6a;
    text-decoration: none;
    overflow: hidden;
    display: inline-block;
    text-align: right;
}

.footer-orfus a:hover {
    color: #8d8b8b;
}

.footer-orfus a:hover .image-orfus i {
    border-color: #8d8b8b;
    color: #8d8b8b;
}

.text-orfus {
    float: right;
}

.text-orfus .text-line-two {
    color: #fff;
    font-weight: 300;
}

.image-orfus {
    float: right;
    padding-top: 5px;
}

.image-orfus i {
    font-size: 18px;
    height: 23px;
    width: 23px;
    border: 2px solid #3d3d3d;
    color: #3d3d3d;
    text-align: center;
    line-height: 27px;
    border-radius: 50%;
}

/* ................................................................................................................ */
/* Modals ......................................................................................................... */
/* ................................................................................................................ */

/* Modals : Search ................................................................................................ */

#search-shadow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: hsla(100,100%,100%,.97);
    z-index: 110;
    display: none;
}

#block-views-search-modal-block {
    display: none;
    position: absolute;
    top: 220px;
    left: 50%;
    width: 584px;
    z-index: 120;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

body.toolbar #block-views-search-modal-block { top: 250px; }

.view-search-modal {
    position: relative;
}

.view-search-modal .view-header {
    min-height: 140px;
}

.view-search-modal .view-header .search-logo a {
    display: block;
    height: 60px;
    background-size: cover;
    width: 190px;
    margin: 0 auto;
}

.view-search-modal .view-header .search-close {
    position: absolute;
    right: 0;
    top: 0;
}

.view-search-modal .view-header .search-close i {
    cursor: pointer;
    color: #818181;
    font-size: 22px;
    /*border: 3px solid #e7e7e7;*/
    border-radius: 50%;
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    text-align: center;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.view-search-modal .view-header .search-close i:hover {
    color: #ff6333;
    border-color: #ccc;
}

.view-search-modal .view-header .search-tags {
    padding: 110px 0 0;
    font-size: 0;
}

.view-search-modal .view-header .search-tags .label {
    display: none;
}

.view-search-modal .view-filters {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
}

.view-search-modal .view-filters .views-exposed-widgets {
    margin: 0;
    position: relative;
}

.view-search-modal .view-filters .views-exposed-widget {
    float: none;
    padding: 0;
}

.view-search-modal .view-empty {
    color: #333;
    padding: 20px 0 0 30px;
}

.view-search-modal .view-filters .views-exposed-widgets input[type="text"] {
    display: block;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    background-color: transparent;
    outline: none;
    padding: 10px 30px 10px 70px;
    font-size: 21px;
    color: #333;
    -webkit-transition: border-color 0.3s ease;
       -moz-transition: border-color 0.3s ease;
        -ms-transition: border-color 0.3s ease;
         -o-transition: border-color 0.3s ease;
            transition: border-color 0.3s ease;
}

.view-search-modal .view-filters .views-exposed-widgets input[type="text"]:focus { border-color: #ccc; }

.view-search-modal .view-filters .form-item:before {
    content: "\f002";
    display: block;
    font-family: FontAwesome, sans-serif;
    color: #838383;
    position: absolute;
    top: 13px;
    left: 30px;
    font-size: 23px;
}

.view-search-modal .view-content .views-row {
    overflow: hidden;
    padding: 30px 0 15px;
    border-bottom: 1px solid #e4e4e4;
}

.view-search-modal .view-content .views-field-php {
    float: left;
    height: 70px;
    width: 70px;
    overflow: hidden;
    border-radius: 3px;
}

.view-search-modal .view-content .views-field-php a {
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 3px;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: transform .3s ease-in-out;
       -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
         -o-transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
}

.view-search-modal .view-content .views-row:hover .views-field-php a {
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
}

.view-search-modal .view-content .views-field-title,
.view-search-modal .view-content .views-field-field-lead {
    margin-left: 97px;
    padding: 0 0 9px;
}

.view-search-modal .view-content .views-field-title {
    line-height: 16px;
}

.view-search-modal .view-content .views-field-title a {
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    font-weight: bold;
    color: #2a2a2a;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.view-search-modal .view-content .views-field-title a:hover {
    color: #ff6333;
}

.view-search-modal .view-content .views-field-field-lead {
    font-size: 14px;
    color: #818181;
    line-height: 24px;
}

.view-search-modal .view-footer {
    position: static;
    padding: 30px 0 0;
}

.view-search-modal .view-footer a {
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 15px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.view-search-modal .view-footer a:hover {
    border-color: #ccc;
    color: #ff6333;
}

/* Modals : Subscribe ............................................................................................. */

#mini-panel-magazine_subscribe {
    height: 660px;
    width: 950px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

#mini-panel-magazine_subscribe .panel-flexible-inside,
#mini-panel-magazine_subscribe .panels-flexible-region,
#mini-panel-magazine_subscribe .inside {
    width: 100%;
    height: 100%;
}

#mini-panel-magazine_subscribe .inside > div {
    float: left;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.pane-magazine-5-overs {
    background-color: #1d1f21;
    border-radius: 4px 0 0 4px;
    width: 450px;
    overflow: hidden;
}

.pane-magazine-5-overs .views-field a {
    display: block;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1;
}

.pane-magazine-5-overs .views-row-4 .views-field-php:before,
.pane-magazine-5-overs .views-row-3 .views-field-php:before,
.pane-magazine-5-overs .views-row-3 .views-field-php:after {
    content: "";
    position: absolute;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    -webkit-transform: rotate(-1deg);
       -moz-transform: rotate(-1deg);
         -o-transform: rotate(-1deg);
            transform: rotate(-1deg);
}

.pane-magazine-5-overs .views-row-4 .views-field-php a,
.pane-magazine-5-overs .views-row-3 .views-field-php a {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.pane-magazine-5-overs .views-row-4 .views-field-php a:before,
.pane-magazine-5-overs .views-row-3 .views-field-php a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 11px;
    background-color: hsla(0,0%,0%,.2);
}

.pane-magazine-5-overs .views-row-4 .views-field-php {
    width: 385px;
    height: 511px;
    position: absolute;
    left: 162px;
    top: 84px;
}

.pane-magazine-5-overs .views-row-4 .views-field-php:before {
    top: -1px;
    left: 38px;
    right: 0;
    height: 50px;
}

.pane-magazine-5-overs .views-row-3 .views-field-php {
    position: absolute;
    top: 69px;
    left: 71px;
    height: 520px;
    width: 385px;
    -webkit-transform: rotate(-8deg);
       -moz-transform: rotate(-8deg);
         -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
}

.pane-magazine-5-overs .views-row-3 .views-field-php:before {
    top: -2px;
    right: 3px;
    left: 20px;
    height: 50px;
}

.pane-magazine-5-overs .views-row-3 .views-field-php:after {
    top: 0;
    bottom: 0;
    left: 20px;
    right: -6px;
}

.pane-magazine-5-overs .views-row-2 .views-field-php {
    position: absolute;
    top: 255px;
    left: 117px;
    width: 241px;
    height: 322px;
    z-index: 2;
}

.pane-magazine-5-overs .views-row-2 .views-field-php:before {
    content: "";
    background: url("../images/ipad.png") 0 0 no-repeat;
    position: absolute;
    top: -36px;
    left: -19px;
    width: 279px;
    height: 394px;
    z-index: 1;
    background-size: cover;
}

.pane-magazine-5-overs .views-row-1 .views-field-php {
    position: absolute;
    z-index: 3;
    top: 372px;
    left: 41px;
    width: 118px;
    height: 210px;
}

.pane-magazine-5-overs .views-row-1 .views-field-php a { background-position: -5px 0; }

.pane-magazine-5-overs .views-row-1 .views-field-php:before {
    content: "";
    background: url("../images/iphone.png") 0 0 no-repeat;
    position: absolute;
    top: -35px;
    left: -35px;
    width: 160px;
    height: 289px;
    z-index: 1;
    background-size: cover;
}

.pane-magazine-subcribe {
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    padding: 43px 50px;
    width: 500px;
}

.pane-magazine-subcribe .pane-title {
    font-size: 20px;
    color: #ff6333;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding: 0 0 35px;
}

.pane-magazine-subcribe .views-row a {
    display: table;
    text-decoration: none;
    color: #6f7276;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ededed;
    overflow: hidden;
    border-radius: 3px;
    height: 70px;
    box-sizing: border-box;
    width: 100%;
    transition: background .3s ease;
}

.pane-magazine-subcribe .views-row a > span {
    display: table-cell;
    vertical-align: middle;
}

.pane-magazine-subcribe .views-field {
    padding: 0 0 10px;
}

.pane-magazine-subcribe .item-price {
    background-color: #fbfbfb;
    border-right: 1px solid #ededed;
    width: 123px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    transition: all .3s ease;
}

.pane-magazine-subcribe .views-field-nothing-3 .item-price {
    font-size: 36px;
}

.pane-magazine-subcribe .item-text {
    font-size: 15px;
    padding: 0 0 0 20px;
    line-height: 22px;
}

.pane-magazine-subcribe .item-text > span > span {
    color: #ff6333;
}

.pane-magazine-subcribe .item-text > span > span > span {
    color: #6f7276;
}

.pane-magazine-subcribe .item-text > span > span > .item-text-second {
    color: #ccc;
    display: block;
    font-size: 12px;
    transition: color .3s ease;
}

.pane-magazine-subcribe .views-row a:hover {
    background-color: #fbfbfb;
}

.pane-magazine-subcribe .views-row a:hover .item-price {
    background-color: #F5F5F5;
    color: #ff6333;
}

.pane-magazine-subcribe .views-row a:hover .item-text > span > span > .item-text-second {
    color: #FFB199;
}

.pane-magazine-subcribe .view-footer {
    bottom: 0;
    padding: 35px 50px 15px;
    background-color: #f8f8f8;
    border-radius: 0 0 4px 0;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    border-top: 1px solid #f2f2f2;
    color: #6f7276;
    line-height: 23px;
}

.pane-magazine-subcribe .view-footer p:last-child {
    margin: 30px -50px 0;
    border-top: 1px solid #f2f2f2;
    padding: 15px 0 0;
    color: #a19898;
}

.pane-magazine-subcribe .view-footer a {
    text-decoration: none;
    color: #ff6333;
}

.pane-magazine-subcribe .view-footer a:hover {
    color: #FFB199;
}

/* ................................................................................................................ */
/* Rubric Terms ................................................................................................... */
/* ................................................................................................................ */

.rubric-term.term-1  { background: #6d9ee1;/* border: 1px solid #05a3a4; */}
.rubric-term.term-2  { background: #a4c639;/* border: 1px solid #fa5f00; */}
.rubric-term.term-3  { background: #23841d;/* border: 1px solid #8b8b8b; */}
.rubric-term.term-4  { background: #ea4c89;/* border: 1px solid #343434; */}
.rubric-term.term-5  { background: #ffb21f;/* border: 1px solid #349eea; */}
.rubric-term.term-6  { background: #4bb9ea;/* border: 1px solid #ac0f93; */}
.rubric-term.term-7  { background: #c23824;/* border: 1px solid #8fa012; */}
.rubric-term.term-8  { background: #A286E2;/* border: 1px solid #ce9c00; */}
.rubric-term.term-9  { background: #4c75ae;/* border: 1px solid #006f28; */}
.rubric-term.term-10 { background: #000000;/* border: 1px solid #a03312; */}
.rubric-term.term-11 { background: #d17ee9;/* border: 1px solid #349eea; */}
.rubric-term.term-12 { background: #00a6e7;/* border: 1px solid #51df00; */}
.rubric-term.term-13 { background: #ff1f00;/* border: 1px solid #a03312; */}
.rubric-term.term-14 { background: #5082ea;/* border: 1px solid #fa5f00; */}
.rubric-term.term-15 { background: #fc3d39;/* border: 1px solid #ac0000; */}
.rubric-term.term-16 { background: #aaaadd;/* border: 1px solid #ac0000; */}

/*.rubric-term:hover { background: hsla(0, 100%, 100%, .8) !important; }*/

/*.rubric-term.term-1:hover  { color: #05a3a4 !important; }
.rubric-term.term-2:hover  { color: #fa5f00 !important; }
.rubric-term.term-3:hover  { color: #8b8b8b !important; }
.rubric-term.term-5:hover  { color: #349eea !important; }
.rubric-term.term-4:hover  { color: #343434 !important; }
.rubric-term.term-6:hover  { color: #ac0f93 !important; }
.rubric-term.term-7:hover  { color: #8fa012 !important; }
.rubric-term.term-8:hover  { color: #ce9c00 !important; }
.rubric-term.term-9:hover  { color: #006f28 !important; }
.rubric-term.term-10:hover { color: #a03312 !important; }
.rubric-term.term-11:hover { color: #349eea !important; }
.rubric-term.term-12:hover { color: #51df00 !important; }
.rubric-term.term-13:hover { color: #a03312 !important; }
.rubric-term.term-14:hover { color: #fa5f00 !important; }
.rubric-term.term-15:hover { color: #ac0000 !important; }*/

.rubric-term.term-1:hover  { background: hsla(215, 66%, 65%, 0.7);/* border-color: hsla(180, 94%, 33%, 0.7); */}
.rubric-term.term-2:hover  { background: hsla(74, 55%, 50%, 0.7);;/* border-color: hsla(23, 100%, 49%, 0.7); */}
.rubric-term.term-3:hover  { background: hsla(117, 64%, 32%, 0.7);/* border-color: hsla(0, 0%, 55%, 0.7); */}
.rubric-term.term-4:hover  { background: hsla(337, 79%, 61%, 0.7);/* border-color: hsla(0, 0%, 20%, 0.7); */}
.rubric-term.term-5:hover  { background: hsla(39, 100%, 56%, 0.7);/* border-color: hsla(205, 81%, 56%, 0.7); */}
.rubric-term.term-6:hover  { background: hsla(198, 79%, 61%, 0.7);/* border-color: hsla(310, 84%, 37%, 0.7); */}
.rubric-term.term-7:hover  { background: hsla(8, 69%, 45%, 0.7);/* border-color: hsla(67, 80%, 35%, 0.7); */}
.rubric-term.term-8:hover  { background: hsla(258, 61%, 71%, 0.7);/* border-color: hsla(45, 100%, 40%, 0.7); */}
.rubric-term.term-9:hover  { background: hsla(215, 39%, 49%, 0.7);/* border-color: hsla(142, 100%, 22%, 0.7); */}
.rubric-term.term-10:hover { background: hsla(0, 0%, 0%, 0.7);/* border-color: hsla(14, 80%, 35%, 0.7); */}
.rubric-term.term-11:hover { background: hsla(287, 71%, 70%, 0.7);/* border-color: hsla(205, 81%, 56%, 0.7); */}
.rubric-term.term-12:hover { background: hsla(197, 100%, 45%, 0.7);/* border-color: hsla(98, 100%, 44%, 0.7); */}
.rubric-term.term-13:hover { background: hsla(7, 100%, 50%, 0.7);/* border-color: hsla(14, 80%, 35%, 0.7); */}
.rubric-term.term-14:hover { background: hsla(221, 79%, 62%, 0.7);/* border-color: hsla(23, 100%, 49%, 0.7); */}
.rubric-term.term-15:hover { background: hsla(1, 97%, 61%, 0.7);/* border-color: hsla(0, 100%, 34%, 0.7); */}

#main-navigation ul li.day.active, #main-navigation ul li.day:hover         { color: #A286E2; border-color: #A286E2; }
#main-navigation ul li.hi-tech.active, #main-navigation ul li.hi-tech:hover { color: #a4c639; border-color: #a4c639; }
#main-navigation ul li.media.active, #main-navigation ul li.media:hover     { color: #ffb21f; border-color: #ffb21f; }
#main-navigation ul li.live.active, #main-navigation ul li.live:hover       { color: #fc3d39; border-color: #fc3d39; }
#main-navigation ul li.sci.active, #main-navigation ul li.sci:hover         { color: #6d9ee1; border-color: #6d9ee1; }
#main-navigation ul li.video.active, #main-navigation ul li.video:hover     { color: #00a6e7; border-color: #00a6e7; }
#main-navigation ul li.column.active, #main-navigation ul li.column:hover   { color: #ABABDE; border-color: #ABABDE; }
/*
.sidebar-navigation .day.active a, .sidebar-navigation .day a:hover                   { color: #A286E2; }
.sidebar-navigation .hi-tech.active a, .sidebar-navigation .hi-tech a:hover           { color: #a4c639; }
.sidebar-navigation .media.active a, .sidebar-navigation .media a:hover               { color: #ffb21f; }
.sidebar-navigation .live.active a, .sidebar-navigation .live a:hover                 { color: #fc3d39; }
.sidebar-navigation .psy.active a, .sidebar-navigation .psy a:hover                   { color: #ea4c89; }
.sidebar-navigation .sci.active a, .sidebar-navigation .sci a:hover                   { color: #6d9ee1; }
.sidebar-navigation .tech.active a, .sidebar-navigation .tech a:hover                 { color: #23841d; }
.sidebar-navigation .concept.active a, .sidebar-navigation .concept a:hover           { color: #4bb9ea; }
.sidebar-navigation .photo.active a, .sidebar-navigation .photo a:hover               { color: #c23824; }
.sidebar-navigation .nakedscience.active a, .sidebar-navigation .nakedscience a:hover { color: #4c75ae; }
.sidebar-navigation .interview.active a, .sidebar-navigation .interview a:hover       { color: #000000; }
.sidebar-navigation .video.active a, .sidebar-navigation .video a:hover               { color: #00a6e7; }
.sidebar-navigation .top.active a, .sidebar-navigation .top a:hover                   { color: #ff1f00; }
.sidebar-navigation .history.active a, .sidebar-navigation .history a:hover           { color: #5082ea; }
.sidebar-navigation .sci-fi.active a, .sidebar-navigation .sci-fi a:hover             { color: #d17ee9; }
*/
.view-short-news-block .block-term.term-1:hover  { background: #6d9ee1; border-color: #6d9ee1; }
.view-short-news-block .block-term.term-2:hover  { background: #a4c639; border-color: #a4c639; }
.view-short-news-block .block-term.term-3:hover  { background: #23841d; border-color: #23841d; }
.view-short-news-block .block-term.term-4:hover  { background: #ea4c89; border-color: #ea4c89; }
.view-short-news-block .block-term.term-5:hover  { background: #ffb21f; border-color: #ffb21f; }
.view-short-news-block .block-term.term-6:hover  { background: #4bb9ea; border-color: #4bb9ea; }
.view-short-news-block .block-term.term-7:hover  { background: #c23824; border-color: #c23824; }
.view-short-news-block .block-term.term-8:hover  { background: #A286E2; border-color: #A286E2; }
.view-short-news-block .block-term.term-9:hover  { background: #4c75ae; border-color: #4c75ae; }
.view-short-news-block .block-term.term-10:hover { background: #000000; border-color: #000000; }
.view-short-news-block .block-term.term-11:hover { background: #d17ee9; border-color: #d17ee9; }
.view-short-news-block .block-term.term-12:hover { background: #00a6e7; border-color: #00a6e7; }
.view-short-news-block .block-term.term-13:hover { background: #ff1f00; border-color: #ff1f00; }
.view-short-news-block .block-term.term-14:hover { background: #5082ea; border-color: #5082ea; }
.view-short-news-block .block-term.term-15:hover { background: #fc3d39; border-color: #fc3d39; }
.view-short-news-block .block-term.term-16:hover { background: #aaaadd; border-color: #aaaadd; }

.title-term-1 .pane-title  { color: #6d9ee1; border: 1px solid #6d9ee1; }
.title-term-2 .pane-title  { color: #a4c639; border: 1px solid #a4c639; }
.title-term-3 .pane-title  { color: #23841d; border: 1px solid #23841d; }
.title-term-4 .pane-title  { color: #ea4c89; border: 1px solid #ea4c89; }
.title-term-5 .pane-title  { color: #ffb21f; border: 1px solid #ffb21f; }
.title-term-6 .pane-title  { color: #4bb9ea; border: 1px solid #4bb9ea; }
.title-term-7 .pane-title  { color: #c23824; border: 1px solid #c23824; }
.title-term-8 .pane-title  { color: #A286E2; border: 1px solid #A286E2; }
.title-term-9 .pane-title  { color: #4c75ae; border: 1px solid #4c75ae; }
.title-term-10 .pane-title { color: #000000; border: 1px solid #000000; }
.title-term-11 .pane-title { color: #d17ee9; border: 1px solid #d17ee9; }
.title-term-12 .pane-title { color: #00a6e7; border: 1px solid #00a6e7; }
.title-term-13 .pane-title { color: #ff1f00; border: 1px solid #ff1f00; }
.title-term-14 .pane-title { color: #5082ea; border: 1px solid #5082ea; }
.title-term-15 .pane-title { color: #fc3d39; border: 1px solid #fc3d39; }
.title-term-16 .pane-title { color: #aaaadd; border: 1px solid #aaaadd; }

.title-term-1 .pane-title:hover  { background: #6d9ee1; color: #fff;}
.title-term-2 .pane-title:hover  { background: #a4c639; color: #fff; }
.title-term-3 .pane-title:hover  { background: #23841d; color: #fff; }
.title-term-4 .pane-title:hover  { background: #ea4c89; color: #fff; }
.title-term-5 .pane-title:hover  { background: #ffb21f; color: #fff; }
.title-term-6 .pane-title:hover  { background: #4bb9ea; color: #fff; }
.title-term-7 .pane-title:hover  { background: #c23824; color: #fff; }
.title-term-8 .pane-title:hover  { background: #A286E2; color: #fff; }
.title-term-9 .pane-title:hover  { background: #4c75ae; color: #fff; }
.title-term-10 .pane-title:hover { background: #000000; color: #fff; }
.title-term-11 .pane-title:hover { background: #d17ee9; color: #fff; }
.title-term-12 .pane-title:hover { background: #00a6e7; color: #fff; }
.title-term-13 .pane-title:hover { background: #ff1f00; color: #fff; }
.title-term-14 .pane-title:hover { background: #5082ea; color: #fff; }
.title-term-15 .pane-title:hover { background: #fc3d39; color: #fff; }
.title-term-16 .pane-title:hover { background: #aaaadd; color: #fff; }

.home-popular-first .rubric-term.term-1, .home-popular-second .panel-pane:first-child .rubric-term.term-1, .home-popular-third .panel-pane:last-child .rubric-term.term-1, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-1, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-1, .home-popular-third .panel-pane:first-child .rubric-term.term-1, .home-popular-fourth .panel-pane:last-child .rubric-term.term-1, .pane-node-header-type-2 .rubric-term.term-1 { background: hsla(215, 66%, 65%, 1);/* border-color: hsla(180, 94%, 33%, 1); */}
.home-popular-first .rubric-term.term-1:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-1:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-1:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-1:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-1:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-1:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-1:hover, .pane-node-header-type-2 .rubric-term.term-1:hover { background: hsla(215, 66%, 65%, 0.7);/* border-color: hsla(180, 94%, 33%, 0.7); */}

.home-popular-first .rubric-term.term-2, .home-popular-second .panel-pane:first-child .rubric-term.term-2, .home-popular-third .panel-pane:last-child .rubric-term.term-2, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-2, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-2, .home-popular-third .panel-pane:first-child .rubric-term.term-2, .home-popular-fourth .panel-pane:last-child .rubric-term.term-2, .pane-node-header-type-2 .rubric-term.term-2 { background: hsla(74, 55%, 50%, 1);/* border-color: hsla(23, 100%, 49%, 1); */}
.home-popular-first .rubric-term.term-2:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-2:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-2:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-2:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-2:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-2:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-2:hover, .pane-node-header-type-2 .rubric-term.term-2:hover { background: hsla(74, 55%, 50%, 0.7);/* border-color: hsla(23, 100%, 49%, 0.7); */}

.home-popular-first .rubric-term.term-3, .home-popular-second .panel-pane:first-child .rubric-term.term-3, .home-popular-third .panel-pane:last-child .rubric-term.term-3, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-3, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-3, .home-popular-third .panel-pane:first-child .rubric-term.term-3, .home-popular-fourth .panel-pane:last-child .rubric-term.term-3, .pane-node-header-type-2 .rubric-term.term-3 { background: hsla(117, 64%, 32%, 1);/* border-color: hsla(0, 0%, 55%, 1); */}
.home-popular-first .rubric-term.term-3:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-3:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-3:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-3:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-3:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-3:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-3:hover, .pane-node-header-type-2 .rubric-term.term-3:hover { background: hsla(117, 64%, 32%, 0.7);/* border-color: hsla(0, 0%, 55%, 0.7); */}

.home-popular-first .rubric-term.term-4, .home-popular-second .panel-pane:first-child .rubric-term.term-4, .home-popular-third .panel-pane:last-child .rubric-term.term-4, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-4, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-4, .home-popular-third .panel-pane:first-child .rubric-term.term-4, .home-popular-fourth .panel-pane:last-child .rubric-term.term-4, .pane-node-header-type-2 .rubric-term.term-4 { background: hsla(337, 79%, 61%, 1);/* border-color: hsla(0, 0%, 20%, 1); */}
.home-popular-first .rubric-term.term-4:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-4:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-4:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-4:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-4:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-4:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-4:hover, .pane-node-header-type-2 .rubric-term.term-4:hover { background: hsla(337, 79%, 61%, 0.7);/* border-color: hsla(0, 0%, 20%, 0.7); */}

.home-popular-first .rubric-term.term-5, .home-popular-second .panel-pane:first-child .rubric-term.term-5, .home-popular-third .panel-pane:last-child .rubric-term.term-5, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-5, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-5, .home-popular-third .panel-pane:first-child .rubric-term.term-5, .home-popular-fourth .panel-pane:last-child .rubric-term.term-5, .pane-node-header-type-2 .rubric-term.term-5 { background: hsla(39, 100%, 56%, 1);/* border-color: hsla(205, 81%, 56%, 1); */}
.home-popular-first .rubric-term.term-5:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-5:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-5:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-5:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-5:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-5:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-5:hover, .pane-node-header-type-2 .rubric-term.term-5:hover { background: hsla(39, 100%, 56%, 0.7);/* border-color: hsla(205, 81%, 56%, 0.7); */}

.home-popular-first .rubric-term.term-6, .home-popular-second .panel-pane:first-child .rubric-term.term-6, .home-popular-third .panel-pane:last-child .rubric-term.term-6, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-6, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-6, .home-popular-third .panel-pane:first-child .rubric-term.term-6, .home-popular-fourth .panel-pane:last-child .rubric-term.term-6, .pane-node-header-type-2 .rubric-term.term-6 { background: hsla(198, 79%, 61%, 1);/* border-color: hsla(310, 84%, 37%, 1); */}
.home-popular-first .rubric-term.term-6:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-6:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-6:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-6:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-6:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-6:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-6:hover, .pane-node-header-type-2 .rubric-term.term-6:hover { background: hsla(198, 79%, 61%, 0.7);/* border-color: hsla(310, 84%, 37%, 0.7); */}

.home-popular-first .rubric-term.term-7, .home-popular-second .panel-pane:first-child .rubric-term.term-7, .home-popular-third .panel-pane:last-child .rubric-term.term-7, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-7, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-7, .home-popular-third .panel-pane:first-child .rubric-term.term-7, .home-popular-fourth .panel-pane:last-child .rubric-term.term-7, .pane-node-header-type-2 .rubric-term.term-7 { background: hsla(8, 69%, 45%, 1);/* border-color: hsla(67, 80%, 35%, 1); */}
.home-popular-first .rubric-term.term-7:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-7:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-7:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-7:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-7:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-7:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-7:hover, .pane-node-header-type-2 .rubric-term.term-7:hover { background: hsla(8, 69%, 45%, 0.7);/* border-color: hsla(67, 80%, 35%, 0.7); */}

.home-popular-first .rubric-term.term-8, .home-popular-second .panel-pane:first-child .rubric-term.term-8, .home-popular-third .panel-pane:last-child .rubric-term.term-8, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-8, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-8, .home-popular-third .panel-pane:first-child .rubric-term.term-8, .home-popular-fourth .panel-pane:last-child .rubric-term.term-8, .pane-node-header-type-2 .rubric-term.term-8 { background: hsla(258, 61%, 71%, 1);/* border-color: hsla(45, 100%, 40%, 1); */}
.home-popular-first .rubric-term.term-8:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-8:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-8:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-8:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-8:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-8:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-8:hover, .pane-node-header-type-2 .rubric-term.term-8:hover { background: hsla(258, 61%, 71%, 0.7);/* border-color: hsla(45, 100%, 40%, 0.7); */}

.home-popular-first .rubric-term.term-9, .home-popular-second .panel-pane:first-child .rubric-term.term-9, .home-popular-third .panel-pane:last-child .rubric-term.term-9, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-9, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-9, .home-popular-third .panel-pane:first-child .rubric-term.term-9, .home-popular-fourth .panel-pane:last-child .rubric-term.term-9, .pane-node-header-type-2 .rubric-term.term-9 { background: hsla(215, 39%, 49%, 1);/* border-color: hsla(142, 100%, 22%, 1); */}
.home-popular-first .rubric-term.term-9:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-9:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-9:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-9:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-9:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-9:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-9:hover, .pane-node-header-type-2 .rubric-term.term-9:hover { background: hsla(215, 39%, 49%, 0.7);/* border-color: hsla(142, 100%, 22%, 0.7); */}

.home-popular-first .rubric-term.term-10, .home-popular-second .panel-pane:first-child .rubric-term.term-10, .home-popular-third .panel-pane:last-child .rubric-term.term-10, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-10, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-10, .home-popular-third .panel-pane:first-child .rubric-term.term-10, .home-popular-fourth .panel-pane:last-child .rubric-term.term-10, .pane-node-header-type-2 .rubric-term.term-10 { background: hsla(0, 0%, 0%, 1);/* border-color: hsla(14, 80%, 35%, 1); */}
.home-popular-first .rubric-term.term-10:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-10:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-10:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-10:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-10:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-10:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-10:hover, .pane-node-header-type-2 .rubric-term.term-10:hover { background: hsla(0, 0%, 0%, 0.7);/* border-color: hsla(14, 80%, 35%, 0.7); */}

.home-popular-first .rubric-term.term-11, .home-popular-second .panel-pane:first-child .rubric-term.term-11, .home-popular-third .panel-pane:last-child .rubric-term.term-11, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-11, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-11, .home-popular-third .panel-pane:first-child .rubric-term.term-11, .home-popular-fourth .panel-pane:last-child .rubric-term.term-11, .pane-node-header-type-2 .rubric-term.term-11 { background: hsla(287, 71%, 70%, 1);/* border-color: hsla(205, 81%, 56%, 1); */}
.home-popular-first .rubric-term.term-11:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-11:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-11:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-11:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-11:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-11:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-11:hover, .pane-node-header-type-2 .rubric-term.term-11:hover { background: hsla(287, 71%, 70%, 0.7);/* border-color: hsla(205, 81%, 56%, 0.7); */}

.home-popular-first .rubric-term.term-12, .home-popular-second .panel-pane:first-child .rubric-term.term-12, .home-popular-third .panel-pane:last-child .rubric-term.term-12, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-12, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-12, .home-popular-third .panel-pane:first-child .rubric-term.term-12, .home-popular-fourth .panel-pane:last-child .rubric-term.term-12, .pane-node-header-type-2 .rubric-term.term-12 { background: hsla(197, 100%, 45%, 1);/* border-color: hsla(98, 100%, 44%, 1); */}
.home-popular-first .rubric-term.term-12:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-12:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-12:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-12:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-12:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-12:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-12:hover, .pane-node-header-type-2 .rubric-term.term-12:hover { background: hsla(197, 100%, 45%, 0.7);/* border-color: hsla(98, 100%, 44%, 0.7); */}

.home-popular-first .rubric-term.term-13, .home-popular-second .panel-pane:first-child .rubric-term.term-13, .home-popular-third .panel-pane:last-child .rubric-term.term-13, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-13, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-13, .home-popular-third .panel-pane:first-child .rubric-term.term-13, .home-popular-fourth .panel-pane:last-child .rubric-term.term-13, .pane-node-header-type-2 .rubric-term.term-13 { background: hsla(7, 100%, 50%, 1);/* border-color: hsla(14, 80%, 35%, 1); */}
.home-popular-first .rubric-term.term-13:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-13:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-13:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-13:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-13:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-13:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-13:hover, .pane-node-header-type-2 .rubric-term.term-13:hover { background: hsla(7, 100%, 50%, 0.7);/* border-color: hsla(14, 80%, 35%, 0.7); */}

.home-popular-first .rubric-term.term-14, .home-popular-second .panel-pane:first-child .rubric-term.term-14, .home-popular-third .panel-pane:last-child .rubric-term.term-14, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-14, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-14, .home-popular-third .panel-pane:first-child .rubric-term.term-14, .home-popular-fourth .panel-pane:last-child .rubric-term.term-14, .pane-node-header-type-2 .rubric-term.term-14 { background: hsla(221, 79%, 62%, 1);/* border-color: hsla(23, 100%, 49%, 1); */}
.home-popular-first .rubric-term.term-14:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-14:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-14:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-14:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-14:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-14:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-14:hover, .pane-node-header-type-2 .rubric-term.term-14:hover { background: hsla(221, 79%, 62%, 0.7);/* border-color: hsla(23, 100%, 49%, 0.7); */}

.home-popular-first .rubric-term.term-15, .home-popular-second .panel-pane:first-child .rubric-term.term-15, .home-popular-third .panel-pane:last-child .rubric-term.term-15, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-15, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-15, .home-popular-third .panel-pane:first-child .rubric-term.term-15, .home-popular-fourth .panel-pane:last-child .rubric-term.term-15, .pane-node-header-type-2 .rubric-term.term-15 { background: hsla(1, 97%, 61%, 1);/* border-color: hsla(0, 100%, 34%, 1); */}
.home-popular-first .rubric-term.term-15:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-15:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-15:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-15:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-15:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-15:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-15:hover, .pane-node-header-type-2 .rubric-term.term-15:hover { background: hsla(1, 97%, 61%, 0.7);/* border-color: hsla(0, 100%, 34%, 0.7); */}

.home-popular-first .rubric-term.term-16, .home-popular-second .panel-pane:first-child .rubric-term.term-16, .home-popular-third .panel-pane:last-child .rubric-term.term-16, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-16, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-16, .home-popular-third .panel-pane:first-child .rubric-term.term-16, .home-popular-fourth .panel-pane:last-child .rubric-term.term-16, .pane-node-header-type-2 .rubric-term.term-16 { background: hsla(240, 43%, 77%, 1);/* border-color: hsla(0, 100%, 34%, 1); */}
.home-popular-first .rubric-term.term-16:hover, .home-popular-second .panel-pane:first-child .rubric-term.term-16:hover, .home-popular-third .panel-pane:last-child .rubric-term.term-16:hover, .home-popular-article .views-row:nth-child(8n-5) .rubric-term.term-16:hover, .home-popular-article .views-row:nth-child(8n-2) .rubric-term.term-16:hover, .home-popular-third .panel-pane:first-child .rubric-term.term-16:hover, .home-popular-fourth .panel-pane:last-child .rubric-term.term-16:hover, .pane-node-header-type-2 .rubric-term.term-16:hover { background: hsla(240, 43%, 77%, 0.7);/* border-color: hsla(0, 100%, 34%, 0.7); */}

.article-block .rubric-term.term-16 { background: hsla(14, 71%, 55%, 1); }
.article-block .rubric-term.term-16:hover { background: hsla(14, 71%, 55%, 0.7); }

#user-register-form .ar-before-bottom-text{
    bottom: 104px;
}

div.ctools-modal-content .form-item input[type='text'],
div.ctools-modal-content .form-item input[type='password']{
    outline: none;
    color: black;
}

div.ctools-modal-content .form-item input[type='text']:focus,
div.ctools-modal-content .form-item input[type='password']:focus{
    border-color: #ff7149;
}

input[type='submit']{
    cursor: pointer;
    outline: none;
}

/* Comments block START */

.comment.ajax-comment-wrapper{
    border-top: 1px solid #e5e5e5;
    padding: 25px 0 36px 90px;
    position: relative
}

.comment.ajax-comment-wrapper .attribution .user-picture{
    position: absolute;
    top: 25px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.indented .indented .comment.ajax-comment-wrapper .attribution .user-picture {
    left: 180px;
}

.comment.ajax-comment-wrapper .attribution .user-picture img{
    width: 100%;
    height: auto;
}

.comment.ajax-comment-wrapper .attribution .commenter-name{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 0 30px 0 0;
}

.comment.ajax-comment-wrapper .attribution .commenter-name a{
    color: #292929;
    text-decoration: none;
}

.comment.ajax-comment-wrapper .attribution .commenter-name a:hover{
    color: #ff7149;
}

.comment.ajax-comment-wrapper .attribution .comment-time{
    display: inline-block;
    padding: 0 0 0 20px;
    position: relative;
}

.comment.ajax-comment-wrapper .attribution .comment-time:before{
    font-family: FontAwesome, sans-serif;
    content: '\f017';
    position: absolute;
    bottom: 3px;
    left: 0;
    font-size: 14px;
    color: #bababa;
}

.comment.ajax-comment-wrapper .attribution .comment-time span{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #bababa;
}

.comment.ajax-comment-wrapper .attribution .rating{
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    cursor: default;
}

.comment.ajax-comment-wrapper .rate-widget{
    position: absolute;
    top: 31px;
    left: 423px;
}

.comment.ajax-comment-wrapper .rate-number-up-down-rating{
    display: inline-block;
    padding: 0 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    cursor: default;
    position: relative;
    color: #bababa;
}

.comment.ajax-comment-wrapper .rate-number-up-down-rating:before {
    position: absolute;
    left: -10px;
    bottom: 1px;
    font-size: 14px;
    content: '\f0e7';
    font-family: FontAwesome;
    color: #bababa;
}

.comment.ajax-comment-wrapper .rate-number-up-down-rating.negative:before,
.comment.ajax-comment-wrapper .rate-number-up-down-rating.negative {
    color: #d31919;
}

.comment.ajax-comment-wrapper .rate-number-up-down-rating.positive:before,
.comment.ajax-comment-wrapper .rate-number-up-down-rating.positive {
    color: #19d356;
}

.comment.ajax-comment-wrapper .rate-number-up-down-rating.neutral:before,
.comment.ajax-comment-wrapper .rate-number-up-down-rating.neutral {
    color: #bababa;
}

.comment.ajax-comment-wrapper .attribution .rating .minus, .comment.ajax-comment-wrapper .attribution .rating .plus{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    line-height: 18px;
    color: #bcbcbc;
    text-align: center;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    opacity: 0;
}

.comment.ajax-comment-wrapper .rate-number-up-down-btn-up, .comment.ajax-comment-wrapper  .rate-number-up-down-btn-down{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    line-height: 18px;
    color: #bcbcbc;
    text-align: center;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    opacity: 0;
    text-indent: inherit;
    background: none;
    margin: -3px 5px 0;
}

.comment.ajax-comment-wrapper .rate-widget:hover .rate-number-up-down-btn-up, .comment.ajax-comment-wrapper .rate-widget:hover .rate-number-up-down-btn-down{
    opacity: 1;
}

.comment.ajax-comment-wrapper .rate-widget:hover .rate-number-up-down-rating:before{
    display: none;
}

.comment.ajax-comment-wrapper .attribution .rating:hover .minus, .comment.ajax-comment-wrapper .attribution .rating:hover .plus{
    opacity: 1;
}

.comment.ajax-comment-wrapper .attribution .rating i{
    position: absolute;
    left: 27px;
    bottom: 3px;
    font-size: 14px;
    color: #bababa;
}

.comment.ajax-comment-wrapper .attribution .rating:hover i{
    display: none;
}

.comment.ajax-comment-wrapper .attribution .rating .minus:hover, .comment.ajax-comment-wrapper .rate-widget .rate-number-up-down-btn-down:hover{
    border-color: #bcbcbc;
    color: #d31919;
}

.comment.ajax-comment-wrapper .attribution .rating .plus:hover, .comment.ajax-comment-wrapper .rate-widget .rate-number-up-down-btn-up:hover{
    border-color: #bcbcbc;
    color: #19d356;
}

.comment.ajax-comment-wrapper .attribution .rating .votes{
    display: inline-block;
    padding: 0 4px;
    color: #19d356;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    cursor: default;
}

.comment.ajax-comment-wrapper .comment-text{
    padding: 4px 0 0;
}

.comment.ajax-comment-wrapper .comment-text h3{
    display: none;
}

.comment.ajax-comment-wrapper .comment-text p{
    font-size: 16px;
    line-height: 26px;
    color: #4d4d4d;
}

.comment.ajax-comment-wrapper .comment-text .links{
    display: inline-block;
    padding: 10px 0 0;
}

.comment.ajax-comment-wrapper .comment-text .links li{
    padding: 0;
}

.comment.ajax-comment-wrapper .comment-text .links a{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #bababa;
    text-decoration: none;
    position: relative;
    padding: 0 0 0 24px;
    margin: 0 30px 0 0;
}

.comment.ajax-comment-wrapper .comment-text .links a:before{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #bababa;
    font-family: FontAwesome, sans-serif;
}

.comment.ajax-comment-wrapper .comment-text .links .comment-reply a:before{
    content: '\f112';
}

.comment.ajax-comment-wrapper .comment-text .links .comment-delete a:before{
    content: '\f05c';
}

.comment.ajax-comment-wrapper .comment-text .links .comment-edit a:before{
    content: '\f044';
}

.comment.ajax-comment-wrapper .comment-text .links .comment-reply a:hover, .comment.ajax-comment-wrapper .comment-text .links .comment-reply a:hover:before{
    color: #ff7149;
}

.comment.ajax-comment-wrapper .comment-text .links .comment-delete a:hover, .comment.ajax-comment-wrapper .comment-text .links .comment-delete a:hover:before{
    color: #d31919;
}

.comment.ajax-comment-wrapper .comment-text .links .comment-edit a:hover, .comment.ajax-comment-wrapper .comment-text .links .comment-edit a:hover:before{
    color: #19d356;
}

.comment-wrapper  .indented{
    margin: 0;
}

.comment-wrapper .indented .comment.ajax-comment-wrapper {
    padding: 25px 0 36px 180px;
}

.comment-wrapper .indented  .indented .comment.ajax-comment-wrapper {
    padding: 25px 0 36px 270px;
}

.comment_sender{
    position: relative;
    padding: 0 0 0 90px;
    margin: 35px 0;
}

.comment_sender .user-picture{
    position: absolute;
    top: -10px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.comment_sender .user-picture img{
    height: auto;
    width: 100%;
}

.comment-form label{
    display: none;
}

.comment-form .cke_chrome{
    display: none;
}

.comment-form .form-textarea-wrapper textarea{
    display: block !important;
    visibility: visible !important;
    resize: none;
    height: 102px;
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin: 0;
    outline: none;
    padding: 16px 13px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.comment-form .form-textarea-wrapper{
    position: relative;
}

.comment-form .form-textarea-wrapper:before{
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-width: 8px 10px 8px 0;
    border-color: transparent #e5e5e5 transparent transparent;
    border-style: solid;
    top: 17px;
    left: -10px;
}

.comment-form .form-textarea-wrapper:after{
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-width: 8px 10px 8px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    top: 17px;
    left: -9px;
}

.comment-form .ckeditor_links{
    display: none !important;
}

#comment-confirm-delete input,
#comment-confirm-delete a,
.comment-form input[type="submit"]{
    float: right;
    width: 130px;
    height: 40px;
    border: 1px solid #ff6333;
    padding: 10px 0;
    text-align:  center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #ff6333;
    background: #fff;
    margin: 30px 0 0 20px;
    border-radius: 20px;
}

.comment-form input[type="submit"]:hover{
    background: #ff6333;
    color: #fff;
}

#comment-confirm-delete a {
    text-decoration: none;
    box-sizing: border-box;
}

#comment-confirm-delete input,
#comment-confirm-delete a {
    float: left;
    margin: 30px 20px 0 0;
}

/*  Comments block END  */

.form-item.form-type-item {display: none}
.form-item.form-type-textfield.form-item-subject {display: none}

.filter-wrapper.form-wrapper {display: none}
.description {display: none}


.view-translation .views-row {
    padding: 20px 30px 0 30px;
    margin: 0 0 40px 0;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
    border-radius: 4px;
    background: white;
}

.view-translation .views-row .views-field-body,
.view-translation .views-row .views-field-title {
    font-size: 16px;
    line-height: 30px;
    color: #363636;
    padding: 10px 0 20px 0;
}

.view-translation .views-row .views-field-php a {
    display: block;
    width: 100%;
    height: 540px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 20px 0;
}

.view-translation .views-row .views-field-php-1 .field-content:after {
    visibility: hidden;
    display: table;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.view-translation .views-row .translation-image,
.view-translation .views-row .translation-info {
    float: left;
}

.view-translation .views-row .translation-image {
    padding: 5px 20px 0 0;
}

.view-translation .views-row .translation-image a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.view-translation .views-row .translation-author a {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #292929;
}

.view-translation .views-row .translation-author a:hover {
    color: #ff6333;
}

.view-translation .views-row .translation-date {
    font-size: 12px;
    color: #ff6333;
    line-height: 20px;
}

body.node-type-article.node-type-1.toolbar .block.block-panels-mini.contextual-links-region{
    position: static;
}

.pane-live-past .inside{
    position: relative;
}

.pane-live-past .inside .pane-advertising-sidebar{
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.pane-live-past .inside .pane-advertising-sidebar .views-row{
    width: 100%;
    border: 4px solid #f5f5f5;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0;
    -webkit-transition: border 0.3s ease;
       -moz-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
         -o-transition: border 0.3s ease;
            transition: border 0.3s ease;
}
.pane-live-past .inside .pane-advertising-sidebar .views-row:hover{
    border-color: #ffc8b8;
}

.pane-live-past .inside .pane-advertising-sidebar .view-content{
    margin: 0;
}

.pane-live-past .inside .pane-advertising-sidebar .views-field-php{
    right: 0;
    left: 0;
    border-radius: 0;
}

.pane-live-past .inside .pane-advertising-sidebar a{
    border-radius: 0;
}

#main-content .neader-container{
    background-size: cover;
    width: 100%;
    z-index: 2;
    position: relative;
}

#main-content .neader-container .blur-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center -200px !important;
}

.blur-menu-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center -342px;
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu .blur-menu-container{
    opacity: 0;
}

body.node-type-article.node-type-1 .slider-block-container{
    position: relative;
    background-color: hsla(0, 0%, 8%, .8);
    height: 371px;
}

body.node-type-article.node-type-1 #main-navigation.fixed-menu .slider-block-container{
    background-color: #3d3d3d;
}

a:focus {
    outline: none;
}

/*****USER*EDIT*PAGE*****/

#user-profile-form {
    width: 410px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
}

#user-profile-form label,
#user-profile-form .fieldset-legend{
    display: none;
}

#user-profile-form .user-picture {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

#user-profile-form .user-picture a {
    display: block;
    width: inherit;
    height: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    position: relative;
}

#user-profile-form .user-picture img {
    display: none;
}

.form-item-files-picture-upload,
.form-item-picture-delete {
    display: none;
}

.delete-avatar-navigation {
    opacity: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 50%;
    margin: 0 -75px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.delete-avatar-navigation > div {
    width: inherit;
    height: inherit;
    border: 1px solid transparent;
    border-radius: 50%;
    color: white;
    background: white;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.delete-avatar-navigation > div:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.delete-avatar-navigation > div.delete-avatar-close,
.delete-avatar-navigation > div.delete-avatar-init {
    background: #e53238;
}

.delete-avatar-navigation > div.delete-avatar-delete {
    background: green;
}

.delete-avatar-navigation > div.delete-avatar-close,
.delete-avatar-navigation > div.delete-avatar-delete {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.delete-avatar-navigation.init > div.delete-avatar-close,
.delete-avatar-navigation.init > div.delete-avatar-delete {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.delete-avatar-navigation.init > div.delete-avatar-close {
    left: 30px;
}

.delete-avatar-navigation.init > div.delete-avatar-delete {
    left: -30px;
}

.delete-avatar-navigation.init > div.delete-avatar-init {
    opacity: 0;
}

#user-profile-form .user-picture a:hover .delete-avatar-navigation {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.load-avatar,
.load-avatar:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.load-avatar:hover {
    cursor: pointer;
    opacity: .7;
}

#edit-picture .pane-user-avatar {
    padding: 0;
}

#edit-picture .views-field-php {
    margin: 0 auto;
}

div.load-avatar {
    padding: 20px 0 40px 0;
    text-align: center;
    color: #ff6333;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

div.load-avatar span {
    cursor: pointer;
}

div.load-avatar:hover {
    opacity: .7;
}

.form-item, .form-actions {
    margin: 0;
}

#user-profile-form input,
#user-profile-form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: white;
    border-radius: 4px;
    padding: 15px 20px;
    line-height: 20px;
    color: #303030;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#user-profile-form input {
    height: 50px;
}

#user-profile-form textarea {
    resize: vertical;
}

#user-profile-form input:focus,
#user-profile-form textarea:focus {
    outline: none;
    border: 1px solid black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#user-profile-form input.error {
    border: 1px solid #e53238;
}

#user-profile-form input.error:focus {
    border: 1px solid black;
}

.page-user-edit #content {
    background: #fafafa;
}

#user-profile-form input#edit-submit,
#user-profile-form input#edit-submit:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#user-profile-form input#edit-submit {
    margin-top: 60px;
    border: 1px solid #ff6333;
    background: #ff6333;
    color: white;
    text-transform: uppercase;
}

#user-profile-form input#edit-submit:hover {
    background: white;
    color: #ff6333;
}

.grippie {
    display: none;
}

#user-profile-form select {
    opacity: 0;
}

#user-profile-form .jq-selectbox {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#user-profile-form .jq-selectbox__select {
    display: block;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: white;
    border-radius: 4px;
    padding: 15px 20px;
    line-height: 20px;
    color: #303030;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    cursor: pointer;
}

#user-profile-form .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
}

#user-profile-form .jq-selectbox__trigger:before {
    display: block;
    width: inherit;
    height: inherit;
    text-align: center;
    line-height: 50px;
    content: "\f107";
    color: #c3c3c3;
    font-size: 16px;
    font-family: 'FontAwesome', sans-serif;
}

#user-profile-form .jq-selectbox.opened .jq-selectbox__trigger:before {
    content: "\f106";
    color: black;
}

#user-profile-form .jq-selectbox.opened .jq-selectbox__select,
#user-profile-form .jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid black;
}

#user-profile-form .jq-selectbox.opened .jq-selectbox__select {
    border-radius: 4px 4px 0 0;
}

#user-profile-form .jq-selectbox__dropdown {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 0 0 4px 4px;
    background: white;
    border-top: none;
}

#user-profile-form .jq-selectbox__dropdown ul {
    max-height: 200px !important;
}

#user-profile-form .jq-selectbox__dropdown li {
    display: block;
    line-height: 20px;
    color: #303030;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 0 10px;
    cursor: pointer;
}

#user-profile-form .jq-selectbox__dropdown li.selected,
#user-profile-form .jq-selectbox__dropdown li:hover {
    background: #ccc;
}

#user-profile-form .jq-selectbox__dropdown li.selected {
    cursor: default;
}

#user-profile-form .date-no-float.container-inline-date,
#user-profile-form fieldset.date-combo .container-inline-date > .form-item,
#user-profile-form .form-item.form-type-date-select.form-item-field-profile-date-und-0-value,
#user-profile-form fieldset.date-combo .container-inline-date .date-padding {
    margin: 0;
    padding: 0;
    width: 100%;
}

#user-profile-form .container-inline-date .form-item .form-item {
    width: 33.33333%;
}

#user-profile-form #edit-field-profile-date-und-0-value-year-styler .jq-selectbox__select {
    border-radius: 4px 0 0 4px;
}

#user-profile-form #edit-field-profile-date-und-0-value-month-styler .jq-selectbox__select {
    border-radius: 0;
}

#user-profile-form #edit-field-profile-date-und-0-value-day-styler .jq-selectbox__select {
    border-radius: 0 4px 4px 0;
}

#user-profile-form #edit-field-profile-date-und-0-value-year-styler.opened .jq-selectbox__select {
    border-radius: 4px 0 0 0;
}

#user-profile-form #edit-field-profile-date-und-0-value-month-styler.opened .jq-selectbox__select {
    border-radius: 0;
}

#user-profile-form #edit-field-profile-date-und-0-value-day-styler.opened .jq-selectbox__select {
    border-radius: 0 4px 0 0;
}

#user-profile-form .password-suggestions,
#user-profile-form .password-strength-text,
#user-profile-form .password-strength-title,
#user-profile-form div.password-confirm {
    display: none !important;
}

#user-profile-form .confirm-parent, #user-profile-form .password-parent {
    width: 100%;
}

#user-profile-form .form-item-pass {
    position: relative;
    padding-bottom: 24px;
}

#user-profile-form .form-type-checkbox {
  width: 100%;
  text-align: left;
  position: relative;
}

#user-profile-form .form-type-checkbox input {
  width: 25px;
  display: inline-block;
}

#user-profile-form {
  position: relative;
}

#user-profile-form a.comment-notify-ankor {
  position: absolute;
  bottom: 350px;
}

#user-profile-form .form-type-checkbox label,
#user-profile-form .form-type-checkbox .description{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-left: 0px;
  margin-top: -15px;
}

#user-profile-form #edit-mimemail {
  display: none;
}

#edit-field-profile-vk > div > div,
#edit-field-profile-fb > div > div,
#edit-field-profile-gp > div > div,
#edit-field-profile-tw > div > div,
#edit-field-profile-ok > div > div {
    position: relative;
}

#edit-field-profile-vk > div > div:before,
#edit-field-profile-fb > div > div:before,
#edit-field-profile-gp > div > div:before,
#edit-field-profile-tw > div > div:before,
#edit-field-profile-ok > div > div:before {
    display: block;
    font-family: "Fontawesome", sans-serif;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    text-align: center;
    font-size: 1.2em;
}

#edit-field-profile-vk > div > div:before {
    content: "\f189";
    color: #567ca4;
}

#edit-field-profile-fb > div > div:before {
    content: "\f09a";
    color: #4169bc;
}

#edit-field-profile-gp > div > div:before {
    content: "\f1a0";
    color: #eb6468;
}

#edit-field-profile-tw > div > div:before {
    content: "\f099";
    color: #2bb3f3;
}

#edit-field-profile-ok > div > div:before {
    content: "\f263";
    color: #ff6900;
}

.password-strength {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    height: 4px;
}

.comment-ulogin-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper {
    display: none !important;
}

#modal-content .messages {
    display: none;
}

.trigger-pagination {
    cursor: pointer;
}

div.messages {
    border-radius: 4px;
    background-image: none !important;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif;
}


/* Themes */

.theme-flag .flag .text {
    display: block !important;
}

.pane-theme-header,
.pane-theme-first-article {
    height: 408px;
}

.pane-theme-header,
.pane-theme-second-articles,
.pane-theme-third-articles {
    padding: 30px 0 0 0;
}

.pane-theme-third-articles {
    margin: 0 -15px;
}

.pane-theme-header,
.pane-theme-first-article,
.pane-theme-second-articles,
.pane-theme-third-articles {
    position: relative;
}

.pane-theme-header .pane-content,
.pane-theme-first-article .pane-content {
    height: 100%;
    display: table;
    position: relative;
    width: 100%;
}

.pane-theme-second-articles .view-content:after,
.pane-theme-third-articles .view-content:after {
    display: block;
    height: 0;
    content: "";
    clear: both;
}

.pane-theme-second-articles .views-row,
.pane-theme-third-articles .views-row {
    width: 50%;
    height: 408px;
    display: table;
    position: relative;
    box-sizing: border-box;
    float: left;
}

.pane-theme-third-articles .views-row {
    width: 25%;
    padding: 0 15px;
}

.pane-theme-second-articles .views-row:first-child {
    padding: 0 15px 0 0;
}

.pane-theme-second-articles .views-row:last-child {
    padding: 0 0 0 15px;
}

.pane-theme-header .view,
.pane-theme-first-article .view {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.pane-theme-second-articles .views-field-nothing,
.pane-theme-third-articles .views-field-nothing {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.pane-theme-header .views-field-php,
.pane-theme-first-article .views-field-php,
.pane-theme-second-articles .views-field-php,
.pane-theme-third-articles .views-field-php {
    width: 100%;
    height: 408px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 3px;
}

.pane-theme-header .views-field-php {
    border-radius: 3px 3px 0 0;
}

.pane-theme-second-articles .views-row:first-child .views-field-php {
    right: 15px;
    width: calc(100% - 15px);
}

.pane-theme-second-articles .views-row:last-child .views-field-php {
    left: 15px;
    width: calc(100% - 15px);
}

.pane-theme-third-articles .views-field-php {
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
}

.pane-theme-header .views-field-php a,
.pane-theme-first-article .views-field-php a,
.pane-theme-second-articles .views-field-php a,
.pane-theme-third-articles .views-field-php a {
    display: block;
    width: 100%;
    height: 408px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.pane-theme-header .views-field-php a {
    border-radius: 3px 3px 0 0;
}

.pane-theme-header .views-field-php a:after,
.pane-theme-first-article .views-field-php a:after,
.pane-theme-second-articles .views-field-php a:after,
.pane-theme-third-articles .views-field-php a:after {
    background: rgba(0,0,0,.5);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px;
}

.pane-theme-header .views-field-php a:after {
    border-radius: 3px 3px 0 0;
}

.pane-theme-third-articles .item-list ul {
    border-top: none;
}

.pane-theme-first-article .views-field-php-3 {
    position: absolute;
    right: 70px;
    bottom: 0;
    left: 70px;
    z-index: 2;
}

.theme-article-slider {
    height: 140px;
}

.theme-article-slider li {
    display: table;
    height: 140px;
    text-align: center;
}

.theme-article-slider li a {
    display: table-cell;
    height: 140px;
    vertical-align: middle;
    padding: 0 20px;
    width: 225px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

.theme-article-slider li a:hover {
    color: #ff6333;
}

.theme-article-slider.owl-theme .owl-controls {
    margin: 0;
    text-align: left;
}

.theme-article-slider.owl-theme .owl-controls .owl-buttons div {
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 26px;
    position: absolute;
    bottom: 50px;
    margin: 0;
    padding: 0;
    background: none;
    border: 2px solid #484745;
    color: white;
    opacity: 1;
    font-size: 16px;
}

.theme-article-slider.owl-theme .owl-controls .owl-buttons div:hover {
    border: 2px solid #ff6333;
}

.theme-article-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -45px;
}

.theme-article-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -45px;
}
.pane-theme-header .views-field-nothing,
.pane-theme-first-article .views-field-nothing {
    text-align: center;
}

.theme-title,
.theme-info,
.theme-flag,
.theme-editors {
    position: relative;
    z-index: 1;
}

.theme-title h1,
.theme-title a {
    color: #fff;
    font-size: 30px;
    line-height: 39px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    margin: 0 auto;
}

.views-row:hover .theme-title a {
    color: #ff6333;
}

.pane-theme-header .theme-title a,
.pane-theme-first-article .theme-title a {
    max-width: 960px;
}

.pane-theme-second-articles .theme-title a {
    max-width: 460px;
}

.pane-theme-third-articles .theme-title a {
    max-width: 220px;
}

.theme-info > div {
    display: inline-block;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    color: #bfbfbf;
}

.theme-info > div:first-child {
    padding: 0 20px 0 0;
}

.theme-info > div span {
    color: #e2622e;
    font-weight: bold;
}

.theme-flag {
    padding-top: 20px;
}

.theme-flag a {
    display: inline-block;
    width: 180px;
    height: 40px;
    border: 1px solid white;
    box-sizing: border-box;
    text-align: center;
    border-radius: 40px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

.theme-flag .flag, .theme-flag .flag.flag-action {
    color: white !important;
    background-color: transparent;
}

.theme-flag .flag:hover, .theme-flag .flag.unflag-action {
    color: black !important;
    background-color: white;
}

.theme-flag .flag.unflag-action:hover {
    color: white !important;
    background-color: transparent;
}

.pane-theme-first-article .theme-flag {
    padding-bottom: 100px;
}

.theme-editors {
    padding: 30px 0 0 0;
}

.theme-editor-label {
    color: white;
}

.theme-editors ul {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 20px 0 0 0;
}

.theme-editors ul li {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.theme-editors ul li {
    padding: 0 20px 0 0;
}

.theme-editors ul li:last-child {
    padding: 0;
}

.theme-editors ul li a {
    position: relative;
    z-index: 1;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pane-theme-articles .view-content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.pane-theme-articles .views-row {
    width: 25%;
    box-sizing: border-box;
    border: 2px solid #f4f4f4;
    float: left;
    height: 300px;
    position: relative;
    display: table;
}

.pane-theme-articles .views-row:hover {
    border: 2px solid #e47e33;
}

.pane-theme-articles .views-field-php {
    width: 100%;
    height: 296px;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0;
}

.pane-theme-articles .views-row:hover .views-field-php {
    opacity: 1;
}

.pane-theme-articles .views-field-php a {
    display: block;
    height: 296px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pane-theme-articles .views-field-php a:after {
    background: rgba(0,0,0,.5);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pane-theme-articles .views-field-nothing-1 {
    display: table-cell;
    vertical-align: middle;
    height: 296px;
    width: 296px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.theme-article-title a {
    padding: 10px 0;
    color: black;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.views-row:hover .theme-article-title a {
    color: white;
}

.theme-article-bar {
    display: inline-block;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 1;
}

.theme-article-link {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

.theme-article-link a {
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

.theme-article-rubric a {
    position: relative;
    z-index: 1;
}

body.node-type-themes .view-node-edit-link {
    padding: 40px 0 0 0;
}

body.node-type-themes #content {
    padding: 0 0 40px 0;
}

body.page-user-edit .pane-page-messages {
    margin: -40px 0 40px 0;
}

.page-403,
.page-404 {
    width: calc(100% + 2px);
    height: 100%;
    margin: 0 0 0 -2px;
    min-width: 1280px;
    min-height: 900px;
    position: relative;
}

.page-403 {
    background: url(../img/403.png) 50% 100% no-repeat;
    background-size: cover;
}

.page-404 {
    background: url(../img/404.png) 50% 100% no-repeat;
    background-size: cover;
}

.page-403 #logo,
.page-404 #logo {
    margin: 0;
    position: absolute;
    top: 20px;
    left: 40px;
}

.page-403 .region-header-right,
.page-404 .region-header-right {
    position: absolute;
    top: 20px;
    right: 40px;
}

.page-404-magor-container {
    width: 350px;
    height: 160px;
    position: absolute;
    top: 70%;
    left: 50%;
    margin: -80px 0 0 -175px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.page-404-magor-container p {
    font-size: 28px;
    color: white;
}

.page-404-magor-container a {
    display: inline-block;
    margin: 30px 0 0 0;
    padding: 0 30px;
    line-height: 36px;
    text-decoration: none;
    color: white;
    background: #484848;
    border-radius: 3px;
}

.page-404-magor-container a:hover {
    background: #e2622e;
}

.page-404-article {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-404-article .footer-popular-block-title,
.page-404-article .popular-footer-img,
.page-404-article .item-list {
    display: none;
}

.page-404-article .view-popular-article-footer .views-row {
    padding: 0 15px 20px;
}

.theme-bar {
    height: 40px;
    background: #242424;
}

.theme-bar .views-row:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.theme-bar .views-row .views-field-field-theme,
.theme-bar .views-row .views-field-php,
.theme-bar .views-row .views-field-field-theme > span,
.theme-bar .views-row .views-field-field-theme > div {
    float: left;
    line-height: 38px;
}

.theme-bar .views-row .views-field-php-1 {
    float: right;
    line-height: 36px;
}

.theme-bar .views-row .views-field-field-theme > span {
    font-style: italic;
    color: #fe6134;
    padding: 0 5px 0 0;
}

.theme-bar .views-row .views-field-field-theme > div a {
    color: white;
    text-decoration: none;
    padding: 0 20px 0 0;
    line-height: 38px;
}

.theme-bar .views-row .views-field-field-theme > div a:hover {
    color: #fe6134;
}

.theme-bar .views-row .views-field-php {
    color: #949494;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 40px;
}

.theme-bar .views-row .views-field-php-1 a {
    color: white;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #505050;
    border-radius: 3px;
    padding: 2px 9px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    white-space: nowrap;
    margin-left: 10px;
    line-height: 16px;
}

.theme-bar .views-row .views-field-php-1 a:hover {
    background: #fe6134;
    border: 1px solid #fe6134;
}

.theme-bar .views-row .views-field-php-1 a.theme-this {
    background: #fe6134;
    border: 1px solid #fe6134;
}

.theme-bar .views-row .views-field-php-1 a.theme-this:hover {
    background: transparent;
    border: 1px solid #505050;
}

.node-type-1 .theme-bar {
    position: relative;
    z-index: 1;
    background: rgba(36,36,36,.7);
}

#additionals-comment .view {
    margin-bottom: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user-attached-image {
    padding: 15px 0 0 0;
}

.field-name-comment-body a {
    text-decoration: none;
    color: #fe6134;
}

.field-name-comment-body a:hover {
    opacity: .7;
}

#block-views-short-news-block-mobile-block-1 {
    display: none;
}

.view-home-seconds-article .views-field-nothing,
.view-day-seconds-article .views-field-nothing,
.view-week-seconds-article .views-field-nothing,
.view-month-seconds-article .views-field-nothing,
.view-all-time-seconds-article .views-field-nothing {
    display: none;
}

.view-magazine-slider span.field-content {
    display: block;
    width: 774px;
    height: 514px;
}

.view-user-comments .view-empty,
.view-user-flags .view-empty,
.view-user-flags-all .view-empty {
    text-align: center;
    padding: 0 0 25px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #939393;
}

.hide {
    display: none !important;
}

.remove-from-page {
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* Column Add Form */

body.page-node-add-column {
    background: #f5f5f5;
}

#column-node-form {
    width: 800px;
    margin: 40px auto;
    color: #303030;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

#column-node-form #edit-field-gallery legend {
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
}

#column-node-form #edit-field-gallery legend span,
#column-node-form #edit-body label,
#column-node-form #edit-field-image label {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    margin: 0 0 20px 0;
}

#column-node-form #edit-field-gallery .tabledrag-toggle-weight-wrapper {
    display: none;
}

#column-node-form #edit-field-gallery .tabledrag-processed {
    width: 100%;
}

#column-node-form #edit-field-image,
#column-node-form #edit-field-gallery {
    margin: 0 0 20px 0;
}

#column-node-form input[type="text"],
#column-node-form input#edit-submit,
#column-node-form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: white;
    border-radius: 4px;
    padding: 15px 20px;
    line-height: 20px;
    color: #303030;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#column-node-form input[disabled="disabled"] {
    background: #ccc;
}

#column-node-form input#edit-path-alias {
    margin-bottom: 0;
    margin-top: 20px;
}

#column-node-form input[type="text"],
#column-node-form input#edit-submit {
    height: 50px;
}

#column-node-form textarea {
    resize: vertical;
}

#column-node-form input[type="text"]:focus,
#column-node-form input#edit-submit:focus,
#column-node-form textarea:focus {
    outline: none;
    border: 1px solid black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#column-node-form input[type="text"].error {
    border: 1px solid #e53238;
}

#column-node-form input[type="text"].error:focus {
    border: 1px solid black;
}

#column-node-form input#edit-submit,
#column-node-form input#edit-submit:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#column-node-form input#edit-submit {
    margin-top: 60px;
    border: 1px solid #ff6333;
    background: #ff6333;
    color: white;
    text-transform: uppercase;
}

#column-node-form input#edit-submit:hover {
    background: white;
    color: #ff6333;
}

#column-node-form a.ckeditor_links,
#column-node-form .grippie {
    display: none !important;
}

#column-node-form .vertical-tabs {
    border: 1px solid #e5e5e5;
    background: white;
    border-radius: 4px;
    display: none;
}

/* Loadnext text button */

.view-rubric-article-block-column {
    padding: 100px 0 0 0;
    margin: -100px 0 0 0;
}

.view-rubric-article-block {
    padding: 100px 0 0 0;
    margin: -100px 0 0 0;
}

.view-column-authors {
    padding: 40px 0 100px 0;
    position: relative;
}

.view-column-authors .view-content:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}

.view-column-authors .view-content {
    margin: 0 -15px ;
}

.view-column-authors .views-row {
    width: 275px;
    height: 300px;
    float: left;
    margin: 0 15px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: relative;
}

.view-column-authors .views-row .views-field-php {
    padding: 30px 0 20px 0;
}

.view-column-authors .views-row .views-field-php a {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.view-column-authors .views-row .views-field-php-1 a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.view-column-authors .views-row .views-field-php-1 a:hover {
    color: hsla(14, 71%, 55%, 1);
}

.view-column-authors .views-row .views-field-field-profile-work {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 48px;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    padding: 5px 20px 0;
    color: #303030;
}

.view-column-authors .views-row .views-field-nothing {
    position: absolute;
    right: 0; bottom: 0; left: 0;
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
}

.view-column-authors .views-row .views-field-nothing > span {
    display: block;
}

.view-column-authors .views-row .views-field-nothing > span:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}

.view-column-authors .views-row .views-field-nothing .column-articles {
    float: left;
    color: #939393;
    font-size: 14px;
}

.view-column-authors .views-row .views-field-nothing .column-articles span {
    font-weight: bold;
    padding: 0 5px 0 0;
    color: #ff6333;
}

.view-column-authors .views-row .views-field-nothing .column-karma {
    float: right;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.view-column-authors .views-row .views-field-nothing .column-karma i {
    padding: 0 5px 0 0;
}

.view-column-authors .views-row .views-field-nothing .column-karma.neutral {
    color: #ccc;
}

.view-column-authors .views-row .views-field-nothing .column-karma.positive {
    color: #30bf25;
}

.view-column-authors .views-row .views-field-nothing .column-karma.negative {
    color: red;
}

.view-column-authors .view-footer {
    bottom: 0;
}

.view-column-authors .view-footer .loadnext-text-button {
    display: block;
    width: 100%;
    margin: 20px 0 40px;
    border-radius: 3px;
    text-align: center;
    padding: 17px 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #c7c7c7;
    color: #c6c6c6;
}

.view-column-authors .view-footer .loadnext-text-button:hover {
    color: white;
    background-color: hsla(240, 43%, 77%, 1);
    border: 1px solid hsla(240, 43%, 77%, 1);
}

#block-views-column-authors-block-block {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 0 0 30px 0;
    position: relative;
}

#block-views-column-authors-block-block h2 {
    border-bottom: 1px solid #e5e5e5;
}

#block-views-column-authors-block-block h2 a {
    display: block;
    color: #292929;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

#block-views-column-authors-block-block h2 a i {
    display: inline-block;
    float: right;
    line-height: inherit;
}

#block-views-column-authors-block-block h2 a:hover {
    color: #ff6333;
}

#block-views-column-authors-block-block .view-footer {
    position: static;
    font-size: 12px;
    color: #939393;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    background-color: #f6f6f6;
    line-height: 50px;
}

#block-views-column-authors-block-block .view-footer span {
    display: block;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#block-views-column-authors-block-block .view-footer span:hover {
    color: #292929;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#block-views-column-authors-block-block .view-content {
    padding: 0 20px;
}

#block-views-column-authors-block-block .views-row {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

#block-views-column-authors-block-block .views-row:last-child {
    border-bottom: none;
}

#block-views-column-authors-block-block .views-row:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}

#block-views-column-authors-block-block .views-field-php {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
}

#block-views-column-authors-block-block .views-field-php a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#block-views-column-authors-block-block .views-field-nothing {
    float: left;
    width: calc(100% - 70px);
    padding: 2px 0 0 0;
}

#block-views-column-authors-block-block .views-field-nothing a {
    display: block;
    color: #303030;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

#block-views-column-authors-block-block .views-field-nothing a:hover {
    color: #ff6333;
}

#block-views-column-authors-block-block .views-field-nothing .column-articles {
    color: #939393;
    font-size: 14px;
    padding: 2px 0 0 0;
}

#block-views-column-authors-block-block .views-field-nothing .column-articles span {
    color: #ff6333;
    font-weight: bold;
    padding: 0 5px 0 0;
}

.term-16.rubric-term i {
    padding: 0 5px 0 0;
    margin: -2px 0 2px 0;
    display: inline-block;
}

.mobile {
    display: none;
}

#block-panels-mini-sidebar-recommended {
    padding: 0 0 30px 0;
}

.short-news-region.without-shadow {
    position: relative;
    padding: 40px 0 40px 0;
}

.short-news-region.without-shadow:after {
    display: none;
}

.node-type-1 #content > .box-container {
    padding: 40px 40px 0;
}

sup, sub {
    position: relative;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    font-size: 70%;
}

sup {
    bottom: .5em;
}

sub {
    top: .2em;
}

#block-views-advertising-modal-block {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100;
}

#block-views-advertising-modal-block .modal-banner-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 22px;
    cursor: pointer;
}

#block-views-advertising-modal-block .modal-banner-close:hover {
    color: #ff6333;
}

#block-views-advertising-modal-block .view-footer {
    position: static;
}

#block-views-advertising-modal-block .modal-banner-close-perm {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
}

#block-views-advertising-modal-block .modal-banner-close-perm:hover {
    color: #ff6333;
}

#block-views-advertising-modal-block .views-field-changed {
    display: none;
}

#block-views-advertising-modal-block .naked-banner a {
    display: block;
    height: inherit;
    width: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ml-subscribe-form {
    margin: 0 auto !important;
    width: 452px !important;
}

.pane-node-text-top {
    padding: 30px 0 0 0;
}

#edit-field-official-und,
#block-views-search-modal-block .views-exposed-widget.views-submit-button {
    display: none;
}

.page-user-reset #content .content-center{
 text-align: center;
}

.page-user-reset #content .content-center .region-highlighted {
  display: inline-block;
}

body.search-tags-page .pane-title {
    padding: 30px 0 0 0;
    /*text-transform: capitalize;*/
    font-size: 28px;
    font-weight: bold;
}
body.search-tags-page .pane-title span{text-transform: lowercase;}

.pane-column-author {
    margin: 30px 0;
}

.pane-column-author + .panel-separator + .pane-node-field-tags {
    margin: 0 0 20px -7px;
}

.view-column-author {
    border: 1px solid #e5e5e5;
}

.view-column-author .field-content:after {
    visibility: hidden;
    display: table;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.view-column-author .column-author-profile-image {
    padding: 20px;
    width: 120px;
    box-sizing: border-box;
    float: left;
}

.view-column-author .column-author-profile-info {
    float: left;
    width: calc(100% - 120px);
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    padding: 20px;
    background: #fafafa;
    color: #939393;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    min-height: 120px;
}

.view-column-author .column-author-profile-image a {
    display: block;
    width: 80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.view-column-author .column-author-profile-name {
    line-height: 28px;
    height: 28px;
    padding: 0 0 10px 0;
}

.view-column-author .column-author-profile-name a {
    float: left;
    display: block;
    width: 50%;
    font-size: 20px;
    color: #303030;
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
}

.view-column-author .column-author-profile-name a:hover {
    color: hsla(14, 71%, 55%, 1);
}

.view-column-author .column-author-profile-name .column-articles {
    float: left;
    width: 50%;
    color: #939393;
    font-size: 14px;
    text-align: right;
}

.view-column-author .column-author-profile-name .column-articles span {
    font-weight: bold;
    padding: 0 5px 0 0;
    color: #ff6333;
}






#block-views-last-article-comment-block {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
	margin-bottom: 30px;
}

#block-views-last-article-comment-block h2 {
    color: #292929;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 22px 18px 0;
    font-family: 'Roboto',sans-serif;
}

.comment.ajax-comment-wrapper .user-picture {
    position: absolute;
    top: 25px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.comment.ajax-comment-wrapper .user-picture img {
    width: 100%;
    height: auto;
}


.view-last-article-comment .views-row.comment.ajax-comment-wrapper:first-child {
    border-top: none;
}

.view-last-article-comment .views-row.comment.ajax-comment-wrapper {
	padding: 20px 0 20px 70px;
}

.view-last-article-comment .views-row {
    position: relative;
    margin: 0 20px 0 18px;
}

.view-last-article-comment .views-row.comment.ajax-comment-wrapper .attribution .user-picture {
    position: absolute;
    top: 25px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}


.view-last-article-comment .views-field-php-1 {
	display: inline-block;
}


.view-last-article-comment .comment.ajax-comment-wrapper .views-field-php-1 a {
    color: #292929;
    text-decoration: none;
	font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 0 30px 0 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.view-last-article-comment .comment.ajax-comment-wrapper .views-field-php-1 a:hover{
    color: #ff7149;
}


.view-last-article-comment .comment-time {
	font-size: 12px;
    color: #bababa;
    font-family: 'Roboto', sans-serif;
	display: inline-block;
    padding: 0 0 0 23px;
    position: relative;
}


.view-last-article-comment .comment-time:before {
    font-family: FontAwesome, sans-serif;
    content: '\f017';
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #bababa;
}


.view-last-article-comment .pager--infinite-scroll .pager__item {
    position: static;
    font-size: 12px;
    color: #939393;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    background-color: #f6f6f6;
    border-top: 1px solid #e5e5e5;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	left: 0;
    right: 0;
    bottom: 55px;
    z-index: 1;
    text-align: center;
}

.view-last-article-comment .pager--infinite-scroll .pager__item a {
	display: block;
    text-decoration: none;
    color: inherit;
	position: relative;
}


.view-last-article-comment .pager--infinite-scroll .pager__item a.animate-rotate {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  /*
  background: url(../images/pnew.gif) no-repeat !important;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	*/
}

.view-last-article-comment .pager--infinite-scroll .pager__item:hover {
    color: #424242;
    background-color: #fff;
}

.view-last-article-comment .pager--infinite-scroll .pager__item a:hover {
  color: #424242;
}

.view-last-article-comment .views-field-comment-body {
    max-height: 58px;
    overflow: hidden;
    font-size: 14px;
}

.comment-node a {
    color: #292929;
    text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
	font-size: 14px;
    display: block;
	margin-top: 6px;
	-webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

body.node-type-article .region-sidebar-right .views-row.comment:hover .views-field-title a {
    color: inherit;
}

body.node-type-article .region-sidebar-right .views-row.comment .views-field-title a:hover{
    color: #ff7149;
}

.comment-node a:before {
    font-family: FontAwesome,sans-serif;
    content: '\f112';
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 14px;
    color: #bababa;

	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.pane-advertising-node-text-bottom {
	margin-top: 20px;
}

.pane-advertising-node-text-bottom .naked-banner a {
	display: block;
    width: 100%;
    height: 100%;
}






.pane-block-in-article-top-choice {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 20px;
    margin: 24px 37px 19px 0;
    float: left;
}

.pane-block-in-article-top-choice .pane-title {
	color: #ff6333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 22px 0;
    font-family: 'Roboto',sans-serif;
}

.pane-block-in-article-top-choice .view {
    font-size: 0;
    margin: 0 -15px;
}

.pane-block-in-article-top-choice .views-row {
    width: 227px;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    font-size: 16px;
    position: relative;
    box-sizing: border-box;
}

.pane-block-in-article-top-choice .views-field-php {
	height: 110px;
    overflow: hidden;
    margin: 0 0 15px;
}

.pane-block-in-article-top-choice .views-field-php a {
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
	border-radius: 3px;
}

.pane-block-in-article-top-choice .views-field-nothing-1 > span > span {
    display: block;
}

.pane-block-in-article-top-choice .home-tag {
    padding: 0 0 15px;
}

.pane-block-in-article-top-choice .home-title {
    padding: 0;
}

.pane-block-in-article-top-choice .home-title a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #262626;
    -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
}

.pane-block-in-article-top-choice .views-row:hover .home-title a { color: #ff6333; }

.pane-block-in-article-top-choice .views-field-ops {
    position: absolute;
    top: -15px;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
       -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
            transition: opacity 0.3s linear;
}

.pane-block-in-article-top-choice .views-row:hover .views-field-ops {
    opacity: 1;
}

.pane-block-in-article-top-choice .views-field-ops a {
    color: white !important;
}

.pane-block-in-article-top-choice .views-field-ops i {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: white;
    background: white;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    background: #e53238;
    font-family: FontAwesome;
}

.pane-block-in-article-top-choice .views-field-ops i:hover {
    opacity: .8;
}

.pane-block-in-article-top-choice .views-field-ops i,
.pane-block-in-article-top-choice .views-field-ops i:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pane-block-in-article-top-choice .views-field-ops i:before {
    content: "\f00d";
    display: block;
}

.pane-block-in-article-top-choice .views-field-field-lead {
    font-size: 14px;
    line-height: 24px;
    color: #828282;
}




#all-news-menu h2 {
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

#all-news-menu a {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #d1d1d1;
	float: left;
    padding: 0 0 0 50px;
}

.text-theme-link {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #d1d1d1;
	position: relative;
}

.popular-menu-full.popup-menu {
	display: none;
	width: 135px;
	position: absolute;
    right: 0;
    top: 30px;
    background: #fff;
    border: 1px solid #eee;
    z-index: 10;
	border-radius: 3px;
	-webkit-box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.3);
       -moz-box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.3);
            box-shadow: 2px 3px 10px 0 rgba(50, 50, 50, 0.3);

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-menu-full.popup-menu li {
	float: none;
	margin: 0;
}

.popular-menu-full.popup-menu li a {
	display: block;
	margin: 15px 30px 15px 15px;
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #d1d1d1;
}

.popular-menu-full.popup-menu li a:hover,
.popular-menu-full.popup-menu li a.active {
    color: #ff6333;
}

#popular-menu span.theme-link {
	float: right;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	cursor: pointer;
	display: block;
    position: relative;
	padding-right: 15px;
	padding-left: 5px;
}

#popular-menu span.theme-link:after {
	font-family: FontAwesome, sans-serif;
    content: '\f0d7';
    position: absolute;
    bottom: 1px;
    right: 0;
    font-size: 14px;
    color: #bababa;
}

#popular-menu span.theme-link.open:after {
	color: #ff6333;
}

#popular-menu {
	overflow: inherit;
    padding: 37px 0 50px;
}



/************************************************************************************/


.pane-popular-articles {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 30px;
	position: relative;
}

.pane-popular-articles h2 {
	line-height: 50px;
    padding: 0 30px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #292929;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.view-popular-articles .views-exposed-form #edit-created-wrapper > label,
.view-popular-articles .views-exposed-form #edit-created .form-radio {
	display: none;
}

.view-popular-articles .views-exposed-form #edit-created-wrapper {
	position: absolute;
	right: 5px;
    top: 10px;
}

.view-popular-articles .views-exposed-form #edit-created .form-item {
	float: left;

	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #d1d1d1;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    position: relative;
    padding-left: 20px;
}



.view-popular-articles .views-exposed-widgets, .view-popular-articles  .item-list ul {
    margin: 0;
    padding: 0;
    height: 0;
}


.view-popular-articles .views-exposed-form #edit-created .form-item label {
	cursor: pointer;
}

.view-popular-articles .views-exposed-form #edit-created .form-item:hover,
.view-popular-articles .views-exposed-form #edit-created .form-item input[checked="checked"] + label {
    color: #ff6333;
}


.view-popular-articles .views-row {
    float: left;
    width: 243px;
    margin: 0 30px 0 0;
}

.view-popular-articles .views-row:last-child {
    margin: 0;
}

.view-popular-articles .view-content {
    padding: 30px;
}

.view-popular-articles .view-content:after {
    content: "";
    display: block;
    clear: both;
}


.view-popular-articles .views-field-php {
    margin: 0 0 25px 0;
    width: 243px;
    height: 165px;
    overflow: hidden;
    position: relative;
}

.view-popular-articles .views-field-php a {
    display: block;
    width: 243px;
    height: 165px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.view-popular-articles .views-field-title a {
    display: block;
    text-decoration: none;
    color: #292929;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.view-popular-articles .views-field-term-node-tid {
    padding: 0 0 10px 0;
}

.naked-banner iframe{margin-top:10px}

.not-front .rubric-term{margin-bottom:7px;}

/************************************************************************************/