/***

------------------------------------------
Colors
    Dark blue: #12427c
    Clear blue: #1b9fe2
    Main grey: #b4b4b4
    Secondary Grey: #505050
    BG grey: #f3f3f3

Typography
    Nav: 'Roboto', sans-serif; 15px #12427c;
    Main title: font-family: 'Roboto Slab', sans-serif; 48px #303030;
    Body: font-family: 'Roboto', sans-serif; 16px #222222;
-------------------------------------------------------------------------
*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


/************** opennemas common css ******************/

.image-middle-wide div.article-media,
.image-top-wide div.article-media {
    width: 100%
}

.image-top-right div.article-media {
    max-width: 60%;
    float: right!important;
    margin-left: 10px
}

.image-top-left div.article-media {
    max-width: 60%;
    float: left;
    margin-right: 10px
}

.image-middle-right div.article-media {
    max-width: 60%;
    float: right!important;
    margin-left: 10px
}

.image-middle-left div.article-media {
    max-width: 60%;
    float: left;
    margin-right: 10px
}

.widget-rss .external-feeds {
    border-bottom: 1px dotted #D0D0D0;
    padding: 0 5px;
    min-height: 300px
}

.widget-rss div.gfc-result {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #D0D0D0
}

.widget-rss div.gfc-result div.gf-title {
    height: auto
}

.widget-rss div.gfc-result div.gf-title a {
    font-family: sans-serif;
    font-weight: 700;
    color: #111;
    line-height: 16px
}

.widget-rss div.gfc-result div.gf-author {
    font-size: 10px;
    font-style: italic;
    font-weight: 700
}

.widget-rss div.gfc-result div.gf-snippet {
    font-size: 12px;
    margin-top: 5px
}

.poll form {
    display: inline-block;
    width: 100%
}

.poll .submit-button {
    text-align: center;
    font-size: 11px;
    margin-right: 20px;
    float: right
}

.poll ul {
    list-style: none
}

.hidden {
    display: none
}

.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center
}

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

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: default
}

article.ecm-new.opinion a.opinion-author-name {
    text-transform: uppercase
}

.article-comments {
    margin: 10px 0
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cookies_overlay {
    position: fixed;
    left: 0;
    top: 0;
    color: #fff;
    width: 100%;
    z-index: 999999;
    font-size: 14px;
    text-align: left;
    padding: 4px 0;
    background-color: #555;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2)
}

.cookies-overlay {
    margin: 0 auto;
    max-width: 960px
}

.cookies-overlay p {
    margin: 0;
    float: left;
    width: 80%;
    padding: 8px
}

.cookies-overlay button {
    background: #fff;
    border: none;
    border-radius: 2px;
    margin: 4px 10px;
    padding: 8px 16px;
    color: #555;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal
}

.cookies-overlay button:hover {
    background: rgba(255, 255, 255, .8)
}

.cookies-overlay a {
    color: #fff!important;
    font-weight: bold;
    text-decoration: underline
}


/*****  media queries *****
xs - @media (max-width: 479px)  {} Mobile
ms - @media (min-width: 480px) and (max-width: 767px) {} Tablet
sm - @media (min-width: 768px) and (max-width: 991px) {} Portable
md - @media (min-width: 992px) and (max-width: 1199px) {} Desktop
lg - @media (min-width: 1200px) {} iMac, etc
***/


/***********************************************************
General definitions
************************************************************/

body {
    background-color: #fff;
    color: #222;
    font-family: Roboto, 'sans serif';
    font-weight: 400;
    overflow-x: hidden;
}

body.noscroll {
    height: 100%;
    overflow: hidden;
}

body img {
    max-width: 100%;
}

a {
    color: #1b9fe2;
    -webkit-transition: color 200ms ease-in-out, opacity 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, opacity 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, opacity 200ms ease-in-out;
    transition: color 200ms ease-in-out, opacity 200ms ease-in-out;
}

a:hover {
    color: #1b9fe2;
    text-decoration: none;
}

.title {
    font: 1.5rem/1.15em 'Roboto Slab', 'sans serif';
    font-weight: 600;
}

.subtitle {
    color: #505050;
    font-family: 'Roboto Slab', 'sans serif';
    font-weight: 600;
}

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


/***********************************************************
general tools
************************************************************/

.main-header {
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 1030;
}

.header {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

.header .header-wrapper {
    min-height: 90px;
}

.header-logo {
    font-family: 'Roboto Slab';
    font-weight: bold;
    letter-spacing: -.02em;
    margin: 0;
}

.header-logo img {
    max-height: 84px;
}

.pagination,
.widget-content ul.pagination {
    display: flex!important;
    font-size: 1.25rem;
    font-weight: 300;
    height: 48px;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    text-transform: uppercase;
}

.pagination:after,
.widget-content ul.pagination:after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 1;
}

.pagination .disabled,
.widget-content ul.pagination .disabled {
    pointer-events: none;
}

.pagination li,
.widget-content ul.pagination li {
    background-color: #fff!important;
    border: 1px solid transparent;
    line-height: 48px;
    /* padding-left: 5px;
    padding-right: 5px; */
    position: relative;
    z-index: 5;
}

.pagination li.active,
.widget-content ul.pagination li.active,
.pagination li:hover,
.widget-content ul.pagination li:hover {
    border: 1px solid #e2e2e2;
}

.pagination a {
    opacity: .75;
    padding-left: 10px;
    padding-right: 10px;
}

.pagination:hover a {
    opacity: 1;
}

.pagination .disabled a {
    opacity: .25;
}

.pagination .next,
.pagination .previous {
    background-color: #fff;
    border: 1px solid transparent;
    line-height: 48px;
    z-index: 2;
}

.pagination .next:hover,
.pagination .previous:hover {
    border: 1px solid transparent;
}

.pagination .next:after,
.pagination .previous:after {
    content: '';
    font-family: Fontawesome;
    height: 48px;
    line-height: 48px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 48px;
}

.pagination .next:after {
    content: '\f105';
    left: -140px;
    text-align: right;
}

.pagination .previous:after {
    content: '\f104';
    right: -140px;
    text-align: left;
}

.pagination .next:hover:after {
    left: -46px;
    opacity: 1;
    transition: opacity 200ms ease-in-out 0s;
}

.pagination .previous:hover:after {
    opacity: 1;
    right: -46px;
    transition: opacity 200ms ease-in-out 0s;
}

.pagination .next a,
.pagination .previous a {
    display: block;
    height: 48px;
}

.pagination .next {
    padding-left: 15px;
    right: 0;
}

.pagination .previous {
    left: 0;
    padding-right: 15px;
}

.header-section {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #12427c;
    font: 300 1.5rem Roboto, sans-serif;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    text-transform: uppercase;
}

.header-section a,
.widget-content .header-section a {
    border-bottom: 1px solid #12427c;
    color: #12427c;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 30px;
}

.header-section a:hover {
    border-bottom: 1px solid #1b9fe2;
    color: #1b9fe2;
}

.header-title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #12427c;
    font: 16px Roboto, sans-serif;
    margin: 15px 0;
    padding-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
}

.capture {
    position: relative;
}

.play-button,
.widget-content .play-button {
    background-color: #12427c;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1em;
    height: 48px;
    left: 50%;
    line-height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 1;
    padding: 0 0 0 2px;
    pointer-events: none;
    position: absolute;
    right: inherit;
    text-align: center;
    top: 50%;
    width: 48px;
}

.play-button a,
.widget-content .play-button>a {
    background-color: transparent;
    color: #fff;
}

.play-button:hover {
    background-color: #1b9fe2;
}

.greyscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
}

.lightgrey {
    background-color: #fafafa;
}

figure img {
    max-width: 100%;
    width: 100%;
}

figure a {
    display: block;
    overflow: hidden;
}

figure a img:hover {
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    ;
    transform: scale(1.1);
}

figure a img {
    -webkit-transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
}

.back-to-top {
    border-radius: 24px;
    bottom: 32px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    display: none;
    margin-left: -15px;
    overflow: hidden;
    position: fixed;
    right: 32px;
    -webkit-transition: bottom .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: bottom .2s ease-in-out, box-shadow .2s ease-in-out;
    z-index: 1;
}

.back-to-top:hover {
    bottom: 37px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.back-to-top i {
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
}


/***********************************************************
Utilities
************************************************************/

.darken {
    filter: brightness(25%);
}

.bg-darken {
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 100%);
    background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 100%);
    background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 100%);
}

.hide {
    display: none;
}

.no-border {
    border-style: none!important;
}

.btn {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    transition: opacity 200ms ease-in-out 0s;
}

.btn:hover {
    opacity: .9;
}


/* Loader */

#loader {
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 100px;
    z-index: 1;
}

#infiniteloader {
    height: 80px;
    margin-top: -10px;
    position: relative;
}

.arcContain {
    left: 50%;
    position: absolute;
    top: 50%;
}

.arcContain.rad1 {
    -webkit-animation: rotatee 2s infinite linear;
    animation: rotatee 2s infinite linear;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
}

.arcContain.rad2 {
    -webkit-animation: rotatee 1.8s infinite linear;
    animation: rotatee 1.8s infinite linear;
    height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
    width: 45px;
}

.arcContain.rad3 {
    -webkit-animation: rotatee 1.6s infinite linear;
    animation: rotatee 1.6s infinite linear;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
}

.arcContain .arc {
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
}

.arcContain.rad1 .arc {
    border: 8px solid #13345f;
    border-bottom: 8px solid transparent;
    height: 50px;
    width: 50px;
}

.arcContain.rad2 .arc {
    border: 7px solid #1c7db8;
    border-bottom: 7px solid transparent;
    height: 45px;
    width: 45px;
}

.arcContain.rad3 .arc {
    border: 6px solid #28a8e0;
    border-bottom: 6px solid transparent;
    height: 40px;
    width: 40px;
}

.archideLeft .arc {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}

.archide {
    -webkit-animation: appear .1s ease-in .1s forwards;
    animation: appear .1s ease-in .1s forwards;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.archideLeft {
    -webkit-animation: appear .1s ease-out forwards;
    animation: appear .1s ease-out forwards;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}

@-webkit-keyframes appear {
    to {
        height: 100%;
    }
}

@-moz-keyframes appear {
    to {
        height: 100%;
    }
}

@-o-keyframes appear {
    to {
        height: 100%;
    }
}

@keyframes appear {
    to {
        height: 100%;
    }
}

@-webkit-keyframes rotatee {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotatee {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes appearfromleft {
    to {
        left: -10px;
        opacity: 1;
    }
}

@-moz-keyframes appearfromleft {
    to {
        left: -10px;
        opacity: 1;
    }
}

@-o-keyframes appearfromleft {
    to {
        left: -10px;
        opacity: 1;
    }
}

@keyframes appearfromleft {
    to {
        left: -10px;
        opacity: 1;
    }
}


/* Openhost badge */

.openhost-badge {
    background-color: #11427b;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-box-shadow: 0 4px 8px -4px rgba(26, 159, 226, 1);
    box-shadow: 0 4px 8px -4px rgba(26, 159, 226, 1);
    font: 12px Roboto;
    height: 32px;
    overflow: hidden;
    position: fixed;
    right: -100px;
    top: 4px;
    width: 340px;
    z-index: 999999;
}

.openhost-badge.showhide {
    right: -100%;
}

.openhost-badge:hover {
    background-color: #019ee3;
    right: 0;
}

.openhost-badge img {
    height: 16px;
    margin-left: 8px;
    margin-right: 4px;
    margin-top: -2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto;
}

.openhost-badge .label-badge {
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    left: 0;
    line-height: 16px;
    margin-top: 8px;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.openhost-badge .label-badge strong {
    text-transform: uppercase;
}

.openhost-badge .badge-wrap {
    background-color: #11427b;
    color: #fff;
    font-weight: 600;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    position: absolute;
    right: 0;
    top: 0;
}


/* Article navigations */

.article-navigation {
    background-color: #3c3c3c;
    -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .2);
    height: 60px;
    position: fixed;
    top: 30%;
    transform: rotate(45deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 60px;
    z-index: 999;
}

.article-navigation:hover {
    background-color: #1e1e1e;
}

.article-navigation.next {
    right: -45px;
}

.article-navigation.prev {
    left: -45px;
}

.article-navigation .article {
    background-color: #fff;
    bottom: 42px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    opacity: 0;
    padding: 10px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    width: 280px;
    z-index: 999;
}

.article-navigation:hover .article {
    opacity: 1;
    visibility: visible;
}

.article-navigation.prev .article {
    bottom: inherit;
    left: 35px;
    top: -135px;
}

.article-navigation.next .article {
    bottom: inherit;
    right: 15px;
    top: 115px;
}

.article-navigation .article .article-media {
    margin: 0;
}

.article-navigation .article .article-media figure {
    float: left;
    height: 80px;
    margin: 0;
    width: 80px;
}

.article-navigation .article .article-media figure img {
    height: 80px;
    object-fit: cover;
}

.article-navigation .article .article-data {
    margin-left: 10px;
    padding-left: 80px;
}

.article-navigation .article .article-data .title a {
    color: #303030;
    float: left;
    font-size: 16px;
    line-height: 1.15em;
}

.back-to-top i:hover {
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, .1) .1%, rgba(0, 0, 0, .1) 100%);
    background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, .1) .1%, rgba(0, 0, 0, .1) 100%);
    background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, .1) .1%, rgba(0, 0, 0, .1) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) .1%, rgba(0, 0, 0, .1) 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.article-navigation.prev i {
    margin-left: 18px;
    margin-top: -18px;
}

.article-navigation.next i {
    margin-left: -18px;
    margin-top: 18px;
}

.article-navigation i {
    color: #fff;
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transform: rotate(-45deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 60px;
}


/**********************************************************
Main nav menu
************************************************************/

.main-nav-menu {
    background-color: #fff;
    float: left;
    height: 100%;
    max-width: 360px;
    overflow-y: scroll;
    position: fixed;
    left: -100%;
    top: 0;
    transition: left 200ms ease-in-out 0s;
    width: 100%;
    z-index: 5000;
}

.main-nav-menu-curtain {
    animation: fadeIn 1s ease-in-out 0s infinite alternate;
    background-color: #000;
    bottom: 0;
    content: '';
    left: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in-out 0s;
    z-index: 2;
}

.opened .main-nav-menu-curtain {
    left: 0;
    opacity: .8;
}

.main-nav-menu.opened {
    left: 0;
}

.main-nav-menu .section-listing-block {
    display: block;
}

.main-nav-menu .section-listing ul li.search {
    display: inline-block;
    margin: 0 15px;
    padding: 0;
}

.main-nav-menu .search-block {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #cacaca;
    display: block;
    float: left;
    padding: 10px 15px;
    width: 100%;
}

.main-nav-menu .search-block .navbar-form {
    margin: 0;
    padding: 0;
    position: relative;
}

.main-nav-menu .search-block .search-button {
    background-color: transparent;
    border-style: none;
    color: #fff;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 22px;
    padding: 5px 0;
    position: relative;
    width: 32px;
    z-index: 1;
}

.main-nav-menu .search-block .search-button:hover {
    color: #12427c;
}

.main-nav-menu .navbar-form .form-input {
    display: inline-block;
    float: left;
}

.main-nav-menu::-webkit-scrollbar {
    width: 8px;
    /* height: 8px;
    display: none; */
}

.main-nav-menu::-webkit-scrollbar-track {
    background: #e1e1e1;
}

.main-nav-menu::-webkit-scrollbar-thumb {
    background: #999;
    /* border-radius: 4px; */
}

.main-nav-menu::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.main-nav-menu::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

.main-nav-menu::-webkit-scrollbar-track:hover,
.main-nav-menu::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}

.main-nav-menu {
    scrollbar-width: thin;
    scrollbar-color: #999 #e1e1e1;
}

.navbar-form .form-input .form-control {
    display: inline-block;
    float: left;
    width: auto;
}

.navbar-form .form-input .form-control.input-opened {
    display: block;
}

.main-share {
    display: inline-block;
    float: right;
    line-height: 32px;
    z-index: 1;
}

.main-share .social-links {
    margin-bottom: 0;
    margin-right: 15px;
}

.main-share .social-links li {
    line-height: 48px;
    margin-right: 0;
}

.main-share .social-links li a {
    display: inline-block;
    min-width: 32px;
    position: relative;
    text-align: center;
}

.main-share .social-links li a:hover {
    opacity: .8;
}

.menu-nav .sections-toggle-button {
    height: 48px;
}

.menu-nav .sections-toggle-button a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
}

.sections-toggle-button.site-color {
    display: inline-block;
    float: right;
    text-align: right;
}

.sections-toggle-button input {
    cursor: pointer;
    display: block;
    height: 48px;
    left: -5px;
    opacity: 0;
    position: absolute;
    top: -7px;
    width: 48px;
    z-index: 2;
    -webkit-touch-callout: none;
}

.sections-toggle-button span {
    background: #cdcdcd;
    border-radius: 2px;
    display: block;
    height: 2px;
    margin-bottom: 8px;
    margin-left: 8px;
    position: relative;
    transition: all 200ms ease-in-out 100ms, background .5s cubic-bezier(.77, .2, .05, 1.0), opacity .55s ease;
    width: 32px;
    z-index: 1;
}

.sections-toggle-button span:first-of-type {
    margin-top: 12px;
}

.sections-toggle-button:hover span {
    background-color: #a6a6a6;
    transform: rotate(180deg);
}

.sections-toggle-button span:first-of-type {
    transition-delay: 0;
}

.sections-toggle-button span:last-of-type {
    transition-delay: 200ms;
}

.sections-toggle-button:hover span {
    background-color: #a6a6a6;
    transform: rotate(180deg);
}

.opened .sections-toggle-button span {
    background-color: #fff;
    transform-origin: 0 0;
}

.opened .sections-toggle-button span {
    transition: all 200ms ease-in-out 0s!important;
}

.opened .sections-toggle-button:hover {
    cursor: pointer;
}

.opened .sections-toggle-button:hover span {
    transform: rotate(45deg);
    transform-origin: 0 0;
}

.opened .sections-toggle-button:hover span:first-of-type {
    margin-top: 24px;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
}

.opened .sections-toggle-button:hover span:last-of-type {
    margin-top: -20px;
    transform: rotate(135deg);
    transform-origin: 50% 50%;
}

.opened .sections-toggle-button:hover span:nth-last-child(2) {
    opacity: 0;
    transform: rotate(0deg) scale(.2, .2);
}

.opened .sections-toggle-button span:first-of-type {
    margin-top: 12px;
    transform: rotate(0);
}

.opened .sections-toggle-button span:last-of-type {
    margin-top: 0;
    transform: rotate(0);
}

.opened .sections-toggle-button span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(0deg) scale(1, 1);
}

.main-nav-menu .sections-toggle-button {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    text-align: right;
}

.main-nav-menu .sections-toggle-button a {
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
}

.main-nav-menu .nav-logo {
    padding: 15px;
}

.main-nav-menu .nav-logo img {
    height: auto;
    max-height: 48px;
    max-width: 300px;
    width: auto;
}

.main-nav-menu .main-share {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    float: left;
    text-align: left;
    width: 100%;
}

.main-nav-menu .main-share .social-links {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
}

.main-nav-menu .main-share .social-links li a,
.main-nav-menu .main-share .social-links li a .fa {
    color: #fff!important;
}

.main-nav-menu .section-listing-block ul.menu {
    clear: left;
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    list-style: none;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}

.main-nav-menu .section-listing-block ul.menu li a {
    display: block;
    float: left;
    line-height: 1rem;
    padding: 15px;
    width: 100%;
}

.main-nav-menu .section-listing-block ul.menu li a:hover {
    background-color: rgba(255, 255, 255, .1);
}

.main-nav-menu .section-listing-block ul.menu .submenu {
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    width: 100%;
}

.main-nav-menu .section-listing-block ul.menu .submenu li a {
    opacity: .9;
    padding-left: 20px;
}


/* main-nav-menu initial to tablet portrait & mobile*/

@media (max-width: 991px) {
    .header-logo {
        text-align: left;
    }
    .header-logo img {
        height: 32px !important;
        text-align: center;
    }
}


/* Portable + Desktop */

@media (min-width: 768px) and (max-width: 1199px) {
    .main-nav-menu .section-listing>ul>li {
        margin-left: 10px;
        margin-right: 10px;
    }
}


/*==================================================
Fixed navbar
================================================== */

.fixed-header {
    background-color: #fff;
    border-bottom: 1px solid #12427c;
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, .2);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}


/***********************************************************
Footer content definition
************************************************************/

.footer {
    background-color: #454545;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}

.footer ul {
    margin: 0;
    padding: 0;
}

.footer-content {
    color: #fff;
    font-weight: 300;
}

.footer .header-section {
    border-bottom-color: rgba(255, 255, 255, .1);
    color: #fff;
    padding-bottom: 20px;
}

.footer .header-section span {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding-bottom: 30px;
}

.footer .contact-data {
    font-size: .9em;
}

.footer .contact-data p span {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer .footer-logo {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    font: 2rem 'Roboto Slab';
    letter-spacing: -.02em;
    padding-bottom: 30px;
    text-align: center;
}

.footer .footer-logo img {
    max-height: 64px;
}

.footer .developed-by {
    margin-top: 20%;
    text-align: center;
}

.footer .developed-by a {
    font-weight: 500;
}

.footer .footer-utilities .main-search-form {
    border-radius: 6px;
    display: none;
    opacity: .8;
}

.footer nav ul {
    font-size: .9em;
    font-weight: 400;
    list-style: none;
}

.footer nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: none;
}

.footer nav ul li a {
    color: #fff;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
}

.footer nav ul li a:hover {
    opacity: .8;
}

.footer nav ul li ul {
    float: left;
    margin-left: 10px;
}

.footer nav ul li ul li {
    border-bottom-style: none;
    margin-bottom: -1px;
    opacity: .8;
}


/* =============================================================================
Advertisement
========================================================================== */

.ads {
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
}

.ads.container {
    max-width: 100%;
    overflow: hidden;
}

.ads-break {
    line-height: 0;
    margin-bottom: 10px;
    white-space: nowrap;
}

.ad-left,
.ad-right {
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: top;
}

.ad-left+.ad-right {
    margin-left: 10px;
}

.inner-content .oat-visible {
    padding-bottom: 10px;
}

.oat-top {
    margin-top: 0;
}

.oat-top.oat-visible {
    margin-bottom: 10px;
    margin-top: 20px;
}

.oat-visible+.oat-visible {
    margin-top: 25px;
}

.ads-skyscraper-container {
    background-color: transparent;
    margin-top: 80px;
    max-width: initial;
    position: absolute;
    width: 100%;
    z-index: 998;
}

.ads-skyscraper-container.fixed-transition {
    margin-top: 0;
    position: fixed;
    transition: top 250ms ease-in-out 0s;
}

.ads-skyscraper-container>div {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1140px;
}

.ad-skyscraper-left {
    left: -160px;
    position: absolute;
    text-align: right;
}

.ad-skyscraper-right {
    position: absolute;
    right: -160px;
    text-align: left;
}

.ad-inner {
    clear: both;
    margin-top: 30px;
    padding-bottom: 30px;
}

.ad-only-phone {
    text-align: center;
    width: 100%;
}


/* =============================================================================
Frontpage
========================================================================== */


/* =============================================================================
Custom ONM owl-carousel
========================================================================== */

.owl-carousel.owl-theme .owl-nav {
    left: 0;
    margin-top: -24px;
    position: absolute;
    right: 0;
    top: 50%;
}

.owl-carousel.owl-theme .owl-nav i:hover {
    background-color: #1b9fe2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.owl-carousel.owl-theme .owl-nav .owl-next,
.owl-carousel.owl-theme .owl-nav .owl-prev {
    background-color: #12427c;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    color: #fff;
    display: block;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 48px;
}

.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel.owl-theme .owl-nav .owl-next {
    right: 0;
}

.owl-carousel.owl-theme .owl-dots {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.widget_last_in_section_photo .owl-carousel .carousel-caption .title,
.widget_last_in_section_photo .owl-carousel .carousel-caption .title a {
    display: -webkit-box;
    font-size: 1.3em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.widget_last_in_section_photo .owl-carousel .carousel-caption .title a {
    color: #fff;
}

.widget_last_in_section_photo .owl-carousel .carousel-caption .content-info,
.widget_last_in_section_photo .owl-carousel .carousel-caption .summary {
    display: none!important;
}

.widget_last_in_section_photo .tag-container {
    display: none;
}

.widget_last_in_section_photo .widget-content ul li.selected {
    background-color: #f1f1f1;
}


/* =============================================================================
Frontpage wrapper carousel
========================================================================== */

.ecm-owl-carousel-titles .carousel-headlines {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.ecm-owl-carousel-titles .headlines-title {
    box-shadow: inset 0 -1px rgba(0, 0, 0, .1);
    flex-direction: column;
    height: 110px;
    justify-content: center;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ecm-owl-carousel-titles .carousel-headlines .title {
    display: block;
    display: -webkit-box;
    float: left;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ecm-owl-carousel-titles .carousel-headlines .title a {
    color: #303030;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ecm-owl-carousel-titles .carousel-headlines .title a:hover {
    color: #1b9fe2;
}

.ecm-owl-carousel-titles .carousel-headlines .selected {
    background-color: #1b9fe2;
    padding-bottom: 10px;
    position: relative;
}

.ecm-owl-carousel-titles .carousel-headlines .selected:after {
    animation: appearfromleft 250ms;
    animation-delay: 400ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    border-bottom: 20px solid transparent;
    border-left: 0 solid transparent;
    border-right: 10px solid #1b9fe2;
    border-top: 20px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin-top: -20px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}

.ecm-owl-carousel-titles .carousel-headlines .selected .title a {
    color: #fff;
    pointer-events: none;
}

.ecm-owl-carousel-titles .carousel-headlines .tag-container {
    color: #b4b4b4;
    display: none;
    float: left;
    font-size: .88em;
    margin-top: 5px;
    text-transform: uppercase;
    width: 100%;
}

.ecm-owl-carousel-titles .carousel-headlines .selected .tag-container a {
    color: #fff;
}

.ecm-owl-carousel-titles .carousel-headlines .tag-container a {
    color: #b4b4b4;
}

.ecm-owl-carousel .carousel {
    padding-left: 0;
    padding-right: 0;
}

.ecm-owl-carousel .carousel-inner {
    cursor: url(../images/grabbing.png) 8 8, move;
}

#simplo-owl-carousel .item {
    display: block;
    height: auto;
    width: 100%;
}


/* Owl-carousel-custom */

.ecm-owl-carousel-titles {
    background-color: #fafafa;
    min-height: 440px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.ecm-owl-carousel .carousel-inner .owl-item.active {
    -webkit-filter: grayscale(0%);
    /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

.ecm-owl-carousel .carousel-inner .owl-item {
    left: 0;
    -webkit-transition: filter 1s ease-in-out;
    transition: -webkit-filter 1s ease-in-out;
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.ecm-owl-carousel .carousel-inner figure:after {
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 40.4%, rgba(0, 0, 0, .81) 80.2%);
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 40.4%, rgba(0, 0, 0, .81) 80.2%);
    background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0) 40.4%, rgba(0, 0, 0, .81) 80.2%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40.4%, rgba(0, 0, 0, .81) 80.2%);
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ecm-owl-carousel .carousel-inner .owl-item .item {
    width: 100%;
    margin: 0;
    padding: 0;
}

.ecm-owl-carousel .owl-carousel .item {
    opacity: .01;
    transition: opacity 250ms ease-in-out 0s;
}

.ecm-owl-carousel .owl-carousel.owl-loaded .item {
    opacity: 1;
}

.ecm-owl-carousel .carousel-inner figure.cover-img {
    margin-bottom: 0;
    padding-bottom: 440px;
}

.ecm-owl-carousel .carousel-inner figure.cover-img a {
    z-index: 1;
}

.ecm-owl-carousel .carousel-inner figure.cover-img img {
    display: none;
}

.ecm-owl-carousel .carousel-indicators {
    bottom: 0;
}

.ecm-owl-carousel .carousel-caption {
    bottom: 20px;
    left: 20px;
    padding-bottom: 0;
    right: 20px;
    text-shadow: none;
}

.wrapper-slider {
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
}

.ecm-owl-carousel .article-data {
    color: #fff;
    text-align: left;
}

.ecm-owl-carousel .article-data .title a,
.ecm-owl-carousel .widget-content .article-data .title a {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1em;
}

.ecm-owl-carousel .article-data .title a:hover {
    opacity: .9;
}

.ecm-owl-carousel .content-info {
    color: #fff;
    font-size: .88em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 5px;
    opacity: .8;
    text-transform: uppercase;
}

.ecm-owl-carousel .content-info span {
    border-left: 1px solid #1b9fe2;
    font-weight: 500;
    margin-right: 10px;
    padding-left: 5px;
}

.ecm-owl-carousel .content-info span a {
    color: #fff;
}

.ecm-owl-carousel .content-info .comments-container {
    border-left: 1px solid #1b9fe2;
    color: #1b9fe2;
    display: inline-block;
    padding-left: 5px;
}

.ecm-owl-carousel .content-info .comments-container .fa {
    color: #1b9fe2;
    font-size: 1.2em;
}

.ecm-owl-carousel .summary {
    font: 400 18px/1.15em Roboto;
}

.ecm-owl-carousel .summary p:last-of-type {
    margin-bottom: 0;
}


/* End Frontpage wrapper */

.ecm-new {
    border-bottom: 1px solid #efefef;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}

.ecm-new:last-of-type {
    border-bottom: none;
}

.ecm-new .title {
    font-size: 1.42em;
    margin-top: 0;
}

.ecm-new.big-media .cover-img,
.ecm-new.big-content .cover-img {
    padding-bottom: 500px;
}

.ecm-new.big-title .title,
.ecm-new.big-content .title {
    font-size: 2.4em;
}

.ecm-new.big-title .title a,
.ecm-new.big-content .title a {
    color: #4c4c4c;
}

.ecm-new .title a {
    color: #303030;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ecm-new .title a:hover {
    color: #1b9fe2;
}

.ecm-new .subtitle {
    color: #b4b4b4;
}

.ecm-new .content-info {
    color: #b4b4b4;
    font-size: .88em;
    font-weight: 400;
    margin-top: 20px;
    text-transform: uppercase;
}

.ecm-new .content-info span {
    border-left: 1px solid #efefef;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.ecm-new .content-info span:first-of-type {
    border-left: none;
    padding-left: 0;
}

.ecm-new .content-info a {
    color: #b4b4b4;
}

.ecm-new .content-info a:hover {
    color: #1b9fe2;
}

.ecm-new .summary {
    color: #222;
    font: 300 15px/140% Roboto;
    margin-top: 10px;
}

.ecm-new .summary p:last-of-type {
    margin-bottom: 0;
}

.ecm-new .summary a {
    color: #bababa;
}

.ecm-new .summary a:hover {
    color: #1b9fe2;
}

.ecm-new .comments-container a {
    color: #b4b4b4;
}

.ecm-new .article-media {
    margin-bottom: 15px;
    overflow: hidden;
}

.ecm-new figure img {
    max-width: 100%;
    width: 100%;
}

.ecm-new .media-subtitle {
    display: none;
}

.ecm-new.opinion {
    border-bottom: none;
    padding-top: 10px;
}

.ecm-new.opinion figure {
    border-bottom: 1px solid #dbdcde;
    margin-top: 1px;
    max-height: 100%;
}

.ecm-new.opinion figure a {
    background-color: #fff;
}

.ecm-new.opinion .opinion-data {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    text-align: center;
}

.ecm-new.opinion .opinion-data .title {
    font-size: 1.1em;
    text-transform: uppercase;
}

.ecm-new.opinion .opinion-data .title a {
    color: #1b9fe2;
}

.ecm-new.opinion .opinion-data .title a:hover {
    color: #12427c;
}

.ecm-new.opinion .opinion-author {
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    text-transform: uppercase;
}

.ecm-new.opinion .opinion-author a {
    color: #c1c1c1;
}

.ecm-new.opinion .opinion-data .summary {
    font-size: .88em;
}

.ecm-new.opinion .opinion-media {
    border-bottom: 1px solid #1b9fe2;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.ecm-new.opinion .opinion-media img {
    max-height: 100px;
    width: auto;
}

.ecm-new.blog {
    border: 1px solid #efefef;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    overflow: visible;
    padding: 30px 15px 15px;
    position: relative;
}

.ecm-new.blog .pretitle {
    color: #fff;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-right: -5px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.ecm-new.blog .pretitle a {
    background-color: #4c4c4c;
    color: #fff;
    float: right;
    padding: 5px 10px;
}

.ecm-new.blog .author-image {
    border-bottom: 1px solid #dbdcde;
    margin-top: 1px;
    max-height: 100%;
}

.ecm-new.blog .author-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100px;
    width: auto;
}

.ecm-new.blog .blog-data,
.ecm-new.blog .blogger-data {
    margin-top: 10px;
    text-align: center;
}

.ecm-new.blog .blog-data .name {
    color: #c1c1c1;
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    text-transform: uppercase;
}

.ecm-new.blog .blog-data .name a {
    color: #c1c1c1;
}

.ecm-new.blog .blog-data .bio {
    border-top: 1px dashed #e6e6e6;
    font-size: .8rem;
    font-style: normal;
    font-weight: normal!important;
    margin-bottom: 10px;
    width: 100%;
}

.ecm-new.poll {
    border: 1px solid #efefef;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    overflow: visible;
    padding: 30px 15px 15px;
    position: relative;
}

.ecm-new.poll .subtitle {
    color: #fff;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-right: -5px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.ecm-new.poll .subtitle a {
    background-color: #4c4c4c;
    color: #fff;
    float: right;
    padding: 5px 10px;
}

.ecm-new.poll .subtitle .item-category {
    background-color: #574b3d;
    clear: right;
    display: none;
    float: none;
    font-size: .8rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px;
    text-align: center;
}

.ecm-new.poll .title {
    font-size: 1.1rem!important;
}

.ecm-new.poll .poll-items-box {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
}

.ecm-new.poll .poll-items-box li {
    padding-bottom: 5px;
    padding-top: 5px;
}

.ecm-new.poll .comments-container {
    display: none;
}

.ecm-new.poll .button-submit {
    background-color: #12427c;
    color: #fff;
    float: right;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
}

.ecm-new.album {
    background-color: #fff;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    overflow: visible;
    padding: 0;
}

.ecm-new.album .subtitle {
    color: #fff;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-transform: uppercase;
    z-index: 1;
}

.ecm-new.album .subtitle a {
    background-color: #1b9fe2;
    color: #fff;
    float: right;
    padding: 5px 10px;
}

.ecm-new.album .subtitle a:after {
    content: '';
}

.ecm-new.album .subtitle .item-category {
    background-color: #574b3d;
    clear: right;
    float: right;
    font-size: .8rem;
    margin-right: -5px;
    padding: 5px 10px;
}

.ecm-new.album .album-cover {
    background-color: #1b9fe2;
    border: 5px solid #1b9fe2;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.ecm-new.album .album-cover:hover .play-button {
    background-color: transparent;
}

.ecm-new.album .album-cover .play-button,
.album-item .album-media .play-button {
    background-color: #1b9fe2;
    border-radius: 0;
    bottom: 0;
    left: inherit;
    pointer-events: none;
    right: 0;
    top: inherit;
}

.ecm-new.album .article-data {
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 5rem;
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 111;
}

.ecm-new.album .title {
    font-size: 1.1rem!important;
}

.ecm-new.album .title a {
    color: #574b3d;
}

.ecm-new.album .comments-container {
    display: none;
}

.ecm-new.video {
    background-color: #fff;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    padding: 0;
}

.ecm-new.video .subtitle {
    color: #fff;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-transform: uppercase;
    z-index: 1;
}

.ecm-new.video .subtitle a {
    background-color: #3c3c3c;
    color: #fff;
    float: right;
    padding: 5px 10px;
}

.ecm-new.video .subtitle .item-category {
    background-color: #3c3c3c;
    float: right;
    font-size: .8rem;
    margin-right: -5px;
    padding: 5px 10px;
}

.ecm-new.video .video-cover {
    border: 5px solid #3c3c3c;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.ecm-new.video .video-cover:hover .play-button {
    background-color: #1b9fe2;
    pointer-events: none;
}

.ecm-new.video .article-data {
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 5rem;
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 1111;
}

.ecm-new.video .title {
    font-size: 1.1em!important;
}

.ecm-new.video .title a {
    color: #3c3c3c;
}

.ecm-new.video .comments-container {
    display: none;
}


/* Images treatment */

.cover-img {
    background-color: #fafafa;
    background-position: 50% 50%;
    background-size: cover;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    -webkit-transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    width: 100%;
}

.cover-img a {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.cover-img img {
    display: none;
}

.cover-img:hover {
    -webkit-transform: scale(1.05);
    /* Safari and Chrome */
    -moz-transform: scale(1.05);
    /* Firefox */
    -ms-transform: scale(1.05);
    /* IE 9 */
    -o-transform: scale(1.05);
    ;
    transform: scale(1.05);
}

.ecm-new.image-top-left .article-media {
    margin-bottom: 0;
}

.double-column .ecm-new.image-top-left .article-media,
.double-column .ecm-new.image-top-left .media-cover {
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    width: 35%;
}

.double-column .ecm-new.image-top-left .article-data {
    display: inline-block;
    margin-left: 0;
    max-width: 65%;
    padding-left: 20px !important;
}

.double-column .ecm-new.image-top-left .article-data.no-image,
.double-column .ecm-new.image-top-left .no-image .article-data {
    max-width: 100%;
    padding-left: 0 !important;
}


/* =============================================================================
Opinion
========================================================================== */

.bg-gray {
    background-color: #f3f5f7;
    margin-bottom: 15px;
}


/* =============================================================================
Category columns
========================================================================== */

.category-column .ecm-new:first-child .article-media {
    margin-bottom: 15px;
}

.category-column .ecm-new:first-of-type .article-media {
    margin-bottom: 15px;
}

.category-column .ecm-new .title {
    font-size: 1.5em;
    margin: 0;
}

.category-column .ecm-new.tiny .title {
    font-size: 1.1875rem;
}

.category-column .ecm-new.tiny .content-info {
    display: none;
}


/* =============================================================================
Newstand
========================================================================== */

.newsstand-list .newsstand-category {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    padding: 15px;
}

.newsstand-list .newsstand-category h2 {
    font-size: 1.4rem;
    font-weight: 300;
}

.newsstand-list .title {
    font-size: 1.1rem;
}

.newsstand-list .title a {
    color: #3c3c3c;
}

.newsstand-list .data .date {
    color: #828282;
    font-size: .8rem;
    font-weight: 300;
    margin-top: 10px;
    text-transform: uppercase;
}


/* =============================================================================
Auto frontpage
========================================================================== */

.archive-contents .section-title {
    border-bottom: 1px solid #12427c;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-bottom: 10px;
}

.archive-contents ul.newslibrary {
    padding-left: 0;
}

.archive-contents .ecm-new:nth-of-type(odd) {
    clear: left;
}

.archive-contents .image-top-left .article-media {
    margin-bottom: 0;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 40%;
}

.archive-contents .image-top-left .article-data {
    margin-left: 15px;
    padding-left: 40%;
}

.archive-contents .image-top-left .article-data.no-image {
    margin-left: 0;
    padding-left: 0;
}

.archive-contents .ecm-new .title {
    font-size: 1.5em;
}

.auto-frontpage .ecm-over {
    padding-bottom: 15px;
}

.auto-frontpage .ecm-over:hover {
    -moz-box-shadow: none;
    box-shadow: none;
}

.archive-contents .pretitle {
    color: #12427c;
    display: inline;
    font-size: 1rem;
}


/* =============================================================================
Content inner - article inner
========================================================================== */

.inner-content article {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.inner-content article:after {
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, .4);
    content: '';
    display: block;
    height: 15px;
    width: 100%;
}

.inner-content .subtitle {
    font-size: 1.4rem;
    margin-top: 40px;
}

.inner-content .title {
    display: block;
    font-size: 3em;
    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
}

.inner-content .data-box {
    margin-bottom: 20px;
    margin-top: 40px;
    padding-bottom: 0;
}

.inner-content .content-info {
    color: #b4b4b4;
    display: block;
    float: left;
    font-size: .88em;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}

.inner-content .content-info .agency,
.inner-content .content-info .author-name a {
    border-bottom: 1px solid #f3f3f3;
    color: #1b9fe2;
}

.inner-content .content-info .agency:hover,
.inner-content .content-info .author-name a:hover {
    border-bottom: 1px solid #1b9fe2;
    color: #12427c;
    filter: brightness(25%);
}

.inner-content .content-info span {
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-bottom: 5px;
}

.inner-content .content-info span .fa {
    color: #b4b4b4;
}

.inner-content .content-info .metadata {
    color: #1b9fe2;
    display: inline-block;
    margin-right: 0;
}

.inner-content .content-info .metadata span {
    margin-right: 2px;
}

.inner-content .content-info .metadata a {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
    text-transform: none;
}

.inner-content .content-info .metadata a:hover {
    border-bottom: 1px solid #1b9fe2;
    filter: brightness(100%);
}

#sticky-sharrre-bar {
    opacity: .001;
    position: fixed;
    transition: top 200ms ease-in-out 0s;
}

#sticky-sharrre-bar.affix {
    opacity: 1;
}

.inner-content .content-utilities-box.affix {
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
}

.inner-content .content-utilities-box {
    height: 48px;
    position: relative;
    top: 0;
}

.inner-content .scrolled-utilities {
    position: fixed;
    top: 110px;
    transition: top 200ms ease-in-out 0s;
}

.inner-content .content-utilities-box.affix .sharrre-tools {
    background-color: #fff;
    -moz-box-shadow: 0 5px rgba(94, 77, 59, .1);
    box-shadow: 0 5px rgba(94, 77, 59, .1);
    display: inline-block;
    height: 48px;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.inner-content .content-utilities-box .sharrre-tools .whatsapp {
    display: none;
}

.inner-content .content-utilities-box.affix .sharrre-tools .sticky-title {
    display: inline-block;
    float: left;
    font-size: 1em;
    line-height: 49px;
    margin-top: 0;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}

.inner-content .affix .sharrre-tools ul {
    background-color: #fff;
    display: block;
    float: right;
    margin-top: 7px;
    max-width: 50%;
    max-width: inherit;
    min-width: inherit;
    position: relative;
    right: 0;
    text-align: right;
}

.inner-content .affix .sharrre-tools ul:before {
    background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 87.9%);
    background: -moz-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 87.9%);
    background: -ms-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 87.9%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 87.9%);
    bottom: 0;
    content: '';
    left: -50px;
    position: absolute;
    top: 0;
    width: 50px;
}

.inner-content .affix .sharrre-tools ul li {
    display: inline-table;
    position: relative;
    width: auto;
}

.inner-content .affix .sharrre-tools .totalshares {
    background-color: #c01455;
    border-bottom: 1px solid #c01455;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 48px;
    min-width: 64px;
    position: relative;
}

.inner-content .sharrre-tools ul {
    margin-bottom: 0;
    text-align: left;
}

.inner-content .sharrre-tools ul li {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.inner-content .sharrre-tools .sharrre .sticky-title {
    display: none;
    margin: 0;
}

.inner-content .sharrre-tools .share {
    float: left;
    text-align: center;
    width: 24px;
}

.inner-content .sharrre-tools a.box {
    background-color: #f6f6f6;
    border-radius: 4px;
    display: inline-block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
}

.inner-content .sharrre-tools a.box:hover {
    background-color: #e4e4e4;
}

.inner-content .sharrre-tools .only-share {
    line-height: 32px;
}

.inner-content .sharrre-tools .only-share a.box {
    background-color: transparent;
}

.inner-content .sharrre-tools .only-share .fa {
    color: #b4b4b4;
    font-size: 1em;
    line-height: 32px;
}

.inner-content .sharrre-tools .fa {
    font-size: 1.25em;
    line-height: 32px;
}

.facebook .fa {
    color: #45619d;
}

.linkedin .fa {
    color: #0077b5;
}

.twitter .fa {
    color: #55acee;
}

.twitter span.count {
    display: none;
}

.whatsapp .fa {
    color: #51c85c;
}

.inner-content .article-media .photo-subtitle {
    color: #b4b4b4;
    font-size: .88em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}

.inner-content .article-media .photo-subtitle:before {
    content: '\f030';
    font: .8rem Fontawesome;
    opacity: .4;
}

.inner-content .summary {
    color: #8c8c8c;
    font: 600 22px/1.15em 'Roboto Slab';
}

.inner-content .body {
    border-bottom: 1px solid #f3f3f3;
    clear: left;
    color: #303030;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.41em;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 40px;
}

.inner-content .body h2 {
    color: #1b9fe2;
    display: block;
    font-size: 1.37em;
    font-weight: 200;
    margin-bottom: 30px;
    margin-top: 40px;
    text-transform: uppercase;
}

.inner-content .body p {
    margin-bottom: 30px;
}

.inner-content .body p:last-of-type {
    margin-bottom: 0;
}

.inner-content .body a {
    text-decoration: underline;
}

.inner-content .body a:hover {
    color: #12427c;
}

.inner-content .body img {
    height: inherit;
    margin-bottom: 15px;
    margin-top: 15px;
    max-width: 100%;
}

.inner-content blockquote {
    border-right: 2px solid #f3f3f3;
    font-size: 1.25em;
    font-style: italic;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 30px;
    margin-left: 10%;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.inner-content blockquote:before {
    content: '';
    font: 4rem Fontawesome;
    margin-left: -4rem;
    opacity: .2;
    position: absolute;
}

.inner-content .related-content {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

.inner-content .related-content ul {
    color: #222;
    font: bold 1.4rem/1.6rem 'Roboto Slab';
    list-style: none;
    padding-left: 0;
}

.inner-content .related-content ul li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.inner-content .related-content ul li a {
    color: #222;
}

.inner-content .related-content ul li .fa {
    font-size: 1rem;
    left: 0;
    line-height: 1.8rem;
    position: absolute;
}

.inner-content .related-content ul li .fa-file-text-o:before {
    content: '\f196';
}

.inner-content .machine-related-contents {
    margin-bottom: 40px;
}

.inner-content .machine-related-contents .header-title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #12427c;
    font: 16px Roboto, sans-serif;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    text-transform: uppercase;
}

.inner-content .machine-related-contents ul {
    font: .9em 'Roboto Slab';
    list-style: none;
    padding: 0;
}

.inner-content .machine-related-contents .ecm-new {
    border-bottom: 1px solid #f3f3f3;
}

.inner-content .machine-related-contents a {
    color: #303030;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.15em;
    margin-bottom: 10px;
    max-height: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inner-content .machine-related-contents figure {
    height: 0;
    margin-bottom: 10px;
    max-height: 90px;
    min-height: 90px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.inner-content .machine-related-contents figure img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.inner-content .machine-related-contents figure img:hover {
    -webkit-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -moz-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -ms-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
}

.inner-content .machine-related-contents img {
    max-width: 100%;
}

.machine-related-contents .img-default {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}


/* =============================================================================
Opinion pages, Frontpage, author page
========================================================================== */

.opinion-page .title a {
    color: #303030;
}

.opinion-page .author-photo {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.opinion-page .author-image {
    float: none;
    margin: 10px auto 0;
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
}

.opinion-page .opinion-tools {
    color: #999;
    font-family: 'Roboto Slab', 'sans serif';
    font-size: .9em;
}

.opinion-page .opinion-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.opinion-page .opinion-item:nth-child(odd) {
    clear: left;
}

.opinion-page .opinion-item .article-media {
    float: left;
    margin-right: 2%;
    max-width: 34%;
}

.opinion-page .author .author-image {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.opinion-list .opinion-element .content-info,
.blog-list .opinion-element .content-info {
    color: #b4b4b4;
    font-size: .88em;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase;
}

.opinion-page .author .pretitle {
    color: #999;
    font-size: 1.1em;
}

.opinion-page .author .opinion-author-name,
.author-card.author .author-name {
    font: 1.25rem 'Roboto Slab';
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.opinion-page .author .author-bio {
    margin: 5px 0;
}

.opinion-page .author .author-bio .opinion-author-name {
    color: #303030;
    font-size: 1.13em;
    margin-top: 10px;
}

.opinion-page .author .author-net {
    background-color: #f9f9f9;
    font-size: 1.4em;
    margin-top: 0;
    padding: 5px;
}

.opinion-page .opinion-list .opinion-item .author-data {
    text-align: center;
}

.opinion-page .opinion-list .opinion-item .title {
    min-height: 2.8em;
}

.opinion-page.opinion-author .opinion-list .opinion-item .title {
    min-height: initial;
}

.opinion-page.opinion-author .opinion-list .opinion-item .opinion-data,
.opinion-page.opinion-author .opinion-list .opinion-item .opinion-data .content-info,
.opinion-page.opinion-author .opinion-list .opinion-item .opinion-data .summary,
.blog-page.author-blog .blog-list .opinion-element,
.blog-page.author-blog .blog-list .opinion-element .content-info,
.blog-page.author-blog .blog-list .opinion-element .summary {
    text-align: left!important;
}

.opinion-page .opinion-list .opinion-item .title a {
    color: #1b9fe2;
}

.opinion-page .opinion-list .opinion-item .title a:hover {
    color: #12427c;
}

.opinion-page .opinion-list .opinion-item .author-data .author-name {
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    text-transform: uppercase;
}

.opinion-page .opinion-list .opinion-item .author-data .author-name a {
    color: #c1c1c1;
}

.opinion-page .author-text {
    color: #999;
    font-family: 'Roboto Slab', 'sans serif';
    font-size: .9em;
}

.opinion-page .author-text p {
    border-top: 1px solid #f1f1f1;
    padding-left: 5px;
    padding-top: 5px;
}

.frontpage-opinion .summary,
.blog-frontpage .summary,
.opinion-author .summary {
    color: #777;
    font-weight: 300;
    margin-top: 10px;
}

.frontpage-opinion .summary p:last-of-type,
.opinion-author .summary p:last-of-type {
    margin-bottom: 0;
}

.inner-content.inner-opinion {
    margin-top: 25px;
}

.inner-content.inner-opinion .title {
    margin-bottom: 15px;
    margin-top: 15px;
}

.inner-opinion .opinion-data .author-name {
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}

.inner-opinion .opinion-data .opinion-author-name:hover {
    color: #11427b;
}

.inner-opinion .author-container .author-net {
    border-top: 1px solid #efefef;
    padding: 2px;
    text-align: center;
}

.inner-opinion .author-container .author-net .custom-button {
    display: inline-block;
    font-size: 1.2em;
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.inner-opinion .author-container .author-net .custom-button:hover {
    color: #11427b;
    opacity: 1;
}

.inner-opinion .summary {
    clear: left;
}

.opinion-page.opinion-author .author,
.blog-page.author-blog .author,
.author-card.author {
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
}

.opinion-page.opinion-author .author .author-image,
.blog-page.author-blog .author .author-image,
.author-card.author .author-image {
    border-bottom: 1px solid #dbdbdb;
    height: inherit;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

.opinion-page.opinion-author .author .author-image img,
.blog-page.author-blog .author .author-image img,
.author-card.author .author-image img {
    margin-top: 15px;
    max-width: 100px;
    transition: none;
}

.opinion-page .opinion-element,
.blog-page .opinion-element {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}

.opinion-page .opinion-element .media-subtitle {
    display: none;
}

.opinion-page .inner-content .machine-related-contents figure {
    position: relative;
}

.opinion-page .inner-content .machine-related-contents figure:after {
    bottom: 0;
    color: #e6e6e6;
    content: '\f040';
    font: 45px Fontawesome;
    left: 0;
    line-height: 90px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.opinion-item {
    margin-bottom: 15px;
}

.opinion-item .wrapper-photo {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.opinion-item .author-image {
    float: none;
    margin: 10px auto 0;
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
}

.opinion-item .author-data {
    text-align: center;
}

.opinion-item .author-data .author-name {
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    text-transform: uppercase;
}

.opinion-item .author-data .title {
    font-size: 1.5rem;
}


/***********************************************************
author-page
*********************************************/

.author-page .author-data {
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}

.author-page .author-data .author-img {
    background-color: #f1f1f1;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 5px;
    max-height: 150px;
    overflow: hidden;
    padding: 2px;
    vertical-align: middle;
}

.author-page .author-data .author-bio {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.author-page .author-data .author-text {
    clear: right;
    color: #555;
    display: inline-block;
}

.author-page .author-data .author-net {
    border-bottom: 1px solid #eaeaea;
    clear: left;
    padding-bottom: 5px;
    text-align: right;
}

.author-page .author-data .author-net a {
    font-size: 1.2em;
    margin-left: 10px;
}


/* =============================================================================
Blog Frontpage
========================================================================== */

.blog-page .author .blog-title {
    font: 1rem 'Roboto Slab';
    font-weight: bold;
}

.blog-page .author .author-name {
    font: 1rem "Roboto Slab";
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
    color: #c1c1c1;
}

.blog-page .author .author-name a {
    color: #c1c1c1;
}

.inner-content.inner-blog {
    margin-top: 25px;
}

.blog-page .blogger .author-bio {
    margin-bottom: 10px;
    font-size: 0.8rem;
    font-weight: normal!important;
    font-style: normal;
    margin-top: -5px;
    border-top: 1px dashed #e6e6e6;
}

.blog-page .author-image {
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
    margin: 10px auto 0;
    float: none;
}

.inner-blog .author-container .author-net {
    text-align: center;
    padding: 2px;
    border-top: 1px solid #efefef;
}

.inner-blog .blog-data .blog-title {
    font: bold 1.25rem "Roboto Slab";
    letter-spacing: -0.01em;
    margin-top: 10px;
}

.inner-blog .blog-data .author-name {
    font: 15px "Roboto Slab", "sans serif";
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
}

.blog-page .blog-data .blogger-text {
    font-size: .875rem;
}

.blog-page .blogger .summary {
    color: #777;
    font-weight: 300;
    margin-top: 10px;
}


/***********************************************************
Album
***********************************************************/

.album-page .wrapper-slider {
    background-color: transparent;
    margin-top: 20px;
}

.album-page .slider {
    position: relative;
}

.album-media {
    overflow: hidden;
    position: relative;
}

.album-item {
    overflow: visible;
    position: relative;
}

.album-item .album-media {
    background-color: #1b9fe2;
    border: 5px solid #1b9fe2;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.album-item .album-data {
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    background-color: #fff;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center;
    margin: 0 0 15px;
    min-height: 5rem;
    padding: 10px;
    text-align: center;
    z-index: 1111;
}

.album-item .subtitle {
    background-color: #1b9fe2;
    color: #fff!important;
    color: #fff;
    float: right;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-top: -5px;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-transform: uppercase;
    top: 15px;
    z-index: 1;
}

.album-page .title a {
    color: #303030;
}

.album-page .album-date {
    display: none;
}

.album-page .album-data {
    margin-bottom: 15px;
}

.album-page .content-body {
    clear: both;
}

.album-page .album-data .subtitle {
    font-size: .9em;
    margin: 4px 0;
}

.album-page .album-list {
    margin-top: 20px;
}

.album-page .album-list .album-item>div {
    max-height: 340px;
    overflow: hidden;
}

.album-page .album-list .album-item:nth-child(even) {
    clear: right;
    width: 50%;
}

.album-page .album-list .album-item:nth-child(odd) {
    clear: left;
    width: 50%;
}

.album-list .album-item figure {
    height: 0;
    margin-bottom: 0;
    max-height: 240px;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.album-list .album-item figure img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
}

.album-list .album-item figure img:hover {
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
}

.album-page .album-list .album-item .title {
    font-size: 1.2em;
    line-height: 1.1;
}

.album-media {
    position: relative;
}

.album-page .album-content .title,
.album-page .album-content .subtitle {
    text-align: center;
}

.album-inner .album-thumbs .carousel-thumbs {
    margin-bottom: 40px;
    margin-top: 10px;
}

.album-inner .album-thumbs .thumb {
    cursor: pointer;
    padding-bottom: 10px;
}

.album-inner .album-thumbs .thumb figure {
    max-height: 130px;
    overflow: hidden;
}

.album-inner .carousel-indicators {
    background-color: #fafafa;
    bottom: auto;
    top: 5px;
}

.album-inner .carousel-numbers {
    color: #303030;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

.album-inner .album-thumbs .carousel-control {
    background-image: none;
    bottom: inherit;
    opacity: .9;
    top: 0;
    z-index: 99;
}

.album-inner .album-thumbs .carousel-control.left {
    left: 5px;
}

.album-inner .album-thumbs .carousel-control.right {
    right: 5px;
}

.album-inner .album-thumbs .carousel-control .fa {
    color: #303030;
}

.album-page .carousel-inner figure {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 600px;
    overflow: hidden;
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.album-page .carousel-inner figure:hover {
    transform: none;
}

.album-page .carousel-inner figure:after {
    background: none;
    display: none;
}

.album-page .wrapper-slider .carousel-caption {
    padding-top: 0;
    position: static;
}

.album-page .wrapper-slider .article-data {
    text-align: center;
}

.album-page .wrapper-slider .article-data .title {
    color: #000;
    font-weight: normal;
    padding: 1% 12%;
    text-align: center;
    width: 100%;
}

.album-page .owl-carousel .owl-stage-outer {
    background-color: #fff;
}

.album-page .owl-carousel .owl-stage-outer figure img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-height: 600px;
    max-width: 100%;
    width: auto;
}

.album-page .owl-carousel {
    margin-bottom: 32px;
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.album-page .owl-carousel.owl-loaded {
    opacity: 1;
}


/***********************************************************
Video
***********************************************************/

.video-inner.inner-content .body {
    margin-left: 0;
}

.video-inner.inner-content .video-content {
    margin-bottom: 20px;
    position: relative;
}

.video-inner .player {
    background-color: #fafafa;
    padding: 0;
    position: relative;
}

.video-page .video-date {
    color: #b4b4b4;
    font-size: .88em;
    font-weight: 400;
    padding-right: 5px;
    text-transform: uppercase;
}

.video-list {
    clear: both;
}

.video-list .video-item>.video-thumb {
    margin-bottom: 25px;
    overflow: visible!important;
    padding: 0;
    position: relative;
    width: 100%;
}

.video-list .video-item>.video-thumb figure {
    border: 5px solid #3c3c3c;
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.video-list .video-item>.video-thumb figure img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.video-list .video-info {
    color: #fff;
    font: .9em Roboto;
    font-style: normal;
    font-weight: normal;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

.video-list .video-info .video-category {
    background-color: #3c3c3c;
    float: right;
    font-size: .8em;
    margin-right: -5px;
    margin-top: -5px;
    padding: 5px 10px;
}

.video-list .video-item .video-data {
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    background-color: #fff;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center;
    margin: 0 0 15px;
    min-height: 5rem;
    padding: 10px;
    text-align: center;
    z-index: 1111;
}

.video-list .video-item .video-data a:hover {
    opacity: .8;
}

.video-page .video-list .video-item .title {
    font-size: 1.1rem;
    margin: 0 auto;
}

.video-page .video-list .video-item .title a {
    color: #303030;
}

.video-page .video-list .video-item:nth-child(even) {
    clear: right;
}

.video-page .video-list .video-item:nth-child(odd) {
    clear: left;
}

.video-page .video-list .item-video {
    border-bottom: 1px solid #fafafa;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}


/***********************************************************
Poll
***********************************************************/

.poll-page .subtitle {
    margin-top: 0;
}

.poll-page .poll-data {
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 15px;
}

.poll-page .poll-inner .title {
    font-size: 2em;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-bottom: 15px;
}

.poll-page .other-polls .widget-content {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 15px;
}

.poll-page .other-polls .subtitle {
    font-size: 1rem;
    line-height: 1.2em;
}

.poll-page .other-polls .content {
    border-bottom: 1px solid #fafafa;
    margin: 10px 0;
}

.poll-page .other-polls .content:last-of-type {
    margin-bottom: 0;
}

.poll-page .other-polls .content-title {
    font: 1.2em 'Roboto Slab';
    font-weight: bold;
    line-height: 1.6;
    margin: 0 auto 10px;
}

.poll-page .inner-content .summary {
    margin-bottom: 30px;
}

.poll-page .poll-item .button-submit {
    background-color: #12427c;
    color: #fff;
    float: right;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.poll-page .poll-items-box {
    padding-bottom: 5px;
}

.inner-msg {
    border: 1px dashed #12427c;
    display: block;
    float: left;
    font-size: 1em;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    text-align: center;
    width: 100%;
}

.poll-page .poll-element {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
}

.graph {
    height: auto;
    padding-bottom: 20px;
}

.progress {
    background-color: #efefef;
    border-radius: 8px;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .15);
    display: inline-block;
    font-size: 1em;
    height: 14px;
    margin-bottom: 4px;
    margin-top: 0;
    vertical-align: bottom;
    width: 100%;
}

.graph .label {
    display: block;
    font-size: .875rem;
    text-align: right;
}

.graph .bar {
    background-color: #999;
    border-radius: 8px;
    color: #fff;
    float: left;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    width: 1px;
}

.poll .submit-button {
    display: block;
    margin: 0;
    width: 100%;
}


/* =============================================================================
Letters
========================================================================== */

.other-letters .content {
    background-color: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 15px;
    position: relative;
}

.other-letters .content:after {
    background-color: #fff;
    content: '';
    display: block;
    height: 64px;
    position: absolute;
    right: -32px;
    top: -32px;
    transform: rotate(45deg);
    width: 64px;
    z-index: 2;
}

.other-letters .content:before {
    background-color: #ededed;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
    content: '';
    display: block;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    z-index: 1;
}

.letter-page .content-time,
.other-letters .content-time {
    display: inline;
}

.other-letters .content .body {
    margin-top: 10px;
}


/***********************************************************
RSS page styles
************************************************************/

.rss .inner-content .body {
    margin-left: 0;
}

.rss .title {
    font-size: 2.2rem;
}

.rss .container-title:not(.title) {
    color: #555;
    font-size: 1.3em;
    margin-bottom: 15px;
    margin-top: 10px;
}

.rss .summary {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 10px;
}

.categories-list {
    list-style: none;
    padding-left: 0;
}

.categories-list li a {
    border-radius: 2px;
    color: #333!important;
    display: block;
    font-size: .9em;
    padding: 5px;
}

.categories-list li:hover a {
    background-color: rgba(0, 0, 0, .05);
    color: #000!important;
}

.i-rss {
    color: #ffa500;
    padding: 2px;
}


/***********************************************************
Widgets
***********************************************************/

.widget-header {
    border-bottom: 3px solid rgba(0, 0, 0, .1)!important;
    border-top: 3px solid rgba(0, 0, 0, .1)!important;
    color: #12427c;
    font: 16px Roboto, sans-serif;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: left;
    text-transform: uppercase;
}

.widget .widget-header {
    border-bottom: 3px solid rgba(0, 0, 0, .1)!important;
    border-top: 3px solid rgba(0, 0, 0, .1)!important;
}

.widget-header span {
    border-bottom: 3px solid rgba(0, 0, 0, .5);
    border-top: 3px solid rgba(0, 0, 0, .5);
    color: #12427c;
    filter: brightness(25%);
    font-style: normal;
    font-weight: normal;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.widget-header span a {
    font-style: normal;
    font-weight: normal;
}

.widget-header a {
    color: #12427c;
}

.widget-header a:hover {
    color: #1b9fe2;
}

.widget-content {
    overflow: hidden;
    position: relative;
    padding-bottom: 1rem;
}

.widget-content ul {
    list-style: none;
    padding-left: 0;
}

.widget-content ul li {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget-content .item {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget-content .article-media figure>a {
    display: block;
}

.widget-content .title {
    font-size: 1.1rem;
    line-height: 1.15em;
    margin-bottom: 0;
    margin-top: 0;
}

.widget-content .ecm-new .title {
    font-size: 1.5em;
}

.widget-content a {
    color: #303030;
    font-weight: 600;
}

.widget-content a:hover {
    color: #666;
}

.widget-content a img:hover {
    color: #1b9fe2;
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.widget-content a img {
    max-width: 100%;
    -webkit-transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
}

.widget-button a:hover {
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%);
}

.widget .nav-tabs {
    border-bottom: 1px solid #efefef;
    color: #12427c;
    font: 16px Roboto, sans-serif;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    text-transform: uppercase;
}

.widget .nav-tabs li {
    border-bottom-style: none;
    margin-bottom: -2px;
    padding: 0;
}

.widget .nav>li>a {
    padding: 0;
}

.widget .nav-tabs>li>a {
    border: none;
    border-radius: 0;
    border-right: 1px solid #cacaca;
    line-height: 1.43;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.widget .nav-tabs>li>a:hover {
    background-color: transparent;
    border-right: 1px solid #cacaca;
    border-style: none;
}

.widget .nav-tabs>li>a span {
    border-bottom: none;
    color: #12427c;
    font-style: normal;
    font-weight: normal;
    opacity: .4;
    padding-bottom: 30px;
}

.widget .nav-tabs>li>a span:hover {
    opacity: 1;
}

.widget .nav-tabs>li>a.active span {
    border-bottom: 1px solid #12427c;
    opacity: 1;
}

.widget .nav-tabs>li:first-of-type>a {
    padding-left: 0;
}

.widget .nav-tabs>li:last-of-type>a {
    border-right: none;
}

.widget .widget-play-button {
    left: 50%;
    position: absolute;
    top: 50%;
}


/* widget albums latest */

.widget-albums.albums-latest {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 4px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}


/* widget videos */

.widget-videos {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 4px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.widget-content ul li.first-article .article-media figure>a:hover .widget-play-button .fa-stack {
    color: rgba(18, 65, 124, 1);
}

.widget ul li .widget-play-button span {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.widget .widget-play-button .fa-stack {
    color: rgba(18, 65, 124, .80);
    margin-left: -1em;
    margin-top: -1em;
}

.widget .widget-play-button .fa-play {
    color: #fff;
    margin-left: 1.5%;
    margin-top: 1.5%;
    -webkit-transform: scale(.7);
    /* Safari */
    -ms-transform: scale(.7);
    /* IE 9 */
    transform: scale(.7);
}


/* widget blog */

.widget-blog .blog-element {
    border: 1px solid #efefef;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    overflow: visible;
    padding: 30px 15px 15px;
    position: relative;
}

.widget-blog .blog-element .author-image,
.widget-blog .blog-item .author-image {
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1rem;
    margin-top: 1px;
    max-height: 100%;
    max-width: 100%;
}

.widget-blog .blog-element .author-image img,
.widget-blog .blog-item .author-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100px;
    width: auto;
}

.widget-blog .blog-element .blogger-data {
    margin-top: 10px;
    text-align: center;
}

.widget-blog .blog-element .blogger-data .name {
    border-top: 1px dashed #e6e6e6;
    font-size: .8rem;
    font-style: normal;
    font-weight: normal!important;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
}

.widget-blog .blog-element .blogger-data .name a {
    font-weight: normal;
}

.widget-blog.widget-favorite-blogs .opinion-item.blog-item {
    border: 1px solid #efefef;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    overflow: visible;
    padding: 30px 15px 15px;
    position: relative;
}

.widget-blog.widget-favorite-blogs .blog-element {
    border: none;
    box-shadow: none;
    padding: 0;
}

.widget-blog.widget-favorite-blogs .blog-item .blogger-data .name {
    color: #c1c1c1;
    font: 15px 'Roboto Slab', 'sans serif';
    font-weight: 600;
    text-transform: uppercase;
}

.widget-blog.widget-favorite-blogs .blog-item .blogger-data .name a {
    color: #c1c1c1;
}

.widget-blog.widget-favorite-blogs .blog-item .blogger-data .bio {
    border-top: 1px dashed #e6e6e6;
    font-size: .8rem;
    font-style: normal;
    font-weight: normal!important;
    margin-bottom: 10px;
    width: 100%;
}

.widget-blog.widget-favorite-blogs .blog-item .blogger-data .bio a {
    font-weight: normal;
}

.widget-blog.widget-favorite-blogs .blog-element .content-info,
.widget-blog.widget-favorite-blogs .blog-element .summary {
    display: none;
}


/* widget content listing */

.widget-content-listing .widget-content-listing-slider {
    margin-bottom: 20px;
}

.widget-content-listing .widget-content-listing-slider .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 0;
    min-height: 48px;
    padding: 0 58px;
    position: static;
}

.widget-content-listing .ecm-new.image-top-left {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.widget-content-listing .ecm-new.image-top-left .article-media {
    flex: 0 0 35%;
    margin-bottom: 0;
    margin-right: 20px;
}

.widget-content-listing .ecm-new.image-top-left .with-image {
    flex-basis: calc(65% - 20px);
    margin-left: 0;
    padding-left: 0;
}

.widget-content-listing .ecm-new.image-top-left .with-image .article-data {
    max-width: 100%;
    padding-left: 0!important;
    width: 100%;
}


/* widget weather */

.widget-weather ul {
    padding-left: 0;
}

.widget-weather .graph {
    display: block;
    float: right;
    margin-left: 15px;
    max-width: 80px;
}

.widget-weather .conditions {
    display: block;
    float: left;
}

.widget-weather .conditions .weather-place {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
}

.widget-weather .conditions .weather-temperature {
    font-size: 2rem;
    font-weight: lighter;
}

.widget-weather .conditions .weather-description {
    color: #777;
    font-size: .8rem;
    text-transform: capitalize;
}


/***********************************************************
Widget favorite polls
************************************************************/

.widget-favorite-polls {
    border: 1px solid #efefef;
    margin-bottom: 15px;
}

.widget-favorite-polls .widget-header {
    border-bottom: 1px solid #efefef!important;
    padding-left: 15px;
    padding-right: 15px;
}

.widget-favorite-polls .widget-content {
    padding: 15px;
}

.widget-favorite-polls .first-poll {
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.widget-favorite-polls .first-poll .form-check {
    padding-left: 0;
}

.widget-favorite-polls .poll-date {
    color: #b4b4b4;
    font-size: .88em;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


/***********************************************************
Widget today news
************************************************************/

.widget-today-news .widget-content .number {
    display: none;
}

.widget-today-news .ecm-new {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    float: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.widget-today-news .widget-content .title-comments a {
    color: #303030;
    font-weight: 600;
}

.widget-today-news .widget-content .title-comments a:hover {
    color: #1b9fe2;
}

.widget-today-news .title-comments {
    flex-basis: calc(65% - 15px);
    font: 1rem/1.15 'Roboto Slab', 'sans serif';
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}

.widget-today-news .widget-content .image-number {
    flex: 0 0 35%;
    float: none;
    margin-right: 15px;
    overflow: hidden;
}

.widget-today-news .widget-content .image-number a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.widget-today-news .image-number img {
    border: none;
    display: block;
    left: 50%;
    min-height: 70px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

.widget-today-news .image-number img:hover {
    border: none;
    display: block;
    left: 50%;
    min-height: 70px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -moz-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -ms-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    width: 100%;
}


/***********************************************************
Widget widget-most-viewed-content
************************************************************/

.widget-most-viewed-content .widget-content .item {
    display: block;
    width: 100%;
}

.widget-most-viewed-content .widget-content .item .title {
    font-size: 1.1rem;
    line-height: 1.1em;
    width: 60%;
}

.widget-most-viewed-content .widget-content .item .no-image+.title {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

.widget-most-viewed-content .widget-content .article-media {
    float: left;
    overflow: hidden;
    width: 40%;
}

.widget-most-viewed-content .widget-content .article-media figure {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.widget-most-viewed-content .widget-content .article-media figure a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.widget-most-viewed-content .widget-content .article-media figure img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.widget-most-viewed-content .widget-content .article-media figure img:hover {
    -webkit-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -moz-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    -ms-transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
    transform: scale(1.1, 1.1) translateY(-45%) translateX(-45%);
}

.widget-most-viewed-content .widget-content .title {
    display: block;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-left: 40%;
    max-height: 8rem;
    overflow: hidden;
    padding-left: 15px;
    width: inherit;
}

.menu-nav .widget-most-viewed-content {
    border-top: 1px solid #fff;
    clear: left;
    padding: 0;
}

.menu-nav .widget-most-viewed-content .widget-header {
    border-bottom-color: rgba(255, 255, 255, .1)!important;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-nav .widget-most-viewed-content .widget-content .item {
    border-bottom-color: rgba(255, 255, 255, .1);
    padding-left: 15px;
    padding-right: 15px;
}

.menu-nav .widget-most-viewed-content .widget-content .item:last-child {
    margin-bottom: 0;
}

.menu-nav .widget-most-viewed-content .widget-content .title {
    color: #fff;
    font-size: 1rem;
    line-height: 1.15em;
}

.menu-nav .widget-most-viewed-content .widget-content .title a {
    color: #fff;
}

.menu-nav .widget-most-viewed-content .widget-content .article-media figure {
    margin-bottom: 0;
}


/***********************************************************
Widget last-content, last-minute - horizontal widget
************************************************************/

.widget-last-content {
    padding-bottom: 20px;
    padding-top: 20px;
}

.widget-last-content .header-title {
    border-bottom-style: none;
    color: #12427c;
    display: block;
    font-size: 1em;
    margin: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

.widget-last-content .widget-content ul {
    margin: 0;
}

.widget-last-content .widget-content ul li {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-last-content .widget-content ul li a {
    font-style: normal;
    font-weight: bold;
}

.widget-last-content .widget-content .item {
    float: none;
    font: 1rem 'Roboto Slab';
}

.widget-last-content .widget-content ul li a:hover {
    color: #1b9fe2;
}

.widget-last-content .widget-content ul li a .fa {
    margin-right: 5px;
}

.widget-last-content .widget-content ul li span {
    font-size: 1em;
    margin: 0 5px 0 0;
    padding: 0;
}

.widget-last-content .widget-content .carousel-item.active {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
}

.widget-last-content .widget-content .carousel-item-next {
    display: flex;
}

.widget-last-content .widget-content .hour {
    flex: 0 0 auto;
}

.widget-last-content .widget-content ul li a {
    flex: 1 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
}


/***********************************************************
widget last view commented
***********************************************************/

.widget-most-seeing-commented-content .widget-header {
    display: none;
}

.widget-most-seeing-commented-content .nav-tabs {
    border-bottom: 1px solid #efefef;
    color: #12427c;
    font: 16px Roboto, sans-serif;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    text-transform: uppercase;
}

.widget-most-seeing-commented-content .nav-tabs>li {
    border-bottom-style: none;
    padding: 0;
}

.widget-most-seeing-commented-content .nav-tabs>li>a span:before {
    content: 'Lo más ';
}

.widget-most-seeing-commented-content .nav-tabs>li>a span {
    border-bottom: 1px none #12427c;
    color: #12427c;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 30px;
}

.widget-most-seeing-commented-content .nav-tabs>li.active>a span {
    border-bottom: 1px solid #12427c;
}

.widget-most-seeing-commented-content .category-title {
    clear: left;
    font: .9em 'Roboto Slab', 'sans serif';
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
}

.widget-most-seeing-commented-content .content-title {
    border-bottom: 1px solid #e0e0e0;
    display: inline-block;
    padding: 0;
    width: 100%;
}

.widget-most-seeing-commented-content .item {
    border: 0;
    padding-bottom: 10px;
}

.widget-most-seeing-commented-content .video-link img {
    float: left;
    margin-right: 2%;
    width: 32%;
}

.widget-most-seeing-commented-content .video-category {
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
}

.widget-most-seeing-commented-content .video-title {
    font-size: 1em;
    line-height: 1.3;
}

.widget-most-seeing-commented-content .image-content {
    float: left;
    margin-right: 1%;
    max-width: 45%;
    padding: 0 5px 5px 0;
    position: relative;
}

.widget-most-seeing-commented-content .album-cover {
    float: left;
    margin-right: 2%;
    max-height: 90px;
    max-width: 32%;
    overflow: hidden;
    padding: 0 5px 5px 0;
    position: relative;
}

.widget-most-seeing-commented-content .album-cover .fa {
    display: none;
}

.widget-most-seeing-commented-content .album-category {
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
}

.widget-most-seeing-commented-content .album-title {
    font-size: 1em;
    line-height: 1.3;
}


/***********************************************************
widget carousel-lateral - entrevistas
***********************************************************/

.widget-carousel-lateral {
    margin-bottom: 30px;
}

.widget-carousel-lateral .widget-header-over {
    color: #c99e66;
    display: none;
}

.widget-carousel-lateral .widget-content {
    padding: 0;
    padding-bottom: 32px;
    position: static;
}

.widget-carousel-lateral .carousel-inner {
    background-color: #3c3c3c;
    border-radius: 4px;
    max-height: 640px;
    overflow: hidden;
}

.widget-carousel-lateral .carousel-inner figure:after {
    background-color: transparent;
    background-image: none;
    display: none;
    pointer-events: none;
}

.widget-carousel-lateral .widget-content .item {
    border-style: none;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-carousel-lateral .item {
    background-color: transparent;
    border-radius: 4px;
    color: #fff;
    overflow: hidden;
}

.widget-carousel-lateral .item figure {
    border-radius: 4px;
    margin: 10px;
    max-height: 330px;
    min-height: 330px;
    overflow: hidden;
}

.widget-carousel-lateral .item figure img {
    height: 330px;
    object-fit: cover;
}

.widget-carousel-lateral .item .caption-image {
    max-height: 100%;
    padding: 15px 15px 48px 15px;
}

.widget-carousel-lateral .item .caption-image .subtitle {
    line-height: 1.2em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.widget-carousel-lateral .item .caption-image .title {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 2rem;
    line-height: 1.1;
}

.widget-carousel-lateral .item .bg-blur {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    bottom: 0;
    filter: blur(4px);
    left: 0;
    opacity: .2;
    overflow: hidden;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.widget-carousel-lateral .carousel-control {
    color: #aaa;
    width: 6%;
}

.widget-carousel-lateral .carousel-control:hover,
.widget-carousel-lateral .item .caption-image a {
    color: #fff;
}

.widget-carousel-lateral .carousel-indicators {
    align-items: center;
    bottom: unset;
    height: 32px;
    left: unset;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: -32px;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
}

.widget-carousel-lateral .carousel-indicators li {
    cursor: pointer;
}

.widget-carousel-lateral .carousel-indicators li.active {
    pointer-events: none;
}

.widget-carousel-lateral .carousel-indicators li:hover {
    background-color: rgba(255, 255, 255, .75);
    opacity: 1;
}

.widget-carousel-lateral .item .caption-image .summary {
    color: #fff;
    display: none;
    font-weight: normal;
    margin-top: 10px;
    text-transform: none;
}


/***********************************************************
widget archive
************************************************************/

.widget .archive-calendar {
    margin-bottom: 20px;
    min-height: 300px;
    text-align: center;
}

.widget .archive-calendar .widget-content {
    font-size: .85em;
}

.archive-calendar .datepicker-inline {
    background-color: #fff;
    color: #333;
    width: 100%!important;
}

.table-condensed {
    width: 100%;
}

.datepicker thead tr {
    border-bottom: 1px solid #fff;
}

.datepicker table tr td.day:hover {
    color: #999;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
    background-color: #999;
    color: #111;
}


/***********************************************************
widget past headlines most viewed
***********************************************************/

.widget-past-headlines-most-viewed .widget-header {
    display: none;
}

.widget-past-headlines-most-viewed .number {
    display: none;
}

.widget-past-headlines-most-viewed .content-title {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 15px;
    padding: 0 0 15px;
}


/***********************************************************
Widget all headlines - four columns with sections
************************************************************/

.widget-all-headlines .widget-content {
    overflow: visible;
}

.widget-all-headlines ul li:nth-of-type(1n+5) {
    display: none;
}

.widget-all-headlines ul li .article-media {
    float: none;
    margin-bottom: 15px;
    width: 100%;
}

.widget-all-headlines .ecm-new .title {
    font-size: 1.25em;
}

.widget-all-headlines .ecm-new.tiny .title {
    font-size: 1.1em;
}


/***********************************************************
Widget latest videos
************************************************************/

.widget-latest-videos .widget-content {
    overflow: visible;
}


/***********************************************************
Widget Opinions
************************************************************/

.widget-opinions .opinion-data {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.widget-opinions .opinion-data .wrapper-photo {
    /* border-bottom: 1px solid #e6e6e6; */
    flex: 0 0 80px;
    margin-bottom: 15px;
    margin-right: 15px;
    overflow: hidden;
    position: static;
}

.widget-opinions .opinion-data .author-image {
    float: none;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.widget-opinions .opinion-data .author-opinion {
    flex-basis: 100%;
    text-align: left;
}

.widget-opinions .opinion-data .author-opinion.with-photo {
    flex-basis: calc(100% - 95px);
}

.widget-opinions .opinion-data .author-name {
    font: 0.9375rem 'Roboto Slab', 'sans serif';
    font-weight: 600;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.widget-opinions .opinion-data .title {
    font-size: 1.25rem;
    line-height: 1.15;
}


/***********************************************************
Widget Servicios
************************************************************/

.widget-servicios .widget-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}

.widget-servicios li {
    display: inline-block;
    font-size: 1.6rem;
    margin-bottom: 10px;
    width: 32%;
}

.widget-servicios li a {
    color: #12427c;
    font-style: normal;
    font-weight: normal;
}

.widget-servicios li .fa {
    color: #b4b4b4;
    margin-right: 5px;
}


/***********************************************************
 Utilities
************************************************************/

.no-margin-row {
    margin-left: -15px;
    margin-right: -15px;
}


/* Large desktop */

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


/* Desktop */

@media (min-width: 992px) and (max-width: 1199px) {
    .ads-skyscraper-container>div {
        width: 970px;
    }
    .main-container {
        overflow-x: hidden;
    }
    .ecm-owl-carousel .carousel-caption {
        bottom: 15px;
        left: 15px;
        right: 15px;
        text-shadow: none;
    }
    .ecm-owl-carousel-titles .carousel-headlines .title {
        font-size: 1.25em;
    }
    .ecm-owl-carousel .article-data .title a {
        font-size: 1.42em;
    }
    .ecm-owl-carousel .content-info {
        margin-top: 15px;
    }
    .ecm-owl-carousel-titles .headlines-title {
        clear: left;
        display: block;
        float: left;
    }
    .ecm-owl-carousel .carousel-inner figure.cover-img {
        padding-bottom: 440px;
    }
    .ad_horizontal .ad_244 {
        display: none;
    }
}


/* Portable */

@media (min-width: 768px) and (max-width: 991px) {
    .openhost-badge {
        margin-top: -15px;
        top: 70px;
    }
    .ecm-owl-carousel .carousel-inner figure.cover-img {
        padding-bottom: 440px;
    }
    .ecm-owl-carousel-titles .carousel-headlines .title {
        font-size: 1.15em;
    }
    .ecm-owl-carousel-titles .carousel-headlines .selected:after {
        border-bottom: 10px solid #1b9fe2;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 0 solid transparent;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -20px;
        margin-top: 0;
        position: absolute;
        top: -10px;
        width: 0;
    }
    .ecm-new .title {
        font-size: 1.2em;
    }
    .widget-content .title {
        font-size: 1.1em;
    }
    .category-column .ecm-new .title {
        font-size: 1.1em;
        margin: 0;
    }
    .category-column .ecm-new:first-of-type .title {
        font-size: 1.2em;
    }
    .ecm-new.opinion .opinion-author {
        font-size: .8em;
        margin-bottom: 10px;
    }
    .double-column .ecm-new.image-top-left .article-media,
    .double-column .ecm-new.image-top-left .media-cover {
        float: left;
        width: 35%;
    }
    .double-column .ecm-new.image-top-left .article-data {
        max-width: 65%;
    }
    .inner-content .title {
        font-size: 2.4em;
        margin-bottom: 20px;
    }
    .inner-content .scrolled-utilities {
        top: 71px;
    }
    .inner-content .scrolled-utilities .only-share {
        display: none!important;
    }
    .inner-content .machine-related-contents ul>li:nth-child(odd) {
        clear: left;
        margin-bottom: 15px;
    }
    .album-page .carousel-inner figure {
        min-height: 300px;
    }
    .owl-carousel .owl-stage-outer figure img {
        max-height: 100%;
    }
    .ad-inner {
        max-width: 100%;
        overflow: hidden;
    }
    .widget-carousel-lateral .item .caption-image .title {
        font-size: 1.6rem;
    }
    .col-md-6 .widget-content-listing .widget-content .ecm-new.image-top-left .title {
        font-size: 1.1em;
    }
}


/* Tablet */

@media (min-width: 480px) and (max-width: 768px) {
    .ecm-owl-carousel .carousel-inner figure.cover-img {
        padding-bottom: 56.25%;
    }
    .ecm-owl-carousel-titles .carousel-headlines .title {
        font-size: 1.15em;
        margin-top: 10px;
    }
    .double-column {
        padding-right: 15px;
    }
    .widget {
        clear: none;
    }
    .ecm-new .title {
        font-size: 1.25em;
    }
    .ecm-new .content-info {
        font-size: 13px;
        margin-top: 10px;
    }
    .category-column .ecm-new .title {
        font-size: 1.3em;
        margin: 0;
    }
    .inner-content .title {
        font-size: 2.25em;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .inner-content .summary {
        font-size: 1.25em;
        line-height: 1.15em;
    }
    .inner-content .data-box {
        border-bottom: 1px solid #efefef;
        margin-bottom: 15px;
        margin-top: 30px;
        padding-bottom: 15px;
    }
    .inner-content .sharrre-tools ul {
        text-align: left;
    }
}

@media (max-width: 991px) {
    body {
        max-width: 100%;
    }
    .ecm-owl-carousel-titles .carousel-headlines .title a {
        -webkit-line-clamp: 4;
    }
    .header .header-wrapper {
        min-height: 36px;
    }
    .ads-skyscraper-container>div {
        display: none;
    }
    .main-container {
        overflow-x: hidden;
    }
    .ad-right {
        float: left;
    }
    .ecm-new .summary {
        display: none;
    }
    .ecm-new.big-media .cover-img,
    .ecm-new.big-content .cover-img {
        padding-bottom: 56%;
    }
    .widget-blog .widget-content.row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .main-header {}
    .header {
        padding: 5px 15px;
    }
    .header-logo {
        font-size: 1.8rem;
    }
    .openhost-badge {
        margin-top: -15px;
        top: 70px;
    }
    #main {
        margin-top: 0 !important;
    }
    .wrapper-slider .owl-carousel.owl-theme .carousel-caption {
        bottom: 53px;
        left: 15px;
        right: 15px;
        top: inherit;
        transform: none;
    }
    .wrapper-slider .ecm-owl-carousel .owl-carousel.owl-theme .owl-nav {
        bottom: 48px;
        margin-bottom: 5px;
        top: inherit;
    }
    .widget-content-listing-slider .ecm-owl-carousel .owl-carousel.owl-theme .owl-nav {
        margin-bottom: 0;
        margin-top: 5px;
        position: static;
    }
    .widget-last-content .header-title {
        display: none;
    }
    .widget-last-content .widget-content ul li span {
        float: left;
    }
    .widget-last-content .widget-content ul li a {
        clear: left;
        float: none;
    }
    .ecm-owl-carousel {
        min-height: 400px;
    }
    .carousel-inner figure.cover-img {
        min-height: 400px;
    }
    .ecm-owl-carousel .owl-carousel.owl-theme .owl-nav .owl-prev {
        left: 5px;
    }
    .ecm-owl-carousel .owl-carousel.owl-theme .owl-nav .owl-next {
        right: 5px;
    }
    .ecm-owl-carousel {
        margin-bottom: 0;
        overflow: hidden;
    }
    .ecm-owl-carousel .carousel-caption {
        bottom: inherit;
        left: 63px;
        right: 63px;
        text-shadow: none;
        top: 50%;
        transform: translate3d(0, -50%, 0);
    }
    .widget-content-listing .ecm-owl-carousel .carousel-caption {
        bottom: 20px;
        left: 15px;
        right: 15px;
        text-shadow: none;
        top: inherit;
        transform: none;
    }
    .widget-content-listing .owl-carousel .carousel-caption .title,
    .widget-content-listing .owl-carousel .carousel-caption .title a {
        -webkit-line-clamp: 5;
    }
    .ecm-owl-carousel .article-data .title,
    .ecm-owl-carousel .widget-content .article-data .title {
        font-size: 1.2rem!important;
    }
    .ecm-owl-carousel .summary {
        display: none;
    }
    .ecm-owl-carousel-titles .carousel-headlines {
        display: none;
    }
    .second-wrapper .last-column {
        border-left: none;
        margin-left: 0;
        margin-right: 0;
    }
    .ecm-new.big-title .title,
    .ecm-new.big-content .title {
        font-size: 1.8rem;
    }
    .home .ecm-new.image-top-left .article-media .cover-img {
        padding-bottom: 100%;
    }
    .home .ecm-new.image-top-left .article-data {
        margin-left: 0;
        padding-left: 0;
    }
    .widget-all-headlines .more-news-section:nth-of-type(odd) {
        clear: left;
    }
    .inner-content .scrolled-utilities {
        top: 71px;
    }
    .inner-content .scrolled-utilities .only-share {
        display: none!important;
    }
    .inner-content .content-utilities-box.affix .sharrre-tools .whatsapp {
        display: inline-table;
    }
    .inner-content .affix .sharrre-tools ul li {
        min-width: inherit;
    }
    .inner-content .last-column {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .inner-content .body {
        margin-left: 0;
    }
    .inner-content .summary {
        font-weight: normal;
    }
    .inner-content .content-utilities-box .sharrre-tools .whatsapp {
        display: inline-block;
    }
    .inner-opinion .opinion-data .author-name {
        margin-bottom: 20px;
        margin-top: 0;
        text-align: center;
    }
    .album-page.carousel-inner figure {
        min-height: 300px;
    }
    .album-page .owl-carousel .owl-stage-outer figure img {
        max-height: 300px;
    }
    .album-page .wrapper-slider .owl-controls {
        bottom: 0;
        top: 50%;
    }
    .widget_last_in_section_photo .widget-content ul li {
        margin-bottom: 0;
        padding-bottom: 1px;
        padding-top: 10px;
    }
    .widget-carousel-lateral .carousel-inner {
        max-height: inherit;
    }
    .widget-carousel-lateral .item .caption-image {
        min-height: 200px;
        position: relative;
        z-index: 1;
    }
    .widget-carousel-lateral .item .caption-image .subtitle {
        display: none;
    }
    .widget-carousel-lateral .item figure {
        border-radius: 4px;
        margin: 10px 0;
        max-height: 250px;
        max-width: 100%;
        overflow: hidden;
    }
    .widget-carousel-lateral .item figure img {
        max-height: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .widget-carousel-lateral .item figure img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .widget-carousel-lateral .item .caption-image .title {
        font-size: 1.6rem;
    }
}

@media (max-width: 575px) {
    .ecm-new .title {
        font-size: 1.25em;
    }
    .main-share {
        float: right;
    }
    .main-share ul.social-links>li.creative-commons,
    .main-share ul.social-links>li .fa-rss {
        display: none;
    }
    .ecm-owl-carousel .article-data .title,
    .ecm-owl-carousel .widget-content .article-data .title,
    .ecm-owl-carousel .article-data .title a,
    .ecm-owl-carousel .widget-content .article-data .title a {
        font-size: 1.6rem !important;
    }
    .ecm-new.big-title .title,
    .ecm-new.big-content .title {
        font-size: 1.6rem;
    }
    .inner-content .affix .sharrre-tools ul {
        max-width: inherit;
        min-width: inherit;
        text-align: center;
        width: 100%;
    }
    .inner-content .content-utilities-box.affix .sharrre-tools .sticky-title {
        display: none;
    }
    .inner-content .content-utilities-box.affix .sharrre-tools .whatsapp {
        display: inline-table;
    }
    .inner-content .title {
        font-size: 1.5em;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .inner-content .subtitle {
        font-size: 1em;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .inner-content .summary {
        font-size: 1.05em;
        line-height: 1.15em;
    }
    .inner-content .data-box {
        border-bottom: 1px solid #efefef;
        margin-bottom: 10px;
        margin-top: 20px;
        padding-bottom: 10px;
    }
    .inner-content .sharrre-tools {
        float: left;
        margin-top: 15px;
    }
    .inner-content .article-media .photo-subtitle {
        margin-bottom: 15px;
        text-align: left;
    }
    .inner-content .body {
        font-size: 1.1875rem;
    }
    .inner-content .machine-related-contents ul>li {
        margin-bottom: 15px;
    }
    .inner-content .machine-related-contents ul>li.inner-content .machine-related-contents ul>li:nth-child(odd) {
        clear: left;
    }
    .ad-inner {
        max-width: 100%;
        overflow: hidden;
    }
    .opinion-page .opinion-list .opinion-item .title {
        min-height: initial;
    }
    .article-comments {
        display: none;
    }
    .album-page .album-list .album-item .title {
        font-size: 1em;
    }
    .album-page .carousel-inner figure {
        min-height: 200px;
    }
    .archive-contents .image-top-left .article-media {
        width: 25%;
    }
    .archive-contents .image-top-left .article-data {
        padding-left: 25%;
    }
    .archive-contents .image-top-left .summary {
        display: none;
    }
    .widget-carousel-lateral .item .caption-image {
        min-height: 150px;
    }
    .widget-blog .widget-content.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .widget-content-listing-slider .ecm-owl-carousel .owl-carousel {
        padding-bottom: 5px;
    }
    .widget-content-listing-slider .owl-carousel.owl-theme .owl-nav {
        margin-top: 5px;
        position: static;
    }
}

@media (max-width: 360px) {
    .ecm-new .title {
        font-size: 1.8rem;
    }
    .ecm-new .summary {
        display: none;
    }
}


/* Prev and next articles in sticky bar */

.more-article-navigation {
    animation: fadeout 400ms;
    animation-delay: 250ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    bottom: 15px;
    left: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: -100%;
    transition: right 400ms ease-in-out 0s;
    z-index: 900;
}

.more-article-navigation.sticky {
    animation: fadein 400ms;
    animation-delay: 250ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    left: 0;
    right: 0;
}

.more-article-navigation .widget-header {
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    margin-bottom: 0;
    padding: 7px;
}

.more-article-navigation .article-navigation.prev {
    display: none;
}

.more-article-navigation .widget {
    margin: 0;
    padding: 0 15px;
}

.more-article-navigation .article-navigation {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
    height: 100px!important;
    pointer-events: auto;
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    width: 100%;
    z-index: 1;
}

.more-article-navigation .article-navigation>a {
    display: none;
}

.more-article-navigation .article-navigation.next .article {
    height: 100%;
    left: 0;
    opacity: 1;
    top: 0;
    transform: rotate(0deg);
    visibility: visible;
    width: 100%;
}

.more-article-navigation .article-navigation .article-media {
    margin: 0 15px 0 0;
    max-width: 100px;
}

.more-article-navigation figure {
    height: 100px;
    margin: 0;
    width: 100px;
}

.more-article-navigation .article-navigation .article-data {
    margin: 0 0 0 80px;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.more-article-navigation .article-navigation .article-data.no-image {
    margin-left: 15px;
}

.more-article-navigation .article-data .title {
    font-size: 1.275rem;
    margin: 0;
}

.more-article-navigation .article-data .title a:hover {
    opacity: .75;
}

.more-article-navigation .next-article-progress {
    height: 3px;
    position: relative;
    top: -3px;
    vertical-align: top;
    width: 100%;
    z-index: 2;
}

.widget-infinite-scroll .widget-header {
    display: inline-block;
    font-size: .8rem;
    pointer-events: auto;
    width: auto!important;
}

.widget-infinite-scroll .widget-header a,
.widget-infinite-scroll .widget-header a span {
    color: #fff !important;
    filter: none;
}

.widget-infinite-scroll .widget-header .fa {
    display: none;
}

.reading-progress,
.next-article-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    bottom: -2px;
    color: #d7d7d7;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.widget-infinite-scroll .reading-progress::-webkit-progress-bar,
.widget-infinite-scroll .next-article-progress::-webkit-progress-bar {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.widget-infinite-scroll .reading-progress::-webkit-progress-value,
.widget-infinite-scroll .next-article-progress::-webkit-progress-value {
    background-color: rgba(0, 0, 0, 0.8);
}

.widget-infinite-scroll .reading-progress::-moz-progress-bar,
.widget-infinite-scroll .next-article-progress::-moz-progress-bar {
    background-color: rgba(0, 0, 0, 0.8);
}

#sticky-sharrre-bar .sharrre-tools .sharrre li.comments {
    display: none;
}


/*** Animations ***/

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}