@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912');
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912#iefix') format('embedded-opentype'),
    url('../Fonts/OpenSansCondensed/OSC300.woff2?26347912') format('woff2'),
    url('../Fonts/OpenSansCondensed/OSC300.woff?26347912') format('woff'),
    url('../Fonts/OpenSansCondensed/OSC300.ttf?26347912') format('truetype'),
    url('../Fonts/OpenSansCondensed/OSC300.svg?26347912#opensanscondensed') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912');
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912#iefix') format('embedded-opentype'),
    url('../Fonts/OpenSansCondensed/OSCItalic300.woff2?26347912') format('woff2'),
    url('../Fonts/OpenSansCondensed/OSCItalic300.woff?26347912') format('woff'),
    url('../Fonts/OpenSansCondensed/OSCItalic300.ttf?26347912') format('truetype'),
    url('../Fonts/OpenSansCondensed/OSC300.svg?26347912#opensanscondensed') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912');
    src: url('../Fonts/OpenSansCondensed/OSC300.eot?26347912#iefix') format('embedded-opentype'),
    url('../Fonts/OpenSansCondensed/OSC700.woff2?26347912') format('woff2'),
    url('../Fonts/OpenSansCondensed/OSC700.woff?26347912') format('woff'),
    url('../Fonts/OpenSansCondensed/OSC700.ttf?26347912') format('truetype'),
    url('../Fonts/OpenSansCondensed/OSC300.svg?26347912#opensanscondensed') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'minisquare';
    src: url('../Fonts/Minisquare/minisquare.eot?26347912');
    src: url('../Fonts/Minisquare/minisquare.eot?26347912#iefix') format('embedded-opentype'),
    url('../Fonts/Minisquare/minisquare.woff2?26347912') format('woff2'),
    url('../Fonts/Minisquare/minisquare.woff?26347912') format('woff'),
    url('../Fonts/Minisquare/minisquare.ttf?26347912') format('truetype'),
    url('../Fonts/Minisquare/minisquare.svg?26347912#minisquare') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    overflow: auto;
}

input, textarea{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    background: #E6E6E6;
    border:none;
    padding: 10px 10px;
}

input.error,
textarea.error {
    background-color: rgba(255,0,0,0.3);
}

input[type="button"]{
    -webkit-appearance: none;
}

button {
    cursor: pointer;
}

ul{
    margin: 0;
    padding: 0;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
    color: #E30613;
}

h1{
    color: #E30613;
    font-size: 28px;
}

h2{
    color: #E30613;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
}
h3{
    font-size: 17px;
    margin: 0;
    padding: 10px 0 10px 0;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "minisquare";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dots:before { content: '\e800'; } /* '' */
.icon-arrow-down:before { content: '\e801'; } /* '' */
.icon-arrow-left:before { content: '\e802'; } /* '' */
.icon-arrow-right:before { content: '\e803'; } /* '' */
.icon-arrow-up:before { content: '\e804'; } /* '' */
.icon-download:before { content: '\e805'; } /* '' */
.icon-edit:before { content: '\e806'; } /* '' */
.icon-favorites:before { content: '\e807'; } /* '' */
.icon-feedback:before { content: '\e808'; } /* '' */
.icon-bin:before { content: '\e809'; } /* '' */
.icon-share:before { content: '\e80a'; } /* '' */
.icon-facebook:before { content: '\e80b'; } /* '' */
.icon-ok:before { content: '\e80c'; } /* '' */
.icon-login-key:before { content: '\e80d'; } /* '' */
.icon-favouritenew:before { content: '\e80e'; } /* '' */
.icon-email:before { content: '\e80f'; } /* '' */
.icon-pdf:before { content: '\e810'; } /* '' */
.icon-sorting:before { content: '\e811'; } /* '' */
.icon-search:before { content: '\e812'; font-size: 120%; font-weight: 700; color: #707070} /* '' */
.icon-printer:before { content: '\e813'; } /* '' */
.icon-plus:before { content: '\e814'; } /* '' */
.icon-filter:before { content: '\e815'; } /* '' */
.icon-expand:before { content: '\e816'; } /* '' */
.icon-burger:before { content: '\e817'; } /* '' */
.icon-decrease:before { content: '\e818'; } /* '' */
.icon-whatsapp:before { content: '\e819'; } /* '' */
.icon-user:before { content: '\e81a'; } /* '' */
.icon-twitter:before { content: '\e81b'; } /* '' */
.icon-x:before { content: '\e81c'; } /* '' */
.icon-switch:before { content: '\e81d'; } /* '' */
.icon-logout:before { content: '\e81e'; } /* '' */
.icon-edit-user:before { content: '\e806'; } /* '' */

.hidden-element {display: none!important;}
.after-hidden:after {display: none!important;}

.message {
    max-width: 100%;
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 99999;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    animation-duration: 5s;
    animation-name: cssAnimation;
    opacity: 0;
}

.message.success {
    border: 4px solid #5abf5a;
    background-color: #8bd08b;
}

.message.nonsuccess {
    border: 4px solid #e30613;
    background-color: #fb7272;
}

@keyframes cssAnimation {
    0%      {opacity: 0}
    10%     {opacity: 1}
    90%     {opacity: 1}
    100%    {opacity: 0}
}
@-webkit-keyframes cssAnimation {
    0%      {opacity: 0}
    10%     {opacity: 1}
    90%     {opacity: 1}
    100%    {opacity: 0}
}

#wrapperID{}
.wrapper{width: 100%}
.wrapper_small{width: 1600px;margin: 0 auto;}

#header{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}

.header_wrapper{position: relative;padding:30px 0 30px 0}


#logo{
    float: left;
    width: 60%;
    position: relative;
    transition: width .4s;
    -webkit-transition: width .4s ease;
    -moz-transition: width .4s ease;
    -ms-transition: width .4s ease;
    -o-transition: width .4s ease;
}
#logo img{
    width: 100%;
    display: block;
    transition: width .4s;
    -webkit-transition: width .4s ease;
    -moz-transition: width .4s ease;
    -ms-transition: width .4s ease;
    -o-transition: width .4s ease;
}
#logo a{display: block; position: absolute;width: 100%;height: 100%;left:0; top:0;z-index: 2}

#logo object{
    position: relative;
    /* z-index: -1;*/
}

#logo .logo-icon, #logo .logo-text{
    display: inline-block;
    vertical-align: middle;
}
#logo .logo-icon{width: 35%;padding-right: 7%;}
#logo .logo-text{width: 65%;margin-right: -4px}
#search {
    width: 40%;
    padding-left: 3%;
    position: absolute;
    right: 0;
    /* bottom: 90px;/    */
    bottom:36%;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

#search .icon-search:before{color:#707070}

#serch_text{
    background:none;
    border-bottom: 1px solid #E30613;
    width: 100%;
    padding: 10px 30px 10px 10px;
    font-family: 'Open Sans Condensed', sans-serif;
}
#search_btn{
    position: absolute;
    right: 0;
    width:30px;
    z-index: 1;
    background: transparent;
}
#search_btn:hover{
    cursor: pointer;
}

#search .icon-search{
    position: absolute;
    right: 0;
    bottom: 10px;
}


#filter-1, #filter-2{
    float: left;
    margin-right: 7.5%;
    width: 40%;
    position: relative;
    border-bottom: 1px solid #E30613;
    border-left: 1px solid #E30613;
    font-weight: bold;
    color: #707070;
}
#filter-3{
    float: right;
    width: 5%;
    font-size: 30px;
    background: #E30613;
    color: #fff;
    text-align: center;
    margin: -5px 0 0 0;
}

#filter-1:hover, #filter-2:hover, #filter-3:hover{
    cursor: pointer;
}
.filter.icon-arrow-down:before{
    color:#E30613;
    right: 10px;
    position: absolute;
    z-index: -1;
    top: 8px;
}

.filter.close-filter.icon-arrow-down:before{
    content: '\e81c';
    font-size: 12px;
}


#filter-3.icon-sorting.close-filter:before{
    content: '\e81c';
    font-size: 18px;
    top: -4px;
    position: relative;
}

.filter span{
    display: block;
    padding: 5px 20px;
}

#filter-3 span {
    width: 100%;
    height: 40px;
    margin: -40px 0 0 0;
    position: relative;
    display: block;
}
#filter-3{
    position: relative;
}

#filter-3 .filter-list{
    left: auto;
    right: 0;
    top:41px
}

#filter-3 .icon-sorting::before{
    z-index: -2;
}


@-webkit-keyframes slideDownAnimation {
    0%   {width:0; height:0}
    100%  {width:640px; height:240px}
}

@keyframes slideDownAnimation {
    0%   {width:0; height:0}
    100%  {width:640px; height:240px}
}


@-webkit-keyframes slideDownAnimationSorting {
    0%   {width:0; height:0}
    100%  {width:250px; height:132px}
}

@keyframes slideDownAnimationSorting {
    0%   {width:0; height:0}
    100%  {width:250px; height:132px}
}

.divSlideDown{
    background-color:#fff;
    border: 1px solid #E30613;
    -webkit-animation-name: slideDownAnimation;
    -webkit-animation-duration: .5s;
    animation-name: slideDownAnimation;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.divSlideDown-Sorting{
    background-color:#fff;
    border: 1px solid #E30613;
    -webkit-animation-name: slideDownAnimationSorting;
    -webkit-animation-duration: .5s;
    animation-name: slideDownAnimationSorting;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.divHideFilterList{
    height: 0;
    overflow: hidden;
}


.filter-list {
    position: absolute;
    left: -1px;
    top: 36px;
    height: 0;
    overflow: hidden;
    z-index: 2;
}

.filter-list-inner {
    padding: 20px;
    overflow-y: scroll;
    height: 100%;
    color: #000;
    cursor: auto;
}

#filter-3 .filter-list-inner{
    overflow: hidden;
}

.filter-items{
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}

#filter-3 .filter-items{
    font-size: 16px;
    text-align: left;
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}

.filter-ok-cancel{
    position: absolute;
    bottom: 0;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    padding: 10px 0;
    text-align: right;
    width: 92%;
    border-top: 1px solid #c5c5c5;
}
.filter-ok-cancel > div {
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    font-size: 13px;
}

.filter-ok-cancel .icon-ok {
    position: relative;
}

.filter-ok-cancel .icon-ok:before{
    font-size: 10px;
    color: #e30613;
    position: absolute;
    top: 4px;
    left: -13px;
}

.filter-ok-cancel .icon-x {
    position: relative;
}

.filter-ok-cancel .icon-x:before{
    font-size: 9px;
    color: #707070;
    position: absolute;
    top: 5px;
    left: -11px;
}


#filters-active {
    color: #707070;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 10px;
}
#filters-active .icon-x:before{
    font-size: 10px;
    color: #E30613;
    position: relative;
    top: -2px;
}
#filters-active span{
    cursor: pointer;
    padding: 0 0 0 3px;
}
#filters-active span.icon-x{
    padding-left: 5px;
}
#filters-active .possible-active-filter {
    display: none;
}
#filters-active .possible-active-filter.active {
    display: inline-block;
}
.af > div{display: inline-block;vertical-align: middle;margin-right: 10px}
#af-1, #af-2{
    width: 40%;
    margin-right: 7.5%;
    float: left;
    min-height: 33px;
}
#af-3{
    width: 5%;
    float: right;
    min-height: 33px;
}


/* content */
#content{padding-bottom: 150px}

/* padding-top for contet with filters in header / Homepage*/
#page-id-1 #content{
    padding-top: 360px;
}

/* padding-top for contet without filters in header / all except Homepage*/
#content{
    padding-top: 300px;
}

.content-items {
    -moz-column-width: 350px;
    -webkit-column-width: 350px;
    column-width: 350px;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;

}

.article-item {
    display: inline-block;
    padding:  1rem;
    width:  100%;
    background:  #fff;
    margin: 10px 0;
    transition: all .3s;
    border: 2px solid #E6E6E6;
}


p {
    margin:  1rem 0;
}

ul.bodytext {
    padding-left: 20px;
}
ul.bodytext li {
    list-style-type: none;
}
ul.bodytext li:before {
    content: '•';
    color: #e30613;
    margin-left: -13px;
    margin-right: 7px;
}

ol li {
    list-style-type: decimal;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.textpic-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
}

.image-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.image-wrapper.img-top {
    text-align: center;
}

.image-wrapper.img-left {
    float: left;
    margin-right: 10px;
}

.image-wrapper.img-right {
    float: right;
    margin-left: 10px;
}

.image-wrapper a {
    position: relative;
    display: block;
}

.image-wrapper + p {
    padding-top: 0;
    margin-top: 0;
}

.image-wrapper-item {
    position: relative;
}

.gallery_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 15px;
    color: #e30613;
    font-weight: 700;
    text-align: center;
    background-color: rgba(255, 255, 255, .6);
}

.featherlight-content .caption {
    color: #e30613;
    font-weight: 700;
    text-align: center;
}

.image-wrapper .slick-arrow {
    top: calc(50% - 30px);
    z-index: 1;
}
.image-wrapper .slick-prev {
    left: 0;
}
.image-wrapper .slick-next {
    right: 0;
}


.playbutton-wrapper {
    position: absolute;
    top: calc(50% - 150px);
    left: 0;
    width: 100%;
    height: 300px;
    max-height: 100%;
}

.playbutton-wrapper .playbutton {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% + 20px);
    cursor: pointer;
}

.playbutton-wrapper .playbutton span {
    border-top: 25px solid transparent;
    border-left: 40px solid rgba(255, 255, 255, 0.9);
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    background-clip: padding-box;
}

.playbutton-wrapper .playbutton span:before {
    content: '';
    position: absolute;
    top: -50px;
    left: -75px;
    bottom: -50px;
    right: -25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid rgba(255, 255, 255, 0.9);
}

.playbutton-wrapper .information {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40rem;
    max-width: 100%;
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 calc(50% - 20rem);
}

.responsive-video {
    display: none;
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.grid {
    max-width: 1600px;
}

.grid-item {
    float: left;
    margin-bottom: 25px;
    width: 381px;
    padding-bottom: 15px;
}

/* item is invisible, but used for layout */
.grid-item,
.grid-item-content {
    height: auto;
}

/* grid-item-content is visible, and transitions size */



.grid-item-content {
    border: 3px solid #E6E6E6;
    -webkit-transition: width 0.4s, height 0.4s;
    transition: width 0.4s, height 0.4s;
    overflow: hidden;
    position: relative;
}
.no-border .grid-item-content{
    border: none;
}


.no-border.is-expanded{
    border: 3px solid #E6E6E6;
}

.article-content{
    padding: 15px;
    height: auto;
    -webkit-transition:  opacity 1.5s;
    transition: opacity 1.5s;
    opacity: 1;
    visibility: visible;

}

.article-content.no-photo{
    padding: 15px;
}
.article-content.with-photo{
    padding: 0px;
}
.article-content.with-photo img{
    width: 100%;
    display: block;
}
.article-content.with-photo h2 {
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, .6);
    width: 100%;

}

.article-content.with-photo h2 a{
    position: relative;
}
.article-content.with-photo h2 a:after {
    content: '\e803';
    font-family: "minisquare";
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 0 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}


.article-content.with-photo h2 a{
    padding: 5px 15px;

}
.article-content h2 a{
    color: #E30613;
    display: block;
    word-break: break-word;
}
.article-content a{
    color: #E30613;
}
.article-content .icon-arrow-right{
    text-align: right;
    padding:0 0 0 10px;
    font-size: 12px;
}
.article-content p{
    margin: 10px 0 0 0;
}

.grid-item.is-expanded .article-content{
    opacity: 0;
    visibility: hidden;
}

.article-manager {
    position: absolute;
    top: 2px;
    right: -100%;
    width: 98.8%;
    height: 94%;
    background: #fff;
}
.view-details {
    position: absolute;
    bottom: -10px;
    color: #707070;
    font-size: 20px;
    right: 0;
    cursor: pointer;

}
.view-details.closeManager{
    top: 25px;
    right: auto;
    left: 20px;
    bottom: auto;
}

.icon-dots.closeManager {
    font-size: 12px;
    color:#E30613;
}

.icon-dots.closeManager:before {
    display: none;
}

.close-article {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    color: #E30613;
    cursor: pointer;
}

.close-article:before {
    content: '\e81c';
    font-family: minisquare;
}

.grid-item.is-expanded .article-manager{
    right: 2px;
    top:2px;
    padding: 15px;
}


/* both item and item content change size */

.grid-item.is-expanded .grid-item-content,
.grid-item.is-expanded.is-expanded-user .grid-item-content{
    height: 450px;
}

.grid-item.is-expanded {
    z-index: 2;
}

.article-manager h2{
    margin-left:30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 56px;      /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-manager h2 a{
    color: #E30613;
}

.icon-favouritenew.close-new:before{
    content: '-';
    width: 26px;
    height: 20px;
    padding-right: 15px;
}


.socials .shariff ul.orientation-horizontal {
    width: 242px;
    max-width: 100% !important;
}

.socials .shariff ul.orientation-horizontal li {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    margin-right: 5px;
    height: 35px;
}

.socials .shariff ul.orientation-horizontal li a {
    height: 35px;
    font-weight: 400;
}
.socials .shariff ul.orientation-horizontal li a span {
    display: block;
    margin: 0 auto;
}
.socials .shariff ul.orientation-horizontal li .share_text {
    text-indent: -9999px;
    font-size: 0;
    display: inline-block;
    height: 0;
}
.socials .shariff .shariff-button {
    border: none !important;
}
.socials .shariff .shariff-button a {
    color: #e30613 !important;
    background-color: transparent !important;
}
.socials .shariff .shariff-button a:before {
    content: none;
}

.fa-facebook:before,
.fa-facebook-f:before {
    content: "\e80b";
    font-family: "minisquare";
    font-size: 26px;
    line-height: 38px;
}

.fa-twitter:before,
.fa-x-twitter:before {
    content: "\1D54F";
    font-size: 28px;
    line-height: 38px;
}

.fa-whatsapp:before {
    content: "\e819";
    font-family: "minisquare";
    font-size: 24px;
    line-height: 36px;
}

.fa-envelope:before {
    content: "\e80f";
    font-family: "minisquare";
    font-size: 28px;
    line-height: 40px;
}

.fa-info:before {
    content: "\f129";
    font-family: "minisquare";
    font-size: 24px;
    line-height: 40px;
}

.manager-icons{
    padding-bottom: 20px;
}
.manager-icons,.manager-icons a {
    color: #E30613;
    font-size: 26px;
}
.manager-icons span{
    margin-right: 10px;
}

.save-as-fav{
    margin: 20px 0;
    padding-top: 5px!important;
    padding-bottom: 0!important;
}
.save-as-fav .save-as-fav{
    margin: 0;
}
.save-as-fav span{
    font-size: 18px;
}
.save-as-fav span.fav-text{
    padding-left: 6px;
}

.save-as-fav .icon-favorites,
.save-as-fav .icon-favouritenew
{
    color: #E6E6E6;
    font-size: 22px;
    cursor: pointer;
}

.ms-modal {
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.modal-record {
    visibility: hidden;
    opacity: 0;
}

.ms-modal.show-modal, .modal-record.active{
    visibility: visible;
    opacity: 1;
    z-index: 10000;
}

.modal-content{
    position: absolute;
    background: #fff;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    width:650px;
    padding: 20px;
    border: 4px solid #E6E6E6;
    max-height: 99vh;
    overflow-y: auto;
}
.loading{
    visibility: visible !important;
}
.loader {
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 12px solid #e6e6e6;
    border-radius: 50%;
    border-top: 12px solid #E30613;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

form.change-title {
    position: relative;
}

body.no-scroll{
    overflow: hidden;
}

.icon-login-key{
    color: #E30613;
}
.modal-content .icon-login-key:before,
.account-page .icon-login-key:before
{
    font-size: 30px;
    padding-right: 10px;
}
.login-text{
    font-size: 22px;
    font-weight: bold;
    color: #707070;
}

.login-text.register-text{
    text-transform: uppercase;
    color: #E30613;
    font-size: 22px;
}

.login-text.user-text{
    color: #E30613;
    padding-left: 10px;
}

.close-modal{color: #E30613; margin-bottom: 20px;cursor: pointer}

.login-wrapper{
    padding: 20px 0;
}
.login-wrapper form > div{
    padding: 10px 0 10px 0;
}
.login-wrapper form > div > span:first-child{
    width: 15%;
    display: inline-block;
}
.login-wrapper.register form > div > span:first-child{
    width: 25%;
    display: inline-block;
}
.login-wrapper form > div > span:last-child{
    width: 84%;
    display: inline-block;
}
.login-wrapper.register form > div > span:last-child{
    width: 74%;
    display: inline-block;
}
.login-wrapper input{
    width: 100%;
}

.btn{
    background: #E30613;
    color: #fff;
}
.login-wrapper input.btn{
    width: auto;
    padding: 7px 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.7px;
    margin: 0 30px 0 0;
    cursor: pointer;
}

.login-wrapper span.buttons > a,
.login-wrapper a.icon-arrow-right{
    color: #707070;
    font-weight: bold;
    position: relative;
    margin-right: 50px;
}

.login-wrapper span.buttons > a:before,
.login-wrapper a.icon-arrow-right:before {
    content: '\e803';
    font-family: "minisquare";
    color: #E30613;
    position: absolute;
    right: -14px;
    top: 6px;
    font-size: 14px;
}

.login-wrapper span.buttons > a:before{
    font-weight: normal;
    right: -17px;
}

.modal-content .login-wrapper a.icon-arrow-right:before{
    top: 4px;
}

.login-wrapper.register form > div{
    margin-bottom: 0;
}

.note {
    color: rgba(0,0,0,0.7);
    font-size: 80%;
}

.fav_checkbox_c, .fav_checkbox_content{
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

input.fav_checkbox_c:checked + label.icon-favorites,
input.fav_checkbox_content:checked + label.icon-favorites{
    color: #FFEB00;
}

.fav-wrapper{
    position: relative;
}

.fav-wrapper .icon-arrow-down::before,
.fav-wrapper .icon-x::before
{
    right: 0;
    left: auto;
    position: absolute;
    color: #E30613;
    font-size: 12px;
    top:12px;
}

.select-fav {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px 10px;
    pointer-events: none;
    opacity: 0.5;
}

.select-fav.usable {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
}

.select-fav.disabled-list{
    opacity: 0.5;
}

.fav-list{
    display: none;
    height: 120px;
    overflow-y: scroll;
    margin-top: 10px;
}
.fav-list-inner{
    padding: 0 10px 10px 10px;
}

.fav-list label, .filter-list label, .terms-cb label{
    display: inline-block;
    position: relative;
    z-index: 1;
}

.filter-list label{
    font-weight: normal;
    padding: 5px 3px 5px 30px;
}

.fav-list input, .filter-list input, .terms-cb input{
    width: 1px!important;
    height: 1px!important;
    border: none;
    position: absolute;
    top: 15px;
    opacity: 0;
}

.mac .fav-list input, .mac .filter-list input, .mac .terms-cb input{
    display: none!important;
}

.fav-list label::before, .filter-list label:before, .terms-cb label:before {
    position: absolute;
    border: 1px solid #E6E6E6;
    width: 15px;
    height: 15px;
    content: '';
    left: 0;
    top:7px;
    background-color: #fff;
}

.fav-list label a, .terms-cb label{
    display: block;
    padding: 5px 0 5px 30px;
}

.fav-list label a {
    color: #000;
}

.searchform-section {
    overflow: hidden;
}

.tx-indexedsearch-form {
    width: 100%;
    position: relative;
}

.tx-indexedsearch-form > #serch_text {
    width: 100%;
    float: left;
}

.tx-indexedsearch-form > #search_btn {
    width: 10%;
    height: 40px;
    border: none;
    float: right;
    position: absolute;
}

.tx-indexedsearch-form .icon-search {
    position: absolute;
    top: 15px;
    right: 5px;
}

.pagination-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    width: 100%;
}

.pagination-container .col {
    width: 50%;
}

.pagination-container .col:nth-of-type(odd) {
    padding-right: 10px;
}

.pagination-container .col:nth-of-type(even) {
    padding-left: 10px;
}

.pagination-container .teaser-text p {
    position: relative;
}

.pagination-container .teaser-text p a {
    position: absolute;
    display: inline-block;
    text-indent: -9999px;
}

.pagination-container .teaser-text p a:before {
    content: '\00a0\e803';
    position: absolute;
    width: 30px;
    font-family: 'minisquare';
    text-indent: 9999px;
}

#filter-3 .filter-list label::before{
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    margin: 0;
    top: 13px;
    left: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

#filter-3 .filter-list-inner{
    padding: 0;
    height: 100%;
}

#filter-3 .filter-list label{
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.register .terms-cb label:before{
    background: #E6E6E6;
    width: 20px;
    height: 20px;
}

.register  .terms-cb input:checked + label::before{
    font-size: 14px;
    text-align: center;
    line-height: 18px;
}

.fav-list input:checked + label::before,
.filter-list input:checked + label::before,
.terms-cb input:checked + label::before
{
    content: '\e80c';
    font-family: "minisquare";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 8px;
    color: #707070;
}

#filter-3 .filter-list input:checked + label{
    color: #fff;
    background: #E30613;
}

#filter-3 .filter-list input:checked + label::before{

    color: #fff;
}

.terms-cb{position: relative}

.fav-new{
    display: none;
    padding: 10px 0 10px 30px;
}
.fav-new.open {
    display: block;
}
.fav-new input{
    padding: 3px 10px;
    font-size: 15px;
    width: 100%;
}

.fav-new .icon-ok, .fav-new .icon-x{
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    cursor: pointer;
}
.fav-new .icon-ok{
    color: #E30613;
}
.fav-new .icon-x{
    color: #707070;
}

.fav-new form{
    position: relative;
}

/*article*/

.back-wrapper {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #707070;
}
.back-wrapper a {
    color: #707070;
}
.back-wrapper .icon-arrow-left{
    display: inline-block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.back-wrapper .icon-arrow-left:before{
    color: #E30613;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 5px;
}

.title-article-content{
    padding: 30px 0;
}

.detail-teaser-text {
    margin: 40px 0;
}
.detail-teaser-text p {
    font-weight: 700;
}
.content-img{float: left;width: 38%}
.content-img img{width: 100%}

.article-content-no-photo .content-img{
    display: none;
}

.content-details{float: right;width: 60%}

.article-content-no-photo .content-details{
    width: 100%;
}

.autor-logo img{
    max-width: 280px;
}


.content-section{
    padding: 0 0 50px 0;
}


/*article only with text*/
.content-no-photo{}
.content-no-photo .content-img{
    display: none;
}
.content-no-photo .content-details{
    width: 100%;
}

.article-manager-content > div{
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
    margin-bottom: 0;
}

.fav-text {
    cursor: pointer;
}

#fav-bottom {padding-bottom: 20px;}
#fav-bottom .save-as-fav{width: 13%}
#fav-bottom .fav-wrapper{width: 18%}
#fav-bottom .save-as-fav.add-new-fav{width: 19%}
#fav-bottom .bottom-socials{width: 18%; max-width: 220px; min-width: 220px;}
#fav-bottom .bottom-files{width: 14%}


.article-manager-content h2{
    visibility: hidden;
    opacity: 0;
}

.article-manager-content .save-as-fav{
    margin-top: 0;
    padding-top: 0!important;
}

.article-manager .fav-text,
.article-manager h3,
.article-manager-content .fav-text,
.article-manager-content h3,
.article-content-innerPage h3 {
    font-size: 18px;
    font-weight: bold;
    color: #707070;
    padding-top: 5px;
}

.article-content-innerPage .content-section{
    padding-bottom: 20px;
}

.autor-logo h3,
.related h3
{
    padding-bottom: 10px;
}

.simple-text .article-manager-content a:hover{
    border-bottom: 0 solid #fff;
}
.article-manager-content a{
    border-bottom: none;
}

.icon-favorites-content{
    position: relative;
    color: #E6E6E6;
    font-size: 26px;
    padding-right: 15px;
    cursor: pointer;
}
.icon-favorites-content.saved{
    color: #FFEB00;
}


.related-articles{
    max-width: 1500px;
    margin: 0 auto;
}

.related-articles .grid-item{
    position: relative;
}

.related-articles .article-content{
    height: 160px;
    overflow: hidden;
    position: relative;
}

.related-articles .article-content.with-photo{
    height: 166px;
}

.related-articles .article-content.with-photo img{
    width: auto;
    height: 100%;
}

.related-articles .article-content.with-photo img.landscape{height: auto;width: 100%}
.related-articles .article-content.with-photo img.portrait{height: auto; width: 100%}
.related-articles .article-content.with-photo img.squre{width: 100%; height: auto;}


.slick-slide {
    margin: 0 10px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
}
.slick-prev, .slick-next{
    background: transparent;
    border:none;
    position: absolute;
    top: 50px;
    width:40px;
    height: 60px;
    cursor: pointer;
    color: #E30613;
    font-size: 40px;
}
.slick-prev{
    left: -40px;
}
.slick-next{
    right: -40px;
    text-align: right;
}


/*login*/

.page-content-small{
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.account-page .login-wrapper{
    font-size: 18px;
}
.account-page .login-wrapper > div{
    padding-top: 20px;
}

.account-page .icon-user:before{
    color: #E30613;
    font-size: 30px;
}


.modal-content .login-wrapper > div{
    margin-bottom: 15px;
}

.password-wrapper > div{
    float: left;
    width: 47.5%;
}
.password-wrapper > div:first-child{
    padding-right: 5px;
}
.password-wrapper > div:nth-child(2){
    padding-left: 5px;
}

.password-wrapper{}

.user-form-logged-in > div{
    margin-bottom: 15px;
}

.single-input-wrapper > div:first-child{
    width: 95%;
    float: left;
}
.single-input-wrapper > div:last-child, .password-wrapper > div:last-child{
    width: 5%;
    float: left;
}

.single-input-wrapper .icon-x, .password-wrapper .icon-x{
    position: relative;
}
.single-input-wrapper .icon-x:before, .password-wrapper .icon-x:before{
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 14px;
    color: #E30613;
}

#cancel-edit{
    cursor: pointer;
}
#cancel-edit.icon-x:before{
    color: #E30613;
}

.content-row{
    padding: 30px 0;
    display: flex;
    flex-direction: row;
}
.content-txt{ width: 70%}
.content-logo{width: 30%;text-align: right}
.content-logo img {
    max-width: 180px;
}

.content-txt > a,
.link-web {
    color: #707070;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}
.content-txt > a:before,
.link-web.icon-arrow-right:before {
    content: '\e803';
    font-family: 'minisquare';
    position: absolute;
    right: -20px;
    font-size: 16px;
    color: #E30613;
    top: 3px;
}


.my-favorites .save-as-fav > div{
    width:400px
}
.my-favorites .save-as-fav .icon-favouritenew{
    font-size: 30px;
}
.my-favorites .icon-favouritenew.close-new::before{
    padding-right: 20px;
}

.my-favorites .fav-new {
    padding: 10px 0 10px 38px;
}




.my-list-wrapper{
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #fff;
}

.my-list-wrapper .icon-favorites{
    color: #FFEB00;
    font-size: 30px;
}

.my-list-wrapper .icon-edit,
.my-list-wrapper .icon-bin,
.my-list-wrapper .icon-download,
.my-list-wrapper .icon-share,
.my-list-wrapper .icon-pdf,
.my-list-wrapper .icon-printer
{
    color: #E30613;
    font-size: 20px;
    cursor: pointer;
    margin: 0 5px;
}
.list-title{
    color: #707070;
    font-weight: bold;
    padding: 0 20px 0 5px;
    display: inline-block;
    width: 570px;
}
.my-favorites .fav-text{
    color: #707070;
    font-weight: bold;
}



.list-manager{
    transition: all .5s;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.my-list-wrapper:hover  .list-manager{
    height: auto;
    overflow: auto;
    visibility: visible;
    opacity: 1;
}

.my-list-wrapper:hover{
    border-bottom: 1px solid  #dbdbdb;
}




.my-articles-wrapper .list-title{
    width: 85%;
    color: #000;
    font-weight: normal;
    padding-bottom: 15px;
    padding-left: 0;
    cursor: pointer;
}

.my-articles-wrapper [class^="icon-"],
.my-articles-wrapper [class*=" icon-"],
.buttons-wrapper [class^="icon-"],
.buttons-wrapper  [class*=" icon-"]
{
    color: #E30613;
    margin-left: 5px;
}

.buttons-wrapper [class^="icon-"],
.buttons-wrapper  [class*=" icon-"]{
    font-size: 18px;
}

.buttons-wrapper.inline-style{
    display: inline-block;
    width: 14%;
    text-align: left;
    line-height: 0;
    height: 32px;
    vertical-align: bottom;
}

.buttons-wrapper.inline-style .btn-wrapper{
    height: 33px;
}
.buttons-wrapper.inline-style .btn-wrapper:nth-child(1){
    margin-left: 10px;
}

.buttons-wrapper.inline-style .icon-ok::before,
.buttons-wrapper.inline-style .icon-x::before{
    line-height: 20px;
}

.add-content{
    float: left;
    width: 100%;
}

.search-items{
    background: transparent;
    border-bottom: 1px solid #E30613;
}

.search-result-item h3 {
    padding-bottom: 0;
}


#edit-title, .search-article, .add-content-ta{
    width: 85%;
}
#edit-title{
    font-weight: bold;
    color: #707070;
}
.my-articles-wrapper{
    width: 87%;
    margin-bottom: 5px;
}
.buttons-wrapper{
    text-align: right;
    width: 85%;
}

.add-content-ta{
    background: transparent;
    border: 1px solid #E30613;
    font-size: 16px;
    letter-spacing: 0.5px;
    resize: vertical;
}

.search-article{
    position: relative;
}
.search-items{
    width:100%
}

#search-items-btn{
    position: absolute;
    right: 0;
    width: 35px;
    cursor: pointer;
    z-index: 2;
    background: transparent;
}

.search-article .icon-search{
    position: absolute;
    right: 10px;
    top: 5px;
    color: #707070;
}



.btn-wrapper{
    display: inline-block;
    position: relative;
    width: 30px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

.btn-wrapper input, .btn-wrapper a,
.btn-wrapper input, .btn-wrapper span{
    position: absolute;
    top: 5px;
    left: 10px;
}

.btn-wrapper input {
    z-index: 9;
    padding: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
}
.btn-wrapper span {
    width: 100%;
    left: 0;
    margin: 0 !important;
}

#page-id-fav .modal-content{
    top: 50px;
    transform: translate(-50%, 0);

}
#page-id-fav .ms-modal.show-modal {
    overflow-y: scroll;
}

#list-of-searched {
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 9;
}
#list-of-searched a {
    display: none;
    padding: 10px;
    border-bottom: 1px solid #E30613;
    color: #000;
    position: relative;
    transition: all .3s;
    cursor: pointer;
}
#list-of-searched a:hover{
    background: #f5f5f5;
}

#list-of-searched a.icon-plus:before{
    position: absolute;
    right: 10px;
    color: #E30613;
}

.my-articles-wrapper > span:first-child{
    width:85%;
    float: left;
    display: block;
}
.span-icons{
    width:15%;
    float: right;
    display: block;
}

.my-articles-wrapper .span-icons [class^="icon-"],
.my-articles-wrapper .span-icons [class*=" icon-"]
{
    float: left;
}

#list-of-searched{
    border-left: 1px solid #E30613;
    border-right: 1px solid #E30613;
}


.add-content.show-notes{
    max-height:500px;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    transition: max-height 1s ease-in, opacity 1s, visibility 1s ;
}

.add-content.hide-notes{
    max-height:0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.8s ease-out, opacity 0.5s, visibility 0.5s;
}

/*drag*/
.sortable-chosen {
    border: 4px dashed #5abf5a;
}

.selected-item-to-move {
    background-color: #5abf5a;
    border: 4px solid #5abf5a;
    cursor: move;
    opacity: 0.5;
}

.sortable-chosen.closed-article * {
    display: none;
}

.sortable-chosen .show-notes {
    display: block;
}

.handle{
    cursor: move;
}
.handle:active{
    cursor: move;
}

.simple-text h2{
    text-transform: none;
}
.simple-text a{
    color: #E30613;
    transition: all .3s;
    border-bottom: 1px dashed #fff;
}
.simple-text a:hover{
    border-bottom: 1px dashed;
}

.message-wrapper input,
.message-wrapper textarea{
    width: 100%;
}
.message-wrapper textarea{
    height: 150px;
}
.message-wrapper .btn{
    width: auto;
}
.share-form-fields > div,
.message-wrapper form > div {
    margin: 15px 0;
}

.message-wrapper .icon-feedback{
    color: #E30613;
    font-size: 30px;
}
.message-wrapper button[type="submit"] {
    width: auto;
    padding: 7px 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.7px;
    margin: 0 30px 0 0;
    border: none;
    font-family: 'Open Sans Condensed', sans-serif;
}

.notification {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 0;
    bottom: 0;
    font-size: 13px !important;
    padding: 0;
    color: red;
}

/*footer*/
#footer{
    position: fixed;
    width: 100%;
    padding: 12px 30px 10px;
    background: #E30613;
    color: #ffffff;
    bottom:0;
    left:0;
    z-index: 99;

}
#footer a{
    color:#fff;
}

.footer-left{
    float: left;
    width:50%;
    padding-left: 35px
}
.footer-left li{
    display: inline-block;
    margin-right: 30px;
    font-size: 30px;
}

.footer-left li a {
    font-size: 0;
}

.footer-left li a:before {
    font-size: 30px;
}

.footer-left .icon-user span{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -5px;
    padding-right: 20px;
    padding-left: 10px;
}

.footer-left ul li ul {
    display: none;
    position: fixed;
    bottom: 60px;
    background: #E30613;
    padding-top: 10px;
}

.footer-left ul li.open ul {
    display: block;
}

.footer-left ul li ul li {
    display: block;
    margin: 0;
    line-height: 30px;
}

.footer-left ul li ul li a {
    padding: 6px 30px;
    display: block;
}

.footer-right{float: right;width:50%;text-align: right;padding-top: 5px}
.footer-right li{
    display: inline-block;
    position: relative;
    padding-left: 25px;
}
.footer-right li:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    background: #fff;
    top: 6px;
    left: 9px;
}
.footer-right li:first-child:before{
    content: none;
}
.footer-right a{
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 14px;
}


.clearElement:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.align-right{
    text-align: right;
}

#filter-search-mobile{
    display: none;
}

#go-to-top-link{
    position: fixed;
    bottom: 75px;
    right: 50px;
    transition: all 0.3s;
}
#go-to-top-link .icon-arrow-up{}
#go-to-top-link .icon-arrow-up:before{
    color: #E30613;
    font-size: 38px;
}

#mobile-filter-buttons{display: none}

#btn-footerNav{display: none}


/*screen between 1600 and 1366*/
@media only screen and (max-width: 1600px) {
    .wrapper_small{
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }

    #filters-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    @-webkit-keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:513px; height:300px}
    }

    @keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:513px; height:300px}
    }

    #filter-1, #filter-2, #af-1, #af-2{
        margin-right: 5%;
    }
    #filter-3, #af-3{
        width: 7%;
    }

    #search{
        right: 5%;
        width: 35%;
    }
    .grid-item{
        width: 23.5%;
    }

    .article-manager-content > div{
        margin-right: 4%;
        width: 30%;
    }

    #content{
        padding-top: 250px;
    }
    .list-manager{
        visibility: visible;
        opacity: 1;
        height: auto;
    }
    #fav-bottom .bottom-files {
        width: 30%
    }
}

/*screen between 1365 and 1024*/

@media only screen and (max-width: 1365px) {
    #page-id-1 #content{
        padding-top: 300px;
    }

    @-webkit-keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:385px; height:300px}
    }

    @keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:385px; height:300px}
    }

    .filter-items{
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .grid-item{
        width: 31.5%;
    }

    #content{
        padding-top: 200px;
    }

    .article-manager-content > div{
        width: 45%;
    }
    .article-manager-content > div.add-new-fav{
        width: 60%;
        margin-bottom: 50px;
    }


    .article-content-no-photo .article-manager-content{
        width: 100%;
    }
    .article-content-no-photo .article-manager-content > div{
        width: 25%;
    }


    #fav-bottom .save-as-fav {
        width: 20%;
        margin-bottom: 3%;
    }
    #fav-bottom .fav-wrapper {
        width: 25%;
        margin-bottom: 3%;
    }
    #fav-bottom .save-as-fav.add-new-fav {
        width: 28%;
        margin-bottom: 3%;
    }
    #fav-bottom .bottom-socials {
        width: 20%;
        margin-bottom: 1%;
    }
    #fav-bottom .bottom-files {
        width: 15%;
        margin-bottom: 1%;
    }

    .content-img, .content-details{
        width: 100%;
    }



}


/*screen between 1023 and 768*/
@media only screen and (max-width: 1023px) {

    #fav-bottom .save-as-fav {
        width: 27%;
    }
    #fav-bottom .fav-wrapper {
        width: 29%;
    }

    #fav-bottom .save-as-fav.add-new-fav {
        width: 35%;
        margin-right: 0;
    }

    #fav-bottom .bottom-socials {
        width: 25%;
    }
    #fav-bottom .bottom-files {
        width: 17%;
    }

    .wrapper_small{
        padding-left: 5%;
        padding-right: 5%;
    }

    #search{
        bottom: 41%;
    }

    #filter-3, #af-3 {
        width: 10%;
    }

    @-webkit-keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:276px; height:300px}
    }

    @keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:276px; height:300px}
    }

    .grid-item{
        width: 48.2%;
    }
    .page-content-small{
        width: 100%;
    }
    .content-logo img{
        width: 100%;
    }
    .content-txt{
        padding-right: 10%;
    }



    .article-manager-content > div {
        width: 30%;
    }

    .article-content-no-photo .article-manager-content > div {
        width: 30%;
    }
    .article-manager-content > div.add-new-fav{
        width: 70%;
    }

    .list-title{
        width: 68%;
    }
    #content{
        padding-top: 150px;
    }
    #page-id-1 #content {
        padding-top: 250px;
    }


    .content-row{
        /*flex-direction: column;*/
    }
    .content-txt{
        /*order: 2;*/
        width: 80%;
    }
    .content-logo{
        /*order: 1;*/
        width: 20%;
    }

    .login-wrapper form > div > span:first-child,
    .login-wrapper.register form > div > span:first-child{
        width: 95%;
    }

    .login-wrapper form > div > span:last-child,
    .login-wrapper.register form > div > span:last-child{
        width: 95%;
    }
    .login-wrapper a.icon-arrow-right:before{
        top: 11px!important;
    }
    .modal-content{
        width: 90%;
    }

    .login-wrapper input.btn{
        /*width: 100%;*/
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .login-wrapper a.icon-arrow-right{
        /*display:inline-block;*/
        padding: 5px 0;
    }

    .login-wrapper a.icon-arrow-right::before{
        top: 10px;
    }
}


/*screen between 767 and 640 */
@media only screen and (max-width: 767px) {
    .title-article-content {
        padding-bottom: 0;
    }

    .close-article {
        top: 10px;
        left: 10px;
    }

    .playbutton-wrapper .information {
        margin: 0;
        font-size: 80%;
    }

    #filters-mobile.icon-filter.icon-ok:before{
        content: '\e80c';
    }

    #fav-bottom .save-as-fav {
        width: 100%;
    }
    #fav-bottom .fav-wrapper {
        width: 100%;
    }

    #fav-bottom .save-as-fav.add-new-fav {
        width: 100%;
        margin-right: 0;
    }

    #fav-bottom .bottom-socials {
        width: 100%;
        margin-bottom: 3%;
    }
    #fav-bottom .bottom-files {
        width: 100%;
        margin-bottom: 3%;
    }

    .content-row{position: relative}
    .content-txt{width: 100%}
    .content-txt h2{padding-bottom: 80px}
    .content-logo{width: 100%;position: absolute;top:70px;text-align: left}
    .content-logo img{max-height: 70px;width: auto }

    .autor-logo {
        padding-bottom: 0;
    }

    .article-content.with-photo h2 {
        max-height: 60px;
    }

    .my-list-wrapper{margin-bottom: 30px;}
    .my-list-wrapper:hover{border-bottom: 1px solid #ffffff}
    .my-list-wrapper .icon-edit,
    .my-list-wrapper .icon-bin,
    .my-list-wrapper .icon-download,
    .my-list-wrapper .icon-share,
    .my-list-wrapper .icon-pdf,
    .my-list-wrapper .icon-printer
    {
        font-size: 25px!important;
    }
    #page-id-fav .modal-content {
        top: 0;
        width: 100%;
        border-color: #fff;
    }
    .buttons-wrapper.inline-style{
        text-align: right;
        width: 85%;
        margin-top: 10px;
    }
    .my-articles-wrapper .span-icons [class^="icon-"], .my-articles-wrapper .span-icons [class*=" icon-"]{
        padding: 3px 10px 3px 0px;
    }

    .login-wrapper input.btn{
        display: block;
    }
    .login-wrapper .buttons a {
        display: inline-block;
    }
    .login-wrapper a.icon-arrow-right:before{
        right: -15px;
    }

    #btn-footerNav{display: inline-block;font-size: 20px}
    #footer-nav{display: none}

    #footer{padding: 5px 5% 10px}

    .footer-left, .footer-right{
        float: none;
        width: 100%;
    }
    .footer-left{
        text-align: right;
    }
    .footer-left li{
        width:30px;
        margin-right: 10px;
        font-size: 24px;
    }
    .footer-left li:first-child{
        width: 45%;
    }
    .footer-left .icon-user span{
        font-size: 14px;
        top: -4px;
        padding-right: 0;
        padding-left: 5px;
    }

    .footer-left li a:before {
        font-size: 20px;
    }

    .footer-right{
        text-align: right;
        padding-top: 0;
    }
    .footer-right a{
        font-size: 13px;
    }
    .footer-right li{
        padding-left: 0px;
        padding-right: 14px;
    }
    .footer-right li::before {
        height: 11px;
        top: 7px;
        left: -10px;
    }

    #mobile-overlay.overlay-active{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(0,0,0,0.7);
    }

    @-webkit-keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:100%; height:140px}
    }

    @keyframes slideDownAnimation {
        0%   {width:0; height:0}
        100%  {width:100%; height:140px}
    }

    @-webkit-keyframes slideDownFilterMobile {
        0% {top:-100%}
        100%{top: 180px}
    }

    @keyframes slideDownFilterMobile{
        0% {top:-100%}
        100%{top: 180px}
    }
    h2{
        font-size: 20px;
    }

    #header{
        z-index: 999;
    }

    .grid-item{
        width: 47.7%;
    }

    .header_wrapper{
        padding-top: 10px;
        padding-bottom: 15px;
        background: #fff;
        z-index: 1;
    }
    #logo{
        width:100%;
        float: none;
        margin: 0 auto;
    }
    #logo .logo-icon {
        width: 60%;
        margin: 0 auto;
        display: block;
        transition: all 0.1s;
        padding-right: 0;
    }
    #logo .logo-text {
        width: 100%;
        transition: all 0.1s;
    }

    .scrolled #logo .logo-icon {
        width: 30%;
        padding-right: 0;
        margin: auto;
        display: inline-block;
        transition: all 0.1s;
    }

    .scrolled #logo .logo-text {
        width: 70%;
        margin-right: -4px;
        transition: all 0.1s;
    }

    #filter-search-mobile{
        display: block;
        background: #fff;
        padding: 0 5% 5px;
    }

    #sort-mobile, #filters-mobile{
        display: inline-block;
        width: 60px;
        height: 35px;
        top: 0;
        text-align: center;
        line-height: 32px;
        background: #E30613;
        color: #fff;
    }

    #sort-mobile{
        position: relative;
        left: 0;
    }
    #sort-mobile.sort-mobile-active{
        z-index: 9999;
    }

    #filters-mobile.filters-mobile-active{
        z-index: 9999;
        position: relative;
    }

    #page-id-1 #search{
        width: 45%;
    }
    #search{
        position: absolute;
        bottom: -35px;
        background: #fff;
        width: 95%;
        left: auto;
        right: 5%;
        padding-top:0;
        z-index: 999;
    }

    .search-slideDown{
        -webkit-animation-name: slideDownSearch;
        -webkit-animation-duration: .5s;
        animation-name: slideDownSearch;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    #page-id-1 #content {
        padding-top: 310px;
    }
    #content {
        padding-top: 270px;
    }

    #onlyFilters {
        position: absolute;
        top: -700px;
        background: #fff;
        z-index: 9999;
        height: calc(100vh - 200px);
        border: 1px solid #E30613;
        width: 90%;
        left: 5%;
        padding: 15px 6% 6% 6%;
        transition: top 0.7s;
    }

    #onlyFilters.filterMobile-slideDown{
        transition: top 0.7s;
    }

    #onlyFilters form:after {
        content: '...';
        position: absolute;
        bottom: 3px;
        color: #E30613;
    }

    #filter-3{
        position: absolute;
        top: -200px;
        background: #fff;
        z-index: 9999;
        height: 180px;
        border: 1px solid #E30613;
        width: 90%;
        left: 5%;
        padding: 6%;
        transition: top 0.7s;
    }

    #filter-3.search-slideDown {
        /*top: 185px;*/
        transition: top 0.7s;
    }

    .scrolled #filter-3.search-slideDown {
        top: 110px;
    }

    #filter-1, #filter-2, #filter-3{
        float: none;
    }
    #filter-1, #filter-2{
        margin: 20px 0;
        width: 100%;
    }
    #filter-3 .filter-list {
        width: 96%;
        height: 95%;
        background: #fff;
        top: 5%;
        left: 2%;
    }

    #filter-3 .filter-list label{
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    #filter-3 .filter-list label::before{
        top: 17px;
    }
    #filter-3 .filter-item {
        border-bottom: 1px solid #E30613;
    }

    #filter-3 .filter-list-inner{
        padding: 0;
    }
    .filter-ok-cancel{
        width: 85%;
    }

    .filter-ok-cancel{
        display: block;
        padding: 5px 0;
    }
    #filter-1 .filter-list,
    #filter-2 .filter-list{
        z-index: 3;
    }

    #filters-active {
        color: #707070;
        font-size: 14px;
        position: absolute;
        top: -500px;
        padding: 10px 5% 10px;
        border-top: 1px solid #ccc;
        background: #fff;
        width: 88%;
        left: 6%;
        transition: all 0.3s;
    }

    #filters-active.show-filters-active{
        z-index: 99999;
        top: 540px;
        height: calc(100% - 100px);
    }

    .filter-list-inner{
        height: 86%;
    }

    #mobile-filter-buttons{
        display: none;
        margin: 120px 0 0 0;
    }

    #mobile-filter-buttons input{
        background: #E30613;
        color: #ffffff;
        padding: 5px 10px;
        text-align: center;
        width: 120px;
        display: inline-block;
        font-size: 16px;
    }

    #af-3{
        display: none;
    }
    #af-1, #af-2{
        margin-right: 2%;
        max-height: 88px;
        overflow-y: scroll;
        width: 48%;
    }

    .clear-all-filters{
        position: absolute;
        top: 0;
        right: 0;
        width: 90%;
        text-align: left;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        left: 5%;
        cursor: pointer;
    }
    #filters-active .clear-all-filters.icon-x:before{
        padding-right: 5px;
    }

    .article-manager-content > div{
        width: 100%;
        margin-bottom: 20px;
    }
    .article-manager-content > div.add-new-fav{
        width: 100%;
        margin-bottom: 20px;
    }
    .manager-icons{
        padding-bottom: 0;
    }


    .my-favorites .save-as-fav > div{
        width: 280px;
    }
    .fav-new form {
        position: relative;
        width: 200px;
    }

    #list-wrapper .icon-favorites{
        position: relative;
        display: inline-block;
        width: 10%;
        vertical-align: top;
        height: 35px;
    }
    #list-wrapper .list-title{
        display: inline-block;
        width: 85%;
        vertical-align: top;
    }

    #list-wrapper .icon-favorites:before{
        top:-5px;
        position: absolute;
    }

    .my-list-wrapper{
        padding-bottom: 20px;
        padding-left: 0;
    }

    .list-manager{padding-top: 10px;display: block}

    .my-list-wrapper .icon-edit, .my-list-wrapper .icon-bin, .my-list-wrapper .icon-download, .my-list-wrapper .icon-share, .my-list-wrapper .icon-printer{
        font-size: 17px;
    }

    .ms-modal{
        z-index: 9999;
    }

    .my-articles-wrapper{
        width: 100%;
        background: #eee;
        margin-bottom: 5px;
        padding: 5px 10px;
    }
    .my-articles-wrapper > span:first-child,
    .span-icons,
    .my-articles-wrapper .list-title
    {
        width:100%;
        padding-right: 0;
        padding-bottom: 5px;
    }

    .modal-content{
        padding-left:10px ;
        padding-right:10px ;
    }
    .my-articles-wrapper [class^="icon-"], .my-articles-wrapper [class*=" icon-"], .buttons-wrapper [class^="icon-"], .buttons-wrapper [class*=" icon-"]{
        margin-left: 0;
        margin-right: 5px;
    }

    .login-text{
        font-size: 18px;
    }
    .content-txt{
        padding-right: 0;
    }
}


/*screen lower than 639 */
@media only screen and (max-width: 639px) {
    .grid-item {
        width: 49%;
    }

    .article-content h2{
        line-height: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 50px;      /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .grid-item.is-expanded .article-manager{
        padding:5px
    }

    .no-border.is-expanded .grid-item-content{
        border: 3px solid #E6E6E6;
    }

    .no-border.is-expanded{
        border: none;
    }

    .shariff .orientation-horizontal{
        flex-wrap: nowrap;
    }

    .socials .shariff ul.orientation-horizontal{
        margin-left: -7px;
    }

    .socials .shariff ul.orientation-horizontal li {
        width: 28px;
        min-width: 28px;
        max-width: 28px;
        margin-right: 0;
        height: 35px;
    }

    .socials .shariff ul.orientation-horizontal li.shariff-button.info{
        width:21px
    }

    .shariff li .fa{
        width:25px;
    }
    .fa-facebook::before,
    .fa-facebook-f::before{
        font-size: 21px;
    }
    .fa-whatsapp::before{
        font-size: 21px;
    }
    .fa-twitter::before{
        font-size: 22px;
    }
    .fa-envelope::before{
        font-size: 22px;
    }
    .fa-info::before{
        font-size: 20px;
    }
    .shariff .info .fa-info{
        width:25px
    }
    .socials .shariff ul.orientation-horizontal li a span{
        margin: 0;
    }

    .article-manager h2{
        margin-left: 0;
        margin-top: 25px;
        font-size: 18px;
        line-height: 27px;
        max-height: 50px;
    }
    .view-details.closeManager,
    .user .view-details.closeManager{
        top:-3px;
        left: 0;
    }

    .grid-item.is-expanded .article-manager h3 {
        font-size: 15px;
    }

    .save-as-fav{
        margin: 10px 0;
    }

    .fav-new form{
        width: 100%;
    }
    .fav-new{
        padding-left: 0;
    }

    .related-articles{padding-left: 5%;padding-right: 5%}
    .slick-prev {left: -25px}
    .slick-next {right: -25px}

    .slick-list{
        height: auto !important;
    }

    .article-manager .save-as-fav span {
        font-size: 16px;
    }

    .article-manager h3{
        padding:5px 0
    }
}

.cmpboxrecall {
    bottom: 15px !important;
    left: 15px !important;
}

@media only screen and (max-width: 340px) {
    #filters-active.show-filters-active {
        top: 510px;
    }
}