@font-face {
    font-family: 'FontAwesome';
    src: url('https://shop.bestsublimation24.eu/data/include/cms/2021/fontello.eot');
    src: url('https://shop.bestsublimation24.eu/data/include/cms/2021/fontello.eot#iefix') format('embedded-opentype'),
        url('https://shop.bestsublimation24.eu/data/include/cms/2021/fontello.woff') format('woff'),
        url('https://shop.bestsublimation24.eu/data/include/cms/2021/fontello.ttf') format('truetype'),
        url('https://shop.bestsublimation24.eu/data/include/cms/2021/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: 0.3em;
}

	/* IKONY */
	.icon-social-fb::before{ content: '\F09A'; text-indent: -1px; }
	.icon-social-yt::before{ content: '\F16A'; }
	.icon-social-mail::before{ content: '\E876'; }
	.icon-social-skype::before{ content: '\F17E'; }
	.icon-social-eu::before{ content: '\E87D'; }
	.icon-delivery24::before{ content: '\E881'; }
	.icon-zwrot::before{ content: '\E87E'; }
	.icon-lider::before{ content: '\E880'; }
	.icon-wybor::before{ content: '\E87F'; }
	.benefits__block.--stocks:before { content: '\F07A'; }
	.benefits__block.--returns:before { content: '\E877'; font-size: 1.8rem; display:none;}
	.icon-noproduct:before { content: "\E87F";  }
	.icon-file-empty:before {content: "\F005"; }
	.icon-produkt:before {content: "\E807"; }
	.icon-szkolenia:before {content: "\E80F"; }
	.icon-pomoc:before {content: "\E811"; }
	.icon-serwis:before {content: "\F0AD"; }
	.icon-recykling:before {content: "\E86D"; }
	.icon-atest:before {content: "\E875"; }
.btn {
    text-transform: uppercase;
    font-weight: 800 !important;
    border-radius: 40px !important;
}
b, strong {
    font-weight: 800 !important;
}
a {  
    text-decoration: none !important;
    font-weight:700
}
.row .mark, .row mark{ background-color:#f1f1f1; padding:10px; }
html{
    overflow-y: visible;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif !important;    

}

    header{ padding:15px 0; background:#285AC8;  }
    #navbarNavDropdown{ justify-content: flex-end; }
    .navbar-light .navbar-nav .nav-link{ font-weight: 600; text-transform: uppercase; border-bottom:3px solid #285AC8; font-size: 0.9em; color:#fff !important; }
    .navbar-light .navbar-nav .nav-link:hover{  color:#ffde39 !important; border-bottom:3px solid #ffde39; }
    .navbar-light .navbar-nav .nav_sklep > a.nav-link{ color:#333 !important; background: #ffde39; border-radius:30px; padding:8px 15px;margin-left:10px; margin-right:30px;}
    .navbar-light .navbar-nav .nav_social > a.nav-link { color:#fff !important; background: transparent; border-radius:50%;    margin-top:1px; font-size: 1.1em; width:38px; height:38px;     margin-top: 1px; font-size: 1.1em; line-height: 1.1em; text-align:center; margin-left:10px; border:2px solid #fff }
    .navbar-light .navbar-nav .nav_sklep:hover > a.nav-link{ background:#fff; border:0 }
    .navbar-light .navbar-nav .nav_social > a.nav-link:hover { color:#ffde39 !important; border:2px solid #ffde39; }
    #banner{ margin-top:115px;}
    .korzysci_cms {  padding:80px 0 20px; }
    .korzysci_cms .korzysci_cms_box strong{  margin-top: 10px; text-transform: uppercase;  width: 100%; display: block; font-size:0.8em; font-weight: 600; }
    .korzysci_cms .korzysci_cms_box span{  font-weight: 400; font-size: 0.8em;}
	.korzysci_cms .korzysci_cms_box:hover strong{  color:#fff; }	
    .korzysci_cms{ margin: 10px 0 30px 0;   border: 0; }
	.korzysci_cms_box{ text-align: center; padding: 30px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	.korzysci_cms_box:hover, .korzysci_cms_box:hover:nth-child(odd){ background:#285AC8; }
	.korzysci_cms_box:hover span, .korzysci_cms_box:hover i::before, .korzysci_cms_box a:hover span{ color:#ffde39 }
	.korzysci_cms_box:hover h3, .korzysci_cms_box a:hover h3{ color:#fff }
	.korzysci_cms_box h3{ text-transform: uppercase; font-size: 1.1rem; margin-top:10px; color: #434343; font-weight:700; }
	.korzysci_cms_box i{ font-size: 2.8em; color: #285AC8; }
	.korzysci_cms_box span{ color: #434343; }
    .korzysci_cms_atest i:before{ font-size:0.9em}
    .korzysci_cms_recykling i:before{ font-size:1.3em}
    .row.ofirmie_full{ width: 100vw; position: relative; margin-left: -50vw;  margin-bottom:0px; left: 50%;  background: #285AC8; }
	.ofirmie_full_yt > iframe{ width: calc(100% + 30px); height: 100%;    min-height: 400px; margin-left: -15px;  margin-right: -15px; }
	.row .ofirmie_full_txt{ color:#fff;  padding: 100px 100px 100px 100px; text-align: left;  }
	.row .ofirmie_full_txt h2{  text-align: left;  font-size: 2.2em;  line-height: 1.0em; font-weight: 700; }
	.row .ofirmie_full_txt p{ font-size: 0.9em;  font-weight: 300; line-height: 1.7em}
	.korzysci_cms .korzysci_cms_box strong{  margin-top: 10px; text-transform: uppercase;  width: 100%; display: block;}
	.korzysci_cms .korzysci_cms_box:hover strong{  color:#fff; }	
	.btn.--medium.--solid{background: #ffde39;  border: 1px solid #ffde39; color: #434343; padding: 15px 30px; margin-top: 20px; }
	.btn.--medium.--solid:hover{background: #fff;  border: 1px solid #fff; color: #333;  }
	.btn.--small.--solid{background: #ffde39;  border: 1px solid #ffde39; color: #434343; padding: 10px 15px; margin-top: 10px; font-size:0.8rem; }
	.btn.--small.--solid:hover{background: #fff;  border: 1px solid #fff; color: #333;  }
	.ofirmie_more.btn.--small.--solid:hover:hover {background: #333;  border: 1px solid #333; color: #fff; }
    h2.text_menu_title_header{     font-size: 2.4em; text-transform: uppercase; font-weight: 800; text-align: center; margin-bottom: 20px}
    .ofirmie_1{padding-bottom:50px; }
    .certyfikaty, .recykling, #onas{padding-bottom:80px; padding-top:130px }
    .recykling{ border-bottom:1px solid #c4c7c8; }
    .certyfikaty{   position:relative; }
    .certyfikaty:before{    background: #f1f1f1; bottom: 0; display: block; left: 50%; margin-left: -50vw; position: absolute; top: 0; width: 100vw;  z-index: -1;  content: '';}
    .certyfikaty_list{ padding-top:20px; padding-bottom:30px }
    a.navbar-brand > img{filter: brightness(0%) contrast(200%) grayscale(100%) invert(100%) }
    .kontakt_page{  align-items: center; position:relative;padding: 50px 0; background: #ffde39; }
    .kontakt_page a{  color:#333; font-size: 1.7em }
    .kontakt_page:before{    background: #ffde39; bottom: 0; display: block; left: 50%; margin-left: -50vw; position: absolute; top: 0; width: 100vw;  z-index: -1;  content: '';}
    .kontakt_page .text_menu_title_header { text-align:left; margin-bottom:0; }
	.pr-logo {text-align: center; margin-top: 10px;}
	.pr-logo img {-webkit-filter:grayscale(100%);filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out; opacity: 0.5;}
	.pr-logo img:hover {-webkit-filter:grayscale(0);filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);-ms-filter:grayscale(0); opacity: 1;}
    .row.kontakt_footer{     margin-top: 100px; align-items: center; position:relative;padding: 50px 0;  color:#fff; }
    .kontakt_footer a{  color:#fff; font-size: 1.7em }
    .kontakt_footer:before{    background: #333; bottom: 0; display: block; left: 50%; margin-left: -50vw; position: absolute; top: 0; width: 100vw;  z-index: -1;  content: '';}
    .kontakt_footer .text_menu_title_header { text-align:left; margin-bottom:0; color:#fff; }   
    .kontakt_footer > .ofirmie_social > a { color:#fff !important; background: transparent; border-radius:50%;   display: inline-block; margin-top:1px; font-size: 1.25em; width:38px; height:38px;    line-height: 1.7em; margin-top: 1px; text-align:center; margin-left:10px; border:2px solid #fff }
    .kontakt_footer > .ofirmie_social > a:hover { color:#ffde39 !important; border:2px solid #ffde39; }
    .kontakt_footer > .ofirmie_social  { justify-content: center; }
    .ofirmie_more_button > .btn.--small.--solid{  float:right;padding: 13px 25px;font-size: 0.9em; }
    footer:before{ background: #f1f1f1;   bottom: 0; display: block; left: 50%; margin-left: -50vw; padding-bottom:20px; position: absolute; top: 0; width: 100vw;  z-index: -1;  content: ''; }
    footer{ padding:50px 0 20px;  position:relative; color:#333; }
    .footer_contact h5{ font-weight: 600;font-size: 1.1em }
    .footer_contact span{ font-weight: 400 !important;font-size: 0.8em }
    .footer_contact strong{ font-weight: 600 !important; }
    .footer_contact img{ margin-bottom:20px; }
    .footer_contact a, .footer_contact p{ font-weight: 600 !important;font-size: 0.95em;   }
    footer .contact_footer_box {  position: relative; }
    footer .contact_footer_box::after {  content: '';  height: 180px; position: absolute; right: 20px; width: 1px; background: #c4c7c8;  z-index: -1; top: 0; }
    .row.footer_copy{ text-align:center; background:  #e4e4e4; margin-top: 30px; padding:20px 0; font-size: 0.9em; align-content: center; align-items: center; }
    .row.footer_copy p{     margin: 0; }
    .card{ border-radius: 0 !important; padding: 20px 50px 0;  }
    .card-body {  padding: 1rem 1rem 2.5rem !important; }
    .prasy_instrukcja .btn.--small.--solid{ background:#285AC8; border-color:#285AC8; color:#fff;}
    .prasy_instrukcja .btn.--small.--solid:hover{ background:#ffde39; border-color:#ffde39; color:#333;}
    h3.text_menu_title_header.text-center.big_label { margin-bottom: 30px; }
.row.filmy_yt{ margin:100px 0; }
@media (min-width: 979px){
    .korzysci_cms_lider { --bg-color: #285AC8; --bg-color-light: #285AC8; --text-color-hover: #fff; }
	.korzysci_cms_box { background: transparent; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; transition: all 0.3s ease-out; text-decoration: none; }
	.korzysci_cms_box:hover { box-shadow: 0 24px 36px rgba(0,0,0,0.11), 0 24px 46px var(--box-shadow-color); }
	.korzysci_cms_box:hover .overlay { transform: scale(4) translateZ(0); }
	.korzysci_cms_box:hover .circle { border-color: #ffde39; background: var(--bg-color); }
	.korzysci_cms_box:hover .circle:after { background: var(--bg-color-light); }
	.korzysci_cms_box:hover p { color: var(--text-color-hover); }
	.korzysci_cms_box:active { transform: scale(1) translateZ(0); box-shadow: 0 15px 24px rgba(0,0,0,0.11),	0 15px 24px var(--box-shadow-color); }
	.korzysci_cms_box h3, .korzysci_cms_box span { z-index: 1000; transition: color 0.3s ease-out; }
	.circle { width: 100px;	height: 100px;	border-radius: 50%;	background: transparent; border: 3px solid #285AC8; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; margin-bottom: 20px; transition: all 0.3s ease-out; }
	.circle:after { content: ""; width: 94px; height: 94px; display: block; position: absolute; background: #fff; border-radius: 50%; top: 0; left: 0; transition: opacity 0.3s ease-out; }
	.korzysci_cms_box i { font-size: 2.7em; color: #285AC8; z-index: 100; margin-top: 0px; }
	.overlay { width: 50px; position: absolute; height: 50px; border-radius: 50%; background: var(--bg-color); top: 50px; z-index: 0; transition: transform 0.3s ease-out; }	
	.korzysci_cms_box::after {  content: '';  height: 45%;  position: absolute; right: 0; width: 1px; background: #c4c7c8; z-index:-1; }
	.korzysci_cms_box:last-of-type::after{  display:none;  }
    .footer_map{ padding:50px 0 30px;}
    .prasy_instrukcja{ padding:60px 0;}
    #szkolenia{ margin-top:100px; }
    .gotop{     width: 50px; height: 50px; position: fixed; right: 10px;  bottom: 10px; } 
    .gotop > i:before{  font-size: 2em; color: #333;  } 
    .gotop:hover > i:before{  color: #ffde39;  } 
}
@media (max-width: 1199px){
    .navbar-light .navbar-nav .nav_social > a.nav-link{ display:none; }
    .kontakt_page a {  font-size: 1.5em;  }
    .row .ofirmie_full_txt{ padding:50px; }
    .footer_contact h5{ font-size: 1em; }
}

@media (max-width: 974px){
    #banner{ margin-top: 50px; }
    .navbar-light .navbar-toggler-icon{ filter: brightness(0%) contrast(200%) grayscale(100%) invert(100%);  }
    .navbar-light .navbar-toggler { color: rgba(255,255,255,100) !important; border-color: rgba(255,255,255,1) !important; }
    .ofirmie_more{ margin-bottom: 10px; } 
    .row .ofirmie_full_txt {  padding: 50px 20px;  }
    .row .ofirmie_full_txt h2 {  font-size: 1.6em; }
    .navbar-light .navbar-nav .nav_sklep > a.nav-link{ margin-left: 0;  margin-right: 0;  text-align: center;}
    .navbar-light .navbar-nav .nav-link{ text-align: center; }
    .navbar-nav{ margin-top: 20px; }
    .ofirmie_more_button > a.btn.--small.--solid{ width:100%; margin:20px 0; }
    .row.kontakt_footer{ padding: 20px 0 }
    footer .contact_footer_box::after{ display:none; }
    footer{ text-align: center; }
    header{ padding:0; }
    #carouselExampleControls{ display:none;}
    .btn.--small.--solid{ width:100%; }
    .pr-logo a img{ width:100%}
    .kontakt_footer > .ofirmie_social > a{ margin-left:0px }
    .row .ofirmie_full_txt h2, .row .ofirmie_full_txt p{     text-align: center; }
    .ofirmie_more{ width:100%; }
}
@media (max-width: 757px){
    .footer_contact img{ margin-top:50px; } 
        .kontakt_footer > .ofirmie_social{ text-align: center;margin: 30px 0 10px 0; }
    .row.kontakt_footer{ padding:40px 0 10px; text-align: center;}
    .w-100 { margin: 30px 0; }
.prasy_instrukcja {
    padding: 50px 0;
}
    h2.text_menu_title_header{ font-size:1.3em; }
}


.row.timeline_row{ margin-top:100px; margin-bottom:100px; }
h2.text_menu_title_header.timeline_h2{ text-align:left; font-size: 1.8em; }
.timeline {
  position: relative;
  padding-left: 3rem;
  margin: 30px 0 0 50px;
  color: #333;
}
.timeline:before {
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  width: 4px;
  height: 100%;
  background: #f1f1f1;
}
.timeline .timeline-container {
  position: relative;
  margin-bottom: 1.5rem;
}
.timeline .timeline-container .timeline-icon {
  position: absolute;
  left: -95px;
  top: 4px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 2.1rem;
  background: #4f537b;
}
.timeline .timeline-container .timeline-icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.timeline .timeline-container .timeline-icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.timeline .timeline-container .timeline-body {
  background: #f1f1f1;
  border-radius: 10px;
  padding: 10px 20px 10px;
}
.timeline .timeline-container .timeline-body:before {
  content: "";
  background: inherit;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: -5px;
  transform: rotate(45deg);
  border-radius: 0 0 0 2px;
    top:35px;
}
.timeline .timeline-container .timeline-body .timeline-title {
  margin-bottom: 1rem;
    position: absolute;
    top:-15px;
}
.timeline .timeline-container .timeline-body p {
  font-size: 0.85rem;
    line-height: 1.2rem;
}
.timeline .timeline-container .timeline-body h3{
  font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 600;
margin-top: 15px;
}
.timeline .timeline-container .timeline-body .timeline-title .badge {
  background: #4f537b;
  padding: 5px 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
}
.timeline .timeline-container .timeline-body .timeline-subtitle {
  font-weight: 300;
  font-style: italic;
  opacity: 0.4;
  margin-top: 16px;
  font-size: 11px;
}
.timeline .timeline-container.primary .badge {
  background: #285ac8 !important;
}
.timeline .timeline-container.primary .timeline-icon {
  background: #ffde39 !important; color:#333;
}
.timeline .timeline-container.info .badge,
.timeline .timeline-container.info .timeline-icon {
  background: #11cdef !important;
}
.timeline .timeline-container.success .badge,
.timeline .timeline-container.success .timeline-icon {
  background: #00bf9a !important;
}
.timeline .timeline-container.warning .badge,
.timeline .timeline-container.warning .timeline-icon {
  background: #ff8d72 !important;
}
.timeline .timeline-container.danger .badge,
.timeline .timeline-container.danger .timeline-icon {
  background: #fd5d93 !important;
}
.mt-0{ font-weight:700; }