/* header ******************************************************************** */ 
  
#koronawirus-header { 
        display: none;      
        height: 290px;
        background: #333;
        color: #01AAAD;
        position: absolute;                
        top: 60px; 
        left: 0;
        right: 0;   
        box-sizing: border-box;
        padding: 0 40px;
        text-align: center;
        font-size: 22px;
        line-height: 25px;
        font-weight: 400;   
}      

#koronawirus-header a { 
        color: #01AAAD;
        text-decoration: none;
}     
#koronawirus-header .w { 
        margin: 0 auto;
        max-width: 600px;
}   
#koronawirus-header strong {   
        color: #FFDF00;
        font-size: 30px;     
        font-weight: 400;   
        text-transform: uppercase;    
        display: block;
        padding: 10px;
}       
#koronawirus-header em {
        background: #444444;
        color: #FFF;     
        font-size: 20px;
        font-style: normal; 
        display: block;
        margin: 0 auto;
        width: 180px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        margin-top: 10px;     
        text-transform: uppercase;  
        transition: all 0.2s linear;   
}     
#koronawirus-header em:hover {
        background: #01AAAD;
        color: #FFF;    
}    
#koronawirus-header br {
        display: none;
}     
#koronawirus-header ul,
#koronawirus-header ul li { 
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
}                                               
#koronawirus-header ul li {
        border-top: #01AAAD 1px solid;   
        padding: 10px 0 20px 0;
}     
#koronawirus-header ul li:first-child {
        border-top: none;         
        padding-top: 10px;
}    
#koronawirus-header ul li:last-child {
        border-bottom: none;
}      

.layout-koronawirus.koronawirus-header .page-header div.header-bar .hdr {
        opacity: 0;
}        
.layout-koronawirus.koronawirus-header .page-header div.header-bar .header-bar-nav {
        padding-left: 0 !important;
}
.layout-koronawirus.koronawirus-header .page-header div.header-bar .header-bar-nav ul {
        text-align: center;
}
    
               
@media (max-width: 1024px) { 
        #koronawirus-header {   
                display: block;     
        }   
        body.koronawirus-header #content {
                padding-top: 350px;
        }
}       
@media (max-width: 580px) { 
        body.koronawirus-header #content {
                padding-top: 340px;
        }
        #koronawirus-header {
                font-size: 20px;
                line-height: 24px;   
                height: 280px;
        }       
        #koronawirus-header strong {
                font-size: 24px;
                line-height: 24px; 
        }   
        #koronawirus-header br {
                display: block;
        }    
        #koronawirus-header {
                padding: 0 10px;
        }    
}          
@media (max-width: 480px) { 
        body.koronawirus-header #content {
                padding-top: 360px;
        }
        #koronawirus-header {  
                height: 300px;
        }       
}        
@media (max-width: 358px) { 
        body.koronawirus-header #content {
                padding-top: 350px;
        }
        #koronawirus-header {
                font-size: 18px;
                line-height: 20px;   
                height: 290px;
        }       
}      
     
/* superone ***************************************************************** */
                      
#koronawirus-superone {
        background: #333;  
        padding: 20px 0;        
}                                   
#koronawirus-superone.koronawirus-superone-page-box-6-222-11 { 
        margin: -40px 0 40px 0;
}               
#koronawirus-superone .w {
        width: 925px;
        position: relative;
        margin: 0 auto;
}                  
#koronawirus-superone a {  
        font-size: 30px;
        font-weight: 400;    
        line-height: 35px;
        color: #01AAAD;      
        display: block;
        text-decoration: none;      
}                
#koronawirus-superone em {
        background: #FFDF00;
        color: #333;    
        font-style: normal; 
        display: block;
        float: right;
        width: 180px;
        height: 40px;  
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        margin-top: -18px;     
        text-transform: uppercase;
        transition: all 0.2s linear;   
}                    
#koronawirus-superone em:hover {
        background: #FFF;
}   

@media (max-width: 1195px) {  
        #koronawirus-superone .w {  
                width: 800px;
        }              
        #koronawirus-superone a {  
                font-size: 26px;
                line-height: 32px;
        }
        #koronawirus-superone em {
                margin-top: -19px;    
        }
}       
@media (max-width: 840px) {  
        #koronawirus-superone .w {  
                width: auto;
                margin: 0 40px;
                position: relative;
        }              
        #koronawirus-superone a {  
                font-size: 26px;
                line-height: 32px;
                padding-right: 200px;
        }
        #koronawirus-superone em {  
                position: absolute;
                margin: -20px 0 0 0;
                top: 50%;
                right: 0;    
        } 
        #koronawirus-superone br {
                display: none;    
        }
}          
@media (max-width: 720px) { 
        #koronawirus-superone a {  
                font-size: 22px;
                line-height: 27px;
        }
}              
@media (max-width: 640px) { 
        #koronawirus-superone a {  
                font-size: 18px;
                line-height: 22px;
                padding-right: 170px;
        }   
        #koronawirus-superone em {  
                font-size: 18px; 
                line-height: 42px;
                width: 155px;
        } 
}               
@media (max-width: 480px) {   
        #koronawirus-superone { 
                z-index: 3;
                position: relative;
        }                    
        #koronawirus-superone.koronawirus-superone-page-box-1-127-21 { 
                margin: 30px 0 -40px 0;
        }                             
        #koronawirus-superone.koronawirus-superone-page-box-6-222-11 { 
                margin: 0 0 -40px 0;
                border-bottom: #01AAAD 20px solid;
        }                           
        #koronawirus-superone .w { 
                margin: 0 20px;
        }                                   
        #koronawirus-superone a {  
                font-size: 18px;
                line-height: 22px;
                padding-right: 0;
                text-align: center;
        }   
        #koronawirus-superone em {  
                position: static;
                margin: 17px auto 4px auto;
                top: auto;
                right: auto; 
                float: none;   
        } 
}                 
@media (max-width: 380px) {   
        #koronawirus-superone.koronawirus-superone-page-box-1-127-21 { 
                margin: 22px 0 -40px 0;
        }          
}  
       
/* sticky ******************************************************************* */

#koronawirus-sticky {
        background: #FFDF00;
        color: #333333;    
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100px; 
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;
        text-transform: uppercase;
        box-shadow: 0 0 5px rgba(51, 51, 51, 0.01);     
        transition: all 0.2s linear, bottom 0.4s ease-out;   
        transform: translateZ(0); 
        cursor: pointer;    
        z-index: 2000;
}     
.koronawirus-superone #koronawirus-sticky.visible {
        bottom: -100px; 
}          
#koronawirus-sticky.visible,
.koronawirus-superone.scroll-100p #koronawirus-sticky.visible {
        bottom: 0; 
}      
#koronawirus-sticky:hover {
        box-shadow: 0 0 15px rgba(51, 51, 51, 0.4);
}                   
#koronawirus-sticky .w {
        width: 1000px;
        position: relative;
        margin: 0 auto;
} 
#koronawirus-sticky,                   
#koronawirus-sticky .w {
        height: 60px;
        line-height: 62px;        
}      
#koronawirus-sticky ul {
        position: relative;   
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
}     
#koronawirus-sticky ul li {
        position: absolute;   
        display: block;
        margin: 0;
        padding: 0; 
        top: 0;  
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        opacity: 0;    
        transition: all 0.4s linear;   
        transform: translateZ(0);  
}     
#koronawirus-sticky.pg0 ul li.pg0,
#koronawirus-sticky.pg1 ul li.pg1 {
        z-index: 1;
        opacity: 1;
}              
#koronawirus-sticky b {
        color: #01AAAD;   
        font-weight: 400;
}                
#koronawirus-sticky em {
        background: #333333;
        color: #FFDF00;    
        font-style: normal; 
        display: block;
        float: right;
        width: 180px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        margin-top: 10px;    
        transition: all 0.2s linear;   
}                    
#koronawirus-sticky em:hover {
        background: #01AAAD;
}  
                  
@media (max-width: 1024px) { 
        #koronawirus-sticky, 
        #koronawirus-sticky.visible {
                bottom: -100px; 
        }    
}       

/* landing-page ************************************************************* */
                               
#koronawirus-landing-page {
        background: #333333;
}                    
#koronawirus-landing-page .w {
        width: 1200px;
        margin: 0 auto;
        padding: 30px 0;
}   
#koronawirus-landing-page .w::after {
        clear: both;
        content: "";
        display: table;
        line-height: 0;
} 
#koronawirus-landing-page .p { 
        background: no-repeat left top;   
        background-size: 140px auto;  
        position: relative; 
        width: 580px;
        height: 198px;
}           
#koronawirus-landing-page .p.e {       
        background-image: url(/wprost/_i/covers/wprost-ebook-koronawirus-20200316-v1-okladka-small.jpg);
        border-right: #01AAAD 1px solid; 
        float: left;
}            
#koronawirus-landing-page .p.a {    
        background-image: url(/wprost-zdrowie/_i/others/lukasz-durajski.jpg);
        float: right;
}              
#koronawirus-landing-page .p a {  
        display: block;
        color: #01AAAD; 
        font-weight: 400;   
        line-height: 22px;
        text-decoration: none;  
        padding: 24px 0 20px 160px;  
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; 
}             
#koronawirus-landing-page .p a b {  
        display: block;
        font-size: 30px;  
        font-weight: 400;   
        line-height: 35px;  
        padding: 0 0 9px 0; 
}               
#koronawirus-landing-page .p a strong {  
        white-space: nowrap;
}       
#koronawirus-landing-page em {
        background: #FFDF00;
        color: #333;    
        font-style: normal; 
        display: block;
        width: 140px;
        height: 40px;  
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        margin-top: -18px;     
        text-transform: uppercase;
        transition: all 0.2s linear; 
        position: absolute;        
        bottom: 24px; 
}                    
#koronawirus-landing-page em:hover {
        background: #FFF;
}   
@media (max-width: 1195px) {  
        #koronawirus-landing-page .w {  
                width: 800px;
        }    
        #koronawirus-landing-page .p {  
                background-size: 123px auto;  
                width: 386px;
                height: 173px;
        }         
        #koronawirus-landing-page .p a {
                padding: 0 0 0 140px;
        }         
        #koronawirus-landing-page .p a b {
                font-size: 22px;
                line-height: 28px;
                margin-top: -6px;
        }           
        #koronawirus-landing-page .p a br {
                display: none;
        }    
        #koronawirus-landing-page em {
                bottom: 0;
                width: 124px;
        }
}    
@media (max-width: 840px) {   
        #koronawirus-landing-page .w {  
                width: auto;
                margin: 0 40px;  
                padding: 20px 0;
        }   
        #koronawirus-landing-page .p {  
                width: 100%;
        }       
        #koronawirus-landing-page .p a {
                padding: 0 0 0 140px;
        }                              
        #koronawirus-landing-page .p.e,
        #koronawirus-landing-page .p.a {
                float: none;
        }      
        #koronawirus-landing-page .p.e {      
                border-right: none; 
                margin-bottom: 20px;
        }   
        #koronawirus-landing-page .p.a {    
                background-position: left 20px;   
                border-top: #01AAAD 1px solid;   
                height: 162px;
        }        
        #koronawirus-landing-page .p.a a {     
                padding-top: 20px;  
        }   
        #koronawirus-landing-page em {
                bottom: 0;
                right: 0;
                width: 120px;
        }   
        #koronawirus-landing-page .p a br {
                display: block;
        }    
}              
@media (max-width: 600px) {
        #koronawirus-landing-page .p a b {
                padding: 0 0 3px 0;
        }       
        #koronawirus-landing-page .p a br {
                display: none;
        }    
}           
@media (max-width: 480px) {   
        #koronawirus-landing-page .w {  
                margin: 0 20px;  
        }   
        #koronawirus-landing-page .p a br,
        #koronawirus-landing-page .p a span {
                display: none;
        }      
        #koronawirus-landing-page .p {     
        }              
        #koronawirus-landing-page .p.a {   
                background-size: 120px auto;
                background-position: right 20px;   
                border-top: #01AAAD 1px solid;   
                height: 179px;
        }              
        #koronawirus-landing-page .p.a a {
                padding: 20px 140px 0 0;
        }              
        #koronawirus-landing-page .p.a a::after {
                background: linear-gradient(rgba(51, 51, 51, 0) 70%, rgba(51, 51, 51, 0.8) 90%, #333);
                position: absolute;
                right: 0;
                top: 20px;
                bottom: 40px;
                width: 120px;
                content: "";
        }       
        #koronawirus-landing-page .p a b {  
                padding: 0 0 6px 0; 
        }               
}
@media (max-width: 355px) {       
        #koronawirus-landing-page .p a {  
                color: #333; 
        }               
        #koronawirus-landing-page .p a b {  
                color: #01AAAD; 
        }               
} 

/* expert ******************************************************************* */

#koronawirus-expert {
        width: 800px;
        margin: 0 auto;
        text-align: center;  
        padding: 20px 0 40px 0; 
}             
#koronawirus-expert h3 {
        font-size: 40px;
        font-weight: 400;
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 45px;
}              
#koronawirus-expert .expert,
#koronawirus-expert .form-message,
#koronawirus-expert .form input,
#koronawirus-expert .form textarea {    
        color: #444;
        font-size: 22px;
        font-weight: 400;
        line-height: 25px;
}            
#koronawirus-expert .expert p {
        padding: 0;  
        margin: 0 0 30px 0;
}              
#koronawirus-expert .expert b {
        color: #01AAAD;
        display: block;
        position: relative;
        padding: 225px 0 5px 0;  
        margin: 30px 0 0 0;
        font-size: 24px;    
        font-weight: 400;
}            
#koronawirus-expert .expert b::before {  
        background: #C3D8D2 url(/wprost-zdrowie/_i/others/lukasz-durajski.jpg) no-repeat center top;
        background-size: cover;
        display: block;
        content: "";
        position: absolute;  
        width: 150px;   
        height: 200px;
        left: 50%;
        top: 0;
        margin: 0 0 0 -75px;
}          
#koronawirus-expert .expert b::after {  
        background: linear-gradient(rgba(0, 0, 0, 0) 60%, #FFF) repeat 0 0;
        display: block;
        content: "";
        position: absolute;  
        width: 150px;   
        height: 200px;
        left: 50%;
        top: 0;
        margin: 0 0 0 -75px;
        z-index: 1;
}              
#koronawirus-expert .expert p:last-child {
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
}           
#koronawirus-expert .expert p:last-child,
#koronawirus-expert .expert p:last-child a {
        color: #999;
}                                         
#koronawirus-expert .expert p:last-child a:hover {
        color: #444;
}                                   
#koronawirus-expert .expert p:last-child a {
        text-decoration-color: #CCC;
}
                                     
#koronawirus-expert .preform {
        text-decoration-color: #CCC;
}   
#koronawirus-expert .preform p,
#koronawirus-expert .form-message b {  
        border-top: #80D4D6 1px solid;
        color: #01AAAD;
        font-size: 40px;
        font-weight: 400;
        padding: 30px 0 0 0;
        margin: 40px 0 30px 0;
}           
#koronawirus-expert .preform button,
#koronawirus-expert .form button {  
        background: #EEE;
        color: #999;        
        border: #EEE 2px solid;
        font-style: normal; 
        display: block;
        width: 300px;
        height: 56px;  
        font-size: 20px;  
        font-weight: 400;
        line-height: 53px;
        word-spacing: 2px;
        text-align: center;
        border-radius: 4px;
        margin: 20px auto 0 auto;     
        text-transform: uppercase;
        transition: all 0.2s linear;   
        cursor: default;
}                           
#koronawirus-expert .preform button.enabled,
#koronawirus-expert .form button {  
        background: #FFDF00;
        color: #333;        
        border: #FFDF00 2px solid;  
        cursor: pointer;
}        
#koronawirus-expert .preform button.enabled:hover,
#koronawirus-expert .form button:hover  {
        background: #FFF;
}         
#koronawirus-expert .form,
#koronawirus-expert .form-message {
        display: none;
}   
       
#koronawirus-expert .form textarea {
        width: 100%;
        min-height: 150px;
        overflow-y: scroll;
}      
#koronawirus-expert .form input {
        margin: 0 0 20px 0;  
}                   
#koronawirus-expert .form input,
#koronawirus-expert .form textarea  {
        display: block;
        padding: 8px 10px; 
        box-sizing: border-box;
}    
 
#koronawirus-expert .form-message b { 
        display: block;
        border: none;  
        margin-top: 0;  
        padding-top: 0;
}        
#koronawirus-expert .form-message.form-error b { 
        color: #BE161D;
}  
#page-box-17-351-19 .page-box-header h2 {
        margin-right: 0;
        text-align: center;  
        float: none;
}
        
@media (max-width: 880px) { 
        #koronawirus-expert {
                width: auto;  
                padding-left: 20px;
                padding-right: 20px;
        }                      
        #koronawirus-expert h3 {
                padding-left: 100px;
                padding-right: 100px;
                margin-bottom: 23px;
        }
        #koronawirus-expert h3,
        #koronawirus-expert .preform p,
        #koronawirus-expert .form-message b {
                font-size: 26px;
                line-height: 32px;
        }
        #koronawirus-expert .expert, 
        #koronawirus-expert .form-message,
        #koronawirus-expert .form input,
        #koronawirus-expert .form textarea {
                font-size: 20px;
                line-height: 22px;
        }
        #koronawirus-expert .expert p {
                margin-bottom: 10px;
        }
}            
@media (max-width: 740px) {       
        #koronawirus-expert h3,
        #koronawirus-expert .form-message {
                padding-left: 50px;
                padding-right: 50px;
        }
}           
@media (max-width: 670px) {       
        #koronawirus-expert h3 {
                padding-left: 0;
                padding-right: 0;
        }
}       
@media (max-width: 480px) { 
        #koronawirus-expert h3,
        #koronawirus-expert .preform p span,
        #koronawirus-expert .form-message b {
                font-size: 22px;
                line-height: 25px;
        }     
        #koronawirus-expert .expert, 
        #koronawirus-expert .form-message,
        #koronawirus-expert .form input,
        #koronawirus-expert .form textarea {
                font-size: 16px;
                line-height: 20px;
        }          
        #koronawirus-expert .form-message b {
                margin-bottom: 10px;
        }     
             
        #koronawirus-expert .preform p span {  
                display: block;      
                margin-top: 5px;
        }         
        #koronawirus-expert .preform button,
        #koronawirus-expert .form button {  
                width: 275px;
                height: 36px;  
                font-size: 20px;  
                font-weight: 400;
                line-height: 32px;
                word-spacing: 1px;
        }         
}          
@media (max-width: 380px) {    
        #koronawirus-expert .form button {  
                width: 100%;
        }      
        #koronawirus-expert .form-message {
                padding-left: 20px;
                padding-right: 20px;
        }   
}         
@media (max-width: 340px) {           
        #koronawirus-expert .preform button {  
                width: 100%;
        }         
}