/* d91218 */
/* d9230f */
body{
margin: 0px; 
padding: 0px;
}
ul{
list-style-type: none;
}          
ul.normal{
list-style-type: square;
margin:20px;
}
ul.normal li{
padding:2px 5px;
}
table.normal tr td{
padding:3px 5px;
}
table.normal tr td textarea{
line-height: 1.5em;
}
span.white{
color:#fff;
}
body{
text-align: left;
font-family: Quicksand, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#505050;
}
h1,h2,h3,h4,h5,h6{
color:black;
}
.odkaz{                                
cursor: pointer;
}
.clear{
clear:both;
}
a {
color:#d9230f;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.left{
float:left;
}
.right{
float:right;
}
p{
font-size:17px;
font-weight: 300;
line-height: 180%;
}
.sitebox{
width:1245px;
margin:0px auto;
}
.sitebox.center{
text-align: center;
}
h2.tight{
font-size: 500%;
margin:0;
line-height: 90%;
}
.tight{
font-weight: 300;
}
#header{
width:100%;
height:80px;
z-index:50;
position: fixed;
}    
.icon1{
background: url('../images/icon1.jpg') no-repeat right center;
padding-bottom:50px;
display: block;
}
.rd1{
background:#d9230f;
}
#indexup{
width:100%;
height:590px;
padding-top:80px;
}
#indexup .sitebox h1{
text-align:center;
color:white;
margin-top:50px;
font-size: 4em;
font-weight: normal;
}
#indexup .sitebox h2{
text-align:center;
color:white;
margin-top:-20px;
font-size: 1.6em;
font-weight: 300;
}
.bigtext{
font-size:18px;
color:white;
text-transform: uppercase;
font-weight: 300;
}
.big_button{
text-decoration: none;
background:#d9230f;
color: white;
font-weight: bold;
font-size: 18px;
padding:15px 50px;
margin:30px 15px 0px 15px;
display: inline-block;
text-decoration: none;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: background color;
transition-property: background color;
text-transform: uppercase;
}
.big_button.small{
padding:5px 25px;
margin:0px 15px;
font-weight: normal;
}
.big_button:hover{
text-decoration: none;
background:white;
color: #d9230f;
}
.big_button.red{
border:1px solid #d9230f;
}
.big_button.red.invert{
color:#d9230f;
background:white;
}
.big_button.red.invert:hover{
color:white;
background:#d9230f;
}
.nomargin{
margin:0px;
} 
.nopadding{
padding:0px;
} 
hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.vstup{   
border:0;
font-size:18px;
padding:10px;
border-bottom:1px solid #808080;
color:#505050;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: border-bottom;
transition-property: border-bottom;
font-weight: 300;
}
.vstup:focus{
 outline: none;
 border-bottom:1px solid #7cfc00;
}
.bigtext a{
color:white;
}
.txtcent{
text-align: center;
}
span.boxiky{
display:block;
width:850px;
text-align: center;
margin: 0px auto;
}
a.boxik{
border:1px solid white;
background-color:rgba(0,0,0,0.5);
width:200px;
height:200px;
display: inline-block;
text-decoration: none;
text-align: center;
float:left;
margin:0 5px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: background-color;
transition-property: background-color;
}
a.boxik:hover{
background-color:rgba(0,0,0,0.8);
}
a.boxik h3{
color:white;
font-size:2em;
margin-bottom: 0;
}
a.boxik h5{
color:#d9230f;
font-size:2em;
margin: 0;
padding: 0 ;
}
a.boxik h4{
color:white;
font-size:2em;
}
a.headlink i{
display:none;
}
.mainbox{
margin:100px 0px;
width:100%;
}
.mainbox.nospaceup{
margin-bottom:0px;
}
.mainbox.nospacedown{
margin-top:0px;
}
.indeximg{
width:45%;
}
.indextxt{
width:45%;
}
#footer{
width:100%;
background:#2e2e2e;
padding:20px 0;
}
a.logo{
width:200px;
height:55px;
display: block;
margin:12px 15px 0 0;
float:left;
}
ul.upmenu{
float:left;
padding-top:10px;
}
ul.upmenu li{
float:left;
}
ul.upmenu li a{
display: inline-block;
padding:5px 10px;
font-size: 1.1em;
text-transform: uppercase;
color:white;
text-decoration: none;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
#upmenubtn{
display:none;
}
ul.upmenu li a:hover{
color:#c0c0c0;
}
ul.upmenu li a.active{
color:#000;
}
ul.upbtn{
float:right;
padding-top:6px;
}
ul.upbtn li{
float:left;
margin-left:5px;
}
ul.upbtn li a{
display: inline-block;
padding:5px 10px;
border:1px solid white;
font-size: 1.1em;
text-transform: uppercase;
color:white;
text-decoration: none;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: background color;
transition-property: background color;
}
ul.upbtn li a:hover{
background:white;
color:black;
}
.radius-5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#indexup{
background: url('../images/bigbg.jpg') no-repeat center center;
background-size: cover;
background-repeat: no-repeat; 
}
#span.foldark{ 
background-color:rgba(0,0,0,0.2);
width:100%;
height:100%;
display: block;
background-color:rgba(0,0,0,0.5);
background:red;
} 
#footer .sitebox ul{
float:left;
margin:1px;
display: inline-block;
width:250px;    
}
#footer .sitebox ul li{
font-size: 16px;
text-transform: uppercase;
color:#9c9c9c;
padding:5px 0;
}
#footer .sitebox ul li a{
color:#727272;
text-transform: none;
font-weight: 300;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
#footer .sitebox ul li a:hover{
color:white;
text-decoration: none;
}
#footer .sitebox ul.icons li{
width: 50px;
height:50px;  
} 
#footer .sitebox ul.icons li.paypal{
padding:0;
background: url('../images/icons/payments.png') no-repeat 0 0;
float:left;

}
#footer .sitebox ul.icons li.paypal:hover{
background-position: 0 -50px;
}
#footer .sitebox ul.icons li.bank{
float:left;
padding:0;
background: url('../images/icons/payments.png') no-repeat -50px 0;
}
#footer .sitebox ul.icons li.bank:hover{
background-position: -50px -50px;
}   
#footer .sitebox ul.icons li a.facebook{
width: 30px;
height:30px; 
display: inline-block; 
} 
#bottom-info{
width:100%;
margin:0;
padding:0;
position:fixed;
bottom:0px;
background-color:rgba(0,0,0,0.5);
z-index:18;
text-align:center;
}
#bottom-info p{
font-size:12px;
padding:0;
margin:0;
margin:5px 10px;
color:white;
display:inline-block;
}
#bottom-info p a{
color:white;
}  
#indexup.nobg{
background:red;
height:0;
margin:0;
padding-top:20px;
}     
h2.red{
color:#d9230f
} 
p.black{
color:black;
font-weight: 400;
line-height: 150%;
padding:0 10px;
text-align: justify;
}   
h2 i{
float:right;
}
h3.undertitle{
font-size:2em;
font-weight: 300;
color:black;
}
.mainbox.grey{
background:#e0e0e0;
padding:20px 0;
}
table.cennik{
width:100%;
border-collapse: collapse;
}
table.cennik tr td{
padding:10px;
font-size: 16px;
border-bottom:1px solid #e0e0e0;
background:#f3f3f3;
}
table.cennik tr th{
padding:10px;
font-size: 16px;
border-bottom:1px solid #e0e0e0;
background:#fff;
font-weight: bold;
}
table.cennik tr td:nth-child(2){
font-weight: 500;
width:50%;
}
span.resptbl{
width:100%;
height:350px;
display: block;
overflow: auto;
overflow-x: hidden;
}
p.htmlcode{
font-size:14px;
background:#e0e0e0;
overflow: auto;
overflow-y: hidden;
}
textarea.textarea{
width:92%;
}

/*Styling for text inside boxes*/
.notif{margin:15px 0;}
.notif h4 { margin:5px 5px 5px 80px;padding:0;  }
.notif p { color:#000; margin:5px 5px 5px 80px; }

/*Boxes*/
.info{border:1px solid #0e7fad;color:#0e7fad;background:#c0e9fa url('../images/info.png') no-repeat; background-position:30px 20px;}
.success{border:1px solid #4f8746;color:#4f8746;background:#d4ffcd url('../images/success.png') no-repeat; background-position:30px 20px;}
.error{border:1px solid #641f1a;color:#641f1a;background:#ffd2d4 url('../images/error.png') no-repeat; background-position:30px 20px;}
.warning{border:1px solid #9d9c49;color:#9d9c49;background:#fdfdcb url('../images/warning.png') no-repeat; background-position:30px 20px;}
.tip{border:1px solid #c77d10;color:#c77d10;background:#f9d69e url('../images/tip.png') no-repeat; background-position:30px 20px;}
.secure{border:1px solid #9638f1;color:#9638f1;background:#e5cefc url('../images/secure.png') no-repeat; background-position:30px 20px;}
.message{border:1px solid #000;color:#000;background:#efefef url('../images/message.png') no-repeat; background-position:30px 20px;}
.download{border:1px solid #04b5eb;color:#04b5eb;background:#f7f7f7 url('../images/download.png') no-repeat; background-position:30px 20px;}
.purchase{border:1px solid #426164;color:#426164;background:#c2e1e3 url('../images/purchase.png') no-repeat; background-position:30px 20px;}
.print{border:1px solid #3c4b5e;color:#3c4b5e;background:#c8d9e3 url('../images/print.png') no-repeat; background-position:30px 20px;}

.aff_box{
width:94%;
padding:3% 2%;
float:right;
color:white;
font-size:120%;
text-align: center;
margin:1%;
}
.aff_box h3{
color:white;
font-size:200%;
padding:0px;
margin:0px;
}
.aff_box.red{
background:#d9230f;
}
.aff_box.green{
background:#00b000;
}
.aff_box.blue{
background:#006fff;
}
.aff_box.fuchsia{
background:#900090;
}
.trustbar{
    background:#ffffff;
    border-top:1px solid rgba(0,0,0,.06);
    border-bottom:1px solid rgba(0,0,0,.06);
    box-shadow:0 4px 18px rgba(0,0,0,.04);
}

.trustwrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:20px;
    padding:28px 0;
}

.trustitem{
    flex:1;
    min-width:180px;
    text-align:center;
}

.trustitem strong{
    display:block;
    font-size:34px;
    line-height:1.1;
    color:#d9230f;
    font-weight:700;
    margin-bottom:8px;
}

.trustitem span{
    display:block;
    font-size:15px;
    color:#555;
    line-height:1.4;
}
.cenik-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.cenik-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.cenik-topitem strong{
    display:block;
    font-size:34px;
    line-height:1.1;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.cenik-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.cenik-intro{
    margin:0 0 25px 0;
}

.cenik-note{
    color:#666;
}

@media(max-width:768px){
    .cenik-topbox{
        gap:12px;
    }

    .cenik-topitem{
        min-width:100%;
    }

    .cenik-topitem strong{
        font-size:28px;
    }
}
.api-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.api-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.api-topitem strong{
    display:block;
    font-size:26px;
    line-height:1.15;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.api-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.api-note{
    margin-top:20px;
    font-weight:600;
}

.api-pre{
    background:#f7f7f7;
    border:1px solid #e5e5e5;
    padding:14px;
    overflow:auto;
    font-size:14px;
    line-height:1.5;
    color:#333;
    margin:10px 0 25px 0;
    box-sizing:border-box;
}

@media(max-width:768px){
    .api-topbox{
        gap:12px;
    }

    .api-topitem{
        min-width:100%;
    }

    .api-topitem strong{
        font-size:22px;
    }

    .api-pre{
        font-size:13px;
        padding:12px;
    }
}

.reg-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.reg-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.reg-topitem strong{
    display:block;
    font-size:24px;
    line-height:1.15;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.reg-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.reg-intro{
    margin:0 0 25px 0;
}

.reg-checkcell{
    padding-top:10px;
    padding-bottom:10px;
}

.reg-checklabel{
    display:block;
    line-height:1.5;
    color:#444;
    font-size:14px;
}

.reg-checklabel input{
    vertical-align:top;
    margin-right:8px;
    margin-top:3px;
}

.reg-bottomline{
    color:#666;
    font-size:14px;
}

@media(max-width:768px){
    .reg-topbox{
        gap:12px;
    }

    .reg-topitem{
        min-width:100%;
    }

    .reg-topitem strong{
        font-size:21px;
    }
}


.contact-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.contact-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.contact-topitem strong{
    display:block;
    font-size:24px;
    line-height:1.15;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.contact-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.contact-intro{
    margin:0 0 25px 0;
}

.contact-card{
    border:1px solid #e7e7e7;
    background:#fafafa;
    padding:20px;
    box-sizing:border-box;
}

.contact-card h3{
    margin-top:0;
    margin-bottom:18px;
    color:#d9230f;
}

.contact-card p{
    margin:0 0 16px 0;
    line-height:1.6;
    color:#444;
}

.contact-bottomline{
    color:#666;
    font-size:14px;
}

@media(max-width:768px){
    .contact-topbox{
        gap:12px;
    }

    .contact-topitem{
        min-width:100%;
    }

    .contact-topitem strong{
        font-size:21px;
    }
}

.about-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.about-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.about-topitem strong{
    display:block;
    font-size:24px;
    line-height:1.15;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.about-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.about-card{
    border:1px solid #e7e7e7;
    background:#fafafa;
    padding:20px;
    box-sizing:border-box;
}

.about-list{
    margin:15px 0 0 18px;
    padding:0;
    color:#444;
    line-height:1.7;
}

.about-list li{
    margin:0 0 4px 0;
}
.about-list li:before{
    content:"✓";
    color:#e1261c;
    font-weight:bold;
}
@media(max-width:768px){
    .about-topbox{
        gap:12px;
    }

    .about-topitem{
        min-width:100%;
    }

    .about-topitem strong{
        font-size:21px;
    }
}

.faq-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 30px 0;
}

.faq-topitem{
    flex:1;
    min-width:180px;
    border:1px solid #e7e7e7;
    background:#fafafa;
    text-align:center;
    padding:18px 15px;
    box-sizing:border-box;
}

.faq-topitem strong{
    display:block;
    font-size:24px;
    line-height:1.15;
    color:#d9230f;
    font-weight:700;
    margin-bottom:6px;
}

.faq-topitem span{
    display:block;
    font-size:14px;
    color:#666;
    line-height:1.4;
}

.faq-intro{
    margin:0 0 25px 0;
}

.faq-list{
    margin-top:10px;
}

.faq-item{
    border:1px solid #ececec;
    background:#fafafa;
    padding:18px 20px;
    margin-bottom:14px;
}

.faq-item h3{
    margin:0 0 10px 0;
    color:#d9230f;
    font-size:20px;
}

.faq-item p{
    margin:0;
    line-height:1.7;
}

.faq-cta{
    text-align:center;
    padding:25px 0 10px 0;
}

@media(max-width:768px){

.faq-topbox{
    gap:12px;
}

.faq-topitem{
    min-width:100%;
}

.faq-topitem strong{
    font-size:21px;
}

.faq-item h3{
    font-size:18px;
}

}

.blog-topbox{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin:25px 0 30px 0;
}

.blog-topitem{
    flex:1;
    min-width:220px;
    background:#fff;
    border-radius:10px;
    padding:20px;
    box-shadow:0 4px 18px rgba(0,0,0,0.08);
}

.blog-topitem strong{
    display:block;
    color:#d71920;
    font-size:22px;
    margin-bottom:6px;
}

.blog-topitem span{
    display:block;
    color:#555;
    font-size:15px;
}

.blog-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:25px;
}

.blog-item{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(0,0,0,0.08);
}

.blog-img-placeholder{
    height:170px;
    background:#e8e8e8;
    color:#777;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
}
.blog-img-placeholder img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.blog-content{
    padding:20px;
}

.blog-date{
    color:#999;
    font-size:13px;
    margin-bottom:8px;
}

.blog-content h3{
    margin:0 0 10px 0;
    color:#d71920;
    font-size:21px;
}

.blog-content p{
    margin:0 0 15px 0;
    line-height:1.6;
}

.blog-more{
    display:inline-block;
    color:#d71920;
    font-weight:bold;
    text-decoration:none;
}

.blog-more:hover{
    text-decoration:underline;
}

@media(max-width:900px){
    .blog-list{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .blog-list{
        grid-template-columns:1fr;
    }
}

.blog-page{
    background:#fff;
}

.blog-wrap{
    width:1245px;
    margin:100px auto;
}



.blog-lead{
    width:70%;
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:150%;
    text-align:justify;
}



.blog-layout{
    width:100%;
}

.blog-article{
    float:left;
    width:58%;
    color:#000;
}

.blog-article h2{
    margin:38px 0 18px 0;
    font-size:2em;
    font-weight:300;
    color:#000;
}

.blog-article p{
    color:#000;
    font-weight:400;
    line-height:150%;
    text-align:justify;
    padding:0 10px;
}

.blog-highlight{
    background:#fafafa;
    border:1px solid #e7e7e7;
    border-left:5px solid #d9230f;
    padding:18px 20px;
    margin:25px 0;
    color:#000;
    font-size:17px;
    line-height:150%;
    box-sizing:border-box;
}

.blog-steps{
    margin:20px 0;
}

.blog-step{
    border:1px solid #e7e7e7;
    background:#fafafa;
    padding:15px;
    margin-bottom:12px;
    box-sizing:border-box;
    color:#000;
    line-height:150%;
}

.blog-step-num{
    float:left;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    background:#d9230f;
    color:#fff;
    font-weight:bold;
    border-radius:50%;
    margin-right:14px;
}

.blog-code{
    background:#2e2e2e;
    color:#fff;
    padding:18px;
    overflow:auto;
    font-size:14px;
    line-height:1.6;
    margin:15px 0 28px 0;
    box-sizing:border-box;
}

.blog-side{
    float:right;
    width:35%;
}

.blog-card{
    border:1px solid #e7e7e7;
    background:#fafafa;
    padding:20px;
    margin-bottom:22px;
    box-sizing:border-box;
}

.blog-card h3{
    margin:0 0 18px 0;
    font-size:2em;
    font-weight:300;
    color:#000;
}

.blog-checklist{
    list-style:none;
    margin:0;
    padding:0;
}

.blog-checklist li{
    margin:0 0 8px 0;
    padding-left:24px;
    position:relative;
    line-height:1.6;
    color:#444;
}

.blog-checklist li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#d9230f;
    font-weight:bold;
}

.blog-cta{
    margin-top:45px;
    background:#d9230f;
    color:#fff;
    padding:28px;
    box-sizing:border-box;
}

.blog-cta h2{
    margin:0 0 14px 0;
    color:#fff;
    font-size:2.6em;
    line-height:1.1;
    font-weight:300;
}

.blog-cta p{
    color:#fff;
    padding:0;
}

.blog-btn{
    display:inline-block;
    background:#fff;
    color:#d9230f;
    padding:12px 25px;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
}

.blog-btn:hover{
    text-decoration:none;
    background:#2e2e2e;
    color:#fff;
}

.blog-layout:after,
.blog-steps:after{
    content:"";
    display:block;
    clear:both;
}
.blog-lead{
    width:70%;
    margin:25px 0 35px 0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:150%;
    text-align:justify;
}

@media(max-width:900px){
    .blog-lead{
        width:100%;
    }
}
@media(max-width:1300px){
    .blog-wrap{
        width:94%;
    }
}

@media(max-width:900px){
    .blog-lead{
        width:100%;
    }

    .blog-hero-icon{
        display:none;
    }

    .blog-article,
    .blog-side{
        float:none;
        width:100%;
    }

    .blog-side{
        margin-top:35px;
    }
}

@media(max-width:600px){
    .blog-wrap{
        margin:45px auto;
    }

    .blog-hero h1{
        font-size:300%;
    }

    .blog-cta h2{
        font-size:2em;
    }
}