/********************************************************
			Coderplace Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.cp-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  display: flex!important;
  flex-wrap: wrap;
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow-x: clip;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  display: flex;
  height: auto;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* mouse grab icon */
.customNavigation {
	position: absolute;
	z-index: 9;
	width: 100%;
	top: 50%;
	direction: ltr !important;
	right: 0;
	left: auto;
  opacity: 0;
  -khtml-opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
}
.products .customNavigation {
	top: 48%;
}
.tmcategorylist .customNavigation, .testimonial-block-part .customNavigation {
	top: 54%;
}
.tmcategorylist:hover .customNavigation {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.customNavigation a.prev::before {
	content: "\E314";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	right: 5px;
	top: -1px;
	color: #808080;
}
.customNavigation a.next::before {
	content: "\E315";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	position: absolute;
	right: 3px;
	top: -1px;
	color: #808080;
}
#tmtestimonialcmsblock .customNavigation {
  top: -24px;
  z-index: 5;
  right: 15px;
}
#index #tmtestimonialcmsblock .customNavigation {
  top: -40px;
  right: 0;
}
.special-products .customNavigation {
	top: 52%;
}
.special-products:hover .customNavigation, 
.products:hover .customNavigation,
.testimonial-block-part:hover .customNavigation,
.tmblog-latest:hover .customNavigation, 
#tminstagramblock:hover .customNavigation,
.product-accessories:hover .customNavigation,
.productscategory-products:hover .customNavigation{
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.lastest_block .customNavigation {
	top: 44%;
}
.customNavigation i {
	color: #222 !important;
	cursor: pointer;
	font-size: 0;
	font-weight: 500;
	height: 38px;
	line-height: 32px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 38px;
	background: transparent;
	border-radius: 0;
	font-style: unset;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.11);
}

.customNavigation i.prev {
	background: transparent;
	right: auto;
	background: #fff;
	border-radius: 50%;
	left: -5px;
}
.customNavigation i.next {
	background: transparent;
	right: 0px;
	background: #fff;
	border-radius: 50%;
	right: -5px;
}
.tmcategorylist .customNavigation i.prev, 
.testimonial-block-part .customNavigation i.prev, 
#tminstagramblock .btn.prev.instagram_prev,
.special-products .customNavigation i.prev{
	left: -20px;
}
.tmcategorylist .customNavigation i.next, 
.testimonial-block-part .customNavigation i.next, 
#tminstagramblock .btn.next.instagram_next,
.special-products .customNavigation i.next  {
  right: -20px;
}
.customNavigation i.prev::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-left.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-left.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
#tmtestimonialcmsblock .customNavigation i.prev::before {
  right: 1px;
  font-weight: 500;
}
#tmtestimonialcmsblock .customNavigation i.next::before {
  right: 0;
  font-weight: 500;
}
.customNavigation i.next::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-right.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-right.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
.customNavigation i.next:hover::before,.customNavigation i.prev:hover::before  {
  color: #fff;
}
#cpleftbanner1 img,
#cpleftbanner2 img {
  max-width: 100%;
}
#cpleftbanner1 li,
#cpleftbanner2 li {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 5px;
}
#cpleftbanner1 li a,
#cpleftbanner2 li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.footer-container .links.lastest_block .customNavigation i.prev:hover {
  color: #9bbab1 !important;
}
.footer-container .links.lastest_block .customNavigation i.next:hover {
  color: #9bbab1 !important;
}

@media (max-width: 1449px) {
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev,
  .special-products .customNavigation i.prev{
    left: -15px;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next,
   .special-products .customNavigation i.next {
    right: -15px;
  }
  .customNavigation i.next {
    right: 0;
  }
  .customNavigation i.prev {
    left: 0;
  }
}
@media (max-width: 1199px) {
  #tmtestimonialcmsblock .customNavigation {
    top: -36px;
    z-index: 5;
    right: -18px;
  }
}

@media (max-width: 991px) {
  #cpleftbanner1 li img,
  #cpleftbanner2 li a {
    width: auto;
  }
  #tmtestimonialcmsblock .customNavigation {
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .customNavigation {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev, 
  .special-products .customNavigation i.prev,
  .btn.prev.accessories_prev {
    left: 0;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next, 
   .special-products .customNavigation i.next,
   .btn.next.accessories_next {
    right: 0;
  }
  #main .images-container .js-qv-mask .customNavigation {
    top: 13px;
  }
  .quickview .mask.additional_slider .customNavigation i.prev {
    left: -10px !important;
  }
  .quickview .mask.additional_slider .customNavigation i.next {
    right: -10px !important;
  }
  .btn.next.brand_next {
    left: auto;
    right: 0;
    position: absolute;
  }
  .btn.prev.brand_prev {
    left: 0;
    right: auto;
  }
  .customNavigation i.next {
    left: auto;
    right: 0;
  }
}
@media (max-width: 480px) {
}

/*** Top shop ***/
.header-top .header-div {
    background-color: #B9B9B9;
}
#header .head-compare a, #header .head-wishlist a, #header #_desktop_cart .carthome, #header #_mobile_cart .carthome, #header #_desktop_user_info .account .account-icon, span.search_button {
    background-color: black;
}
#_desktop_user_info a.top-link {
	color: black !important;
}
/*** Vertical menu  ***/
.cat-title i.material-icons.menu-open, .mobile .cat-title, #header #sidevertical_menu ul#top-menu a {
    color: #ffffff;
}
#header #sidevertical_menu ul#top-menu, #cp_sidevertical_menu_top .top-menu .sub-menu.collapse.in, #cp_sidevertical_menu_top .top-menu .sub-menu.collapse, 
#cp_sidevertical_menu_top #top-menu li, #cp_sidevertical_menu_top #top-menu li a, .top-menu[data-depth="1"], #cp_sidevertical_menu_top #top-menu li a ul li a, #cp_sidevertical_menu_top #top-menu li a ul, 
#cp_sidevertical_menu_top #top-menu li a ul li, .top-menu[data-depth="2"] {
    background: black;
}

#cp_sidevertical_menu_top .top-menu[data-depth="1"] li a::before {
background-color: white;	
}

#cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before {
background-color: red;		
}

#cp_sidevertical_menu_top .top-menu[data-depth="3"] li a::before {
background-color: grey;		
}

#cp_sidevertical_menu_top .top-menu li span .material-icons {
    color: #000000;
}
#cp_sidevertical_menu_top.slide, .vertical-side-top-text {
    background: black !important;
}
.verticalmenu-side a.ap-btn-compare, .verticalmenu-side a.ap-btn-wishlist {
    color: white !important;
}
/*** Horisontal menu ***/
div#top_moremenu {
    background: #000000;
}
#index .header-top-main.bg_main {
	margin-bottom: 0px !important;
}
.header-top-main.bg_main {
    box-shadow: 0px 2px 5px 0px #464646 !important;
}
/*** Header slider ***/

header#header {
    min-height: auto !important;
}

.flexslider {
    padding-top: 30px;
}
.slide-text a.sliderbutton.btn.btn-primary:last-child {
    margin-left: 20px;
}
@media (max-width: 991px) {
	.slidertext2 span {
    line-height: normal !important;
    font-size: 17px !important;
}
}

.slidertext1, .slidertext1 span {
    color: white !important;
    text-transform: none;
}
.slidertext2, .slidertext2 span {
    color: #ffffff;
    /*** text-shadow: 1px 5px 10px red; ***/
}
.slidertext3, .slidertext3 span {
    color: white;
}
@media (min-width: 1450px) {
	.slide-text {
    top: 14% !important;
}
}

/*** Karta produktu ***/
.productpage_title {
    margin-bottom: 10px;
    font-family: 'Oswald' !important;
    font-weight: 700;
    font-size: 37px;
    text-transform: none;
}
/*** Logo ***/
@media (min-width:400px) and (max-width:1200px) {
	img.logo {
    max-width: 200px;
}
}
@media (min-width:320px) and (max-width:399px) {
	img.logo {
    max-width: 150px;
}
}
/*** Order detail ***/
@media (min-width: 1200px) {
    .page-order-detail .box {
        overflow: auto;
    }
}
.page-order-detail .order-items .order-item, .page-order-detail .box {
    overflow: auto !important;
}
/*** Search ***/
#search_block_top .btn.btn-primary {
    background-color: #000000;
}

/*** Product list ***/
.product-price-and-shipping {
    text-align: center;
    font-size: 22px !important;
}
@media (min-width: 1650px) {
	.product-description {
    min-height: 115px;
}
}
.product-description span.product-brand {
    display: none;
}

/*** Blog ***/
.page_title_area.head-t.text-xs-left {
    border-bottom: 1px solid #706d6d;
    color: black;
}
img.wbblog_img.img-responsive {
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px black;
}
.kr_blog_post_area.single strong {
    color: black;
}
.kr_blog_post_area .blog_post .blog_post_content .post_title {
    text-transform: none !important;
    font-weight: 900 !important;
    margin-top: 20px;
}

.kr_blog_post_area.single h1 {
    color: #000000 !important;
    font-size: 30px !important;
}

.kr_blog_post_area.single h2 {
    color: #1A1A1A !important;
    font-size: 26px !important;
    font-weight: 600;
}

.kr_blog_post_area.single h3 {
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 600;
}

.kr_blog_post_area.single h4 {
    color: #4D4D4D !important;
    font-size: 16px !important;
}

.kr_blog_post_area.single h5 {
    color: #666666 !important;
    font-size: 14px !important;
}

.kr_blog_post_area.single h6 {
    color: #808080 !important;
    font-size: 12px !important;
}

.kr_blog_post_area.single p {
    color: #4D4D4D !important;
    font-size: 16px !important;
}
.kr_blog_post_area.single li {
    font-size: 16px !important;
}

.posty {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 8px 6px -6px black;
}
.read_more:hover {
  background: red;
}
.blogc {
  margin-bottom: 20px;
}
.home_blog_post_area.general.displayHome.container.mb-2 {
    margin-bottom: 0px;
}
.posty .pro-bor {
    border: none !important;
}
.pro-bor {
    border: 1px solid #e3e3e3;
    padding: 30px 15px;
    border-top: none;
    border-radius: 0 0 5px 5px;
}
.posty {
    /*** background: rgb(85, 85, 85);
    background: linear-gradient(326deg, rgba(85, 85, 85, 1) 0%, rgba(85, 85, 85, 1) 34%, rgba(119, 119, 119, 1) 34%, rgba(119, 119, 119, 1) 73%, rgba(85, 85, 85, 1) 73%, rgba(85, 85, 85, 1) 100%); ***/
    background: rgb(137 135 135);
    background: linear-gradient(326deg, rgb(133, 133, 133) 0%, rgb(133, 133, 133) 34%, rgb(171, 170, 170) 34%, rgb(171, 170, 170) 73%, rgb(133, 133, 133) 73%, rgb(133, 133, 133) 100%);
    float: left;
    width: 100%;
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel {
    width: 100%;
    z-index: 1;
}
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
body#module-wbblog-single div#content-wrapper, body#module-wbblog-archive div#content-wrapper, body#module-wbblog-single div#content-wrapper {
    width: 100%;
    padding-inline-start: 0px;
}
#index .post_title {
    margin: 14px 0;
}
.post_title a {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 1px 0 2px 0;
}
#index .post_content {
    margin-bottom: 15px;
}
#index .content_more .read_more {
    color: #222;
    font-weight: 500;
    font-size: 15px;
}
#index .blog_post_content_bottom {
    text-align: left;
}
.post_thumbnail img {
    transition: all .3s ease;
}
#index .post_content img {
    max-width: 100%;
    height: auto;
}
section#wrapper-top {
    background: rgb(85, 85, 85);
    background: linear-gradient(326deg, rgba(85, 85, 85, 1) 0%, rgba(85, 85, 85, 1) 34%, rgba(119, 119, 119, 1) 34%, rgba(119, 119, 119, 1) 73%, rgba(85, 85, 85, 1) 73%, rgba(85, 85, 85, 1) 100%);
}
@media (max-width: 767px) {
	article.blog_post.col-xs-12.c-less {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	article.blog_post.col-xs-12.c-less {
        width: 50%;
    }
}
@media (min-width: 992px) {
	article.blog_post.col-xs-12.c-less {
        width: 33.3%;
    }
}
span.content_more a {
    padding: 5px;
    background: black;
    border-radius: 5px;
    color: white !important;
    display: inline-block;
}
.post_title a {
    font-size: 20px;
    color: black;
    font-family: 'Oswald' !important;
}
div#owl-blog {
    margin-left: -15px;
    margin-right: -15px;
}
/*** links ***/
a:hover, a:focus, ul#top-menu a:focus, ul#top-menu a:hover, .footer a:hover {
  color: #db011c !important;
  text-decoration: none;
}
ul.slides a:hover, ul.slides a:focus, a.allproducts:hover, a.allproducts:focus, .pagination a:hover {
    color: white !important;
    background: #555555 !important;
}
/*** Stopka ***/
#index .footer-before {
    margin-top: 0px !important;
}
#footer {
    background: url(/../themes/san-pro-net/assets/img/Stopka-tlo.webp);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.footer a, footer {
    color: white !important;
}
li#second-phone {
    padding-top: 10px;
}
#stopka {
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
}
#wsn {
    float: left !important;
    font-size: 13px !important;
    height: 13px;
    margin-right: 310px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
a.wsn {
    font: 500 13px / 15px !important;
    text-decoration: none;
    color: white !important;
}
/*** Polecane kategorie ***/
.banner-block.banner-block-big {
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1449px) {
	li.banner-item p {
 overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2; 
            -webkit-box-orient: vertical;
        }
}

@media (min-width: 768px) {
    .banner-list-homepage {
        height: auto;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
	    .banner-list-homepage li {
    max-width: 500px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}
}
.banner-list-homepage li {
    max-width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    display: inline-block;
}
@media (min-width: 740px) and (max-width: 1199px) {
    .banner-list-homepage li {
        max-width: 47%;
    }
}
@media (min-width: 480px) and (max-width: 739px) {
    .banner-list-homepage li {
        margin-left: 10% !important;
        margin-right: 10% !important;
        max-width: 80%;
    }
}
li.banner-item a, li.banner-item a:hover {
    text-decoration: none !important;
}
.banner-item .title {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 18px;
    padding: 15px 0 10px 0;
    text-transform: uppercase;
    position: relative;
    bottom: -75px;
    text-align: left;
    margin-left: 10px;
}
.banner-item a .title .kreska {
    display: block;
    height: 2px;
    width: 40px;
    margin-top: 6px;
    background-color: #E23424;
}
.banner-item:hover a .title .kreska {
    transition: .4s;
    width: 80px;
}
.banner-slider .banner-item:hover .banner-item-img {
    border-color: #F5F5F5;
    /*** background: linear-gradient(130deg, #000000 0, #6a6a6a 50%, #000000 100%); ***/
    background: url(/img/cms/kategorie-webp/background-hover.webp);
}
.banner-list-homepage li .banner-item-img {
    /*** background: linear-gradient(130deg, #000000 0, #6a6a6a 50%, #000000 100%); ***/
    /*** background: #000000;***/
    display: block;
    text-align: right;
    background: url(/img/cms/kategorie-webp/background.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-list-homepage li .banner-item-img img {
    margin-top: -50px;
}
.banner-item .description {
    font-size: 14px;
    line-height: 18px;
    color: #777 !important;
}
.banner-list-homepage li p {
    font-size: 14px !important;
}
.container_banner {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Oswald', sans-serif !important;
    margin-top: 30px;
}
.title_banner_block {
    padding-bottom: 0px;
}
.title_banner_block .title {
    width: 188px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 48px;
    padding-top: 10px;
    font-size: 24px;
    color: #ffffff;
    margin-top: 10px;
    background: black;
    padding: 6px;
}
.banner-block {
    margin: 0 auto;
}
/*** Karta produktu ***/
.crosssell-products, .productscategory-products, .product-accessories {
    margin-top: 30px;
}
/*** O-nas ***/
.o-nas {
    padding-top: 30px;
    display: block;
    float: none;
    clear: both;
    padding-bottom: 30px;
    text-align: justify;
    background: lightgrey;

}

#index #o-nas {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px !important;
    margin-top: 30px !important;
    display: block;
    clear: both;
    float: left;
}
.start h1 {
    color: #000000;
    margin-bottom: 30px;
    font-size: 2rem;
    font-family: "Oswald";
}
.start h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-family: "Oswald";
    font-weight: 300;
}
.start .left {
    float: left;
    color: #ffffff;
    position: relative;
    z-index: 3;
    background: linear-gradient(130deg, #000000 0, #364e6b 50%, #000000 100%);
}
.start .right {
    float: left;
    background: linear-gradient(130deg, #000000 0, #364e6b 50%, #000000 100%);
    color: #ffffff;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
.start .center {
    background: #F5F5F5;
    color: #000000;
    margin-top: -200px;
    padding-top: 220px;
    padding-bottom: 30px;
    padding-right: 2%;
    padding-left: 2%;
    display: inline-block;
    box-shadow: 0 8px 6px -6px black;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 1;
}
.start .left, .start .right {
    width: 50%;
}
.start .left, .start .right {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 2%;
    padding-left: 2%;
    display: inline-block;
    box-shadow: 0 8px 6px -6px black;
    text-align: justify;
}
#o-nas {
    background: #fff;
    margin-bottom: 1.5rem;
    padding: 3.125rem;
    text-align: center;
}
.start p {
    font-weight: 500;
    color: #e1e1e1;
}
.start strong {
    color: white;
}
.start .center p {
    color: black;
}
@media (max-width: 1199px) {
    .start .left, .start .right {
        width: 100%;
    }
    .start .right {
        margin-top: 0px;
    }
}
.fotki {
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap; 
    float: left;
}

.fotki img {
    max-width: 50%; 
    height: auto; 
    margin-bottom: 10px; 
}
/*** Linki pod sliderem ***/
div#cpheadercms2 {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0px;
}
div#cpheadercms2 .container {
    border: 1px solid #e5e5e5;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 60px;
    background: white;
}
.service-cms-banner-list {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*** Bannery 4 ***/
section#content section#cpcmsbanner1 {
    display: inline-block;
    margin-top: 30px;
}
/*** odstêpy ***/
section.bestseller-products {
    margin-bottom: 60px;
}
section#cpcmsbanner2, section#cpcmsbanner3 {
    padding-top: 30px;
    margin-bottom: 0px !important;
}
/*** Bannery ***/

div#cpcmsbanner2_block1 .left-side.main-content, div#cpcmsbanner2_block1 .left-side.main-content a, div#cpcmsbanner2_block1 .center-side.main-content, div#cpcmsbanner2_block1 .center-side.main-content a,
section#cpcmsbanner3 .left-side.main-content, section#cpcmsbanner3 .left-side.main-content a, section#cpcmsbanner3 .center-side.main-content, section#cpcmsbanner3 .center-side.main-content a {
    color: white;
    image-rendering: pixelated;
}
.cms_content a {
    width: 100%;
    height: 100%;
    display: block;
}
/*** Top linki bannery ***/
div#top-links-banners span.service_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div#cpheadercms2 .service-cms-banner-list span.service_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

div#cpheadercms2 .service-cms-banner-list.service-1 .service_image {
    -webkit-mask-image: url(../img/megnor/serwis.svg);
    mask-image: url(../img/megnor/serwis.svg);
    mask-size: 40px;
    -webkit-mask-size: 40px;
    height: 40px;
}
div#cpheadercms2 .service-cms-banner-list.service-2 .service_image {
    -webkit-mask-image: url(../img/megnor/handlowcy.svg);
    mask-image: url(../img/megnor/handlowcy.svg);
    mask-size: 40px;
    -webkit-mask-size: 40px;
    height: 40px;
}
div#cpheadercms2 .service-cms-banner-list.service-3 .service_image {
    -webkit-mask-image: url(../img/megnor/spacer-wirtualny.svg);
    mask-image: url(../img/megnor/spacer-wirtualny.svg);
    mask-size: 40px;
    -webkit-mask-size: 40px;
    height: 40px;
}
div#cpheadercms2 .service-cms-banner-list.service-4 .service_image {
    -webkit-mask-image: url(../img/megnor/dokumenty.svg);
    mask-image: url(../img/megnor/dokumenty.svg);
    mask-size: 40px;
    -webkit-mask-size: 40px;
    height: 40px;
}
div#cpheadercms2 .service-cms-banner-list.service-5 .service_image {
    -webkit-mask-image: url(../img/megnor/blog.svg);
    mask-image: url(../img/megnor/blog.svg);
    mask-size: 40px;
    -webkit-mask-size: 40px;
    height: 40px;
}
@media (max-width: 991px) {
	div#cpheadercms2 .container {
    display: block;
    width: 100%;
    column-count: 3;
    column-gap: 20px;
  }
}
@media (max-width: 480px) {
	div#cpheadercms2 .container {
    display: block;
    width: 100%;
    column-count: 1;
    column-gap: 20px;
  }
  .service-cms-banner-list {
    width: 100%;
}
}
@media (max-width: 991px) {
  .service-cms-banner-list {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 1px #efeeee;
    border-radius: 10px;
    margin-bottom: 10px;
}
}
@media (max-width: 1450px) {
	div#cpheadercms2 .container {
    padding: 20px 20px !important;
}
}
@media (max-width: 991px) {
    div#cpheadercms2 .container {
        background: #6c6c6c;
    }
    div#cpheadercms2 .service-cms-banner-list {
    background: #dddddd;
}
}
section#cpcmsbanner1 .offer-text2 {
    font-size: 16px !important;
}
section#cpcmsbanner1 .offer-button a {
    text-transform: none !important;
}
/*** Banners under About Us ***/
section#cpcmsbanner1 .cms_content {
    box-shadow: 0 8px 6px -6px black;
}
/*** Button, Koszyk ***/
button.btn.btn-primary:hover, .products article.item:hover .product-bottom .add-to-cart {
    background: #555555 !important;
}
/*** Resposive ***/

@media (max-width: 1649px) {
	.slidertext1 {
  display: none;
}
}
@media (max-width: 1449px) {
	 #cpcmsbanner3 .left-side.main-content .cms_content .cms-block, #cpcmsbanner3 .center-side.main-content .cms_content .cms-block {
	 	left: 20px !important;
	 }
}
@media (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
	.flexslider .caption-description .slide-text {
        top: 7% !important;
    }
}
@media (min-width: 580px) and (max-width: 767px) {
  .flexslider .caption-description .slide-text {
    top: 18% !important;
  }

  #cpcmsbanner1 {
    column-count: 2 !important;
  }
}

@media (min-width: 400px) and (max-width: 579px) {
.slide-text {
  top: 8% !important;
}}
@media (max-width: 360px) {
  .flexslider .caption-description .slidertext2 {
    padding-block-start: 0px !important;
  }
  .banner-item .title {
  	font-weight: 600;
  	text-shadow: 2px 3px black;
  }
  #cpcmsbanner2_block1 .offer-text2, #cpcmsbanner2_block2 .offer-text2 {
  display: none;
}
}
@media (max-width: 991px) {
  #cpcmsbanner2 .cms-block .offer-text2, #cpcmsbanner3 .cms-block .offer-text2 {
    font-size: 17px;
  }
}
.block-social.hb-animate-element.left-to-right {
  display: none;
}

@media (min-width: 544px) {
  #cpcmsbanner1 {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  #cpcmsbanner1 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #cpcmsbanner1 {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  #cpcmsbanner1 {
    max-width: 1170px;
  }
}
@media (min-width: 1450px) {
  #cpcmsbanner1 {
    max-width: 1400px;
  }
}
@media (min-width: 1650px) {
  #cpcmsbanner1 {
    max-width: 1600px;
  }
}
@media (max-width: 767px) {
section.bestseller-products {
  margin-bottom: 0px !important;
}
.products .product-miniature .add-to-cart {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
#cpcmsbanner3, #cpcmsbanner2 {
  margin-top: 0px;
  padding-top: 0px !important;
}
#products .grid article.product_item .product-bottom .add-to-cart-button {
	display: block !important;
}
}
@media (max-width: 480px) {
  .products .product_list article.product_item {
    width: 100% !important;
  }
   .products .product-miniature .add-to-cart {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
}
span.st-compare-bt-content:hover, span.st-compare-bt-content:hover i, span.st-wishlist-bt-content:hover, span.st-wishlist-bt-content:hover i {
    color: #db011c !important;
}
li.facebook.icon-gray:hover a, li.twitter.icon-gray:hover a, li.pinterest.icon-gray:hover a {
    color: #d1d1d1 !important;
}
span.modal-title.text-xs-center a.btn:hover, .cart-content-btn a.btn.btn-primary:hover, .cart-content-btn a.btn.btn-primary:focus, .checkout.cart-detailed-actions.js-cart-detailed-actions.card-block a:hover, .checkout.cart-detailed-actions.js-cart-detailed-actions.card-block a:focus {
    background: #555555 !important;
    color: white !important;
}
article#blog_post h2 a {
    color: #cf000d;
}


