@font-face {
    font-family: Ravenwood;
    src:url(../fonts/Ravenwood.otf);
}
@font-face {
    font-family: Helvetica Neue;
    src:url(../fonts/HelveticaNeue.ttf);
}


@media (max-width: 960px)
{
    span.phone:last-of-type{display: none;}
    .kupon{float: none !important; margin: 15px auto !important; text-align: center}
    p#comment_sign,#step_over,#order_button,#credit_simulation_button,#credit_simulation_button1,#credit_simulation_button2,#cart_shipment span#gratis,#cart_summation,#cart_sum #sum,#cart_shipment span#shipmemt_cost{float: none !important;}
    #cart_summation{text-align: center;}
    #order_button, #credit_simulation_button,#credit_simulation_button1,#credit_simulation_button2{margin: 20px auto 0 !important; width: 80%}
    #order_button a{background: #0aa409d4 !important; padding: 13px 28px !important;}
    #credit_simulation_button a,#credit_simulation_button1 a,#credit_simulation_button2 a {!important; padding: 13px 28px !important;}
    #step_over{text-align: center;margin-left:0 !important;}
}

@media (max-width: 875px)
{
    span.phone:first-of-type{display: none;}
    div.progress_bar_item span span{display: none !important;}
    #cart_left_cnt,.cart_right_cnt{width: 100% !important; float: none !important;}
    .kupon a{display: none !important;}
    .cart_right_cnt {margin-top: 20px;}
}

@media (max-width: 560px)
{
    #cart_content{width: 100% !important;min-width: 300px;}
    #header{height: 95px !important;}
    #header_right,#header_logo{float:none !important;text-align: center !important; padding: 0 !important;}
    #header_right span{padding-right: 0 !important;}
    img.logo{height: 60px;}
    #header_right{margin-left: 0 !important; margin-top: 0 !important;}
    .add_quantity{padding: 0 3px !important;}
}

@media (max-width: 465px)
{
    .cart_row .product_photo,.cart_row .product_name,.cart_row .product_order_info{width: 100% !important; text-align: center !important;}
    .cart_row .product_photo {margin-bottom: 10px;}
    .cart_row .btusun{top:-130px !important;}

    span.product_price, span.product_summation {width: 30% !important; font-size: 18px !important;}
    span.product_quantity {width: 40% !important; }
    .cart_row span.product_summation::before{content: "" !important;}
    .field{text-align: center; height: auto !important;}
    .kod_p input,.field input, .field textarea {width: 80% !important;}
    .field label {width: 80% !important; float: none !important; display: inline-block; text-align: left !important;}
    .invalid::after, .valid::after,span.tooltip{display: none !important;}
    .copy_data{margin: 0 0 23px 15px !important;}
    .payment_method{height: auto !important;}
    .payment_ico{width: auto !important;}
    .payment_ico,.payment_method label {float:none !important;}
    .payment_info{width: 80% !important; text-align: justify;}
}

@media (min-width: 464px)
{
    .kod_p input{width: 20% !important;min-width: 60px !important;}
}

html, body {height:100%;font-size: 13px;background: #f7f7f7 none repeat scroll 0 0}
input{font:normal 12px Tahoma,Verdana,sans-serif;}
#container{width: 100%;}
#header{background: black none repeat scroll 0 0; height: 70px;position: fixed;top:0;left:0;width:100%;z-index: 666;}
#header_logo{float:left;padding-left: 10%}
#header_right{float:left;margin-top: 27px;margin-left: 40px;}
.phone,.phone a{font-size: 18px; color: white; text-decoration: none; font-weight: bold;}
#header_right span{padding-left: 20px;}
.clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}
#cart_container{margin-top: 7px;}
p.copyright {text-align: center; padding: 30px 0; color: #a2a4a8}

#cart_content{margin: 0 auto; width: 80%;}
#cart_left_cnt,.cart_right_cnt  {background: #fff none repeat scroll 0 0;border: 1px solid #d1d1d178;  padding:10px 0px 10px 0px;}
#cart_left_cnt {width: 66%; min-height: 400px;float: left; min-width: 300px; padding-bottom: 39px;}
.cart_right_cnt  {width: 30%;float: right; margin-bottom: 20px; clear: right; min-width: 200px;padding: 5px;}
h1{margin-left: 5%; font-size: 18px;margin-top: 10px;} p{padding: 10px 0 0 25px;}

/* ------ Sticky */
.card_shadow {box-shadow: 3px 3px 5px rgba(163, 163, 163, 0.667);}
.sy-5 {box-shadow: inset 0px 5px 15px rgba(124, 124, 124, 0.667);}

/* ———— Twój koszyk ————— */
#twoj_koszyk h1:before{content: "\f07a"; font-family: fontawesome; font-size: 26px; padding-right: 15px; line-height:35px}
#dane_klienta h1:before{content: "\f007"; font-family: fontawesome; font-size: 20px; padding-right: 15px; line-height:35px;}
#potwierdzenie_zamowienia h1 i,#platnosc h1 i{padding-right: 10px;line-height: 35px;}

.cart_row:first-of-type {margin: 20px 0 0;border-top: 1px solid #d1d1d1;}
.cart_row:nth-child(odd) {background-color: #fcfcfc;}
.cart_row{ padding: 20px 0;border-bottom: 1px solid #d1d1d1;}
.cart_row .product_photo{float:left; width: 25%;text-align: center; overflow: hidden;}
.cart_row .product_name{
    font-size:16px; line-height: 20px; float: right; width: 70%;
    position: relative;border-bottom: 1px solid #d1d1d1;padding-bottom: 25px;}
.cart_row .product_name label {font-size:18px; font-weight: bold;display: block;padding-bottom: 5px;}
.cart_row .btusun {background: url(/img/remove-from-cart.png) no-repeat; width: 17px;
    height: 17px; border: 1px solid #f1f1f1; cursor: pointer;position: absolute; top:2px;;right:5%}

span.product_price, span.product_quantity, span.product_summation
{display: inline-block; text-align: center; width: 33%;float: left;font-size: 20px; font-weight: bold}
span.product_summation{font-size: 22px;}
.cart_row .product_order_info{padding-top: 15px;}
.cart_row  .product_order_info{float: right;width: 75%; padding-left: 5px ;padding-right: 5px;}
.cart_row .product_order_info label{display: block; font-size: 12px; font-weight: normal;margin-bottom: 10px;}
.cart_row .product_order_info em{font-size: 18px;font-weight: normal; font-style: normal}
.cart_row span.product_quantity,.cart_row span.product_summation{position: relative;}
.cart_row span.product_quantity::before, .cart_row span.product_summation::before
{color: #a1a1a1;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
}
.cart_row span.product_quantity::before{content: "x";}
.cart_row span.product_summation::before{content: "=";}

span.tooltip{display:inline-block; font-family: fontawesome; font-size: 16px; color:#A2A4A8;cursor:help;position: relative;
    margin-left: -27px;}
.tipinfo
{
    display: none;background-color: #faf8d4;border-color: #a9a9a9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
    position: absolute; bottom: 20px; left: 15px;width: 200px; padding: 20px; color: black;
}
span.tooltip:hover .tipinfo,#cart_shipment:hover .tipinfo{display: block;}

#cart_summation{float: right; margin: 25px 8% 25px 0}
#platnosc #cart_summation{margin: 15px 6% 15px 6%;}
#cart_shipment{font-size: 16px;color:#a1a1a1;cursor:help;line-height: 25px; clear: both;}
#cart_shipment span.tooltip{margin-left: -15px;}
#cart_shipment span#gratis{font-size: 20px; font-weight: bold; color: #0aa409d4; float: right;cursor: auto}
#cart_shipment span#shipmemt_cost{font-size: 16px; font-weight: bold;float: right;color:#a1a1a1}
#cart_shipment span#shipmemt_cost em{font-weight: normal; font-style: normal;}
#cart_sum{clear: both;}
#cart_sum,#cart_sum em {font-size: 16px; font-weight: normal; font-style: normal; line-height: 30px; padding-top: 5px;}
#cart_sum #sum {font-size: 22px; font-weight: bold; float: right; margin-left: 35px;}
#potwierdzenie_zamowienia .rabat,#platnosc .rabat, #dane_klienta {font-size: 14px;}
.rabat {font-size: 16px; padding-top: 5px; clear: both;}
.rabat_sum {padding-left: 12px;}

#cart_recomendation {padding: 10%;}
#cart_recomendation p{font-size: 16px; font-style: italic; line-height: 25px;padding: 0}
p#comment_sign{float:right;font-style: normal;}
p#comment_sign label{font-size: 12px; padding-right: 10px; font-style: italic;}
.cart_info h2{display: block !important;}
#payment_ico img { padding-bottom: 5px;}
#payment_ico{text-align: center; padding: 5px 0 15px;}
.cart_info ul {list-style: none;}
.cart_info ul li a {color:#427fed; text-decoration: none; font-size: 12px; line-height: 22px;}
.cart_info ul li a:after {content: ">"; padding-left: 4px;}
.cart_info ul li a:hover {text-decoration: underline;}

#dane_klienta #cart_buttons{margin-top: 45px;}
#step_over{margin-left: 7%;float: left;}
#step_over a{line-height: 42px;color: #427fed; font-weight: bold;position: relative;text-decoration: none;}
#step_over a:hover{text-decoration: underline;}
#step_over a::before{content: "<"; text-decoration: none; position: absolute; left: -15px; bottom: -13px;}
#platnosc #step_over a ,#dane_klienta #step_over a {font-size: 12px; font-weight: normal;}
#twoj_koszyk #step_over a {font-size: 12px; font-weight: bold;}
#order_button,#credit_simulation_button,#credit_simulation_button1,#credit_simulation_button2{float:right; margin-right:5%;}
#order_button a
{
    background: #0aa409d4 no-repeat scroll 283px 15px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 55px 12px 50px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    letter-spacing: 1.015px;
}
#credit_simulation_button a,#credit_simulation_button1 a,#credit_simulation_button2 a
{
    background: #427fed;
    padding: 13px 37px 12px 28px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
}
#credit_simulation_button a:hover{background: black;}
#credit_simulation_button1 a:hover{background: black;}
#credit_simulation_button2 a:hover{background: black;}

#platnosc #order_button a:hover,#dane_klienta #order_button a:hover,#order_button a:hover{background-color:#91ca2f;}
#dane_klienta #order_button a ,#dane_klienta #order_button a {
    background: #0aa409d4 no-repeat scroll 260px 15px;
    padding: 13px 60px 12px 50px;}

#platnosc #order_button a{
    background: #0aa409d4 url("/img/cart-arrow.png") no-repeat scroll 220px 15px;
    padding: 13px 60px 12px 28px;}

.product_tube {margin: 30px 5% 0;background: #f9f9f9 none repeat scroll 0 0; padding: 0 20px;}
.product_tube {font-size: 14px; line-height: 42px;}
.product_tube label{font-weight: bold; padding-right: 10px;}
span.tube_price {font-weight: bold;padding-left: 20px; font-size: 16px;}
span.tube_price em{font-style: normal;font-size: 11px;}
span.tube_add{display: inline;padding-left: 20px;}
.product_tube  a {
    background-color: #00070e;
    border-color: #000066;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 9px;
    text-decoration: none;
}

/* ———— Dane kupon ————— */
.kupon {float:left; margin: 25px 0 0 5%; color: #989898;}
.kupon a{color: #989898; text-decoration: none; display: block; padding-top: 5px;}
.kupon a:hover{text-decoration: underline;}
.kupon button {}
.kupon input {border: 1px solid #d6d6d6;color: #000;padding: 4px; width: 135px;}
.kupon h6{font-size: 14px; margin: 0; font-weight: normal; padding-bottom: 5px;}

/* ———— Dane klienta ————— */
#delivery_form h1 {padding-bottom: 15px;}
.field{height: 40px;display: inline-block;width: 100%;}
.field label{min-width: 100px;width: 28%;float: left; text-align: right; line-height: 31px; font-size: 14px;padding-right: 15px;}
label.not_req:before{content: "" !important;}
.field label:before
{
    color: #dd0031;
    content: "*";
    font-family: LatoBold,Arial,sans-serif;
    margin-right: 3px;
}


.field input,.field textarea
{
    border: 1px solid #d6d6d6;
    color: #000;
    font-size: 14px;
    line-height: 1.8rem;
    padding: 5px 9px;
    width: 45%;
    min-width: 160px;
}

input#email:invalid,.invalid input
{
    background: #fef2f0 none repeat scroll 0 0;

}

.readonly  {
    background-color: #f7f7f7;
    color: #6f6f6f !important;
}

.invalid::after, .valid::after
{
    display: inline-block;
    font-size: 17px;
    font-family: FontAwesome;
    margin-left: -29px;
}

.tool_tip_field .invalid::after,.tool_tip_field .valid::after {margin-left: -40px;}

.invalid::after {content: "\f00d";color: #dd0031;}
.valid::after{content: "\f00c"; color: #464a4c; opacity: 0.5}

.valid input
{
    background: rgb(232, 240, 254);
    border-color: rgb(232, 240, 254);
}

.field input{height: 28px;}
.invoice_chB label {font-size: 18px; font-weight: bold;cursor: pointer;}
.invoice_chB:hover input[type="checkbox"] + label span{border-color:#a3a3a3;}
.invoice_chB input[type="checkbox"]{margin-right: -22px; text-indent: -1;}
.invoice_chB input[type="checkbox"]:checked + label span
{

    color: #535353;
    background-image: url("/img/check.png");
}
.invoice_chB input[type="checkbox"] + label span
{
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    border: 1px solid #d6d6d6;
    cursor:pointer;
    content: "";
    background-color:white;
}

#invoice_form {margin-top: 23px;}
.copy_data {margin: 0 0 23px 28%; padding-left: 15px;}
.copy_data a{color: #427fed;}
.copy_data a::before
{
    background: url("/img/CopyCode.gif");
    width: 15px;
    height: 15px;
    content: ".";
    display: inline-block;
    margin-right: 8px;
}

/* ———— zaartosc koszyka - prawy————— */

.cart_info h2, #user_data h2,#user_data h2,#cart_items h2{font-size: 14px; display: inline-block; margin: 20px 0 20px 20px;}
#edit_cart{float: right; margin: 20px 20px 0 0;font-size: 12px;}
.item:first-of-type {border-top: 1px solid #d1d1d1;}
.item {border-bottom: 1px solid #d1d1d1; padding: 10px 0;}
.item .item_img{float:left; width: 25%; overflow: hidden; text-align: center; margin-top: 10px}
.item .item_name {width: 72%; float: left;font-size: 14px;}
.item .item_name label {display: block; font-weight: bold; padding-bottom: 3px;}
.item .item_summation{padding-left: 25%;}
.item_summation span{display: inline-block; font-size: 16px;}
.item_summation span.item_price {width: 35%;}
.item_summation span.item_sum {width: 35%; text-align: center;padding-top: 8px;}
.item_summation span.item_qnt {width: 25%; text-align: center}
.item_summation span.item_price::after {content: "x"; color: #a2a4a8; padding-left: 10px}
.item_summation span.item_qnt::after {content: "="; color: #a2a4a8; padding-left: 10px}

.cart_right_cnt  #cart_shipment{font-size: 14px;color:#a1a1a1;cursor:help;line-height: 25px;}
.cart_right_cnt  #cart_shipment span#gratis{font-size: 14px;}
.cart_right_cnt  #cart_shipment span#shipmemt_cost{font-size: 14px; font-weight: bold;float: right;color:#a1a1a1}
.cart_right_cnt  #cart_sum,.cart_right_cnt  #cart_sum em {font-size: 14px;line-height: 20px;}
.cart_right_cnt  #cart_sum #sum {font-size: 18px;}
.cart_right_cnt  #edit_cart a{color:#427fed; text-decoration: none;}
.cart_right_cnt  #edit_cart a:hover{text-decoration: underline;}
.cart_info  {padding: 10px 10px 10px 10px;}
/* ———— forma płatności ————— */

#payment_form{margin: 0 0 20px 0;}
#err_no_payment_form {color: #dd0031; text-align: center; height: 40px; font-size: 14px; font-weight: bold;}
#err_no_payment_form i{padding-right: 7px;}
.payment_method{padding:10px 0 0 5%;}
.payment_method:first-of-type{border-top: 1px solid #d1d1d1;padding-top: 20px;}
.payment_method label {font-size: 14px;cursor: pointer; float: left}
.payment_method:hover input[type="radio"] + label span{border-color:#a3a3a3;}
.payment_method input[type="radio"]{margin-right: -22px; text-indent: -1; float:left; visibility: hidden;}
.payment_method input[type="radio"]:checked + label span
{
    color: #535353;
    background-image: url("/img/check.png");
}
.payment_method input[type="radio"] + label span
{
    display:inline-block;
    width:25px;
    height:25px;
    margin:0 14px 0 0;
    vertical-align:middle;
    border: 2px solid #d6d6d6;
    cursor:pointer;
    content: "";
    background-color:white;
}

.payment_ico {float: right; margin: 15px 0px 15px 0px; width: 33%; text-align: center;}
.payment_info{padding:8px 0 25px  5%; color: #a2a4a8; clear: left; width: 60%;}

.select{background-color: rgb(231, 234, 236);}

#permission_block p{padding:10px 0 0 0; text-align: justify; margin: 0 5%;color:#a2a4a8}
#permission_block input {margin-right: 15px; }
#permission_block p span {color: #dd0031;font-family: LatoBold,Arial,sans-serif; padding-right: 5px;}
.ud_item div{margin:0 20px; font-size: 14px; line-height: 22px;}
.ud_item div label{width: 23%; display: inline-block; font-size: 12px;}
.ud_item div span{width: 77%; display: inline-block;}
#user_data{margin-bottom: 20px;}



/* ———— potwierdzenie ————— */

#potwierdzenie_zamowienia h1{color: #0aa409d4;}
#potwierdzenie_zamowienia h3{font-size: 12px;}
#confirm_cnt h2{text-align:center;padding-bottom: 10px;}
#confirm_cnt{padding: 15px 5%; border-top: 1px solid #d1d1d1;}
#invoice_table{float: right;}
#delivery_table{float: left; padding-bottom: 30px;}
#confirm_cnt table td{padding-right: 10px;}
#potwierdzenie_zamowienia p{padding: 0; font-size: 14px; text-align: justify;}

/* ———— Błąd ————— */
#blad_platnosci h1{color: #dd0031; text-align: center; margin: 20px 0 30px;}
#blad_platnosci h1 i {padding-right: 10px;}
#blad_platnosci p{font-size: 14px;}
#blad_platnosci p a{font-size: 14px; color:#427fed; text-decoration: none;}
#blad_platnosci p a:hover{text-decoration: underline;}
#blad_platnosci #cart_left_cnt{min-height: 220px;}
#blad_platnosci .cart_right_cnt {min-height: 220px;}
#blad_platnosci .cart_right_cnt  a
{
    display: block;text-align: center; font-size: 18px;
    text-decoration: none;
    height: 25px;
    color:black;
}
#blad_platnosci .cart_right_cnt  h2{padding:30px 0 15px 8%;}

/* ———— wybór ilości————— */
.product_quantity
{
    -moz-user-select: none;
    display: block;
    width: 100%;
}
a.minus_quantity, a.add_quantity
{
    cursor: pointer;
    background: none repeat scroll 0 0 #cb0030;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    width: 15px;
}
.minus_quantity:hover, .add_quantity:hover
{
    background: none repeat scroll 0 0 #e9000b;
    color:white;
}
.minus_quantity{padding: 0 6px;}
.add_quantity{padding: 0 1px;}
.tyreQuantity
{
    border: 0 none;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    width: 38px;
    color :black;
    margin: 10px;
}
.product_quantity input, .product_quantity span{display: inline-block;}

/* ———— pasek postępu ————— */
#progress_bar{width: 80%; margin: 0 auto; padding-top: 10px;}
div.progress_bar_item span{font-size:16px;color:#000;text-decoration:none;font-style:normal}
.progress_bar_1 div.progress_bar_sub:before{font-size:16px;color:#000;text-decoration:none;font-style:normal}
.progress_bar_2 div.progress_bar_sub:before{font-size:16px;color:#000;text-decoration:none;font-style:normal}
.progress_bar_3 div.progress_bar_sub:before{font-size:16px;color:#000;text-decoration:none;font-style:normal}
.progress_bar_4 div.progress_bar_sub:before{font-size:16px;color:#000;text-decoration:none;font-style:normal}
div.progress_bar_keeper{text-align:left;overflow:hidden;margin-bottom:30px;font-size:0.85em;line-height:1.1}
.progress_bar_1_active{}
.progress_bar_2_active{}
.progress_bar_3_active{}
.progress_bar_4_active{}
div.progress_bar_outline{clear:both}
div.progress_bar{clear:both;position:relative}
div.progress_bar_item{float:left;width:25%}
div.progress_bar_item .progress_bar_sub{border-bottom:3px solid #dfdfdf;border-bottom:3px solid #D2D2D2;padding:0 0 10px 32px}
div.progress_bar_item span{font-size:13px;color:#333;}
div.progress_bar_item span span{display:inline-block;vertical-align:bottom;margin-bottom:-2px;margin:0 3px 5px}
div.progress_bar_item strong{font-size:32px;font-weight:normal;display:inline-block}
div.progress_bar_item.active .progress_bar_sub{border-bottom:2px solid #cb0030 }
.progress_bar_2{}
.progress_bar_3{}
.progress_bar_1 div.progress_bar_sub:before{content:'1';font-size:22px;font-weight:normal;display:inline-block;font-style:normal}
.progress_bar_2 div.progress_bar_sub:before{content:'2';font-size:22px;font-weight:normal;display:inline-block;font-style:normal}
.progress_bar_3 div.progress_bar_sub:before{content:'3';font-size:22px;font-weight:normal;display:inline-block;font-style:normal}
.progress_bar_4 div.progress_bar_sub:before{content:'4';font-size:22px;font-weight:normal;display:inline-block;font-style:normal}
.progress_bar_active_holder{display:none}
.progress_bar_4_active .active_holder_right{display:none}




/* ———— info boxy ————— */
.hide {display: none;}

#kuponoutern
{
    position: absolute;
    background-color: #777;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    left: 0;
    top: 0;
    z-index: 1000;
}
#kuponbox
{
    background: none repeat scroll 0 0 #fff;
    position: fixed;
    height: auto;
    left: 300px;
    top: 308px;
    width: 703px;
    z-index: 1001;
}
.box
{
    position: relative;
}

.closebox
{
    position: absolute;
    right:0;
    top:0;
    z-index: 1002;
    background-color: black;
    font: bold 20px "Arial", Arial, Helvetica, sans-serif; color:white;
    width: 30px;
    width: 30px;
    padding-left: 9px;
    cursor: pointer;
}

.fb-likebox {padding-left: 80px; float: left}
.newsletterbox {float:right; width: 323px;}
.agr{text-align: justify; padding-right: 25px;margin: 10px 0 10px 0}
.agr input[type="checkbox"]{margin-right: 5px;}

.nwsl_form input[type="submit"]{background-color: black; color: white; cursor: pointer; padding: 5px;}

.box h5{margin: 0; padding: 2% 0 0 5%; font-size: 14px}

#platnosc_box #kuponbox {width: 70%;}
#platnosc_box p{font-size: 14px; padding: 5px 5%; text-align: justify; line-height: 20px;}
#platnosc_box input
{   border: 1px solid #d6d6d6;
    color: #000;
    font-size: 14px;
    line-height: 1.8rem;
    min-width: 160px;
    padding: 5px 20px;
    width: 35%;
    text-align: center;
    margin: 40px;
}

#platnosc_box #input_24_bt{text-align: center;margin-bottom: 30px;}
#platnosc_box a
{
    background-color: #0aa409d4;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px 5px 15px;
    text-align: center;
    text-decoration: none;

}

#mail_err{color: #dd0031; font-size: 14px; padding-top: 5px;}

nawigacja
.navbar {background-color: white; padding: 0; padding-top: 70px;}
nawigacja
.nav {padding-top: 5px; float: right;}
.nav a { color: black;}
pasekdolny
.navbar {background-color: #494b4b; padding: 0;}
pasekdolny
.nav-link { font-size: 1.6em;
    color: white;
    letter-spacing: 0.05em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;   }
.nav-link:hover, .nav-link:focus {color: #b1acac;}
.navbar-brand {
    color: white;
    letter-spacing: 0.05em;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;   }
pasekdolny
.dropdown-item {font-size: 1.15em;}
pasekdolny
.dropdown-menu {padding: 0.8rem 2em;    border-radius: 0;}
logo {font-size: 40px; font-family: Ravenwood; color: red; font-weight: bold;}
logo span {font-family: Helvetica Neue;color: black;font-weight: 300; font-size: 39px;}
/*------srodek */
srodek
.container-fluid {background-color: white;}

/*--- modal -----*/
.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1250; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}
.popup .close {
    position: absolute;
    z-index: 1;
    right: 10px !important;
    top: 10px !important;
    height: 2.5rem;
    width: 2.5rem;
    background: rgba(193, 193, 193, 0.3) !important;
    border-radius: 50%;
    padding: 0;

}
.popup .close  span{
    vertical-align: middle;
}

.popup .popup-content {
    border: 0;
    border-radius: 3px;
    background-color: white;
}

.pointer-events-none {
    pointer-events: none;
}

/*Height utilities*/
.m-h-10 {
    min-height: 10vh;
}

.m-h-20 {
    min-height: 20vh;
}

.m-h-30 {
    min-height: 30vh;
}

.m-h-40 {
    min-height: 40vh;
}

.m-h-50 {
    min-height: 50vh;
}

.m-h-60 {
    min-height: 60vh;
}

.m-h-70 {
    min-height: 70vh;
}

.m-h-80 {
    min-height: 80vh;
}

.m-h-90 {
    min-height: 90vh;
}

.m-h-100 {
    min-height: 100vh;
}


.btn-cstm-danger {
    color: #FFFFFF;
    background-color: #f2545b;
    border-color: #f2545b;
    height: 100%;
}

.btn-cstm-danger:hover {
    color: #FFFFFF;
    background-color: #ef3039;
    border-color: #ee252e;

}

/*--- loader-----*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid rgb(66, 65, 65);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgb(58, 58, 58) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*--- koniec loadera -----*/