.art-text a.share-via-twitter {    
    text-decoration: none;   
    transition: all 0.2s linear; 
    border-radius: 3px;
}     
.art-text a.share-via-twitter:hover,
.art-text p:hover a.share-via-twitter:hover {  
    background-color: #55ACEE;    
    color: #FFF;     
}    
.art-text p:hover a.share-via-twitter {  
    background-color: #DCEEFC;    
}   
.art-text a.share-via-twitter:after {
    background: #FFF url(/_i/icon-twitter-22.png) center center no-repeat;
    background-size: 16px 16px;  
    content: "\00a0\00a0";
    display: inline-block;
    width: 20px;   
    border-radius: 3px;
    margin-left: 3px;
}    

.art-text p.art-text-frame {
    background: #FFF;
    color: #444;
    border: #CCC 1px solid;
    border-radius: 5px;
    font-family: Roboto,Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    padding: 20px 22px;
    margin: 5px 0 30px 0;
    line-height: 30px;
    position: relative;
    box-shadow: #EEE 3px 3px 10px;
    text-align: center;
}

.art-text .art-table-wrapper {
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;    
    overflow: auto;
    max-height: 70vh;
    width: 100%;
    position: relative; 
    margin: 0 0 20px 0;  
    box-sizing: border-box; 
}  
.art-text table {     
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;    
    background-clip: padding-box;   
    background-color: #FFF;
    border-collapse: separate;
    border-spacing: 0;
    border-top: #CCC 1px solid;  
    border-right: #CCC 1px solid;  
    width: 100%;  
    margin: 0 0 20px 0;  
    padding: 0;       
    vertical-align: top;
}   
.art-text table:has(thead)  {   
    border-top: none;  
} 
.art-text table caption {   
    font-family: inherit;      
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;   
    text-align: left;  
    padding: 0.3em 0 0.8em 0; 
    margin: 0;   
}    
.art-text table thead {
    position: sticky;
    top: 0;
    z-index: 1;
}  
.art-text table thead tr {    
    background-clip: padding-box; 
    background-color: #F5F5F5;
}
.art-text table thead:first-child th,
.art-text table caption + thead th {   
    border-top: #CCC 1px solid;  
}
.art-text table th {       
    background-clip: padding-box;
    background-color: #F5F5F5;
    color: #111; 
    border-left: #CCC 1px solid;  
    border-bottom: #CCC 1px solid;  
    font-weight: 500;
    vertical-align: top;
    white-space: nowrap;    
}  
.art-text table td {        
    background-clip: padding-box;
    background-color: #FFF;  
    border-bottom: #CCC 1px solid;  
    border-left: #CCC 1px solid;  
    vertical-align: top;
    white-space: nowrap;    
} 
.art-text table th,  
.art-text table td {  
    font-family: inherit;   
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;  
    padding: 10px;  
    box-sizing: border-box; 
}       
.art-text table tbody tr:hover td {  
    background-color: #FAFAFA;  
}      
.art-text table.no-border th,  
.art-text table.no-border td {  
    border: none;  
}    
      
.art-text .art-text-inner blockquote.quote {  
    border-left: #EEE 10px solid;
    color: #555;      
    text-align: left;
    position: relative;  
    display: block;    
    margin: 7px 0 27px 0;    
    padding: 0 0 3px 20px;
}           
.art-text .art-text-inner blockquote.quote:not(.without-cite)::before {  
    background: url(/_i/icon-30-quote.png) center center no-repeat;
    position: absolute;
    content: "";
    display: block;
    color: #FFF;
    top: -15px;
    left: -90px;   
    width: 60px;
    height: 60px;
    margin: 0;     
    padding: 0;   
    border-radius: 5px;      
}                 
.art-text .art-text-inner blockquote.quote.without-cite::before {  
    display: none;     
}                 
.art-text .art-text-inner blockquote.quote,
.art-text .art-text-inner blockquote.quote cite {   
    color: #333; 
    display: block;  
    font-style: italic;        
    font-size: 24px;    
    font-weight: 400;
    line-height: 30px; 
    text-align: left;
}            
.art-text .art-text-inner blockquote.quote.quote-large,
.art-text .art-text-inner blockquote.quote.quote-large cite {       
    font-size: 18px;   
    line-height: 28px; 
}         
.art-text .art-text-inner blockquote.quote.with-cite,
.art-text .art-text-inner blockquote.quote.quote-large.with-cite { 
    font-style: normal;
    font-size: 16px;
    font-weight: 400;  
    line-height: 24px;  
    text-align: right;      
}             
.art-text .art-text-inner blockquote.quote cite {   
    width: auto;
    margin: 0;                   
    padding: 0 0 0.4em 0;  
}       
.art-text .art-text-inner blockquote.quote.quote-large cite {  
    padding-bottom: 0.2em;    
}     
.art-text .art-text-inner blockquote.quote p {  
    padding-bottom: 0.3em;    
}     
.art-text .art-text-inner blockquote.quote p:last-child {  
    padding-bottom: 0;    
    margin-bottom: 0;   
}  


.art-text .relation-video { 
    background: #333;      
    border-radius: 5px;
    display: block;     
    position: relative;
    margin: 30px 0 30px 0;   
}
.art-text .relation-video img {
    display: block;     
    position: relative;
    height: auto;
    min-height: 100px;
    width: 100%;
}   
.art-text .relation-video:after {
    background: #222 url(/_i/loaders/loader-white-dark-snake.gif) no-repeat scroll center center;
    border: medium none;
    border-radius: 4px;
    content: "";
    cursor: pointer;  
    right: 0;
    top: 50%;
    bottom: 0;
    height: 60px;
    left: 50%;           
    margin: -30px 0 0 -30px;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 60px;           
    z-index: 3;
}        
.art-text .art-text-relation a.button {   
    font-family: "Roboto Condensed",Arial,sans-serif;
    color: #FFF;    
}        
.center-column .art-text .art-text-relation .media-desc {
    text-align: center;
}      
.art-text.art-text-relations { 
    margin-bottom: 0; 
}    

.art-text-relation .icon {  
    background: #FFF url(/_i/icon-30-arrow-right.png) center center no-repeat;
    position: absolute;
    display: block;
    color: #999;
    top: 0;
    left: 20px;   
    width: 60px;
    height: 60px;
    margin: 0;     
    padding: 0;   
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px;      
} 
.art-text-relation-copyright .icon {  
    background-image: url(/_i/icon-30-info.png);
}         
.art-text-relation-copyright .art-text-relation-inner {    
    font-family: "Roboto Condensed", Roboto, sans-serif; 
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;  
}              
.art-text-relation-copyright .art-text-relation-inner,
.art-text-relation-copyright .art-text-relation-inner a { 
    color: #595959;
}     
.art-text-relation-copyright .art-text-relation-inner a:hover { 
    color: #ED1C24;
}    
.art-text-relation-copyright .art-text-relation-inner strong { 
    font-family: Arial, sans-serif;   
    display: block;                    
    float: left;
    margin-right: 20px;
    color: #777;
    font-size: 46px;
    font-weight: 200;
    line-height: 44px;
    height: 60px;
    width: 85px;
    text-align: left;
}   
       
.art-text-relation.art-text-relation-pagination  { 
    border-top: #F0F0F0 20px solid;
    margin-left: 0;
}     
.art-text-relation-pagination .art-text-relation-inner { 
    padding: 30px 0 30px 0;
}   
.art-text-relation-pagination .art-text-relation-inner .art-pagination i,
.art-text-relation-pagination .art-text-relation-inner .art-pagination i a { 
    color: #595959;
    font-style: normal;
    text-decoration: none;
}    
.art-text-relation-pagination .art-text-relation-inner .art-pagination .buttons { 
    display: block;
    float: right;   
    padding: 0; 
    height: 40px;   
    width: 350px;
}             
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button {    
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    color: #FFF;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    width: 40px;
    padding: 0; 
    margin-left: 10px;  
    float: left;        
}            
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button span { 
    display: none;
}           
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-text span { 
    display: inline;
}           
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button.button-text {   
    width: 290px;
}            
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button.button-text.button-fwidth {   
    width: 340px;
}                
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-next { 
    background-image: url(/_i/icon-20-a-arrow-right.png);  
}                   
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-next.button-text { 
    background-position: 260px center;
}                 
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-next.button-text.button-fwidth { 
    background-position: 295px center;
}                                             
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-next.button-text span { 
    padding-right: 15px;
}   
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-prev { 
    background-image: url(/_i/icon-20-a-arrow-left.png);
}                   
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-prev.button-text.button-fwidth { 
    background-position: 18px center;
}                                        
.art-text-relation-pagination .art-text-relation-inner .art-pagination .button-prev.button-text span { 
    padding-left: 15px;
}   
               
.art-text .art-text-relation-post, 
.art-text .art-text-relation-post a {   
    color: #CCC;    
}     
.art-text-relation-post .icon {  
    background-image: url(/_i/icon-30-url.png);
}
.art-text-relation-plugin,
.art-text-relation-product {
    border: 0 none !important;
}                       
.art-text .art-text-relation.art-text-relation-plugin {
    min-height: auto;
}
.art-text-relation-plugin .icon,  
.art-text-relation-product .icon,
.art-text-relation-additional_issue .icon {  
    display: none;
}              
.art-text-relation-post.post-facebook .icon {  
    background-image: url(/_i/icon-30-soc-facebook.png);
}         
.art-text-relation-post.post-twitter .icon {  
    background-image: url(/_i/icon-30-soc-twitter.png);
}
.art-text-relation-post.post-linkedin .icon {  
    background-image: url(/_i/icon-30-soc-linkedin.png);
}         
.art-text-relation-post.post-pinterest .icon {  
    background-image: url(/_i/icon-30-soc-pinterest.png);
}            
.art-text-relation-post.post-instagram .icon {  
    background-image: url(/_i/icon-30-soc-instagram.png);
}          
.art-text-relation-post.post-google-plus .icon {  
    background-image: url(/_i/icon-30-soc-google-plus.png);
}       
.art-text-relation-post iframe,
.art-text-relation-post blockquote,
.art-text-relation-post twitterwidget,
.art-text-relation-post .twitter-tweet,
.art-text-relation-presentation iframe,
.art-text-relation-presentation blockquote,          
.art-text-relation-presentation twitterwidget,
.art-text-relation-presentation .twitter-tweet {    
    display: block !important;  
    min-height: 400px;   
    margin: 0 auto !important;      
    padding: 0 !important;  
}                
.art-text-relation-post .twitter-tweet iframe,
.art-text-relation-presentation .twitter-tweet iframe {    
    width: 550px !important; 
}                         
.art-text-relation-post.post-vine iframe, 
.art-text-relation-post.post-reddit iframe,   
.art-text-relation-post.post-linkedin iframe,   
.art-text-relation-post.post-instagram iframe,                          
.art-text-relation-presentation .art-presentation-item-mmedia-soc-vine iframe, 
.art-text-relation-presentation .art-presentation-item-mmedia-soc-reddit iframe, 
.art-text-relation-presentation .art-presentation-item-mmedia-soc-linkedin iframe, 
.art-text-relation-presentation .art-presentation-item-mmedia-soc-facebook iframe,
.art-text-relation-presentation .art-presentation-item-mmedia-soc-instagram iframe  {     
    width: 600px !important;     
}             
.art-text-relation-post .art-text-relation-inner .fb_iframe_widget {     
    display: block !important; 
    margin: 0 auto !important;      
    padding: 0 !important;   
    box-shadow: none;    
}           
.art-text-relation-post .art-text-relation-inner div:first-child {    
    display: block !important;  
    margin: 0 auto !important; 
    text-align: center; 
}       

.art-text-relation-quote .icon {  
    background-image: url(/_i/icon-30-quote.png);
}      
.art-text-relation-quote .art-text-relation-inner {  
    padding-top: 30px;      
    padding-bottom: 30px;
}          
.art-text-relation-quote .page-quote { 
    background: none;         
    border: none;
    min-height: 10px;  
    padding: 0;  
}              
.art-text-relation-quote .quote blockquote {  
    font-size: 24px;
    font-weight: 400;
    line-height: 30px; 
    text-align: left;
    width: auto;
    margin: 0;   
    padding: 0;  
}            
.art-text-relation-quote .quote blockquote footer {
    margin: 3px 0 0 0;         
    padding: 0;
}            
.art-text-relation-quote .quote blockquote footer span.item-author {      
    font-size: 20px;
    font-weight: 200;
    margin: 3px 0 0 0;         
    padding: 0;
    text-align: right;
}       
.art-text-relation-quote .quote blockquote footer span.item-author img {  
    display: none;
}    
            
.art-text .art-text-relation {   
    position: relative;  
    display: block; 
    font-style: normal;
    margin: 0 0 15px -100px; 
    opacity: 1 !important;
}  
.art-text .art-text-inner p .art-text-relation:first-child,
.art-text.art-text-relations .art-text-relation:first-child {   
    margin-top: 15px;
}      
.art-text .art-text-inner p .art-text-relation,
.art-text.art-text-relations .art-text-relation {   
    margin-bottom: 35px;
}    
.art-text .art-text-inner p .art-text-relation:last-child {   
    margin-bottom: 15px !important;
}         
.art-text .art-text-inner p .box-list.box-list-rows-lead li:last-child .news-titlelead-wrapper {
    padding-bottom: 8px;
    border-bottom: none;
}
.art-text.art-text-relations .art-text-relation:last-child {   
    margin-bottom: 30px;
}        
.art-text.art-text-relations .art-text-relation { 
    border-bottom: none;  
}                     

.art-text-relation-inner {  
    padding: 0 0 0 100px;     
    margin: 0;  
}             
          
.art-text-relation-text .icon {  
    background-image: url(/_i/icon-30-url.png);
}      
.art-text-relation-link .icon {  
    background-image: url(/_i/icon-30-url.png);
}    
.art-text-relation-text {                
    font-family: "Roboto Condensed", Arial, sans-serif;   
}
.art-text-relation-text.art-text-relation-text-next {    
    margin-top: -50px;
}                          
.art-text-relation-text.art-text-relation-text-last,
.art-text-relation-text.art-text-relation-text-last li {    
    padding-bottom: 0 !important;  
    margin-bottom: 10px !important;
}                                                     
.art-text-relation-text.art-text-relation-text-last:last-child li {   
    margin-bottom: 0 !important;
}                  
.art-text-relation-text.art-text-relation-text-last li .news-titlelead-wrapper {    
    padding-bottom: 0;  
    border-bottom: none;
}                  
.art-text-relation-text.art-text-relation-text-last li .news-image {    
    bottom: 15px;
}       
/* 
.art-text-relation-text .news-containers:before {
    content: "czytaj także";    
    color: #999;
    display: block;       
    font-size: 16px;   
    line-height: 38px; 
    margin: 0 0 12px 0;
    text-transform: uppercase;
}     
*/
.art-text-relation-text ul li .news-details,   
.art-text-relation-text ul li .news-containers,  
.art-text-relation-text ul li .item-containers,   
.art-text-relation-text.art-text-relation-text-next .news-containers:before,        
.art-text-relation-text.art-text-relation-text-next .icon {  
    display: none !important;
}                 
.art-text-relation-text ul li .news-titlelead-wrapper {     
    margin-top: -5px !important;
    padding-top: 0 !important;
}                   
.art-text-relation-text ul li .news-containers {     
    left: 0 !important;  
}           

                                                         
       
.art-text-relation-link .page-link {  
    background: none;    
    border: #EEE 1px solid;
    color: #333;   
    width: 100%;
    margin: 0 auto;
    padding: 0 0;   
    text-align: left; 
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;   
}                   
.art-text-relation-link .page-link a {  
    display: block;
    color: #333;  
    text-decoration: none;       
    position: relative;
}             
.art-text-relation-link .page-link a:hover { 
    color: #111;    
}               
.art-text-relation-link .page-link u {    
    background: url(/_i/icon-100-arrow-right.png) no-repeat center center;
    position: absolute;      
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1px;
    color: #999;  
    display: block;
    padding: 0;  
    margin: 0;   
    text-align: left;        
    text-decoration: none; 
    text-indent: -999999999px;  
    clear: both;      
    width: 60px;  
    transition: all 0.2s linear; 
}               
.art-text-relation-link .page-link u:hover {  
    background: url(/_i/icon-100-c-arrow-right.png) no-repeat center center;
}   
.art-text-relation-link .page-link strong {  
    font-family: "Roboto Condensed", Roboto, sans-serif;      
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    display: block;              
    width: auto;
    padding: 25px 55px 25px 20px;       
}          
.art-text-relation-link .page-link strong:hover {  
    text-decoration: underline;    
}                     
.art-text-relation-link .page-link img,
.art-text-relation-link .page-link a.i {  
    display: none; 
}                 
.art-text-relation-link .page-link.large em {   
    transition: all 0.2s linear; 
    display: block; 
    height: 0;  
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 19px;   
}                   
.art-text-relation-link .page-link.large a.i {  
    transition: all 0.2s linear;  
    background: #FFF;
    height: 0;  
    overflow: hidden;
    position: relative;
}        
.art-text-relation-link .page-link.large img {  
    transition: all 0.5s linear;  
    height: auto;   
    margin: 0;  
    padding: 0;      
    opacity: 0;
}   
.art-text-relation-link .page-link.large img,
.art-text-relation-link .page-link.large a.i {  
    display: block;
    width: 100%;   
    margin: 0;  
    padding: 0;      
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transform: translateZ(0);   
}                  
.art-text-relation-link .page-link.large.expanded a.i {  
    height: auto;   
}                   
.art-text-relation-link .page-link.large.expanded img {  
    opacity: 1;
}   
.art-text-relation-link .page-link.large.expanded img:hover {  
    opacity: 0.8;
}   
.art-text-relation-link .page-link.large.expanded em {  
    height: auto;          
    padding: 0 55px 20px 20px;       
}     
.art-text-relation-link .page-link.large.expanded strong {  
    padding: 15px 55px 10px 20px;       
}          

.art-text-relation-link .page-link em {  
    display: none;
}          
      
.art-text-relation-picture .icon,
.art-text-relation-gallery .icon {  
    background-image: url(/_i/icon-30-picture.png);
}     
.art-text-relation-video .icon {  
    background-image: url(/_i/icon-30-video.png);
}         
.art-text-relation-video.video-youtube .icon {  
    background-image: url(/_i/icon-30-soc-you-tube.png);
}  
.art-text-relation-video.video-facebook .icon {  
    background-image: url(/_i/icon-30-soc-facebook.png);
}      
.art-text-relation-video .media-desc,  
.art-text-relation-chart .media-desc,  
.art-text-relation-picture .media-desc,
.art-text-relation-gallery .media-desc {  
    margin: 3px 0 0 0;           
    padding: 0; 
}                                  
.art-text-relation-chart .media-desc {  
    margin-top: 6px; 
}               
.art-text-relation-video figure, 
.art-text-relation-chart figure,
.art-text-relation-picture figure,
.art-text-relation-gallery figure, 
.art-text-relation-product .product-graphic figure {  
    margin: 0;           
    padding: 0; 
}                   
.art-text-relation-gallery figure {     
    background: #333 no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    min-height: 400px;
}          
.art-text-relation-picture figure a,
.art-text-relation-gallery figure a, 
.art-text-relation-product .product-graphic figure a {   
    position: relative;     
    text-decoration: none;
}      
      
.art-text-relation-video .fb-video iframe {   
    margin: 0 auto;
    display: block;
}                            
.art-text-relation-video .fb-video .fb-video-container { 
    position: relative;
    margin: 0 auto;
}     
.art-text-relation-video .fb-video .fb-video-container iframe { 
    position: absolute;
    top: 0;    
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}     
    
.art-text-relation-gallery figure a {            
    background: transparent;
    color: #111;  
    display: block;
    margin: 0;           
    padding: 0;  
    overflow: hidden; 
}               
.art-text-relation-gallery figure > a:before { 
    content: attr(title);    
    background: linear-gradient(rgba(51, 51, 51, 0.95), rgba(51, 51, 51, 0.85) 40%, rgba(51, 51, 51, 0));
    color: #FFF;
    position: absolute;     
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;           
    padding: 44px 20px 36px 20px;    
    font-family: "Roboto Condensed",Roboto,sans-serif;  
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-shadow: #333 1px 1px 0;     
    transition: all 0.5s linear;  
} 
.art-image-inner .art-text-relation-gallery figure > a:before {  
    content: ""; 
}             
.art-text-relation-gallery figure > a:after { 
    content: "Galeria: "; 
    background: transparent;   
    color: #0099FF;     
    position: absolute;     
    display: block;
    top: 0;
    left: 0;
    right: 0;          
    padding: 13px 20px;  
    font-family: "Roboto Condensed",Roboto,sans-serif;  
    font-size: 18px;
    text-transform: uppercase;
}     
.art-image-inner .art-text-relation-gallery figure > a:after {  
    content: "Galeria";     
    font-size: 24px;   
    font-weight: 400;
    padding: 16px 20px;
}                       
.art-text-relation-picture figure img,
.art-text-relation-gallery figure img { 
    display: block;
    padding: 0;  
    margin: 0 auto; 
    max-width: 680px; 
}          
.center-column .art-text-relation-picture figure img,
.center-column .art-text-relation-gallery figure img { 
    max-width: 840px;  
}     
                 
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"],
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"] {   
    margin: 0 0 5px 0;
    padding: 0;   
    width: 45%;    
}                                 
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"]:first-child,
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"]:first-child {   
    margin-top: 7px;
}                           
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"] {   
    margin-right: 30px;
    float: left;
}                                        
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"] {    
    margin-left: 30px;
    float: right;
}                                        
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"] .icon,
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"] .icon {   
    display: none;
}                            
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"] figure img,
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"] figure img {   
    width: 100%;
    max-width: none;
}                               
.art-text p .art-text-relation.art-text-relation-picture[data-align="left"] .art-text-relation-inner,
.art-text p .art-text-relation.art-text-relation-picture[data-align="right"] .art-text-relation-inner {   
    margin: 0;
    padding: 0;   
    width: 100%; 
}         
      
.art-text-relation-gallery ul { 
    background-color: rgba(51, 51, 51, 0.6);
    display: block;
    padding: 10px !important;   
    margin: 0;
    height: 87px;
    list-style: none;
    text-align: center;
    overflow: hidden;
    position: absolute; 
    left: 0; 
    right: 0;
    bottom: 0;          
    z-index: 10;    
    transition: all 0.2s linear;  
}      
.art-text-relation-gallery ul:hover {
    background-color: rgba(51, 51, 51, 0.9);
    box-shadow: rgba(51, 51, 51, 0.8) 0 0 200px 110px;
}      
.art-text-relation-gallery li { 
    background: #333;
    border: #111 1px solid;
    display: inline-block; 
    padding: 0;  
    margin: 0 0 10px 10px; 
    height: 85px;   
    width: 122px; 
    font-size: 10px;
    overflow: hidden;
    vertical-align: top;
}   
.center-column .art-text-relation-gallery li { 
    width: 126px;
}           
.art-text-relation-gallery li img { 
    display: block; 
    height: 85px !important;   
    width: 124px !important;
    opacity: 0.9;  
    object-fit: cover;
    object-position: center;
    min-height: auto;
    transition: all 0.5s linear;  
}           
.art-text-relation-gallery li img:hover { 
    opacity: 1;
}        
.art-text-relation-gallery li:first-child { 
    margin: 0; 
}   
.art-text-relation-gallery .media-desc {  
    display: none; 
}         
.art-text-relation-gallery figure a span.l,
.art-text-relation-gallery figure a span.p { 
    background: rgba(51, 51, 51, 0.8) url(/_i/icon-30-a-arrow-left.png) center center no-repeat;   
    color: #999;  
    content: "";     
    position: absolute;     
    display: block;
    padding: 0;   
    margin: -30px 0 0 0;
    height: 60px; 
    width: 60px;
    position: absolute; 
    left: -60px; 
    top: 50%;
    z-index: 100;    
    transition: all 0.2s linear;  
}         
.art-text-relation-gallery figure a span.p {  
    background-image: url(/_i/icon-30-a-arrow-right.png);
    left: auto;   
    right: -60px; 
    top: 50%;
}     
.art-text-relation-gallery figure a:hover span.l { 
    left: 0; 
}         
.art-text-relation-gallery figure a:hover span.p {  
    right: 0; 
}        
.art-text-relation-gallery figure a span.l:hover,
.art-text-relation-gallery figure a span.p:hover {  
    background-color: #333;
}     
    
.art-text-relation-file, 
.art-text .art-text-relation-file,
.art-text.art-text-relations .art-text-relation-file,
.art-text.art-text-relations .art-text-relation-file:last-child {    
    margin-top: 0;   
    margin-bottom: 20px;     
}
.art-text-relation-file .icon {  
    background-color: #333;
    background-image: url(/_i/icon-30-a-doc-default.png);
}                  
.art-text-relation-file.file-zip .icon{  
    background-image: url(/_i/icon-30-a-doc-zip.png);
}              
.art-text-relation-file.file-rar .icon{  
    background-image: url(/_i/icon-30-a-doc-rar.png);
}                
.art-text-relation-file.file-pdf .icon{  
    background-color: #E14045;
    background-image: url(/_i/icon-30-a-doc-pdf.png);
}              
.art-text-relation-file.file-doc .icon,
.art-text-relation-file.file-docx .icon {     
    background-color: #2C5898;
    background-image: url(/_i/icon-30-a-doc-doc.png);
}              
.art-text-relation-file.file-ppt .icon,
.art-text-relation-file.file-pptx .icon {  
    background-image: url(/_i/icon-30-a-doc-doc.png);
}              
.art-text-relation-file.file-xls .icon,
.art-text-relation-file.file-xlsx .icon {   
    background-color: #02723B;
    background-image: url(/_i/icon-30-a-doc-doc.png);
}              
.art-text-relation-file.file-m4a .icon,
.art-text-relation-file.file-mp3 .icon {   
    background-color: #F79407;
    background-image: url(/_i/icon-30-a-sound-on.png);
}     
.art-text .art-text-relation-file {    
    display: flex;   
    margin-left: -20px;  
}  
.art-text-relation-file .art-text-relation-inner {  
    min-height: 60px;
    display: flex;
}      
.art-text-relation-file .art-text-relation-inner a {  
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
}    
.art-text-relation-file .art-text-relation-inner a:hover {  
    color: #111;
    text-decoration: none;
}             
.art-text-relation-product .product-standard,
.art-text-relation-product .product-slider,
.art-text-relation-product .product-map { 
    border-top: #CCC 1px solid;     
    border-bottom: #CCC 1px solid;  
    padding: 40px 0;   
}      
.art-text-relation-product .art-text-relation-inner { 
    position: relative;
}          
.art-text-relation-product + .art-text-relation-product .product-standard,
.art-text-relation-product + .art-text-relation-product .product-slider,
.art-text-relation-product + .art-text-relation-product .product-map { 
    border-top: none;  
    margin-top: -36px;
}      
.art-text .art-text-relation-product a { 
    color: #333;
    text-decoration: none; 
}              
.art-text-relation-product .page-product[data-label]::before {
    color: #999;  
    text-transform: uppercase;   
    content: attr(data-label);   
    display: block;
    position: absolute;
    right: 0;
    font-size: 14px;
    line-height: 40px;
    top: 2px;
}              
.art-text-relation-product .product-standard::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}     
.art-text-relation-product .product-standard img { 
    max-width: 180px;
    max-height: 180px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.2s linear;
    transform: translateX(-50%) translateY(-50%);
}     
.art-text-relation-product .product-slider figure,
.art-text-relation-product .product-standard figure {   
    background-color: #FFF; 
    position: relative;
    width: 200px;
    height: 200px;      
    border: #CCC 1px solid; 
    border-radius: 3px;
    box-sizing: border-box;
    padding: 10px;
    float: left;  
    margin: 0;      
    transition: all 0.2s linear;  
}   
.art-text-relation-product .product-slider figure:hover,
.art-text-relation-product .product-standard figure:hover {    
    border-color: #AAA;
}         
.art-text-relation-product .product-standard strong,
.art-text-relation-product .product-slider strong,
.art-text-relation-product .product-map strong { 
    color: #2B66BD;
    font-size: 25px;      
    font-weight: 500;
    line-height: 30px;
    display: block;
    padding: 0 0 20px 0;  
    margin: 0;    
    transition: all 0.2s linear;  
}            
.art-text-relation-product .product-standard strong:hover,
.art-text-relation-product .product-slider strong:hover,
.art-text-relation-product .product-map strong:hover { 
    text-decoration: underline;
}         
.art-text-relation-product .product-standard .desc {   
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding: 0;    
    margin: 0;   
    display: block; 
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}           
.art-text-relation-product .product-standard .bar { 
    display: block;    
    margin: 0 0 30px 220px;  
    min-height: 130px;
}               
.art-text-relation-product .product-standard .bar + .bar { 
    margin-bottom: 0;    
    min-height: auto !important;     
}           
.art-text-relation-product .product-standard .bar + .bar::after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}  
.art-text-relation-product .product-standard .price,
.art-text-relation-product .product-slider .price,
.art-text-relation-product .product-map .price { 
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    display: block;  
    float: left;
    padding: 3px 0 0 0;    
    margin: 0;    
}           
.art-text-relation-product .product-standard .price small,
.art-text-relation-product .product-slider .price small,
.art-text-relation-product .product-map .price small { 
    font-size: 20px;
}        
.art-text-relation-product .product-standard .button { 
    background: #2B66BD;  
    border: #2B66BD 2px solid; 
    color: #FFF;   
    display: flex;
    float: right;
    width: 140px;    
    height: 40px; 
    line-height: 38px;
    font-weight: 400;   
    flex-direction: column;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
}           
.art-text-relation-product .product-standard .shop {     
    position: absolute;
    right: 0;       
    bottom: 0;
    display: block;
    float: right;
    font-size: 14px;
    color: #CCC;
    padding: 0;     
    line-height: 40px;  
    transition: all 0.2s linear;  
}             
.art-text-relation-product .product-standard .shop span:hover { 
    color: #333;
}    
.center-column .art-text-relation-product .product-standard img { 
    max-width: 280px;
    max-height: 280px;              
}         
.center-column .art-text-relation-product .product-standard figure { 
    width: 300px;
    height: 300px;
}    
.center-column .art-text-relation-product .product-standard .bar {  
    margin-left: 320px;  
    min-height: 230px;        
}

.art-text-relation-product .product-slider ul { 
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    box-sizing: border-box;
}    
.art-text-relation-product .product-slider ul li { 
    max-width: 200px;  
    margin-right: 40px;
    text-align: left;
    box-sizing: border-box;
}    

.art-text-relation-product .product-slider figure { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: none;
    margin-top: 1px;
}    
.art-text-relation-product .product-slider img { 
    object-fit: contain;
}     
.art-text-relation-product .product-slider strong { 
    font-size: 18px;
    font-weight: 500;
    height: 88px;
    line-height: 22px;
    padding: 0;
    margin: 10px 0 0 0;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}            
.art-text-relation-product .product-map .price,
.art-text-relation-product .product-slider .price { 
    font-size: 20px;
    font-weight: 500;
    display: block;  
    float: none;
    padding: 0;
}     
.art-text-relation-product .product-map .price small,
.art-text-relation-product .product-slider .price small { 
    font-size: 18px;
}     

.art-text-relation-product .product-slider .tns-outer {
    position: relative;
}
.art-text-relation-product .product-slider .tns-controls button[data-controls] {
    background: transparent center center no-repeat;
    background-size: 70px auto;
    border: none;
    outline: none;
    position: absolute;
    top: 55px;
    text-indent: -9999999999px;
    width: 40px;
    height: 100px;
    opacity: 0.4;
}
.art-text-relation-product .product-slider .tns-controls button[data-controls]:hover {
    opacity: 1;
}
.art-text-relation-product .product-slider .tns-controls button[data-controls="prev"] {
    background-image: url(/_i/icon-100-c-arrow-left.png);
    left: -40px;
}
.art-text-relation-product .product-slider .tns-controls button[data-controls="next"] {
    background-image: url(/_i/icon-100-c-arrow-right.png);
    right: -40px;
}        

.art-text-relation-product .product-map {
    overflow: hidden;
}     
.art-text-relation-product .product-map img.product-map-bg {
    display: block;
    width: 100%;
}     
.art-text-relation-product .product-map figure {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}       
.art-text-relation-product .product-map figure ul {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
}       
.art-text-relation-product .product-map figure ul li {
    position: absolute;
    padding: 0;
    margin: 0;
    min-width: 40px;
    min-height: 40px;
    z-index: 2;
    cursor: pointer;
}       
.art-text-relation-product .product-map figure ul li.selected {
    z-index: 12;
}       
.art-text-relation-product .product-map figure ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #FFF;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
    z-index: 1;
} 
.art-text-relation-product .product-map figure ul li::after {
    content: "";
    position: absolute;
    background-color: #FFF;
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all 0.2s ease;
    z-index: 2;
}
.art-text-relation-product .product-map figure ul li:hover::before {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.art-text-relation-product .product-map figure ul li:hover::after {
    top: 12px;
    left: 12px;
    width: 7px;
    height: 7px;
}
.art-text-relation-product .product-map figure ul li div {
    display: none;
    background-color: #FFF;
    padding: 20px;
    width: 200px;
    border: #AAA 1px solid;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);  
    transition: opacity 0.4s ease;
    position: absolute;
    opacity: 0;
    z-index: 5;
}
.art-text-relation-product .product-map figure ul li div.visible {
    opacity: 1;
}
.art-text-relation-product .product-map figure ul li div i {
    display: none;
}
.art-text-relation-product .product-map figure ul li div img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.art-text-relation-product .product-map figure ul li div strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding: 0;
}
.art-text-relation-product .product-map figure ul li div a {
    display: flex;
    padding-bottom: 49px;
    box-sizing: border-box;
    flex-direction: column;
}
.art-text-relation-product .product-map figure ul li div a::after {
    background: #2B66BD;
    color: #FFF;
    display: block;
    content: 'Kup teraz';
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;  
    margin-top: 6px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}


.art-text-relation-chart .icon {
    top: 20px;
}
.art-text-relation-chart .art-chart,
.art-text-relation-presentation .art-chart {                                                                           
    border-top: #EEE 1px solid;     
    color: #333;               
}    
.art-text-relation-chart .art-chart h2 {  
    margin: 35px 0 10px 0;   
    color: #333;
}    
.art-text-relation-chart .art-chart-area, 
.art-text-relation-presentation .art-chart-area {  
    border-bottom: #EEE 1px solid;
    position: relative;
    padding-bottom: 30px;
}                                     
.art-text-relation-presentation .art-chart, 
.art-text-relation-presentation .art-chart-area {  
    border: none;
}     
.art-text-relation-chart .art-chart-area .wait,
.art-text-relation-presentation .art-chart-area .wait {      
    background: url(/_i/loaders/loader-sqr-2-white.gif) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}     

.art-text-relation-audio .icon,
.art-text-relation-audio audio {  
    display: none;
}   
.art-text .art-text-relation.art-text-relation-audio {
    min-height: auto;
}  
        
.art-text-relation-recipe .art-text-relation-inner {   
    color: #333;
}              
.art-text-relation-recipe .art-text-relation-inner h2 {   
    border-top: #E8E8E8 1px solid;
    padding-top: 1.2em;
}             
.art-text-relation-recipe .art-text-relation-inner h2 span {   
    color: #999;
    display: block;            
    font-size: 15px;
    line-height: 30px;    
    text-transform: uppercase;
}                                       
.art-text-relation-recipe .art-text-relation-inner h2 strong {   
    font-weight: 500;
}        
.art-text-relation-recipe .art-text-relation-inner dl {   
    background: #F9F9F9;  
    color: #444;
    display: grid;
    grid-template-columns: 155px auto;
    font-size: 15px;
    line-height: 25px;    
    margin: 0 0 30px 0;
    padding: 20px 10px 19px 33px;   
    border-radius: 5px;
    gap: 0 20px;
}          
.art-text-relation-recipe .art-text-relation-inner dl dt,
.art-text-relation-recipe .art-text-relation-inner dl dd {   
    margin: 0;
    padding: 0;
}               
.art-text-relation-recipe .art-text-relation-inner dl dt,
.art-text-relation-recipe .art-text-relation-inner dl dd span {   
    color: #555;
    font-weight: 300;   
}                                 
.art-text-relation-recipe .art-text-relation-inner ol li {   
    padding-bottom: 15px;
}                                
.art-text-relation-recipe .art-text-relation-inner ol li:last-child {   
    padding-bottom: 0;
}           
.art-text-relation-recipe .art-text-relation-inner ol li strong {   
    display: block;
}           
           
      
.art-text-relation-questionings .icon {  
    background-image: url(/_i/icon-30-question.png);
}         
        
.art-text-relation-presentation .icon {        
    background-image: url(/_i/icon-30-p-arrow-right.png);
    top: 20px;
}                          
.art-text-relation-presentation .art-text-relation-inner {   
    padding-top: 0;           
    padding-bottom: 20px;                    
    color: #333;  
}          
.art-text-relation-presentation .art-presentation h2 {   
    display: none;
}          
.art-text-relation-presentation .art-presentation-item {  
    display: none;
    height: auto !important;
}        
.art-text-relation-presentation .art-presentation-item h3 {   
    padding: 17px 0 26px 0;   
}       
.art-text-relation-presentation .art-presentation-item .presentation-text h4 {   
    padding: 0 0 1em 0;   
    font-size: 22px;
}        
.art-text-relation-presentation .art-presentation-item .presentation-text a {                   
    color: #333;  
}       
.art-text-relation-presentation .art-presentation-item.art-presentation-item-1 {  
    display: block;
}       
.art-text-relation-presentation .art-presentation-item .art-presentation-item-mmedia {   
    margin: 6px 0 26px 0;   
}        
.art-text-relation-presentation .art-presentation-item .art-presentation-item-mmedia img,
.art-text-relation-presentation .art-presentation-item .art-presentation-item-mmedia video, 
.art-text-relation-presentation .art-presentation-item .art-presentation-item-mmedia iframe {   
    display: block;
    outline: none; 
    border: none;
    width: 100%;
    margin: 0;    
    padding: 0;   
}      
           
.art-text-relation-presentation .art-presentation-item .art-presentation-item-mmedia iframe { 
    min-height: 150px;
}

.art-text-relation-presentation .art-presentation-item .arrows-expand-bar-next {   
    color: #FFF;
}           
.art-text-relation-presentation .art-presentation-item hr {   
    margin-top: 20px;
    margin-bottom: 16px;
}              
        
.art-text .art-text-relation-keywords {  
    border-top: #E8E8E8 1px solid;   
    margin-bottom: 0 !important;  
    min-height: 101px;
    display: none;
}           
.art-text .art-text-relation-keywords.art-text-relation-keywords-2pg {  
    border-top: none;   
    margin-top: -32px;
}    
.art-text-relation-keywords .icon {  
    background-image: url(/_i/icon-30-search.png);
    top: 20px;
}    
.art-text-relation-keywords a,
.art-text .art-text-relation-keywords a {  
    background-color: #EEEEEE;
    text-decoration: none;               
    color: #666666;  
    font-size: 14px; 
    font-weight: 400;  
    font-style: normal; 
    text-decoration: none; 
    text-align: left;
    /* text-transform: uppercase;  */
    margin-right: 5px;
    white-space: nowrap;
    padding: 4px 8px;    
    transition: all 0.1s ease-in-out;   
    transform: translateZ(0);  
    border-radius: 4px; 
}               
.art-text-relation-keywords a.cntr-tag {  
    background-color: #E0E0E0;  
}           
.art-text-relation-keywords a:before {  
    content: "/";  
    padding-right: 2px;  
}         
.art-text-relation-keywords a:hover,
.art-text .art-text-relation-keywords a:hover {   
    background-color: #333;
    color: #FFF;
}                                                  
.art-text-relation-keywords .art-text-relation-inner { 
    line-height: 32px;
    padding: 33px 0 18px 100px;    
    text-align: left;
}     
.art-text-relation-keywords .art-text-relation-inner-large {  
    padding-top: 16px;
}           
            
.art-text-relation-issue,
.art-text .art-text-relation-issue {  
    border-top: #E8E8E8 1px solid;
    padding: 0;    
    color: #333;  
    margin-left: 0;
}               
.art-text .art-text-relation-issue .art-text-relation-inner {  
    color: #111;
    padding: 30px 0 0 0;    
}                 
.art-text .art-text-relation-issue .art-text-relation-inner p {  
    padding: 18px 0 0 0;    
}                 
body[data-logged="true"][data-subscription="true"] .art-text .art-text-relation-issue .art-text-relation-inner p {  
    display: none;  
}            
.art-text .art-text-relation-issue a {  
    color: #111;
    text-decoration: none;
}                 
.art-text .art-text-relation-issue p a b {  
    text-decoration: underline;
}            
.art-text .art-text-relation-issue a:hover {  
    color: #ED1C24;  
    text-decoration: underline;
}               
.art-text .art-text-relation-issue p strong {  
    font-weight: 400;
}    

.art-text .art-text-relation-paywall .paywall-message {
    background: #F5F6F6;    
    padding: 30px;
    text-align: center;
    opacity: 1;
}                   
.art-text .art-text-relation-paywall .paywall-message,
.art-text .art-text-relation-paywall .paywall-message a {
    color: #444;
}       
.art-text .art-text-relation-paywall .paywall-message p,
.art-text .art-text-relation-paywall .paywall-message h2,
.art-text .art-text-relation-paywall .paywall-message h3,
.art-text .art-text-relation-paywall .paywall-message h4 {
    text-align: center;   
    padding-top: 0;
    padding-bottom: 15px;
}                           
.art-text .art-text-relation-paywall .paywall-message h2 + h2, 
.art-text .art-text-relation-paywall .paywall-message h2 + h3, 
.art-text .art-text-relation-paywall .paywall-message h2 + h4,
.art-text .art-text-relation-paywall .paywall-message h3 + h3,
.art-text .art-text-relation-paywall .paywall-message h3 + h4 {
    margin-top: -15px;
}      
.art-text .art-text-relation-paywall .paywall-message h2,
.art-text .art-text-relation-paywall .paywall-message h3,
.art-text .art-text-relation-paywall .paywall-message h4,
.art-text .art-text-relation-paywall .paywall-message h2 a,
.art-text .art-text-relation-paywall .paywall-message h3 a,
.art-text .art-text-relation-paywall .paywall-message h4 a {
    color: #0070C0;     
}   
.art-text .art-text-relation-paywall .paywall-message p:last-of-type {
    padding-bottom: 0;
}       
.art-text .art-text-relation-paywall .paywall-message .buttons {
    padding: 7px 0 10px 0;
}          
.art-text .art-text-relation-paywall .paywall-message .buttons:last-child {
    padding: 20px 0 0 0;
}    
.art-text .art-text-relation-paywall .paywall-message .button {
    font-weight: 400;
    min-width: 150px;
    width: auto;     
    margin: 10px 5px 0 5px;
    padding: 0 20px;
    box-sizing: border-box;
}                              
.art-text .art-text-relation-paywall .paywall-message .button:first-child:last-child {
    min-width: 250px;
}       
.art-text .art-text-relation-paywall .paywall-message .button-standard {
    background: #0070C0;    
}           
.art-text .art-text-relation-paywall .paywall-message .button-standard:hover {
    background: #005FA4;    
}   
.art-text-relation-additional_issue a {      
    border-top: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    padding: 40px 0;
}    
.art-text-relation-additional_issue + .art-text-relation-additional_issue a {  
    border-top: none;    
    margin-top: -35px;
}     
.art-text-relation-additional_issue a {  
    gap: 20px;
    display: flex;
    text-decoration: none;
}         
.art-text-relation-additional_issue a img {  
    display: block;
    width: 200px;
}        
.art-text-relation-additional_issue a div {  
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 0 60px 0;
    position: relative;
}       
.art-text-relation-additional_issue a div em {  
    color: #ED1C24;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin: -5px 0 5px 0;
}      
.art-text-relation-additional_issue a div strong {  
    display: block;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 5px 0;
}      
.art-text-relation-additional_issue a div .button {
    background-color: #009AFF;
    line-height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}
              
.art-text .art-text-relation-tags {
    border-top: #E8E8E8 1px solid;
    padding: 0;    
    margin: 0;  
    color: #333;
}               
.art-text .art-text-relation-tags ul.art-text-relation-inner {
    width: 100%;
    line-height: 35px;
    list-style: none;    
    padding: 50px 0 0 0;
    margin: 0;  
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);         
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}               
.art-text .art-text-relation-tags .art-text-relation-inner::before {
    content: "Tematy";      
    color: #595959;
    width: 90px;
    display: inline-block;
    margin: 0 10px 0 -100px; 
    text-align: right;
}            
.art-text .art-text-relation-tags .art-text-relation-inner li {
    display: inline-block;
    padding: 0;
    border: #BBBBBB 1px solid;
    border-radius: 3px;
    margin: 0 15px 15px 0;
    white-space: nowrap;      
    transition: all 0.2s linear; 
}            
.art-text .art-text-relation-tags .art-text-relation-inner li:hover {   
    background: #F9F9F9;    
    border: #4080EC 1px solid;
}           
.art-text .art-text-relation-tags .art-text-relation-inner li a {
    color: #333;
    padding: 0 10px;
    font-weight: 400;
    text-decoration: none;  
    transition: color 0.2s linear;
}               
.art-text .art-text-relation-tags .art-text-relation-inner li a:hover {
    color: #111;
}                
.art-text .art-text-relation-tags .art-text-relation-inner li a.cntr-lp {
    font-weight: 500;
}           

.art-sources {
    margin-top: 0;
}   
.art-sources .sources {
    margin-bottom: 10px;
}    
.art-sources .sources:last-child {
    margin-bottom: 40px;
}       
.art-sources .sources-authors .source {
    white-space: nowrap;
}


@media (min-width: 1195px) { 
    .art-text-relation-text + .art-text-relation-additional_issue a {  
        margin-top: -18px;
    }     
}     

@media (max-width: 1195px) { 
    .art-text-relation-pagination {
        margin-left: 0;
    }    
    .art-text-relation-picture figure img,
    .center-column .art-text-relation-picture figure img,
    .art-text-relation-gallery figure img { 
        max-width: 100%;      
    }                          
    .art-text-relation-product a.shop {  
        display: none !important;      
    }   
    .center-column .art-text-relation-product .product-standard img { 
        max-width: 180px;
        max-height: 180px;              
    }         
    .center-column .art-text-relation-product .product-standard figure { 
        width: 200px;
        height: 200px;
    }    
    .center-column .art-text-relation-product .product-standard .bar {
        min-height: 130px;
        margin-left: 220px;          
    }  
    .art-text-relation-text.art-text-relation-text-next {    
        margin-top: -35px;
    }                
    .art-text-relation-text ul li .news-titlelead-wrapper {    
        top: 0 !important;
        margin-top: -1px !important;
        padding-top: 0 !important;
    }   
    .art-text-relation-quote .quote blockquote {
        padding-left: 40px;
    }            
    .art-text-relation-file .icon {
        left: 0;  
    }    
    .art-text-relation-file .art-text-relation-inner {
        padding-left: 80px;   
    }     
    .art-text-relation-text + .art-text-relation-additional_issue a {  
        margin-top: 30px;
    }       
}

@media (max-width: 960px) {       
    .art-text-relation-pagination .art-text-relation-inner {
        margin-left: 0;
    }                 
    .art-text .art-text-relation-tags ul.art-text-relation-inner {
        padding: 15px 0 0 0;
    }
    .art-text .art-text-relation-tags .art-text-relation-inner::before {
        width: auto;
        display: block;
        margin: 0 0 2px 0;
        text-align: left;
    }      
    
    .art-text .art-text-inner blockquote.quote::before {
        display: none;
    }     
    .art-text .art-text-inner blockquote.quote {
        padding-left: 40px;
    }
}   
@media (max-width: 920px) { 
    .art-text-relation-gallery figure > a img { 
        opacity: 0;    
    }  
}        
@media (max-width: 840px) {      
    .art-text-relation-keywords,
    .art-text-relation-link .page-link {  
        border-color: #E4E4E4;    
    }      
}     


@media (max-width: 720px) {    
    .art-text-relation-copyright .art-text-relation-inner {   
        padding-bottom: 20px;
    }   
    .art-text-relation-copyright .art-text-relation-inner strong {   
        color: #333;
        margin: auto 10px auto auto;   
        width: auto;        
        font-size: inherit;
        line-height: inherit;      
        height: auto;  
        display: inline;
    }                 
    .art-text-relation-copyright .art-text-relation-inner a { 
        white-space: nowrap;
    }   
    .art-text-relation-copyright .art-text-relation-inner br {
        display: none;
    }    
    .art-text-relation-pagination .art-text-relation-inner i {
        display: none;
    }          
}     


@media (max-width: 660px) {     
    .art-text-relation-quote .quote blockquote,
    .art-text .art-text-inner blockquote.quote {
        padding-left: 20px;
    } 
    .art-text .art-text-inner blockquote.quote, 
    .art-text .art-text-inner blockquote.quote cite {
        font-size: 20px;
        line-height: 26px;
    }
    .art-text .art-text-inner blockquote.quote.with-cite,
    .art-text .art-text-inner blockquote.quote.quote-large.with-cite {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
       
    .art-text-relation-copyright .art-text-relation-inner {
        color: #999;       
        line-height: 20px;
    }                 
    .art-text-relation-copyright .art-text-relation-inner a { 
        color: #999;
    }   
                   
    .art-text-relation-post.post-vine iframe,    
    .art-text-relation-post.post-reddit iframe, 
    .art-text-relation-post.post-linkedin iframe, 
    .art-text-relation-post.post-instagram iframe,      
    .art-text-relation-post.post-facebook .art-text-relation-inner .fb_iframe_widget,   
    .art-text-relation-presentation .art-presentation-item-mmedia-soc-vine iframe,   
    .art-text-relation-presentation .art-presentation-item-mmedia-soc-reddit iframe, 
    .art-text-relation-presentation .art-presentation-item-mmedia-soc-linkedin iframe,
    .art-text-relation-presentation .art-presentation-item-mmedia-soc-instagram iframe {   
        display: block !important;              
        max-width: none !important;      
        width: 100% !important;     
    }   
}      
@media (max-width: 640px) {             
    .art-text-relation-post .twitter-tweet iframe,
    .art-text-relation-presentation .twitter-tweet iframe {    
        width: 100% !important; 
    }             
    .art-text-relation-product .product-standard {
        padding: 30px 0;
    }
    .art-text-relation-product + .art-text-relation-product .product-standard { 
        margin-top: -35px;
    }
    .art-text-relation-product + .art-text-relation-product .product-slider { 
        margin-top: -36px;
    }
      
    .art-text-relation-product .page-product[data-label]::before,
    .art-text-relation-product .page-product.product-slider[data-label]::before {
        font-size: 12px;
        top: -5px;
    }             
    .art-text-relation-product .product-standard strong {
        font-size: 22px;
        font-weight: 500;
        line-height: 27px;
        padding-bottom: 18px;
    }                                   
    .art-text-relation-product .product-standard img,
    .center-column .art-text-relation-product .product-standard img { 
        max-width: 130px;
        max-height: 130px;              
    }                                   
    .art-text-relation-product .product-standard figure,
    .center-column .art-text-relation-product .product-standard figure { 
        width: 150px;
        height: 150px;
    }                        
    .art-text-relation-product .product-standard .bar {  
        margin-left: 170px;   
        min-height: auto;       
    }    
    .art-text-relation-product .product-slider {
        padding: 25px 0;
    }
    .art-text-relation-product .product-slider ul li { 
        max-width: 120px;  
        margin-right: 20px;
    }     
    .art-text-relation-product .product-slider img { 
        max-width: 100px;
        max-height: 100px;
    }     
    .art-text-relation-product .product-slider figure {   
        width: 120px;
        height: 120px;      
    }    
    .art-text-relation-product .product-slider strong {   
        height: 110px;
        line-clamp: 5;
        -webkit-line-clamp: 5;
    }    
    .art-text-relation-product .product-slider .tns-controls button[data-controls] {
        top: 14px;
    }
    .art-text-relation-product .product-slider .tns-controls button[data-controls]:hover {
        opacity: 1;
    }
    .art-text-relation-product .product-slider .tns-controls button[data-controls="prev"] {
        background-image: url(/_i/icon-100-c-arrow-left.png);
        left: -40px;
    }
    .art-text-relation-product .product-slider .tns-controls button[data-controls="next"] {
        background-image: url(/_i/icon-100-c-arrow-right.png);
        right: -40px;
    }  

    .art-text-relation-product .product-map figure ul li div {
        padding: 30px 15px 15px 15px;
        width: 250px;
    }
    .art-text-relation-product .product-map figure ul li div a {
        height: 100%;
    }
    .art-text-relation-product .product-map figure ul li div a::after {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }
    .art-text-relation-product .product-map figure ul li div i {
        background: url(/_i/icon-20-c-close.png) no-repeat right top;
        display: block;
        position: absolute;
        top: 8px;
        right: 12px;
        width: 40px;
        height: 40px;
    }
    .art-text-relation-product .product-map figure ul li div.l {
        border-radius: 0 10px 10px 0;
    }
    .art-text-relation-product .product-map figure ul li div.r {
        border-radius: 10px 0 0 10px;
    }
    .art-text-relation-product .product-map figure ul li div strong {
        display: -webkit-box;
        height: 58px;
        min-height: 58px;
        font-size: 16px;
        line-height: 19px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        overflow: hidden;
    }
    .art-text-relation-product .product-map figure ul li div figure {
        display: flex;
    }
    .art-text-relation-product .product-map figure ul li div figure img {
        object-fit: contain;
    }

    .art-text .art-text-inner blockquote.quote {
        padding-left: 20px;
    }

    .art-text-relation-file .art-text-relation-inner {
        font-size: 16px;
        line-height: 20px;
    }    
    .art-text .art-text-inner p .art-text-relation-file, 
    .art-text.art-text-relations .art-text-relation-file {
        margin-bottom: 20px;
    }        
    

    .art-text-relation-additional_issue a div strong {  
        font-size: 22px;
        line-height: 25px;
    }      
}    
@media (max-width: 580px) {  
    .art-text-relation-link .page-link {  
        width: 100% !important;
        margin: 0 auto;
    } 
    .art-text-relation-link .page-link em,
    .art-text-relation-link .page-link strong {
        display: block; 
        width: auto;
        float: none;
        clear: both;
    }
    .art-text-relation-post.post-facebook iframe,
    .art-text-relation-presentation .art-presentation-item-mmedia-soc-facebook iframe {
        width: 100% !important;
    }   
}       

@media (max-width: 540px) {     
    .art-text-relation-link .page-link.large u,
    .art-text-relation-link .page-link.large u:hover {
        background-image: url(/_i/icon-20-c-arrow-right.png);
    }
    .art-text-relation-link .page-link.large em {  
        display: none;    
    }    
    .art-text-relation-link .page-link.large.expanded strong {
        padding: 12px 55px 14px 20px;
    }   
}         
@media (max-width: 480px) {   
    .art-text .art-text-relation-paywall .paywall-message {
        margin-left: -20px; 
        margin-right: -20px;
        padding-left: 20px; 
        padding-right: 20px;
    }      
    .art-text .art-text-relation-paywall .paywall-message p br {
        display: none;     
    }   
    
    .art-text p.art-text-frame {
        font-size: 17px;
        line-height: 25px;
        padding: 15px 10px;
        margin: 0 -10px 30px -10px;
    }
    
    .art-text .art-table-wrapper {
        max-height: 65vh;
    }         
    
    .art-text-relation-recipe .art-text-relation-inner dl {   
        margin: 0 -10px 20px -10px;
        padding: 14px 10px 14px 10px;  
    }       

    .art-text .art-text-inner blockquote.quote, 
    .art-text .art-text-inner blockquote.quote cite {
        font-size: 18px;
        line-height: 24px;
    }
    
    .art-text .art-text-inner blockquote.quote.quote-large,
    .art-text .art-text-inner blockquote.quote.quote-large cite {       
        font-size: 17px;   
        line-height: 24px; 
    }         
                   
    .art-text-relation-pagination .art-text-relation-inner .art-pagination {
        margin-left: 20px;
        margin-right: 20px;
    }    
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .button {
        display: none;
    }                                       
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .buttons,
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .button-text {
        display: block; 
        margin: 0;      
        width: 100% !important;
        float: none;
    }                   
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .button-text {
        padding: 0 !important;
    }      
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .button-next {
        background-position: right 20px center !important;
    }       
    .art-text-relation-pagination .art-text-relation-inner .art-pagination .button-prev {
        background-position: 20px center !important;
    }      
           
    .art-text .art-sources + .art-text-relation-tags,
    .art-text .art-text-relation-copyright + .art-text-relation-tags {
        margin-top: -17px;
    }    
    
    .art-text .art-text-relation-tags ul.art-text-relation-inner {
        font-size: 13px;
        line-height: 26px;       
        padding: 16px 0 0 0; 
        margin-bottom: -4px;
    }      
    .art-text .art-text-relation-tags ul.art-text-relation-inner::before {
        display: none; 
    }     
    .art-text .art-text-relation-tags ul.art-text-relation-inner li {
        margin: 10px 10px 0 0;
    }         
    .art-text .art-text-relation-tags ul.art-text-relation-inner li a {
        padding: 0 7px;
    }             
                    
    .art-text-relation-product .product-standard img,
    .center-column .art-text-relation-product .product-standard img { 
        max-width: 230px;
        max-height: 230px;              
    }                                   
    .art-text-relation-product .product-standard figure,
    .center-column .art-text-relation-product .product-standard figure { 
        width: 250px;
        height: 250px;
        margin: 0 auto;
        float: none;
    }                         
    .art-text-relation-product .product-standard strong {    
        padding-top: 20px;        
        padding-bottom: 14px;        
        text-align: center;
    }                         
    .art-text-relation-product .product-standard .desc {   
        text-align: center;
    }              
    .art-text-relation-product .product-standard .bar {  
        margin-left: 0;          
        margin-bottom: 17px;
    }   
    .art-text-relation-product .product-slider .tns-controls button[data-controls] {
        background-size: auto;
        top: 10px;
        opacity: 1;
    }
    .art-text-relation-product .product-slider .tns-controls button[data-controls="prev"] {
        background-image: url(/_i/icon-20-c-arrow-left.png);
        left: -30px;
    }
    .art-text-relation-product .product-slider .tns-controls button[data-controls="next"] {
        background-image: url(/_i/icon-20-c-arrow-right.png);
        right: -30px;
    } 
    .art-text-relation-product .product-map .price,
    .art-text-relation-product .product-slider .price {
        font-size: 16px;
        padding: 2px 0 0 0;
    } 
    .art-text-relation-product .product-map .price small,
    .art-text-relation-product .product-slider .price small {
        font-size: 15px;
    } 
    

    .art-text-relation-additional_issue a  {  
        flex-direction: column;
        align-items: center;
    }      
    .art-text-relation-additional_issue a div {
        text-align: center;
    }  
}        
@media (max-width: 420px) {  
    .art-text-relation-copyright .art-text-relation-inner a { 
        white-space: normal;
    }  
    .art-text-relation-copyright .art-text-relation-inner br:last-of-type {
        display: block;
    }      
}        

@media (max-width: 380px) {               
    .art-text-relation-presentation .art-chart {
        margin: 0 -10px;
    }     
}        
@media (max-width: 360px) {   
    .art-text-relation-post .art-text-relation-inner .fb_iframe_widget, 
    .art-text-relation-post .art-text-relation-inner .fb_iframe_widget:first-child {   
        margin: 0 0 0 -15px !important;   
    }   
}   