/* *** CSS RESET *** */

:focus {
  outline: 0
}

a {
  outline: none; 
  text-decoration: none;
}

a, img {
  border: 0;
}

button {
  cursor: pointer;
}

/* *** GLOBAL *** */

.bx-wrapper {
    z-index: 1;
}

iframe {
    border: none;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
}

p {
    margin-bottom: 25px;
}

h2 {
    font-size: 20px;
    margin-bottom: 25px;
}

ul {
    margin-bottom: 25px;
    padding: 0;
}

ol {
    padding-left: 20px;
    margin-bottom: 25px;
}

body {
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  padding: 0 174px;
  overflow-x: hidden;
}

body:before {
  position: absolute;
  content: '';
  background-color: #ffffff;
  height: 100%;
  width: 175px;
  left: 0px;
  z-index: 2;
  min-height: 1160px;
}


a, a:hover, a:focus, a:active {
    outline: none !important;
    text-decoration: none;
}

.hamburger, .hamburger:focus, .hamburger:active {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager {
    position: relative;
    bottom: auto;
    width: auto;
}

.bx-caption {
    display: none;
}

.bx-wrapper {
    box-shadow: none;
    border: 0;
    margin: 0;
    background:transparent;    
}

.btn-1,
.btn-3 {
  background-color: #f9ae13;
  border-radius: 4px;
  color: #402c05;
  font-size: 15px;
  font-weight: bold;
  background-image: -moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.btn-1:hover {
  background-color: #ffffff;
  color: #001f36;
  background-image: none;
}

.btn-2 {
  background-color: #ffffff;
  border-radius: 4px;
  color: #001f36;
  font-size: 13px;
  font-weight: bold;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.btn-2:hover {
  background-color: #f9ae13;
  color: #402c05;
  background-image: -moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.btn-3 {
/*  border: 2px solid #f9ae13;*/
    border: 2px solid transparent;
}

.btn-3:hover {
  background-color: #ffffff;
  color: #001f36;
  border: 2px solid #001f36;
  background-image: none;
}

.btn-4 {
  background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
  font-size: 15px;
  font-weight: bold;
  color: #001f36;
  border-radius: 4px;
  background-color: #f2f2f2;
}

.btn-4:hover {
  background-color: #f9ae13;
  color: #402c05;
  background-image: -moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
} 

/* *** HEADER *** */

header {
    z-index: 10;
    float: left;   
    text-align: center;
    width: 100%;
    position: relative;
}

.header-box {
    float: left;
    width: 100%;
    padding: 48px 0;
}

header .logo {
    float: left;
}

header .logo img {
    float: left;
}

.main-menu ul {
    padding: 0;
    margin: 0;
}

.main-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    float: right;
}

.main-menu img {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.main-menu > ul > li {
    position: relative;
    float: left;
    list-style: none;
    height: 28px;   
    margin-right: 60px;
}

.main-menu > ul > li:last-child {
  margin-left: 0;
}

.main-menu > ul > li > a {
    display: block;
    float: left;
    height: 28px;
    font-weight: 600;
    line-height: 29px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

.main-menu > ul > li:hover > a, .main-menu > ul > .current > a {
    color: #f9ae13;
}

.main-menu li a {
  position: relative;
}

.main-menu li a::after {
  content: ' ';
  position: absolute;
  left: 0px;
  bottom: -13px;
  width: 0;
  height: 7px;
  background-color: #f9ae13;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}

.main-menu li a:hover::after {
  width: 100%;
}

/* *** SLIDER *** */
#slider {
  height: 1158px;
  color: #ffffff;
}

#slider ul li {
  min-height: 1159px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

#slider .btn-1 {
  padding: 16px 65px 16px 25px;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 25px) center, 0 0;
}

#slider .btn-1:hover {
  background-image: url(../img/arrow-blue-2.png);
}

#slider .wrapper .txt {
  position: absolute;
  bottom: 595px;
  width: 55%;
}

#slider .slider-subtitle {
  font-size: 21px;
  font-weight: bold;
  color: #a0bdd2;
  text-transform: uppercase;
  margin-bottom: 35px;
}

#slider h1 {
  font-size: 62px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 60px;
}

#slider p {
  font-size: 14px;
  margin-bottom: 50px;
}

#slider .btn-1 img {
  margin-left: 15px;
  display: inline;
}

.banner {
  position: relative;
}

.banner .prev-box, .banner .next-box {
  position: absolute;
  top: 75%;
  margin-top: -22px;
  width: 22px;
  height: 44px;
  z-index: 1000;
}

.banner .prev-box {
  left: 15px;    
}

.banner .next-box {
  right: 14px;    
}

.banner .bx-prev, .banner .bx-next {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.banner .bx-wrapper .bx-controls-direction a {
  top: 60%;
}

.banner .bx-prev {
  background: transparent url('../img/arrow_left_slider.png') center no-repeat;   
  left: 190px;
}

.banner .bx-next {
  background: transparent url('../img/arrow_right_slider.png') center no-repeat;  
  left: 245px;
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
  background-position: center;
}

.banner .prev-box:hover, .banner .next-box:hover {
  opacity: 0.90;
  filter: alpha(opacity = 90);
}

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.banner .bx-viewport {
/*  top: -143px;*/
  top: -141px;
  min-height: 1159px !important;
}

.banner .bx-wrapper {
  height: 1158px;
}

.slider-contact-box {
  position: absolute;
  width: calc(1170px / 4);
  left: calc(75% - 36px);
  bottom: 335px;
  background-color: #ffffff;
  z-index: 5;
  padding: 30px 30px;
}

.col-md-3 .slider-contact-box {
  left: auto;
  bottom: 333px;
  width: 100%;
}

/*@supports (-moz-appearance:none){*/
  .tiles-top {
    margin-top: -333px;
  }
/*}*/

.tiles2 {
  margin-top: 0 !important;
}

.slider-contact-catalogs-col {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
}

.slider-contact-catalog,
.slider-contact-tel,
.slider-contact-mail,
.slider-contact-tel a,
.slider-contact-mail a {
  color: #153049;
  font-size: 21px;
  margin-bottom: 20px;
}

.slider-contact-mail {
  margin-bottom: 40px;
}

.slider-contact-mail img {
  margin-right: 15px;
}

.slider-contact-tel img {
  margin-left: 4px;
  margin-right: 20px;
}

.slider-contact-tel a:hover,
.slider-contact-mail a:hover {
  color: rgba(21, 48, 73, 0.4);
}

.slider-contact-box .btn-3 {
  padding: 14px 45px;
}

.slider-contact-subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #8fafc6;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.slider-contact-title {
  font-size: 28px;
  font-weight: bold;
  color: #153049;
  text-transform: uppercase;
  margin-bottom: 20px;
}
/* *** KONIEC SLIDER *** */

/* *** KAFELKI *** */
.tiles {
/*  margin-top: -333px;*/
  z-index: 10;
  position: relative;
}

.bg-white {
  background-color: #ffffff;
}

.bg-green {
  background-color: #58a640;
}

.bg-light-blue {
  background-color: #8fafc6;
}

.bg-dark-blue {
  background-color: #001d33;
}

.bg-grey {
  background-color: #f4f4f4;
}

.txt-light-blue {
  color: #8fafc6;
}

.txt-dark-blue {
  color: #153049;
}

.txt-white {
  color: #ffffff;
}

.txt-green {
  color: #25451b;
}

.tile-box {
  height: 333px;
  max-height: 333px;
}

.tile-box img {
  width: 100%;
  max-height: 333px;
}

.tile-box img.tile-box-arrow {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 45px;
  left: 40px;
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -ms-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
}

.tile-box:hover img.tile-box-arrow {
  margin-left: 15px;
}

a:hover .tile-box .tile-title,
a:hover .tile-box .tile-subtitle {
  opacity: 0.8;
}

.tile-box .btn-1 img {
  width: auto;
  height: auto;
  margin-right: 10px;
}

.tile-box .btn-1 {
  margin-left: 40px;
  margin-right: 40px;
  padding: 15px 55px;
  position: absolute;
  bottom: 25px;
}

.tile-bg {
  background-image: url(../img/img04.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 666px;
}

.tile-subtitle {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
}

.tile-title {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 30px;
}

.big-col {
  height: 666px;
  padding-right: 30px;
}

.big-col:before {
  position: absolute;
  content: '';
  background-color: #f4f4f4;
  width: 520px;
  left: -520px;
  height: 100%;
}

.tile-with-bg:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  height: 100%;
  width: calc((100vw - 1170px) / 2);
  left: 100%;
  top: 0;
  min-height: 334px;
}

.tile-txt-title {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #001d33;
  margin-bottom: 75px;
  padding-top: 100px;
  line-height: 45px;
}

.bg-grey.big-col p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #475966;
  margin-bottom: 35px;
  line-height: 32px;
}

.bg-grey.big-col .btn-2 {
  padding: 17px 65px 16px 25px;
  position: absolute;
  bottom: 70px;
  background-image: url(../img/arrow-blue-2.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.bg-grey.big-col .btn-2:hover {
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
  background-position: calc(100% - 25px) center, 0px 0px;
}

.tile-box .certificates-slider img,
.tile-box .partners-slider img {
  width: auto;
}

.certificates-slider .bx-prev,
.partners-slider .bx-prev {
  background: transparent url('../img/arrow_left_cert.png') center no-repeat;   
  left: calc(50% - 30px);
}

.certificates-slider .bx-next,
.partners-slider .bx-next {
  background: transparent url('../img/arrow_right_cert.png') center no-repeat;  
  right: calc(50% - 30px);
}

.certificates-slider .bx-wrapper .bx-viewport img,
.partners-slider .bx-wrapper .bx-viewport img,
.cert-slider .bx-wrapper .bx-viewport img {
  display: block;
  margin: 0 auto;
}

.certificates-slider .bx-wrapper .bx-controls-direction a,
.partners-slider .bx-wrapper .bx-controls-direction a {
  bottom: -50px;
  top: auto;
}

.certificates-slider .bx-wrapper .bx-viewport img,
.cert-slider .bx-wrapper .bx-viewport img {
  max-width: 140px;
  max-height: 106px;
}

.tile-slider-title {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  color: #153049;
  text-align: center;
  margin-bottom: 50px;
  padding-top: 50px;
}

.tile-slider-title.tile-slider-title-cert {
  margin-bottom: 28px;
}

/* *** KONIEC KAFELKI *** */

/* *** NASZE PRODUKTY *** */
.products {
  background-image: url(../img/img11.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 309px;
  padding-top: 60px;
}

.sec-subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #8fafc6;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}

.sec-title {
  font-size: 46px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 35px;
  line-height: 50px;
}

.product-cat-box {
  margin-top: 20px;
}

.products .product-cat-box img {
  display: block;
  margin: 0 auto;
}

.product-cat-title {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 30px;
}

.product-cat-bar {
  height: 4px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  opacity: 0.122;
}

/*.products .col-md-2:hover {
  background-color: #f9ae13;
}*/

/*.products .col-md-2:hover .product-cat-bar {
  background-color: #ffffff;
  opacity: 1;
}*/

.products .product-cat-box .product-cat-arrow {
  margin-top: 25px;
  margin-bottom: 25px;
  display: none;
}

.product-arrow-box {
  height: 61px;
}

/*.products .col-md-2:hover .product-arrow-box {
  display: none;
}

.products .col-md-2:hover .product-cat-arrow {
  display: block;
}*/

.products .col-md-2 a:hover {
  cursor: default;
}

.products .guide-contact {
  margin-top: 0;
}
/* *** KONIEC NASZE PRODUKTY *** */

/* *** NASZ PORADNIK *** */
.guide-content {
  margin-top: -308px;
}

.guide-box {
  background-color: #005088;
  padding-bottom: 80px;
}

.guide-box:after {
  position: absolute;
  content: '';
  width: 4px;
  height: calc(100% - 265px);
  background-color: rgba(255,255,255,0.06);
  bottom: 0;
  left: -2px;
}

.guide-box figure {
  height: 180px;
  width: 100%;
  overflow: hidden;
}

.guide-img {
  	max-width: none;
/*	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);*/
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.2);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    height: 180px;
    width: 100%;
}

.guide-box:hover .guide-img {
  	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.guide-date {
  color: #8fafc6;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 40px;
  margin-left: 35px;
}

.guide-title {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin: 30px 35px 40px 35px;
  text-transform: uppercase;
  line-height: 21px;
}

.guide-box .btn-1 {
  padding: 14px 65px 11px 25px;
  position: absolute;
  bottom: 35px;
  left: 35px;
/*  background-image: url(../img/arrow-brown.png);
  background-position: calc(100% - 25px) center;*/
  background-repeat: no-repeat;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
  background-position: calc(100% - 25px) center, 0px 0px;
}

.guide-box .btn-1:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.guide-contact {
  text-align: center;
  margin-top: 75px;
  margin-bottom: 75px;
}

.guide-txt {
  font-size: 16px;
  font-weight: bold;
  color: #8fafc6;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.guide-big-txt {
  font-size: 32px;
  font-weight: bold;
  color: #153049;
  margin-bottom: 35px;
  text-transform: uppercase;
  line-height: 35px;
}

.guide-contact-info {
  margin-bottom: 40px;
}

.guide-contact-info a {
  color: #153049;
  font-size: 21px;
}

.guide-contact-info a:hover {
  color: rgba(21, 48, 73, 0.4);
}

.guide-contact-info img {
  margin-right: 18px;
}

.guide-contact-mail {
  margin-left: 40px;
}

.guide-contact .btn-3 {
  padding: 16px 30px;
}

.guide-contact-tel,
.guide-contact-mail {
  display: inline-block;
}
/* *** KONIEC NASZ PORADNIK *** */

/* *** FOOTER *** */
.footer-img-bg {
  background-image: url(../img/footer-bg.png);
  padding-top: 95px;
  padding-bottom: 105px;
  background-repeat: no-repeat;
  background-size: cover;
}

footer button.btn-2 {
  border: none;
  padding: 11px 16px;
}

footer input {
  width: 100%;
  position: relative;
  background-color: transparent;
  border: none;
  border-bottom: 3px solid rgba(255,255,255,0.059);
  padding-left: 35px;
  padding-bottom: 25px;
  color: #ffffff;
}

footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5f717e;
    opacity: 1; /* Firefox */
}

footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5f717e;
}

footer ::-ms-input-placeholder { /* Microsoft Edge */
    color: #5f717e;
}

footer .footer-tel-ico {
  position: absolute;
  left: 15px;
  top: 0;
}

footer button.btn-2 {
  position: absolute;
  right: 15px;
  top: -15px;
}

footer ul {
  list-style: none;
}

.footer-txt {
  font-size: 16px;
  font-weight: bold;
  color: #8fafc6;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.footer-big-txt {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 50px;
  line-height: 35px;
}

.footer-menu-title {
  font-size: 18px;
  font-weight: bold;
  color: #8fafc6;
  text-transform: uppercase;
  margin-bottom: 30px;
}

footer ul li {
  line-height: 32px;
}

footer ul li a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}

footer ul li a:hover {
  color: #f9ae13;
}

.footer-copyright-box {
  padding-top: 70px;
  padding-bottom: 105px;
}

.footer-lang-btn {
  display: inline-block;
}

.footer-lang-btn img {
  margin-right: 15px;
}

.footer-lang-btn a {
  color: #153049;
  font-weight: bold;
  text-transform: uppercase;
}

.footer-lang-btn a:hover {
  color: rgba(21, 48, 73, 0.4);
}

.footer-copyright {
  display: inline-block;
  color: rgba(21, 48, 73, 0.4);
  text-transform: uppercase;
  margin-left: 35px;
  font-weight: 600;
}

.footer-copyright a {
  color: rgba(21, 48, 73, 0.4);
}

.footer-copyright a:hover {
  color: #001f36;
}

.footer-copyright-right {
  float: right;
}

footer form {
  position: relative;
} 
/* *** KONIEC FOOTER *** */

/* *** KONTAKT *** */
.page-info {
  background-image: url(../img/page-header.png);
}

.page-info h1 {
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.page-info h2 {
  color: #001d33;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 60px;
  margin-bottom: 65px;
}

.breadcrumbs-box {
  position: relative;
  background-color: #f4f4f4;
}

.breadcrumbs-box:before {
  position: absolute;
  content: '';
  background-color: #f4f4f4;
  width: 522px;
  left: -520px;
  height: 100%;
}

.breadcrumbs ul li {
  list-style: none;
  float: left;
  position: relative;
  padding-right: 45px;
  margin-bottom: 5px;
  color: rgba(21,48,73,0.502);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30px;
}

.breadcrumbs ul li a {
  color: #0070bf;
}

.breadcrumbs ul li.active a {
  color: rgba(21,48,73,0.502);
}

.breadcrumbs ul li a:hover {
  color: rgba(21,48,73,0.502);
}

.breadcrumbs ul li:after {
  position: absolute;
  content: url(../img/arrow-breadcrumbs.png);
  right: 20px;
}

.breadcrumbs ul li:last-child:after {
  display: none;
}

.quick-contact-box {
  float: right;
  margin-right: 54px;
  line-height: 30px;
  margin-bottom: 20px;
}

.quick-contact-box .quick-contact-txt,
.quick-contact-box img,
.quick-contact-box a {
  display: inline-block;
}

.quick-contact-txt {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #153049;
  margin-right: 25px;
}

.quick-contact-box a {
  color: #153049;
  font-size: 21px;
  margin-left: 20px;
}

.quick-contact-box a:hover {
  color: rgba(21,48,73,0.502);
}

.page-info-bar {
  width: calc(100% - 54px);
  height: 4px;
  background-color: #ffffff;
}

.contact-btn-box {
  position: absolute;
  right: 67px;
  top: 75px;
}

.contact-btn-box .btn-1 {
  padding: 16px 55px 16px 30px;
  background-image: url(../img/arrow-mail.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center, 0 0;
  background-image: url(../img/arrow-mail.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-mail.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-mail.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.contact-btn-box .btn-1:hover {
  background-image: url(../img/arrow-mail.png);
}

.contact-logo {
  margin-top: 60px;
  margin-bottom: 30px;
}

.contact-logo-txt {
  font-size: 21px;
  font-weight: bold;
  color: #153049;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.contact-item-title {
  font-size: 16px;
  font-weight: bold;
  color: #153049;
  text-transform: uppercase;
  /*margin-bottom: 16px;*/
}

.contact-item-bar {
  width: 110px;
  height: 5px;
  background-color: #ebebeb;
  margin-bottom: 20px;
}

.contact-item-img {
  display: inline-block;
  float: left;
  margin-top: 5px;
} 

.contact-item-img img {
  margin-right: 15px;
}

.contact-item-txt {
  font-size: 21px;
  color: #153049;
  display: inline-block;
}

.contact-item-txt.contact-item-snd-line {
  display: block;
  margin-left: 30px;
}

.contact-item-txt a {
  color: #153049;
}

.contact-item-txt a:hover {
  color: rgba(21,48,73,0.502);
}

.contact-item-box {
  margin-bottom: 50px;
}

#map {
  height: 670px;
}

.contact-form-box {
  padding: 65px 0 60px 65px
}

.contact-form-name {
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
  color: #001d33;
  margin-bottom: 40px;
}

.contact-form-title {
  font-weight: bold;
  text-transform: uppercase;
  color: #153049;
  margin-bottom: 10px;
}

.contact-form-title span {
  color: #eb1313;
}

.contact-form-box input {
  border-radius: 4px;
  background-color: #f2f2f2;
  width: 100%;
  height: 45px;
  border: none;
  margin-bottom: 20px;
  padding-left: 10px;
  color: #475966;
}

.contact-form-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #475966;
  opacity: 0.5; /* Firefox */
  font-style: italic;
}

.contact-form-box :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #475966;
  opacity: 0.5;
  font-style: italic;
}

.contact-form-box ::-ms-input-placeholder { /* Microsoft Edge */
  color: #475966;
  opacity: 0.5;
  font-style: italic;
}

.contact-form-box textarea {
  border-radius: 4px;
  background-color: #f2f2f2;
  width: 100%;
  height: 100px;
  border: none;
  resize: vertical;
  padding-left: 10px;
  padding-top: 10px;
  color: #475966;
}

.contact-form-box input[type=checkbox] {
  width: auto;
  float: left;
  margin-right: 10px;
}

.contact-agreement {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #808080;
  margin-top: 12px;
}

.contact-agreement a {
  color: #0070bf;
  text-decoration: underline;
}

.contact-agreement a:hover {
  color: #808080;
}

.contact-agreement span {
  color: #eb1313;
}

.contact-form-box .btn-3 {
  padding: 15px 65px 15px 25px;
/*  background-image: url(../img/arrow-brown.png);*/
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center, 0 0;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.contact-form-box .btn-3:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.contact-checkbox .contact-checkbox-box,
.footer-contact-checkbox .footer-contact-checkbox-box {
	width: 15px;
	position: relative;
    display: inline-block;
    float: left;
}

.contact-checkbox-box label,
.footer-contact-checkbox-box label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 19px;
  left: -1px;
  background-image: url(../img/checkbox.png);
  background-repeat: no-repeat;
}

.footer-contact-checkbox-box label {
  top: 3px;
}

.contact-checkbox-box input[type=checkbox]:checked + label,
.footer-contact-checkbox-box input[type=checkbox]:checked + label {
  background-image: url(../img/checkbox2.png);
}

.contact-checkbox .contact-agreement,
.footer-contact-checkbox .footer-contact-agreement {
  display: inline-block;
  width: calc(100% - 30px);
  margin-left: 15px;
}

.footer-contact-agreement {
  color: #fff;
}

.footer-contact-checkbox {
  margin-top: 10px;
}
/* *** KONIEC KONTAKT *** */

/* *** OFERTA *** */
.tile-bg-2 {
  background-image: url(../img/img13.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 666px;
}

.bg-catalog-img {
  background-image: url(../img/img14.png);
  background-repeat: no-repeat;
}

.offer-tiles .tile-box.bg-catalog-img .btn-2 {
  font-size: 15px;
}

.offer-tiles .tile-box.bg-catalog-img .btn-2 img {
  width: auto;
}

.offer-tiles .tile-txt-box {
  padding-top: 50px;
  padding-right: 30px;
}

.offer-tiles .tile-txt-box p {
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
  margin-bottom: 40px;
}

.offer-tiles .tile-box .btn-1 {
  padding: 18px 38px;
}

.offer-tiles .tile-box .btn-2 {
  margin-left: 40px;
  margin-right: 40px;
  padding: 18px 60px 18px 50px;
  position: absolute;
  bottom: 25px;
  background-image: url(../img/icons/ico19.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
}

.offer-tiles .tile-box .btn-2:hover {
  background-image: url(../img/icons/ico19.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/icons/ico19.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/icons/ico19.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 25px) center, 0 0;
}

.offer-tiles .tile-box .btn-2 img {
  margin-left: 15px;
}

.products-2 {
  padding-bottom: 20px;
}
/* *** KONIEC OFERTA *** */

/* *** O FIRMIE *** */
.bg-blue {
  background-color: #005088;
}

.tile-bg-about-1 {
  background-image: url(../img/img15.png);
  background-repeat: no-repeat;
}

.tile-bg-about-1 .tile-box .about-tile-img,
.tile-bg-about-2 .tile-box .about-tile-img {
  width: auto;
  display: block;
  margin: 0 auto;
  padding-top: 60px;
}

.tile-bg-about-2 {
  background-image: url(../img/img12.png);
  background-repeat: no-repeat;
}

.tile-bg-about-1 .tile-box,
.tile-bg-about-2 .tile-box {
  height: 333px;
}

.cert-slider {
  background-color: #f4f4f4;
}

.cert-slider .bx-wrapper .bx-controls-direction a {
  top: unset;
}

.cert-slider .bx-prev {
  background: transparent url('../img/arrow_left_cert.png') center no-repeat;   
  left: calc(50% - 32px);
  background-position: center;
}

.cert-slider .bx-next {
  background: transparent url('../img/arrow_right_cert.png') center no-repeat;  
  right: calc(50% - 32px);
  background-position: center;
}

.cert-slider-box {
  position: relative;
  padding-left: 50px;
}

.cert-slider-box:after {
  position: absolute;
  content: '';
  height: 100%;
  width: calc((100vw - 1170px) / 2);
  background-color: #f4f4f4;
  left: calc(100% - 174px);
  bottom: 0;
}

.about-tiles .tile-subtitle {
  font-size: 18px;
  text-align: center;
}

.about-tiles .tile-title {
  font-size: 60px;
  text-align: center;
  margin-top: 35px;
  line-height: 30px;
}

.about-tiles .tile-txt-box p {
  font-family: 'Open Sans', sans-serif;
  color: #475966;
  margin-bottom: 40px;
  line-height: 32px;
}

.tile-txt-box-2 {
  padding-top: 60px;
  padding-right: 60px;
}

.tile-txt-box-3 {
  padding-top: 90px;
  padding-left: 50px;
}

.about-tiles .tile-subtitle {
  padding-top: 20px;
}

.tile-box .cert-slider img {
  width: auto;
}

.cert-slider .bx-controls-direction {
  margin-top: 45px;
}

.company-desc {
  background-image: url(../img/img11.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 490px;
  position: relative;
}

.company-desc .btn-1 {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 32px;
  width: 205px;
  position: absolute;
  bottom: -70px;
/*  background-image: url(../img/arrow-brown.png);*/
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center, 0 0;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
}

.company-desc .btn-1:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.company-title {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 45px;
  padding-top: 105px;
  margin-bottom: 55px;
}

.company-shotr-desc {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 60px;
  border-left: 4px solid #ffffff;
  padding-left: 30px;
  margin-right: 30px;
}

.company-partners-slider ul li a {
  display: block;
}

.company-partners-slider .bx-wrapper .bx-controls-direction a {
  top: 10px;
}

.company-partners-slider .bx-prev {
  background: transparent url('../img/arrow_left_cert.png') center no-repeat;   
  left: 0;
}

.company-partners-slider .bx-next {
  background: transparent url('../img/arrow_right_cert.png') center no-repeat;  
  right: 0;
}

.company-partners-slider .bx-wrapper {
  margin: 0 auto;
}

.company-partners-bar {
  width: 100%;
  height: 4px;
  background-color: #f4f4f4;
}

.company-partners-name {
  font-size: 18px;
  font-weight: bold;
  color: #153049;
  text-transform: uppercase;
  text-align: center;
}

.company-partners-cat {
  color: #8fafc6;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 80px;
}

.company-partners-slider ul li img {
  display: block;
  margin: 0 auto;
  margin-bottom: 70px;
  height: 40px;
}

.company-partners .guide-txt {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 25px;
}

.company-partners .guide-big-txt {
  text-align: center;
  margin-bottom: 100px;
}

.company-gallery {
  margin-top: -335px;
}

.company-slider {
  position: relative;
}

.company-slider-tile {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  width: 25%;
  height: 333px;
}

.company-slider .bx-wrapper .bx-controls-direction a {
  top: 45%;
}

.company-slider .bx-prev {
  background: transparent url('../img/arrow_left_gallery.png') center no-repeat;  
  left: 25px;
}

.company-slider .bx-next {
  background: transparent url('../img/arrow_right_gallery.png') center no-repeat;  
  left: 60px;
}

.company-slider-desc {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  position: absolute;
  bottom: 45px;
  left: 45px;
}

body .company-slider .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 45px;
  right: 50px;
}

.company-slider .bx-wrapper .bx-pager.bx-default-pager a.active, 
.company-slider .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.company-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-image: url(../img/slider_pager_2.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}

.company-slider .bx-wrapper .bx-pager.bx-default-pager a {
  background-image: url(../img/slider_pager.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
/* *** KONIEC O FIRMIE *** */

/* *** PAGINACJA *** */
.pagination-bg {
  background-color: #f4f4f4;
  margin-top: -273px;
}

.pagination-box {
  text-align: center;
  padding-top: 310px;
}

.p-prev {
  margin-left: 0;
}

.pagination-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pagination-box ul li {
  vertical-align: top;
  display: inline-block;
  margin-top: 10px;
  margin-left: 14px;
  padding-bottom: 30px;
  border-bottom: 5px solid transparent;
}

.pagination-box a, .pagination-box span {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 18px;
  color: rgba(21, 48, 73, 0.502);
  font-weight: bold;
  line-height: 52px;
}

.pagination-box li.current, .pagination-box li:hover {
  color: #153049;
  border-bottom: 5px solid #f9ae13;
}

.pagination-box .current a, .pagination-box a:hover {
  color: #153049;
}

.pagination-box .p-prev a,
.pagination-box .p-next a {
  border-radius: 4px;
  background-color: #ffffff;
  color: #001f36;
  font-size: 15px;
  width: auto;
  height: auto;
  width: 155px;
  padding-top: 15px;
  padding-bottom: 12px;
  line-height: 18px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.pagination-box .p-prev:hover,
.pagination-box .p-next:hover {
  border-bottom: transparent;
}

.pagination-box .p-prev a {
  background-repeat: no-repeat;  
  background-position: 25px center, 0 0;
  padding-left: 45px;
  background-image: url('../img/arrow-blue-2-left.png'),-moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: url('../img/arrow-blue-2-left.png'),-webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: url('../img/arrow-blue-2-left.png'),-ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
}

.pagination-box .p-next a {
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center, 0 0;
  text-align: left;
  padding-left: 20px;
  background-image: url('../img/arrow-blue-2.png'),-moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: url('../img/arrow-blue-2.png'),-webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  background-image: url('../img/arrow-blue-2.png'),-ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
}

.pagination-box .p-prev a:hover, 
.pagination-box .p-next a:hover {
  background-color: #f9ae13;
  color: #402c05;
}

.pagination-box .p-prev a:hover {
  background-repeat: no-repeat; 
  background-image: url('../img/arrow-brown-left.png'),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url('../img/arrow-brown-left.png'),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url('../img/arrow-brown-left.png'),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
}

.pagination-box .p-next a:hover {
  background-repeat: no-repeat; 
  background-image: url('../img/arrow-brown.png'),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url('../img/arrow-brown.png'),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url('../img/arrow-brown.png'),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 25px) center, 0 0;
}
/* *** KONIEC PAGINACJA *** */

/* *** DO POBRANIA *** */
.materials .guide-box {
  background-color: #ffffff;
  border-bottom: 4px solid #f4f4f4;
  padding-bottom: 0;
  padding-left: 35px;
}

.materials .guide-date {
  font-size: 16px;
  margin-top: 0;
  padding-top: 45px;
  margin-bottom: 25px;
  margin-left: 0;
}

.materials .guide-title {
  color: #092236;
  font-size: 21px;
  margin-left: 0;
  margin-bottom: 15px;
}

.materials .btn-3 {
/*  background-image: url(../img/icons/ico19.png);*/
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center, 0 0;
  position: absolute;
  bottom: 40px;
  left: 35px;
  padding: 15px 50px 15px 25px;  
  background-image: url(../img/icons/ico19.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/icons/ico19.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/icons/ico19.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17);
}

.materials .btn-3:hover {
   background-image: url(../img/icons/ico19.png);
}

.materials .guide-box-img {
  padding-left: 0;
  min-height: 337px;
}

@media (max-width: 992px) {
  .materials .btn-3 {
    margin-bottom: 20px;
  }
}

/* *** KONIEC DO POBRANIA *** */

/* *** PODSTRONA TEKSTOWA *** */
.text-page {
  margin-bottom: 50px;
}

.text-page-content {
  padding-top: 80px;
}

.text-page p {
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
  padding-right: 65px;
  margin-bottom: 15px;
}

.text-page ul {
  list-style: none;
  margin-bottom: 20px;
  padding-right: 65px;
}

.text-page ul li {
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
  position: relative;
  padding-left: 21px;
}

.text-page ul li:before {
  position: absolute;
  content: url(../img/bullet.png);
  left: 0;
  top: -3px;
}

.text-page-list-name {
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
  color: #001d33;
  margin-bottom: 20px;
  padding-right: 65px;
}

.text-page-divider {
  width: 100%;
  height: 4px;
  background-color: #f4f4f4;
  margin-bottom: 50px;
}

.social-media-bar {
  background-image: url(../img/img22.png);
  padding: 30px 25px 28px 35px;
  margin-bottom: 50px;
}

.social-media-txt {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  line-height: 16px;
  margin-top: 5px;
}

.social-media-links {
  display: inline-block;
  float: right;
}

.social-media-links img {
  margin-right: 10px;
}

.social-media-links img:hover {
  opacity: 0.8;
}

.btn-back {
  background-image: url(../img/arrow-up.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  width: 135px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0070bf;
}

.text-page-guide .guide-title-box {
  background-color: #f4f4f4;
  padding-bottom: 180px;
  padding-top: 50px;
}

.text-page-guide .guide-title-box .sec-title {
  color: #153049;
}

.text-page-guide .guide-title-box .sec-subtitle {
  margin-bottom: 0;
}

.text-page-guide .guide-content {
  margin-top: -180px;
}

.text-page-gallery {
  overflow: hidden;
  position: relative;
  padding: 0;
}

.text-page-gallery .text-page-gallery-content {
  background-color: rgba(0,36,64,0.65);
  bottom: -100%;
  color: #fff;
  height: 100%;
  left: 0%;
  text-align: center;
  position: absolute;
  transition: bottom 0.5s ease;
  width: 100%;
}

.text-page-gallery:hover .text-page-gallery-content {
  bottom: 0%;
}

.text-page-gallery-number {
  font-size: 100px;
  font-weight: 300;
  padding-top: 65px;
}

.text-page-gallery-content .btn-1 {
  border: none;
  padding: 15px 25px 13px 25px;
}
/* *** KONIEC PODSTRONA TEKSTOWA *** */

/* *** BLOG SZCZEGÓŁY *** */
.post-author-date {
  color: #153049;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 80px;
}

.post-info-title {
  opacity: 0.5;
}

.post-date,
.post-author {
  display: inline-block;
}

.post-date {
  margin-right: 45px;
}

.blog-page {
  margin-bottom: 50px;
  position: relative;
}

.blog-page-main-img {
  max-width: 1170px;
  margin-bottom: 60px;
}

.blog-page p,
.blog-page .blog-page-list li {
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
}

.blog-page .blog-page-list {
  list-style: none;
  margin-bottom: 60px;
}

.blog-page p {
  margin-bottom: 60px;
}

.blog-page .blog-page-list li {
  position:relative;
  padding-left: 215px;
}

.blog-page .blog-page-list li:before {
  position: absolute;
  content: url(../img/bullet.png);
  left: 195px;
  top: -3px;
}

.blog-page h2 {
  font-size: 40px;
  font-weight: bold;
  color: #001d33;
  margin-bottom: 40px;
  text-transform: uppercase;
  padding-left: 195px;
  padding-right: 195px;
  margin-top: 85px;
}

.blog-page-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 70px;
}

.blog-page .social-media-bar {
  margin-left: 195px;
  margin-right: 195px;
}

.blog-page .btn-back {
  display: block;
  margin: 0 auto;
}

.blog-share img {
  display: block;
  margin-bottom: 12px;
}

.blog-share img:hover {
  opacity: 0.8;
}

.blog-slider img {
  margin: 0 auto;
}

.blog-slider {
  margin-bottom: 30px;
}

.blog-slider .owl-item,
.blog-slider .owl-item.cloned,
.blog-slider .owl-item.active {
  opacity: 0.5;
}

.blog-slider .owl-item.active.center {
  opacity: 1;
}

.blog-page blockquote {
  border-left: none;
  position: relative;
  width: 90%;
  padding-left: 195px;
  font-size: 30px;
  font-weight: bold;
  color: #001d33;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 36px;
}

.blog-page blockquote:before {
  position: absolute;
  content: url(../img/quote.png);
  width: 13px;
  height: 11px;
  left: 195px;
  left: 165px;
  top: 0;
}

.quote-author {
  position: relative;
  color: #020e1d;
  font-size: 14px;
  padding-left: 200px;
  margin-top: 10px;
}

.quote-author:before {
  position: absolute;
  content: '';
  width: 170px;
  height: 4px;
  background-color: #020e1d;
  left: 0;
  top: 15px;
}

.photo-box img {
  width: 100%;
}

.photo-box-img-desc {
  font-family: 'Open Sans', sans-serif;
  color: #929292;
  margin-top: 20px;
  position: relative;
  padding-left: 100px;
  margin-bottom: 30px;
}

.photo-box-img-desc:before {
  position: absolute;
  content: '';
  width: 40px;
  height: 4px;
  background-color: #e7e7e7;
  left: 0;
  top: 7px;
}

.blog-page .owl-carousel .owl-nav.disabled {
  display: block;
}

.blog-page .owl-nav .owl-prev,
.blog-page .owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 36px);
  background-color: white;
  width: 55px;
  height: 72px;
}

.blog-page .owl-nav .owl-prev {
  left: calc(50% - 405px);
  background-image: url(../img/arrow_post_left.png) !important;
  background-repeat: no-repeat;
}

.blog-page .owl-nav .owl-next {
  right: calc(50% - 407px);
  background-image: url(../img/arrow_post_right.png) !important;
  background-repeat: no-repeat;
}

/* *** KONIEC BLOG SZCZEGÓŁY *** */

/* *** NAGŁÓWEK SKLEP *** */
.shop-header .logo,
.shop-header .menu-search-box,
.shop-header .login-btn-box,
.shop-header .cart-btn-box {
  float: left;
}

.shop-header .main-menu > ul > li > a {
  font-size: 16px;
  padding-left: 15px;
}

.shop-header .main-menu li a:hover:after {
  width: 0%;
}

.shop-header .main-menu > ul > li:before {
  position: absolute;
  content: url(../img/bullet-menu2.png);
  width: 5px;
  height: 5px;
  left: 0;
  top: 2px;
}

.shop-header .header-box {
  padding-bottom: 20px;
  padding-top: 45px;
}

.search-box {
  position: relative;
}

.search-box label {
  position: absolute;
  color: #153049;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  left: 25px;
  bottom: 16px;
  padding-right: 15px;
  border-right: 1px solid #e6e6e6;
}

.search-box input {
  background-color: #ffffff;
  width: 100%;
  border: none;
  margin: 10px 0;
  padding: 13px 6px 13px 105px;
  border-radius: 4px;
}

.search-box button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../img/icons/ico43.png');
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 4px;
    bottom: 18px;
    right: 6px;
}

.login-btn-box {
  margin-left: 40px;
  margin-top: 23px;
}

.cart-btn-box {
  position: relative;
  margin-left: 40px;
  margin-top: 14px;
}

.cart-content-amount {
  display: block;
  position: absolute;
  top: 0px;
  height: 20px;
  background-color: #ffffff;
  width: 20px;
  border-radius: 50px;
  color: #153049;
  line-height: 20px;
  left: 20px;
  font-size: 14px;
  text-align: center;
}

.cart-btn {
  background-image: url(../img/arrow_menu2.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 10px 25px 10px 0;
}

.cart-btn,
.login-btn,
.cart-content-price {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.cart-content-price {
  display: inline-block;
  margin-left: 15px;
  margin-right: 20px;
}

@-moz-document url-prefix() {
  .cart-content-price {
    margin-right: 0;
  }
}

.cart-btn:hover,
.login-btn:hover,
.cart-content-price:hover {
  color: #f9ae13;
}

.cart-btn:hover {
  background-image: url(../img/arrow_menu3.png);
}

.shop-menu-mobile {
  display: none;
}

.shop-header {
  background-image: url(../img/shop-header.png);
  background-repeat: no-repeat;
}

/* *** KONIEC NAGŁÓWEK SKLEP *** */

/* *** SKLEP *** */
.shop-page-info {
  background-image: url(../img/shop-header.png);
  background-repeat: no-repeat;
}

.shop-slider {
  height: 666px;
  margin-top: 136px;
}

.shop-slider ul li {
  height: 666px;
}

.shop-slider .bx-prev, .banner .bx-next {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.shop-slider .bx-wrapper .bx-controls-direction a {
  top: unset;
  bottom: 105px;
}

.shop-slider .bx-prev {
  background: transparent url('../img/arrow_left_shop.png') center no-repeat;   
  left: 0;
}

.shop-slider .bx-next {
  background: transparent url('../img/arrow_right_shop.png') center no-repeat;  
  left: 50px;
}

.shop-category {
  margin-top: 25px;
  margin-bottom: 40px;
}

.shop-category .tile-title {
  font-size: 30px;
  padding-left: 0;
  margin-bottom: 50px;
  padding-top: 60px;
}

.shop-category .btn-3 {
  padding: 18px 30px;
}

.shop-category-box img {
  float: left;
  margin-right: 15px;
  margin-top: 20px;
  max-height: 35px;
  max-width: 35px;
}

.shop-category-box-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}

.shop-category-name {
  font-size: 16px;
  font-weight: bold;
  color: #002440;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding: 25px 0 25px 15px;
  max-width: calc(100% - 50px);
  vertical-align: middle;
}

.shop-category-name:after {
  position: absolute;
  content: '';
  width: 108px;
  height: 4px;
  background-color: #ebebeb;
  left: 15px;
  bottom: 0;
}
/*
.shop-category .col-md-3 .shop-category-box:last-child .shop-category-name:after {
  display: none;
} 
*/
.shop-slider .bx-wrapper {
  position: relative;
}

.shop-slider .bx-wrapper:before {
  position: absolute;
  content: '';
  background-color: #f4f4f4;
  left: -549px;
  width: 550px;
  height: 100%;
  bottom: 0;
  max-height: 666px;
}

.shop-slider .description {
  position: absolute;
  bottom: 190px;
}

.shop-slider .slider-subtitle {
  font-size: 20px;
  font-weight: bold;
  color: #a0bdd2;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.shop-slider h1 {
  color: #002440;
  margin-bottom: 50px;
  width: 50%;
}

.shop-slider p {
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  color: #475966;
  margin-bottom: 50px;
  width: 50%;
}

.shop-slider .btn-1 {
  padding: 18px 25px;
/*  background-image: url(../img/arrow-brown.png);*/
  background-repeat: no-repeat;
/*  background-position: calc(100% - 25px);*/
  padding-right: 70px;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 25px) center, 0 0;
}

.shop-slider .btn-1:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.featured-products {
  background-image: url(../img/img33.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 85px;
}

.featured-products-tabs {
  margin-top: -88px;
  border-bottom: 4px solid #f4f4f4;
}

.featured-products-tabs-2 {
  border-bottom: none;
  margin-top: 0;
}

.featured-products.featured-products-tabs-2-title {
  padding-bottom: 15px;
}

.featured-products-tabs .panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.featured-products-tabs .nav-tabs > li > a {
  border-radius: 0;
}

.featured-products .sec-subtitle {
  margin-top: 50px;
  margin-bottom: 5px;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
    background-color: transparent;
    border-color: transparent;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
    background-color: transparent;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.featured-products-tabs .btn-4 {
  padding: 17px 50px 14px 50px;
}

.featured-products-see-more {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 65px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    padding: 26px 100px;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #001d33;
	background-color: #ffffff;
	border-color: transparent;
    text-transform: uppercase;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #001d33;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
    text-transform: uppercase;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    padding: 26px 100px;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.product-tab-box {
  text-align: center;
  margin-top: 80px;
  position: relative;
  /*min-height: 410px;*/
}

/*.product-tab-box-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}*/

.product-tab-name {
  font-size: 18px;
  font-weight: 500;
  color: #0070bf;
  margin-bottom: 10px;
}

.product-tab-name:hover {
  text-decoration: underline;
}

.product-tab-code {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #475966;
  margin-bottom: 25px;
}

.product-tab-old-price {
  font-size: 18px;
  font-weight: bold;
  color: #001d33;
  text-decoration: line-through;
}

.product-tab-new-price {
  font-size: 24px;
  font-weight: bold;
  color: #eb1313;
  margin-bottom: 20px;
  line-break: 24px;
}

.product-tab-box img {
  margin-bottom: 20px;
}

.product-tab-box .btn-3 {
/*  background-image: url(../img/arrow-brown.png);*/
  background-repeat: no-repeat;
/*  background-position: calc(100% - 10px) center;*/
  padding: 7px 25px;
  width: 130px;
  text-align: left;
  display: block;
  margin: 0 auto;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 10px) center, 0 0;
}

.product-tab-box .btn-3:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.badges {
  margin-bottom: 25px;
}

.badges .badge {
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 9px;
  border-radius: 0;
}

.bg-red {
  background-color: #eb1313;
}

.bg-navy {
  background-color: #002440;
}

/* *** KONIEC SKLEP *** */

/* *** LISTA PRODUKTÓW *** */
.shop-page-info .page-info-header h1 {
  margin-bottom: 40px;
}

.shop-header-bar {
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  margin-bottom: 35px;
}

.page-info-header h1 {
  float: left;
}

.shop-contact-btn-box {
  float: right;
  line-height: 50px;
}

.shop-contact-btn-txt {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 25px;
}

.shop-contact-btn-box .btn-2 {
  padding: 15px 65px 12px 25px;
  background-image: url(../img/arrow-blue-2.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
}

.shop-contact-btn-box .btn-2:hover {
  background-image: url(../img/arrow-brown.png);
}

.sidebar {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: -85px;
}

.sidebar ul {
  list-style: none;
}

.sidebar-menu {
  margin-bottom: 0;
}

.sidebar-menu-title {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 18px;
  border-bottom: 4px solid #004373;
  position: relative;
}

.sidebar ul li a {
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
}

.sidebar-menu-item {
  padding: 10px 30px;
}

.sidebar-menu-item-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}

.sidebar-menu-cat-name {
  display: inline-block;
  padding-left: 15px;
  max-width: calc(100% - 50px);
  vertical-align: middle;
}

.sidebar-menu-with-more {
  background-image: url(../img/arrow_menu.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center;
  background-size: 7px 11px;
}

.sidebar-menu-img {
  float: left;
}

.sidebar-menu-img img {
  margin-right: 15px;
}

.sidebar {
  background-color: #005088;
}

.sidebar-menu li {
  font-size: 16px;
}

.sidebar-menu li:hover {
  background-color: #004373;
}

.sidebar-sub-menu {
  background-color: #003459;
}

.sidebar-sub-menu li {
  position: relative;
  line-height: 16px;
  padding-left: 75px;
}

.sidebar-sub-menu li:before {
  position: absolute;
  content: url(../img/bullet-menu.png);
  width: 5px;
  height: 5px;
  left: 65px;
  top: 8px;
}

.active .sidebar-menu-cat-name,
.sidebar-sub-menu.nav > li > a:focus, 
.sidebar-sub-menu.nav > li > a:hover {
  background-color: transparent;
  color: #f9ae13;
}

.sidebar-sub-menu li:hover:before {
  content: url(../img/bullet-menu2.png);
}

.shop-listing .pagination-box .p-prev a,
.shop-listing .pagination-box .p-next a {
  background-color: #f2f2f2;
}

.shop-listing .pagination-box .p-prev a:hover,
.shop-listing .pagination-box .p-next a:hover {
  background-color: #f9ae13;
}

.shop-listing .pagination-box li.current, 
.shop-listing .pagination-box li:hover {
  border-bottom: 5px solid transparent;
}

.diameter-box,
.sort-box,
.show-box,
.listing-box {
  float: left;
}

.sort-box,
.show-box,
.listing-box {
  margin-left: 35px;
}

.listing-box {
  margin-top: 8px;
}

.search-list-item-name,
.diameter-box .dropdown,
.sort-box .dropdown,
.show-box .dropdown {
  display: inline-block;
}

.diameter-box .dropdown .dropdown-menu,
.sort-box .dropdown .dropdown-menu,
.show-box .dropdown .dropdown-menu {
  width: 100%;
  min-width: 0;
}

.search-list-item-name {
  font-weight: bold;
  color: #153049;
  opacity: 0.5;
  text-transform: uppercase;
  margin-right: 15px;
}

.diameter-box .dropdown .btn,
.sort-box .dropdown .btn,
.show-box .dropdown .btn {
  background-color: #ffffff;
  color: #001f36;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
}

.sort-box .dropdown .btn {
  width: 195px;
  text-align: left;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.show-box .dropdown .btn {
  width: 82px;
  text-align: left;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.diameter-box .dropdown .btn {
  width: 120px;
  text-align: left;
/*  background-image: url(../img/diameter.png);*/
  background-repeat: no-repeat;
  background-position: 13px center, 0 0;
  padding-left: 43px;
  background-image: url(../img/diameter.png), -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: url(../img/diameter.png), -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: url(../img/diameter.png), -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.diameter-box .dropdown .btn span,
.sort-box .dropdown .btn span,
.show-box .dropdown .btn span {
  position: absolute;
  right: 20px;
}

.search-list-items {
  padding: 0px 55px 20px;
}

.search-items-bar {
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

.shop-listing .pagination-box {
  padding-top: 70px;
}

.shop-listing .pagination-box ul li {
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.contact-us-bar {
  width: 100%;
  background-color: #f4f4f4;
  height: 4px;
}

.filters {
  background-color: #f4f4f4;
  padding: 45px 30px;
}

.filters .btn-3 {
  padding: 10px 25px;
}

.filters .btn-3.btn-filter-submit {
  float: right;
}

.filter-box {
  margin-bottom: 30px;
}

.filters-menu-title {
  font-size: 28px;
  font-weight: bold;
  color: #002440;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 18px;
  border-bottom: 4px solid #ffffff;
  position: relative;
}

.filter-name {
  font-size: 15px;
  font-weight: bold;
  color: #153049;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.filter-box input[type=text] {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 15px 0 10px 18px;
  color: #b0b5b9;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
}

.filter-box .dropdown .btn {
  background-color: #ffffff;
  width: 100%;
  color: #001f36;
  font-size: 15px;
  text-align: left;
  padding: 15px 0 10px 18px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.filter-box .dropdown .btn span{
  position: absolute;
  right: 15px;
}

.filter-box .dropdown .dropdown-menu {
  width: 100%;
}

.filter-price-from,
.filter-price-to,
.filter-price-separator {
  display: inline-block;
}

.filter-price-from,
.filter-price-to {
  width: calc(50% - 10px);
}

.filter-price-txt {
  font-size: 12px;
  font-weight: bold;
  color: #153049;
  opacity: 0.5;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.filter-checkbox .filter-checkbox-box {
	width: 15px;
	position: relative;
    display: inline-block;
}

.filter-checkbox-box label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 5px;
  	left: -1px;
    background-image: url(../img/checkbox.png);
    background-repeat: no-repeat;
}

.filter-checkbox-box input[type=checkbox] {
  opacity: 0;
}

.filter-checkbox-box input[type=checkbox]:checked + label{
    background-image: url(../img/checkbox2.png);
}

.filter-checkbox p {
  color: #001f36;
  font-weight: 600;
  display: inline-block;
  margin-left: 13px;
  margin-bottom: 10px;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
  background-image: url(../img/suwak2.png);
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
}

.ui-widget.ui-widget-content {
  background-color: #d6d6d6;
  border: none;
  border-radius: 0;
  height: 4px;
  margin-top: 20px;
}

.ui-widget-header {
  background: #f9ae13;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -10px;
  height: 26px;
}

.filter-price-min,
.filter-price-max,
.filter-price-range {
  display: inline-block;
}

.filter-box .filter-price-range input {
  padding-left: 0px;
  background-color: transparent;
  border: none;
  color: #002440;
  font-size: 14px;
  font-weight: bold;
}

.filter-price-min,
.filter-price-max {
  color: #153049;
  opacity: 0.5;
  font-weight: bold;
  width: 30%;
}

.filter-price-range {
  width: calc(40% - 10px);
}

.filter-price-max {
  text-align: right;
}

/* *** KONIEC LISTA PRODUKTÓW *** */

/* *** SZCZEGÓŁY PRODUKTU *** */
.product-name-line {
  margin-top: 20px;
  margin-bottom: 35px;
}

.product-name {
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  color: #002440;
}

.product-cat-number {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #475966;
}

.product-name-line .product-name,
.product-name-line .badges,
.product-name-line .download-btn-box {
  display: inline-block;
  float: left;
}

.product-name-line .badges {
  margin-left: 35px;
  line-height: 50px;
  margin-bottom: 0;
}

.product-name-line .download-btn-box {
  float: right;
  line-height: 50px;
}

.btn-download {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #b2b2b2;
  background-image: url(../img/icons/ico45.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
}

.btn-download:hover {
  color: #153049;
}

.btn-print {
  border: none;
  background-color: transparent;
  padding: 0 0 0 25px;
}

.product-box-order-amount .input-group-btn button {
  display: block;
}

.product-box-order-amount .input-group input {
  height: 56px;
  font-size: 15px;
  color: #001f36;
  font-weight: bold;
}

.product-order-box {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 25px 15px 20px 15px;
  line-height: 1;
}

.product-diameter-box {
  margin-bottom: 20px;
}

.product-diameter-box .dropdown .dropdown-menu {
  width: 100%;
  min-width: 0;
}

.product-diameter-box .dropdown .btn {
  background-color: #ffffff;
  color: #001f36;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 20px;
  width: 100%;
  text-align: left;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(245,245,247,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.product-diameter-box .dropdown .btn span {
  position: absolute;
  right: 15px;
  top: 9px;
}

.product-order-box .search-list-item-name {
  font-size: 13px;
  opacity: 1;
  margin-right: 0;
  margin-bottom: 10px;
}

.product-var-btn {
  background-image: url(../img/icons/ico30.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #0070bf;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 30px;
}

.product-var-btn:hover {
  color: #153049;
}

.product-box-bar {
  height: 4px;
  width: 100%;
  background-color: #ffffff;
  margin-top: 25px;
  margin-bottom: 30px;
}

.product-box-old-price {
  font-size: 18px;
  font-weight: bold;
  color: #808080;
  text-decoration: line-through;
  text-transform: uppercase;
}

.product-box-old-price img {
  margin-right: 15px;
}

.product-box-new-price {
  font-size: 30px;
  font-weight: bold;
  color: #eb1313;
  text-transform: uppercase;
  padding-left: 25px;
  margin-bottom: 20px;
}

.product-box-brutto {
  font-size: 13px;
  font-weight: bold;
  color: #b2b2b2;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.product-box-brutto span {
  color: #808080;
}

.form-control.input-number.product-count {
  border: 1px solid #e1e1e1;
}

.btn.btn-default.btn-number.btn-plus {
  border: 1px solid #e1e1e1 !important;
  border-top-right-radius: 4px !important;
}

.btn.btn-default.btn-number.btn-minus {
  border: 1px solid #e1e1e1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
}

.btn.btn-default.btn-number {
  padding: 3px 9px;
}

.add-to-cart-box {
  margin-top: 20px;
}

.add-to-cart-box:hover {
  cursor: pointer;
}

.product-box-order-amount .btn-1 {
  padding: 18px 15px 18px 65px;
  background-image: url(../img/icons/ico48.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  height: 56px;
}

.product-box-order-amount .btn-1:hover {
  background-image: url(../img/icons/ico49.png);
}

.product-tel-box,
.product-mail-box {
  display: inline-block;
  width: 49%;
}

.product-tel-box img,
.product-mail-box img {
  float: left;
  margin-right: 10px;
}

.product-tel-box img {
  margin-top: 4px;
}

.product-mail-box img {
  margin-top: 5px;
}

.product-mail-box button {
  border: none;
  background-color: transparent; 
  font-size: 13px;
  font-weight: bold;
  color: #b2b2b2;
  text-transform: uppercase;
}

.product-mail-box button:hover {
  color: #153049;
}

.product-contact-txt a {
  font-size: 13px;
  font-weight: bold;
  color: #b2b2b2;
  text-transform: uppercase;
}

.product-contact-txt a:hover {
  color: #153049;
}

.product-contact-box {
  margin-top: 25px;
  margin-bottom: 55px;
}

.product-details-list-title {
  color: #153049;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.product-details-short-desc ul,
.product-details-usage ul {
  list-style: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #475966;
}

.product-details-short-desc ul li,
.product-details-usage ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
}

.product-details-short-desc ul li:before,
.product-details-usage ul li:before {
  position: absolute;
  content: url(../img/bullet-product.png);
  left: 0;
  top: 0;
  width: 4px;
  height: 4px;
}

.btn-spec {
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0070bf;
  background-image: url(../img/arrow_product.png);
  background-repeat: no-repeat;
  background-position: 100% center;
  padding-right: 15px;
}

.btn-spec:hover {
  color: #153049;
  background-image: url(../img/arrow_search.png);
}

.slideshow {
  margin-top: 35px;
}

.slideshow .product-img-slider li img,
.gallery-thumbs-container .gallery-thumbs-list .thumb-item img {
  margin: 0 auto;
}

.gallery-thumbs-container {
  margin-top: 50px;
}

.slideshow .bx-prev {
  background: transparent url('../img/arrow_left_gallery.png') center no-repeat;  
  left: 20px;
}

.slideshow .bx-next {
  background: transparent url('../img/arrow_right_gallery.png') center no-repeat; 
  right: 20px;
}

.gallery-thumbs-container .bx-prev {
  left: -30px;
}

.gallery-thumbs-container .bx-next {
  right: -30px;
}

.product-info-tabs .panel {
  border: none;
  box-shadow: none;
  border-bottom: 4px solid #f2f2f2;
  padding-bottom: 40px;
}

.product-info-tabs .panel.with-nav-tabs .panel-heading {
  background-color: #f4f4f4;
  position: relative;
  padding-top: 12px;
}

.product-info-tabs .panel.with-nav-tabs .panel-heading:before {
  position: absolute;
  content: '';
  width: 550px;
  height: 100%;
  left: -550px;
  background-color: #f4f4f4;
  bottom: 0;
}

.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus,
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus{
  padding: 25px 50px;
  font-size: 20px;
  border-radius: 0;
}

.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a,
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #001d33;
}

.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
.product-info-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  border-color: #ffffff;
}

.product-info-tabs .panel-body {
  padding-top: 60px;
}

.product-info-tabs p {
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
}

.product-main-desc h3,
.product-legend-downloads h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #001d33;
  padding-bottom: 25px;
  border-bottom: 4px solid #f2f2f2;
}

.product-info-tabs .tab-content ul {
  list-style: none;
  margin-top: 35px;
  margin-bottom: 30px;
}

.product-info-tabs .tab-content ul li {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  color: #475966;
  padding-left: 20px;
}

.product-info-tabs .tab-content ul li:before {
  position: absolute;
  content: url(../img/bullet.png);
  width: 6px;
  height: 6px;
  left: 0;
  top: -2px;
}

.product-info-tabs table {
  width: 100%;
  margin-bottom: 50px;
  border: none;
}

.product-info-tabs table tr:nth-child(even){
  background-color: #f4f4f4;
} 

.product-info-tabs table tr td {
  font-family: 'Open Sans', sans-serif;
  line-height: 18px;
  color: #475966;
  padding: 12px 15px;
  border: none;
}

.product-info-tabs table tr td:first-child {
  color: #001d33;
  font-weight: bold;
}

.product-doc-download-box {
  margin-top: 20px;
}

.product-doc-download {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0070bf;
  padding: 4px 0;
}

.product-doc-download img {
  margin-right: 20px;
  float: left;
}

.product-images img {
  display: block;
  margin: 0 auto;
}

.product-info-tabs .btn-back {
  display: block;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 55px;
}

.product-info-tabs .sizes-table {
  width: 100%;
}

.product-info-tabs .sizes-table .input-group-btn button {
  display: block;
}

.product-info-tabs .sizes-table .input-group {
  width: 75px;
}

.product-info-tabs .sizes-table thead th {
  font-size: 16px;
  font-weight: bold;
  color: #001d33;
  padding-left: 10px;
  padding-right: 10px;
}

.product-info-tabs .sizes-table thead th:first-child {
  padding-left: 0;
}

.product-info-tabs .sizes-table thead {
  border-bottom: 4px solid #f2f2f2;
}

.product-info-tabs .sizes-table tbody tr:nth-child(even){
  background-color: #f4f4f4;
} 

.product-info-tabs .sizes-table tbody tr td {
  font-family: 'Open Sans', sans-serif;
  line-height: 12px;
  color: #475966;
  padding: 10px;
}

.product-info-tabs .sizes-table tbody tr td:first-child {
  padding-left: 25px;
}

.product-info-tabs .product-input-group-box,
.product-info-tabs .add-to-cart-box {
  display: inline-block;
  float: left;
}

.product-info-tabs .add-to-cart-box {
  margin-top: 0;
}

.product-info-tabs .add-to-cart-box img {
  margin-left: 12px;
}

.product-info-tabs .btn.btn-default.btn-number {
  padding: 0px 6px;
  height: 20px;
}

.product-info-tabs .form-control.input-number.product-count {
  height: 40px;
}

.product-info-tabs .product-legend-img {
  margin-top: 45px;
  margin-bottom: 45px;
}

.product-recommended-slider img,
.product-connected-slider img,
.product-new-slider img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.product-recommended-slider .bx-prev,
.product-connected-slider .bx-prev,
.product-new-slider .bx-prev {
  background: transparent url('../img/arrow_left_shop.png') center no-repeat;
  left: -60px;  
}

.product-recommended-slider .bx-next,
.product-connected-slider .bx-next,
.product-new-slider .bx-next {
  background: transparent url('../img/arrow_right_shop.png') center no-repeat; 
  right: -60px;
}

/* *** KONIEC SZCZEGÓŁY PRODUKTU *** */

/* *** LOKALIZACJA *** */
.localization #map {
  height: 500px;
  margin: 20px 0 50px;
}

.localization .contact-item-box {
  margin-bottom: 0;
  margin-top: 30px;
}
/* *** KONIEC LOKALIZACJA *** */

/* *** MENU RSP *** */

.header-rsp {
    top: 0;
    left: 0;
    position: fixed;
    overflow: auto;
    z-index: 101;
    width: 100%;
    padding: 10px 15px;
    height: 70px;
    background: #001d33;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    display: none;
}

.header-rsp .logo-rsp {
    height: 50px;
    width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    line-height: 50px;
}

.header-rsp .logo-rsp img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: -3px;
}

.hamburger {
    position: absolute;
    top: 9px;
    left: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background: #ffffff;
    border-radius: 0;
}

.data-rsp {
    position: absolute;
    top: 27px;
    right: 70px;
}

.data-rsp a {
    font-size: 11px;    
}

.menu-rsp {
    width: 100%;
    position: fixed;
    padding-top: 70px;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    float: right;
    height: 100%;
    display: none;      
}

.menu-rsp  .opacity-rsp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.4;
}

.menu-rsp nav {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.menu-rsp > nav > ul:first-child {
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

.menu-rsp nav ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 2;
    background: #001d33;
    padding: 0;
}

.menu-rsp nav li {
    position: relative;
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
}

.menu-rsp nav > ul > li:first-child {
    border-top: none;
}

.menu-rsp nav a {
    line-height: normal;    
    height: auto;
    color: #fff;
    background: #001d33;
    font-size: 16px;
    float: left;  
    width: 100%;
    padding: 17px 15px 15px 15px;
}

.menu-rsp nav a:hover {
    background-color: #f9ae13;
    color: #402c05;
}

.menu-rsp nav ul .li-submenu > a {
    padding-right: 53px;
}

.btn-slide-down {
    width: 40px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #000;
    position: absolute;
    top: 0;
    font-size: 14px;
    text-align: center;
    color: #000;
    right: 0;
    z-index: 2;
    display: none !important;
    line-height: 52px;
    cursor: pointer;
}

.menu-rsp nav ul ul {
    display: none;
    background: #e3e3e3;
    color: #fff;
}

.menu-rsp nav ul ul ul {
    background: #f6f6f6;
}

.menu-rsp nav ul ul ul ul {
    background: #fff;
}

.menu-rsp nav ul ul a {
    padding-left: 30px;
}

.menu-rsp nav ul ul ul a {
    padding-left: 45px;
}

.figure-rwd {
    display: none;
}

/* *** RWD *** */

@media only screen and (max-width: 1160px) {
    .slider .prev-box, .slider .next-box {
        top: 30px;
    }
    .wrapper {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .main-menu > ul > li > a {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 1000px) {
    .main-menu ul li:hover ul {
        display: none;
    }
    .main-menu ul > li.li-submenu > a {
        padding-right: 50px !important;
    }
    .main-menu ul > li > a .btn-slide-down {
        line-height: 43px;
    }
    .btn-slide-down {
        display: block !important;
    }
}

@media only screen and (min-width: 993px) {
    .menu-rsp {
        display: none !important;
    }
}

@media only screen and (max-width: 993px) {
    .main-menu {
        display: none;
    }
    .header-rsp {
        display: block;
    }
    body {
        padding-top: 70px;
    }
    header {
        position: relative;
    }
    .logo {
        display: none;
    }    
    header {
        display: none;
    }
    #slider .wrapper {
    width: 100%;
    }
    
    .header-rsp .login-btn-box {
      float: right;
      margin-top: 0;
      display: inline-block;
      margin-left: 0px;
      line-height: 46px;
    }
    
    .header-rsp .login-btn {
      font-size: 16px;
      font-weight: bold;
    }
    
    .header-rsp .cart-btn-box {
      float: right;
      margin-top: 0;
      display: inline-block;
      margin-left: 20px;
      width: 50px;
    }
    
    .header-rsp .cart-btn {
      background-image: none;
    }
}

@media (max-width: 1570px) {
  body {
    padding: 0;
  }
  
  body:before {
    display: none;
  }
}

@media (max-width: 1200px) {
  .tile-box img {
    height: 100%;
  }
  
  .main-menu > ul > li {
    margin-right: 35px;
  }
  
  .tiles {
    margin-top: -320px;
  }
  
  .slider-contact-box {
    bottom: 320px;
  }
  
  .tile-box .btn-1 {
    margin-left: 25px;
    margin-right: 25px;
    padding: 15px 30px;
  }
  
  .tile-title,
  .tile-subtitle {
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .tile-subtitle {
    padding-top: 35px;
  }
  
  .tile-txt-title {
    padding-top: 50px;
  }
  
  .slider-contact-box .btn-3 {
    padding: 20px 25px;
  }
  
  .contact-img {
    width: 100%;
    height: 665px;
  }
  
  .offer-tiles .tile-box .btn-1,
  .offer-tiles .tile-box .btn-2 {
    padding: 18px 25px;
  }
  
  .offer-tiles .tile-box {
    height: 333px;
  }
  
  .offer-tiles .tile-txt-box p {
    margin-bottom: 30px;
  }
  
  .offer-tiles .tile-txt-box {
    padding-top: 30px;
    margin-bottom: 30px;
  }
  
  .offer-tiles .tile-box.bg-catalog-img {
    margin-top: 30px;
  }
  
  .shop-header .login-btn-box,
  .shop-header .cart-btn-box {
    margin-left: 14px;
  }
  
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    padding: 25px 50px;
  }
  
  .featured-products-tabs {
    margin-top: -85px;
  }
  
  .show-box {
    margin-left: 0;
    margin-top: 20px;
  }
  
  .search-list-items {
    position: relative;
  }
  
  .listing-box {
    position: absolute;
    right: 55px;
  }
  
  .filter-checkbox p {
    margin-left: 5px;
  }
  
  .sidebar {
    margin-top: -150px;
  }
  
  .product-box-order-amount .btn-1 {
    padding: 20px 10px 20px 60px;
    background-position: 15px center;
  }
  
  .text-page-img {
    width: 100%;
  }
  
  .tile-bg-about-1 .tile-box .about-tile-img,
  .tile-bg-about-2 .tile-box .about-tile-img {
    height: auto;
  }
  
  .about-tiles .tile-txt-box p {
    margin-bottom: 30px;
    line-height: 30px;
  }
  
  .offer-tiles .tile-box .btn-2 {
    background-position: calc(100% - 10px) center;
  }
  
  .blog-page-main-img {
    width: 100%;
  }
  
  .shop-listing .pagination-box ul li {
    padding-left: 0;
    padding-right: 0;
  }
  
  .tile-with-bg:after {
    width: calc((100vw - 970px) / 2);
  }
  
  .cert-slider-box:after {
    display: none;
  }
}

@media (max-width: 1160px) {
  .main-menu > ul > li > a {
    padding: 0 15px;
  }
  
  .main-menu > ul > li {
    margin-right: 0;
  } 
}

@media (max-width: 992px) {
  #slider .wrapper .txt {
    bottom: 495px;
  }
  
  .shop-slider {
    margin-top: 40px;
  }
  
  .big-col:before {
    display: none;
  }
  
  .tiles {
    margin-top: -143px;
  }
  
  .slider-contact-box {
    bottom: 143px;
  }
  
  .tiles-top {
    margin-top: 3px;
  }
  
  .big-col {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .col-md-3 .slider-contact-box {
    text-align: center;
    width: 50%;
    bottom: 139px;
    right: 0;
  }
  
  .tile-bg .col-md-12 {
    display: none;
  }
  
  .tile-bg {
    height: 333px;
  }
  
  .footer-menu-title {
    margin-top: 40px;
  }
  
  .products {
    padding-bottom: 395px;
  }
  
  .guide-content {
    margin-top: -390px;
  }
  
  .page-info {
    padding-top: 150px;
  }
  
  .contact-btn-box {
    top: 25px;
  }
  
  #map {
    height: 330px;
  }
  
  .contact-img {
    display: none;
  }
  
  .contact-form-box {
    padding-left: 0;
  }
  
  .offer-tiles .tile-box {
    height: auto;
  }
  
  .tile-bg-2 {
    max-height: 333px;
  }
  
  .tile-bg-2 .col-md-12 {
    display: none;
  }
  
  .bg-catalog-img {
    background-size: cover;
    background-position: center;
  }
  
  .products-2 {
    padding-bottom: 20px;
  }
  
  .shop-menu-mobile {
    display: block;
  }
  
  .shop-menu-mobile .menu-search-box {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .shop-menu-mobile .header-box {
    padding-top: 80px;
  }
  
  .shop-menu-mobile .login-btn-box,
  .shop-menu-mobile .cart-btn-box {
    float: right;
    margin-right: 40px;
  }
  
  .shop-menu-mobile .cart-content-amount {
    text-align: center;
  }
  
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    padding: 25px 25px;
  }
  
  .sidebar {
    margin-top: 0;
  }
  
  .footer-copyright-box {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  
  .search-list-items {
    padding-left: 0;
    padding-right: 15px;
  }
  
  .sort-box {
    margin-left: 35px;
  }
  
  .show-box {
    margin-left: 35px;
    margin-top: 0;
  }
  
  .listing-box {
    right: 15px;
    top: calc(50% - 8px);
  }
  
  .product-tab-box-desc {
    width: 100%;
  }
  
  .slideshow {
    margin-bottom: 25px;
  }
  
  .product-order-box,
  .product-images {
    margin-top: 25px;
  }
  
  .product-name-line .badges {
    margin-left: 0;
  }
  
  .product-info-tabs .product-legend-img img {
    display: block;
    margin: 0 auto;
  }
  
  .product-info-tabs .sizes-table {
    margin-bottom: 20px;
  }
  
  .materials .guide-box {
/*    border-bottom-color: transparent;*/
    margin-bottom: 20px;
  }
  
  .text-page .text-page-img {
    max-height: 333px;
    width: auto;
    display: block;
    margin: 0 auto;
  }
  
  .text-page-img-bg {
    width: 100%;
    max-height: 333px;
  }
  
  .text-page p {
    padding-right: 0;  
  }
  
  .tile-bg-about-1,
  .tile-bg-about-2 {
    background-size: cover;
  }
  
  .tile-box .cert-slider img {
    display: block;
    margin: 0 auto;
  }
  
  .company-slider-tile {
    width: 35%;
    height: 250px;
  }
  
  .company-slider .bx-wrapper .bx-controls-direction a {
    top: 50%;
  }
  
  .blog-page p,
  .blog-page h2 {
    padding-left: 0;
    padding-right: 0;
  }
  
  .blog-page .social-media-bar {
    margin-left: 0;
    margin-right: 0;
  }
  
  .blog-page .blog-page-list li:before {
    left: 0;
  }
  
  .blog-page .blog-page-list li,
  .blog-page blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .blog-page blockquote {
    width: 90%;
  }
  
  .blog-page blockquote:before {
    left: 0;
  }
  
  .photo-box-img-desc {
    margin-bottom: 20px;
  }
  
  .blog-page-img {
    width: 100%;
    margin-bottom: 30px;
  }
  
  .post-author-date {
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .blog-share {
    bottom: 10px;
    top: unset;
  }
  
  .blog-page-main-img {
    margin-bottom: 70px;
  }
  
  .blog-share img {
    display: inline-block;
    margin-right: 12px;
  }
  
  .tile-box-not-show {
    display: none;
  }
  
  .company-title {
    margin-bottom: 25px;
  }
  
  .company-shotr-desc {
    margin-bottom: 25px;
    margin-top: 10px;
  }
  
  .company-desc .btn-1 {
    bottom: -55px;
  }
  
  .company-slider .bx-pager.bx-default-pager {
    display: none;
  }
  
  .company-desc .col-md-6:nth-child(2) {
    padding-top: 40px;
  }
  
  .page-info.post-page h2 {
    margin-bottom: 15px;
  }
  
  .blog-page-main-img-box {
    position: relative;
  }
  
  .text-page .text-page-img-2 {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  
  .tile-with-bg:after {
    display: none;
  }
}

@media (max-width: 890px) {  
  .pagination-box {
    padding-bottom: 40px;
  }
  
  .pagination-box ul {
    position: relative;
    padding-bottom: 80px;
  }
  
  .pagination-box ul li {
    padding-bottom: 0;
  }
  
  .pagination-box ul li.p-prev,
  .pagination-box ul li.p-next {
    position: absolute;
    bottom: 0;
  }
  
  .pagination-box ul li.p-prev {
    left: 0;
  }
  
  .pagination-box ul li.p-next {
    right: 15px;
  }
  .pagination-box .p-prev:hover, 
  .pagination-box .p-next:hover {
    border-bottom: 4px solid transparent;
  }
}

@media (max-width: 767px) {
  #slider h1 {
    font-size: 40px;
  }
  
  #slider .wrapper .txt {
    bottom: 560px;
  }
  
  .guide-box {
    margin-bottom: 20px;
  }
  
  .footer-txt,
  .footer-big-txt,
  footer form,
  .footer-copyright-box {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .footer-copyright-right {
    margin-top: 20px;
  }
  
  .page-info,
  .contact,
  .offer-tiles .tile-txt-box,
  .product-details,
  .product-info-tabs,
  .text-page-content,
  .about-tiles,
  .company-desc,
  .blog-page,
  .photo-box,
  #opinions {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .contact-btn-box {
    top: unset;
    bottom: 25px;
    right: 15px;
  }
  
  .breadcrumbs-box:after {
    position: absolute;
    content: '';
    background-color: #f4f4f4;
    width: 17px;
    right: -15px;
    height: 100%;
    bottom: 0;
/*    display: none;*/
  }
  
  .tile-with-bg:after {
    display: none;
  }
  
  .page-info-bar {
    width: 100%;
  }
  
  .quick-contact-box {
    margin-right: 5px; 
  }
  
  .shop-category {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .shop-category-btn {
    margin-bottom: 40px;
  }
  
  .listing-box {
    right: 15px;
    top: 30px;
  }
  
  .sort-box {
    margin-right: 55px;
  }
  
  .show-box {
    margin-left: 0;
    margin-top: 20px;
  }
  
  .shop-contact-btn-box,
  .page-info-header h1 {
    float: none;
  }
  
  .shop-contact-btn-box {
    margin-bottom: 20px;
  }
  
  .page-info.shop-page-info {
    background-size: cover;
  }
  
  .cert-slider-box {
    padding-left: 0;
  }
  
  .cert-slider-box:after {
    display: none;
  }
  
  .company-desc {
    padding-bottom: 105px;
  }
  
  .company-gallery {
    margin-top: 0;
  }
  
  .company-slider-tile {
    display: none;
  }
  
  .company-slider .bx-prev {
    background: transparent url('../img/arrow_left_slider.png') center no-repeat;
    left: 25px;
  }
  
  .company-slider .bx-next {
    background: transparent url('../img/arrow_right_slider.png') center no-repeat;
    right: 25px;
    left: unset;
  }
  
  .guide-title {
    margin-bottom: 20px;
  }
  
  .tile-bg-about-1 {
    background: none;
  }
  
  .product-recommended-slider .bx-prev, 
  .product-connected-slider .bx-prev, 
  .product-new-slider .bx-prev {
    left: 0;
  }
  
  .product-recommended-slider .bx-next, 
  .product-connected-slider .bx-next, 
  .product-new-slider .bx-next {
    right: 0;
  }
}

@media (max-width: 670px) {
  .product-info-tabs .table-cont {
    width: 100%;
    overflow: auto;
  }
  
  .product-info-tabs .product-input-group-box {
    margin-right: 10px;
  }
  
  .product-info-tabs .add-to-cart-box {
    margin-top: 20px;
  }
  
  .product-info-tabs .add-to-cart-box img {
    margin-left: 0;
  }
}

@media (max-width: 670px) {
  .featured-products-tabs .nav-tabs > li {
    width: 33%;
    height: 70px;
  }
  
  .featured-products-tabs .nav-tabs > li a {
    height: 70px;
  }
  
  .featured-products-tabs {
    margin-top: -74px;
  }
  
  .with-nav-tabs.panel-default .nav-tabs > li > a {
    border: transparent; 
  }
    
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    border: transparent;
/*    background-color: #001d33;
    color: #ffffff;*/
  padding: 10px;
  font-size: 18px;
  }
}

@media (max-width: 630px) {
  .quick-contact-box {
    float: left;
    margin-bottom: 20px;
  }
  
  .diameter-box,
  .sort-box,
  .show-box {
    float: none;
  }
  
  .sort-box {
    margin: 20px 0 0 0;
  }
  
  .product-info-tabs .nav-tabs > li {
    width: 100%;
  }
}

@media (max-width: 514px) {
  .footer-lang-btn {
    margin-bottom: 20px;
  }
  
  .footer-copyright-right {
    margin-top: 0;
  }
  
  .slider-contact-box .btn-3 {
    padding: 20px 20px;
  }
  
  .company-slider-desc {
    bottom: 10px; 
  }
  
}

@media (max-width: 479px) {
  .col-md-3 .slider-contact-box {
    width: 100%;
    position: relative;
    bottom: initial;
    right: initial;
    left: initial;
  }
  
  .product-box-order-amount .input-group {
    margin-bottom: 20px;
  }
  
  .product-order-box {
    padding-bottom: 40px;
  }
  
  .product-order-box .add-to-cart-box {
    text-align: center;
  }
  
  .bg-grey.big-col p {
    line-height: 25px;
  }
  
  #slider {
    height: auto;
  }
  
  .banner .bx-wrapper {
    height: 680px;
  }
  
  #slider ul li {
    min-height: 680px;
  }
  
  .banner .bx-viewport {
    min-height: 680px !important;
    top: 0;
  }
  
  .banner .bx-wrapper .bx-controls-direction a {
    top: initial;
    bottom: 20px;
  }
  
  .banner .bx-prev {
    left: calc(50% - 48px);
  }
  
  .banner .bx-next {
    left: initial;
    right: calc(50% - 48px);
  }
  
  #slider .wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
  }
  
  #slider .wrapper .txt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    width: calc(100% - 30px);
  }
  
  #slider .btn-1 {
    display: inline-block;
  }
  
  .slider-contact-box {
    padding-top: 35px;
    padding-bottom: 0;
  }
  
  .slider-contact-box .btn-3 {
    display: block;
  }
  
  .materials .guide-box.guide-box-img {
    display: none;
  }
  
  .tiles.main-page-tiles {
    margin-top: 0;
  }
  
  .tile-txt-box-3 {
    padding-top: 25px;
    padding-left: 0;
  }
  
  .social-media-bar {
    padding: 30px 25px 75px 35px;
    background-size: cover;
    background-position: -60px center;
  }
  
  .social-media-links {
    float: left;
    margin-top: 10px;
  }
  
  .guide-box {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .product-tab-box {
    margin-top: 40px;
  }
  
  .tile-slider-title {
    padding-top: 35px;
  }
  
  .shop-category .tile-title {
    padding-top: 10px;
  }
}

@media (max-width: 460px) {
  .footer-lang-btn,
  .footer-copyright {
    display: block;
  }
  
  .footer-copyright-right {
    float: left;
  }
  
  .tile-txt-title {
    margin-bottom: 20px;
  }
  
  .bg-grey.big-col .btn-2 {
    bottom: 10px;
  }
  
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li > a:focus,
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, 
  .featured-products-tabs .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    padding: 5px;
    font-size: 14px;
  }
}

@media (max-width: 430px) {
  .sort-box .dropdown .btn {
    width: 175px;
  }
  
  #slider .btn-1 {
    padding: 19px 50px 19px 10px;
    background-position: calc(100% - 10px) center, 0 0;
  }
}

@media (max-width: 400px) {
  .quick-contact-box img {
    display: none;
  }
  
  .quick-contact-box a {
    margin-left: 0;
  }
  
  .guide-contact-mail {
    display: block;
    margin-left: 0;
  }
  
  .shop-contact-btn-box .btn-2 {
    display: block;
    padding: 5px 65px 5px 25px;
  }
  
  .header-rsp .logo-rsp {
    width: 80px;
  }
  
  .header-rsp .cart-btn-box {
    margin-left: 10px;
  }
}

@media (max-width: 360px) {
  .pagination-box .p-prev a {  
    background-position: 0 0;
    background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
    width: 120px;
    padding-left: 0;
    text-align: center;
  }

  .pagination-box .p-next a {
    background-position: 0 0;
    padding-left: 0;
    text-align: center;
    width: 120px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgba(232,232,235,0) 100%);
  }

  .pagination-box .p-prev a:hover, 
  .pagination-box .p-next a:hover {
    background-color: #f9ae13;
    color: #402c05;
  }

  .pagination-box .p-prev a:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  }

  .pagination-box .p-next a:hover { 
    background-image: -moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  }
}

@media (max-width: 340px) {
  .product-tel-box, 
  .product-mail-box {
    display: block;
  }
  
  .product-tel-box {
    margin-bottom: 20px;
  }
}

/*ROZWIJANE FAQ*/
.faq-border {
  border: 0px;
  margin-left: 0px;
  margin-right: auto;
  margin-bottom: 15px;
  width: calc(100% - 20px);
  position: relative;
}

.faq-question {
  display: block;
  overflow: auto;
  height: auto;
  background-image: url(../img/faq-plus.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  cursor: pointer;  
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  line-height: 30px;
  padding-left: 15px;  
}

.faq-question:hover {
  background-color: rgba(12,116,242,0.08);
  border: 1px solid #0184e2;
}

.faq-question.opened {
  background-image: url(../img/faq-minus.png);
  background-repeat:no-repeat;
  background-position: calc(100% - 10px) center;
  cursor: pointer;
  background-color: rgba(12,116,242,0.08);
  border: 1px solid #0184e2;
}

.faq-question-text {   
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: #323232;
  width: calc(100% - 20px);
  background-color: transparent;
  height: 100%;
}

.faq-answer {
  margin: 0px 11px 11px 11px;
  background-color: rgb(255,255,255);
  display: none;
}

.faq-answer-text {
  height: auto;
  padding: 10px 0px 20px 0px;
  width: calc(100% - 20px);
  font-size: 14px;
  font-weight: normal; 
  line-height: 20px;
}
/*KONIEC ROZWIJANE FAQ*/

.faq-wrapper {
  margin: 50px 0;
}

.faq-wrapper .link-1 {
  color: #153049;
  font-size: 18px;
}

.faq-wrapper .link-1:hover {
  color: rgba(21,48,73,0.4);
}

.faq-wrapper .link-1 .glyphicon {
  font-size: 12px;
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -ms-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
}

.faq-wrapper .link-1:hover .glyphicon {
  margin-left: 10px;
}

.faq-wrapper .help-sec-title-2 {
  font-size: 18px;
  font-weight: bold;
}

.faq-wrapper .faq-ask-btn {
  padding: 5px 12px;
}

.help-sec-title {
  font-size: 24px;
  color: #323232;
  margin-bottom: 25px;
  font-weight: bold;
}

.help-part-box {
  border-width: 1px;
  border-color: rgb(229, 229, 229);
  border-style: solid;
  border-radius: 4px;
  background-color: rgb(250, 250, 250);
  padding: 25px;
  margin-bottom: 25px;
}

.help-part-top {
  margin-bottom: 25px;
}

.help-part-top img {
  display: inline;
  float: left;
  margin-right: 17px;
}

.help-part-name {
  font-size: 18px;
  font-weight: bold;
  color: #323232;
  display: inline;
}

.help-part-box ul,
.faq-top-guestion-box ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 25px;
}

.help-part-box ul li,
.faq-top-guestion-box ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
}

.help-part-box ul li:before,
.faq-top-guestion-box ul li:before {
  position: absolute;
  content: url(../img/bullet.png);
  left: 0;
  top: -2px;
}

.help-part-box ul li a,
.faq-top-guestion-box ul li a {
  font-size: 13px;
/*  color: #0184e2;*/
  color: #150349;
  font-weight: 500;
}

.help-part-box ul li:hover,
.help-part-box ul li:focus,
.faq-top-guestion-box ul li:hover,
.faq-top-guestion-box ul li:focus {
/*  color: #0184e2;*/
  color: #150349;
  text-decoration: underline;
}

.help-part-box .faq-bottom-btn {
  padding: 5px 12px;
  background-color: #ffffff;
  border: 2px solid #001f36;
  border-radius: 4px;
  color: #001f36;
  background-image: none;
  font-size: 13px;
}

.help-part-box .faq-bottom-btn:hover {
  background-color: #f9ae13;
  border: 2px solid #f9ae13;
  color: #402c05;
}

.faq-bottom {
  margin-bottom: 30px;
}

/* *** CERTYFIKATY *** */
.materials.certificates {
  margin-top: 50px;
}

.materials.certificates .guide-box.guide-cert-box .btn-3 {
  position: relative;
  width: 126px;
  left: calc(50% - 63px);
  bottom: 0;
  margin: 20px 0;
}

.materials.certificates .guide-box.guide-cert-box .guide-title {
  text-align: center;
  margin-right: 0;
  overflow: hidden;
}

.guide-box figure {
  height: 180px;
  position: relative;
} 

.guide-box figure .cert-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 180px;
  max-width: 100%;
}

.guide-box.guide-cert-box {
  min-height: 337px;
}

.guide-box figure:hover {
  opacity: 0.8;
}

@media (max-width: 479px) {
  .guide-box.guide-cert-box {
    padding-left: 0;
  }
}
/* *** KONIEC CERTYFIKATY *** */

/* *** CUSTOM STYLES *** */
.main-menu .li-hidden-item {
  margin-right: 0;
}

.tile-box .partners-slider .main-partner-img {
  max-width: 180px;
}

.footer-menu-docs {
  margin-top: -25px;
}
/* *** KONIEC CUSTOM STYLES *** */

.position-row {
  opacity: 0;
}

/* Login */
.login-logo-box {
  padding: 30px 0 20px;
}

.login-logo-box img {
  height: 80px;
}

.login-bg {
  background-color: #f1f1f1;
  padding-top: 25px;
  padding-bottom: 150px;
}

.login .login-bg,
.login-step-2 .login-bg {
  height: calc(100vh - 145px);
}

.login-step-2 .login-checkbox-box input,
.registration .reg-checkbox-box input {
  opacity: 0;
}

.register-form .incorrect-val input,
.login-form .incorrect-val input,
.login-form-2 .incorrect-val input {
  border: 1px solid #ed1d1c;
  border-radius: 4px;
}
.reg-agreement.incorrect-val {
  border-bottom: 1px solid #ed1d1c;
}

.registration {
  margin-top: 20px;
  margin-bottom: 40px;
}

.form-logo img {
  display: block;
  margin: 0 auto;
}

.register-form,
.login-form,
.login-form-2 {
  position: relative;
  padding: 40px 33px 30px 33px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.register-form input,
.login-form input,
.login-form-2 input {
  border-width: 1px;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 13px;
  color: #404040;
  height: 40px;
}

.register-form input[type="text"],
.login-form input[type="text"],
.login-form input[type="password"],
.login-form-2 input[type="text"],
.login-form-2 input[type="password"] {
  width: 100%;
  padding: 9px 10px;
}


.reg-password,
.login-pass {
  position: relative;
}

.reg-password .see-pass,
.login-pass .see-pass {
  position: absolute;
  bottom: 28px;
  right: 10px;
  cursor: pointer;
}

.back-btn {
  position: absolute;
  background-color: #d4d4d5;
  width: 42px;
  height: 42px;
  top: 29px;
  left: -21px;
  border-radius: 50%;
}

.back-btn .glyphicon {
  color: #fff;
  text-align: center;
  line-height: 40px;
  width: 42px;
}
  
.back-btn .glyphicon:hover {
  background-color: #dddddd;
}

.reg-title {
  font-family: bariolRegular;
  font-size: 30px;
  color: #000000;
  opacity: 0.45;
  text-align: center;
  margin-bottom: 25px;
}

.register-form label,
.login-form label,
.login-form-2 label {
  display: block;
  font-size: 12px;
  color: #404040;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 8px;
}

.register-form .reg-password label {
  display: inline-block;
}

.reg-pass-strength {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #898989;
  float: right;
}
.reg-pass-strength .pass_progress {
  background-color: #d4d4d5;
  height: 4px;
  width: 80px;
  display: inline-block;
}

.register-form .dropdown {
  margin-bottom: 15px;
}

.register-form .dropdown .btn {
  background-color: #ffffff;
  border-width: 1px;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  padding: 7px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #404040;
  height: 40px;
}

.register-form .dropdown .btn span {
  position: absolute;
  right: 10px;
  top: 7px;
}

.register-form .dropdown .dropdown-menu {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #404040;
}

.register-form .dropdown .btn:hover, 
.register-form input:hover,
.login-form input:hover,
.login-form-2 input:hover {
  border: 1px solid #b9b9b9;
}

.register-form .dropdown .btn:focus, 
.register-form input:focus,
.login-form input:focus,
.login-form-2 input:focus {
  border: 1px solid #0184e2;
}

.reg-company-txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #404040;
}

.reg-zip {
  width: 90px;
  display: inline-block;
  margin-right: 15px;
}

.reg-city {
  width: 185px;
  display: inline-block;
}

.registration .reg-checkbox-box,
.login-form-2 .login-checkbox-box,
.add-offer .add-offer-checkbox-box {
  width: 15px;
  position: relative;
  float: left;
  margin-right: 10px;
}

.registration input[type="checkbox"],
.login-form-2 input[type="checkbox"],
.add-offer input[type="checkbox"] {
  margin-top: 0;
}

.reg-checkbox-box label,
.login-checkbox-box label,
.add-offer-checkbox-box label{
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 1px;
  left: -1px;
  background-image: url(../img/icons/checkbox.png);
  background-repeat: no-repeat;
}

.reg-checkbox-box input[type=checkbox]:checked + label,
.login-checkbox-box input[type=checkbox]:checked + label,
.add-offer-checkbox-box input[type=checkbox]:checked + label {
  background-image: url(../img/icons/checkbox-active.png);
}

.reg-agreement {
  margin-bottom: 20px;
}

.reg-agreement-txt {
  font-size: 10px;
  color: #7d7d7d;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
}

.register-form .btn-7 {
  margin-top: 10px;
}

.login .reg-title {
  font-size: 25px;
  margin-bottom: 35px;
}

.login-mail label,
.login-pass label {
  font-size: 15px;
  text-align: center;
  margin-bottom: 25px;
}

.login-form .btn-7,
.login-form-2 .btn-7,
.register-form .btn-7 {
  border: none;
  width: 100%;
  padding: 12px 0;
  background-color: #f9ae13;
  color: #fff;
  border-radius: 4px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.login-form .btn-7:hover,
.login-form-2 .btn-7:hover,
.register-form .btn-7:hover {
  background-color: #ffffff;
}

.login-form .btn-7:hover img,
.login-form-2 .btn-7:hover img,
.register-form .btn-7:hover img {
  margin-left: 20px;
}

.login-form-2 .btn-8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #007bfb;
}

.login-form-2 .btn-8:hover,
.login-form-2 .btn-8:focus {
  color: #007bfb;
  text-decoration: underline;
}

.continue-btn img {
  margin-left: 13px;
}

.login-txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #404040;
  opacity: 0.8;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 22px;
}

.login-txt p {
  margin-bottom: 0;
}

.login-bar {
  width: 100%;
  height: 1px;
  background-color: #f5f5f5;
}

.login-social-txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #1a1a1a;
  opacity: 0.48;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.fb-btn-box,
.gplus-btn-box {
  display: block;
  margin-top: 15px;
}

.fb-btn,
.gplus-btn {
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.fb-btn img,
.gplus-btn img {
  margin-right: 12px;
}

.fb-btn {
  background-color: #3a5897;
  border-radius: 4px;
  background-image: -moz-linear-gradient( 90deg, rgb(58,86,148) 0%, rgba(58,88,151,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(58,86,148) 0%, rgba(58,88,151,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(58,86,148) 0%, rgba(58,88,151,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 26px;
  display: block;
  width: 134px;
  margin: 0 auto;
}

.fb-btn:hover {
  color: #ffffff;
  background-color: #5784e5;
  background-image: none;
}

.gplus-btn:hover {
  color: #ffffff;
  background-color: #a13628;
  background-image: none;
}

.gplus-btn {
  background-color: #dc4a38;
  border-radius: 4px;
  background-image: -moz-linear-gradient( 90deg, rgb(211,73,58) 0%, rgba(220,74,56,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(211,73,58) 0%, rgba(220,74,56,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(211,73,58) 0%, rgba(220,74,56,0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 31px;
}

.login-form-2 .reg-title {
  margin-bottom: 15px;
}

.login-form-2 .login-txt {
  margin-top: 0;
  margin-bottom: 35px;
}

.login-checkbox {
  margin: 25px 0 40px 50px;
}

.login-remind-btn {
  text-align: center;
}

.register-form .dropdown-menu > li > a:hover {
  background-color: #ffffff;
  color: #0184e2;
}

.reg-company-more-info {
  display: none;
}

.btn-6 {
  background-color: #f9ae13;
  border-radius: 4px;
  color: #402c05;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  padding: 15px 30px;
  border: none;
  font-weight: bold; }
  .btn-6:hover {
    color: #000;
    background-color: #ffffff; }

.login-header {
  background-image: url(../img/shop-header.png);
  background-position: center;
  background-size: cover;
  padding: 50px 0; }
  .login-header .logo {
    display: block;
    width: 289px;
    margin: 0px auto; }

.login .page,
.login-bg,
.login-step-2,
.registration {
  margin: 0;
  padding: 0;
  height: calc(100vh - 145px);
  background-color: #f1f1f1; }

.login-step-2 .login-checkbox-box input,
.registration .reg-checkbox-box input {
  opacity: 0; }

.form-logo img {
  display: block;
  margin: 0 auto; }

.register-form,
.login-form,
.login-form-2 {
  position: relative;
  padding: 40px 33px 30px 33px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  max-width: 390px;
  margin: 50px auto; }

.register-form input,
.login-form input,
.login-form-2 input {
  border-width: 1px;
  border-color: #d9d9d9;
  border-style: solid;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 13px;
  color: #404040;
  height: 40px; }

.register-form input[type="text"],
.login-form input[type="text"],
.login-form-2 input[type="text"] {
  width: 100%;
  padding: 9px 10px; }

.reg-password,
.login-pass {
  position: relative; }

.reg-password .see-pass,
.login-pass .see-pass {
  position: absolute;
  bottom: 26px;
  right: 10px;
  cursor: pointer; }

.back-btn {
  position: absolute;
  background-color: #d4d4d5;
  width: 42px;
  height: 42px;
  top: 29px;
  left: -21px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  background-image: url(../img/login/arrow-login.png);
  background-repeat: no-repeat;
  background-position: 16px 13px; }
  .back-btn:hover {
    background-color: #f9ae13; }

.reg-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #000000;
  opacity: 0.45;
  text-align: center;
  margin-bottom: 25px; }

.register-form label,
.login-form label,
.login-form-2 label {
  display: block;
  font-size: 12px;
  color: #404040;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 8px; }

.register-form label {
  font-weight: bold;
  margin-bottom: 5px; }

.register-form .reg-password label {
  display: inline-block; }

.reg-pass-strength {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #898989;
  float: right; }
  .reg-pass-strength .pass_progress {
    background-color: #d4d4d5;
    height: 4px;
    width: 80px;
    display: inline-block; }

.register-form input:hover,
.login-form input:hover,
.login-form-2 input:hover {
  border: 1px solid #b9b9b9; }

.register-form input:focus,
.login-form input:focus,
.login-form-2 input:focus {
  border: 1px solid #0184e2; }

.login-form .login-social-media {
  text-align: center; }

.register-form .reg-agreement .custom-control {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px; }
.register-form .reg-agreement .reg-agreement-txt {
  display: inline-block;
  width: calc(100% - 40px); }

.reg-agreement {
  margin-bottom: 20px; }

.reg-agreement-txt {
  font-size: 10px;
  color: #7d7d7d;
  font-family: Arial, Helvetica, sans-serif; }

.register-form .btn-login-next {
  margin-top: 10px; }

.login .reg-title {
  font-size: 25px;
  margin-bottom: 35px; }

.login-mail label,
.login-pass label {
  font-size: 15px;
  text-align: center;
  margin-bottom: 25px;
  font-family: Arial, Helvetica, sans-serif;
  color: #404040;
  font-weight: bold; }

.login-form .btn-login-next,
.login-form-2 .btn-login-next,
.register-form .btn-login-next {
  border: 2px solid #f9ae13;
  width: 100%;
  padding: 12px 0;
  background-color: #f9ae13;
  color: #402c05;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif; }
  .login-form .btn-login-next img,
  .login-form-2 .btn-login-next img,
  .register-form .btn-login-next img {
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear; }
  .login-form .btn-login-next:hover,
  .login-form-2 .btn-login-next:hover,
  .register-form .btn-login-next:hover {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    cursor: pointer; }
    .login-form .btn-login-next:hover img,
    .login-form-2 .btn-login-next:hover img,
    .register-form .btn-login-next:hover img {
      margin-left: 20px; }

.login-form-2 .btn-8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #007bfb; }
.login-form-2 .btn-8:hover,
.login-form-2 .btn-8:focus {
  color: #007bfb;
  text-decoration: underline; }

.continue-btn img {
  margin-left: 13px; }

.login-txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #404040;
  opacity: 0.8;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 22px; }

.login-txt p {
  margin-bottom: 0; }

.login-bar {
  width: 100%;
  height: 1px;
  background-color: #f5f5f5; }

.login-social-txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #1a1a1a;
  opacity: 0.48;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }

.fb-btn-box,
.gplus-btn-box,
.twitter-btn-box {
  display: inline-block;
  margin-top: 15px; }

.fb-btn,
.gplus-btn,
.twitter-btn {
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  height: 38px;
  border-radius: 4px; }
  .fb-btn:hover,
  .gplus-btn:hover,
  .twitter-btn:hover {
    text-decoration: none; }

.fb-btn img,
.gplus-btn img,
.twitter-btn img {
  margin-right: 10px; }

.fb-btn {
  background-color: #3a5897;
  background-image: -moz-linear-gradient(90deg, #3a5694 0%, rgba(58, 88, 151, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #3a5694 0%, rgba(58, 88, 151, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #3a5694 0%, rgba(58, 88, 151, 0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 9px 9px;
  display: block;
  margin: 0 auto; }

.fb-btn:hover {
  color: #ffffff;
  background-color: #5784e5;
  background-image: none; }

.gplus-btn:hover {
  color: #ffffff;
  background-color: #a13628;
  background-image: none; }

.gplus-btn {
  background-color: #dc4a38;
  background-image: -moz-linear-gradient(90deg, #d3493a 0%, rgba(220, 74, 56, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #d3493a 0%, rgba(220, 74, 56, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #d3493a 0%, rgba(220, 74, 56, 0) 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 6px;
  display: block; }

.twitter-btn {
  background-color: #51aeef;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 12px;
  display: block;
  margin: 0 auto; }
  .twitter-btn img {
    width: 20px; }

.twitter-btn:hover {
  background-color: #3d83b3;
  color: #ffffff; }

.login-form-2 .reg-title {
  margin-bottom: 15px; }

.login-form-2 .login-txt {
  margin-top: 0;
  margin-bottom: 35px; }

.login-checkbox {
  margin: 25px 0 40px; }

.login-remind-btn {
  text-align: center; }

@media (max-width: 575px) {
  .back-btn {
    left: -10px; } }
@media (max-width: 500px) {
  .register-form, .login-form, .login-form-2 {
    padding: 10px;
    margin: 10px auto; } }
.login-box-input-container.checkbox-container {
  position: relative;
  padding: 10px 0 0 25px;
  text-align: left; }
  .login-box-input-container.checkbox-container.incorrect-val label {
    color: #ed1d1c; }
  .login-box-input-container.checkbox-container label {
    font-weight: normal;
    font-size: 12px; }
  .login-box-input-container.checkbox-container input {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    margin: 0;
    width: 13px;
    height: 13px; }

.next-btn.next-btn-register {
  margin-top: 0; }

.btn-fb-2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #fff;
  background-color: #4267b2;
  border-radius: 4px;
  padding: 8px;
  display: inline-block;
  text-decoration: none !important;
  margin-bottom: 10px;
}

.btn-gplus-2 {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #4285f4;
  border-radius: 2px;
  padding: 0px;
  display: inline-block;
  text-decoration: none !important;
  margin-bottom: 10px;
}

.btn-fb-2 svg {
  height: 24px;
  width: 24px;
  float: left;
}

.btn-fb-2 span {
    line-height: 23px;
    padding: 0px 16px 0px 16px;
}

.btn-gplus-2 svg {
    height: 40px;
    width: 40px;
    float: left;
}

.btn-gplus-2 span {
    line-height: 40px;
    padding: 0px 16px 0px 16px;
}

body.reset-min-height:before {
  min-height: 0 !important;
}

.login-remind-btn {
  line-height: 40px;
}

.blog-page-img {
  max-width: 100%;
}

.out-of-stock-btn {
  font-weight: bold;
  padding: 18px 15px;
}

.m-b-45 {
  margin-bottom: 45px;
}

#fr3ex-cookiewarning {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #e4e4e4;
  z-index: 10000;
  padding: 10px;
  font-size: 11px;
  text-align: center;
  padding-left: 45px;
  padding-right: 45px;
  color: inherit;
}

#fr3ex-closecookie {
  z-index: 2;
  position: absolute;
  right: 6px;
  top: 0px;
  display: block;
  height: 40px;
  width: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAFVBMVEVLVmJLVmJLVmJLVmJLVmJLVmJLVmLg5pN1AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffDBANDReE8NYdAAAALklEQVQI12NggABGATBmFGRgEBQAYcZEkKggiAPkCjIgKKggUIkgA0wDVDsEAABacQILMBANEQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
  cursor: pointer; 
}

.login-header .logo {
  text-align: center;
}

.product-cat-title {
  line-height: 25px;
  height: 50px;
}

.product-cat-box {
  cursor: pointer;
}

.sidebar-menu-img img {
  height: 25px;
}

@media (max-width: 992px) {
  .blog-page .owl-nav .owl-prev {
    left: 0;
  }
  
  .blog-page .owl-nav .owl-next {
    right: 0;
  }
  
  .blog .guide-content {
    margin: 0;
  }
  
  .offer-tiles .tile-box {
    max-height: none;
  }
  
  .offer-tiles .tile-txt-box {
    margin-bottom: 0;
  }
  
  .offer-tiles .tile-box.bg-catalog-img {
    margin-top: 0;
  }
  
  .products.producst-main-page {
    padding-bottom: 120px;
  }
  
  .guide-main-page .guide-content {
    margin-top: 0;
  }
  
  .guide-main-page .guide-content.guide-content-main-page {
    margin-top: -145px;
  }
  
  .shop-slider {
    height: 580px;
  }

  .shop-slider ul li {
    height: 580px;
  }
  
  .shop-slider .bx-wrapper:before {
    display: none;
  }
  
  .shop-slider .wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
  }
  
  .shop-slider .wrapper .txt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
  }
  
  .shop-slider .btn-1 {
    display: inline-block;
  }
  
  .shop-slider .description {
    position: static;
    bottom: initial;
  }
  
  .shop-slider .bx-wrapper .bx-controls-direction a {
    bottom: 20px;
  }
  
  .shop-slider .bx-wrapper .bx-controls-direction a.bx-prev {
    left: calc(50% - 48px);
  }
  
  .shop-slider .bx-wrapper .bx-controls-direction a.bx-next {
    left: initial;
    right: calc(50% - 48px);
  }
  
  .shop-slider p {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .shop-slider h1 {
    font-size: 36px;
    margin-bottom: 25px;
    width: auto;
  }
  
  .shop-slider .slider-subtitle {
    margin-bottom: 15px;
  }
  
  .shop-slider p {
    margin-bottom: 25px;
  }
  
  .shop-slider {
    height: 520px;
  }

  .shop-slider ul li {
    height: 520px;
  }
}

@media (max-width: 480px) {
  .offer-tiles .tile-box .btn-1,
  .offer-tiles .tile-box.bg-catalog-img .btn-2 {
    position: relative;
    bottom: auto;
    margin-top: 10px;
  }
  
  .offer-tiles .tile-box.bg-catalog-img,
  .offer-tiles .tile-box.bg-green {
    padding-bottom: 20px;
  }
  
  .main-page-tiles .tile-box,
  .shop-tiles .tile-box {
    height: auto;
    max-height: none;
  }
  
  .main-page-tiles .tile-box img.tile-box-arrow,
  .shop-tiles .tile-box img.tile-box-arrow {
    position: relative;
    bottom: auto;
    margin-bottom: 35px;
    margin-top: 20px;
  }
  
  .main-page-tiles .big-col {
    height: auto;
    padding-bottom: 15px;
  }
  
  .main-page-tiles .bg-grey.big-col .btn-2 {
    position: relative;
    margin-bottom: 20px;
    bottom: initial;
    display: block;
    width: 190px;
  }
  
  .main-page-tiles .bg-grey.big-col .tile-txt-title {
    padding-top: 35px;
  }
  
  .main-page-tiles .tile-box .btn-1,
  .shop-tiles .tile-box .btn-1 {
    position: relative;
    display: block;
    width: 150px;
    bottom: auto;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  
  .main-page-tiles .tile-box.bg-light-blue,
  .shop-tiles .tile-box.bg-light-blue {
    padding-bottom: 15px;
  }
  
  .main-page-tiles .certificates-slider {
    padding-bottom: 65px;
  }
  
  .main-page-tiles .partners-slider {
    padding-bottom: 65px;
  }
  
  .main-page-tiles .tile-box .partners-slider img {
    max-height: 105px;
  }
}

#mobile-basket-count {
  background-color: #fff;
  color: #153049;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: 14px;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}

.header-rsp .basket-1 {
  position: relative;
}

.header-rsp .basket-1 img {
  width: 40px;
}

.box-rsp {
  position: absolute;
  top: 15px;
  right: 22px;
}

.box-rsp .log-1 {
  margin-right: 10px;
}

.discount_group_badge {
  position: absolute;
  background-color: #f9ae13;
  top: 0;
  right: 0;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}

.products-list-empty {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 50px 0;
}

.view-box-container {
  float: right;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 6px 8px 5px;
  background-color: #fff;
}

.view-box-container .view-box {
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
  cursor: pointer;
  margin: 7px;
  overflow: hidden;
}

.view-box-container .view-box.active .view-animation, 
.view-box-container .view-box.active .view-animation .grey-box {
  -webkit-transition: all 0.4s 0.2s ease-out;
  -moz-transition: all 0.4s 0.2s ease-out;
  -o-transition: all 0.4s 0.2s ease-out;
  transition: all 0.4s 0.2s ease-out;
}

.view-box-container .view-box.active .view-animation .view-box-a {
  top: -30px;
}

.view-box-container .view-box.active .view-animation .view-box-b {
  bottom: 16px;
}

.view-box-container .view-box.active .view-animation .view-box-aa {
  top: -30px;
}

.view-box-container .view-box.active .view-animation .view-box-bb {
  bottom: 16px;
}

.view-box-container .view-box.active .view-animation .grey-box {
  background-color: #005088;
}

.view-box-container .view-box-a {
  top: 0;
}

.view-box-container .view-box-b {
  bottom: -12px;
}

.view-box-container .view-box-aa {
  top: 0;
}

.view-box-container .view-box-bb {
  bottom: -12px;
}

.view-box-container .view-animation {
  height: 100%;
  width: 100%;
  position: relative;
}

.view-box-container .view-animation,
.view-box-container .grey-box {
  -webkit-transition: all 0.4s 0.2s ease-out;
  -moz-transition: all 0.4s 0.2s ease-out;
  -o-transition: all 0.4s 0.2s ease-out;
  transition: all 0.4s 0.2s ease-out;
}

.view-box-container .grey-box {
  background-color: rgba(21, 48, 73, 0.5);
  position: absolute;
}

.view-box-container .grey-box-q {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
}

.view-box-container .grey-box-ca {
  width: calc(50% - 4px);
  height: calc(50% - 4px);
}

.view-box-container .grey-box-cb {
  width: calc(50% + 2px);
  height: calc(50% - 4px);
}

.view-box-container .grey-box-q1 {
  top: 0;
  left: 0;
}

.view-box-container .grey-box-q2 {
  top: 0;
  right: 0;
}

.view-box-container .grey-box-q3 {
  left: 0;
  bottom: 0;
}

.view-box-container .grey-box-q4 {
  right: 0;
  bottom: 0;
}

.view-box-container .grey-box-ca1 {
  top: 0;
  left: 0;
}

.view-box-container .grey-box-ca2 {
  top: 6px;
  left: 0;
}

.view-box-container .grey-box-ca3 {
  bottom: 0;
  left: 0;
}

.view-box-container .grey-box-cb1 {
  top: 0;
  right: 0;
}

.view-box-container .grey-box-cb2 {
  top: 6px;
  right: 0;
}

.view-box-container .grey-box-cb3 {
  bottom: 0;
  right: 0;
}

.product-listing-box {
  text-align: center;
  margin-top: 50px;
}

.product-listing-box img {
  margin-bottom: 20px;
}

.product-listing-box .btn-3 {
  background-repeat: no-repeat;
  padding: 7px 25px;
  width: 130px;
  text-align: left;
  display: block;
  margin: 0 auto;
  background-image: url(../img/arrow-brown.png),-moz-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-webkit-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-image: url(../img/arrow-brown.png),-ms-linear-gradient( 90deg, rgb(249,174,19) 0%, rgba(236,165,18,0) 100%);
  background-position: calc(100% - 10px) center, 0 0;
}

.product-listing-box .btn-3:hover {
  background-image: url(../img/arrow-blue-2.png);
}

.item-prod-listing.item-prod-list-view img,
.item-prod-listing.item-prod-list-view .product-tab-box-desc {
  display: inline-block
}

.item-prod-listing.item-prod-list-view img {
  margin-right: 40px;
  vertical-align: top;
}

.item-prod-listing.item-prod-list-view .product-listing-box {
  text-align: left;
  padding-left: 50px;
}

.item-prod-listing.item-prod-list-view .product-listing-box .btn-3 {
  margin: 0;
}

.sidebar-toggle-cats-btn,
.filters-toggle-btn {
  display: none;
}

.profile-left-menu .profile-left-main-menu .profile-main-menu .profile-left-menu-item.active {
  background-color: #f9ae13;
}

.assign-mc-address-dlg .modal-content,
#add-merchant-address-dlg .modal-content,
#edit-merchant-address-dlg .modal-content {
  border-radius: 0;
  padding: 20px;
}

.assign-mc-address-dlg input,
#add-merchant-address-dlg input,
#edit-merchant-address-dlg input {
  margin-bottom: 10px;
}

.assign-mc-address-dlg input[type=checkbox]{
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  height: auto;
}

.assign-mc-address-dlg .buttons,
#add-merchant-address-dlg .buttons,
#edit-merchant-address-dlg .buttons {
  padding-top: 10px;
}

.assign-mc-address-dlg form,
#add-merchant-address-dlg form,
#edit-merchant-address-dlg form {
  padding-top: 45px;
}

.user-profile .assign-mc-address-dlg .merchant-credit-address-form .merchant-credit-address-row label {
  margin-left: 10px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0;
}

.merchant-credit-address-row {
  margin-bottom: 10px;
}

#add-merchant-address-dlg input,
#edit-merchant-address-dlg input {
  display: block;
  margin: 0 auto 10px;
}

.btn-1.add-merchant-address-btn {
  position: absolute;
  top: 30px;
  right: 30px;
}

.merchant-credit-allowed-address {
  display: none;
}

.page.page-user {
  background-color: #fafafa;
}

.sidebar-subcat-menu .sidebar-menu-subcat-item {
  padding-left: 20px;
}

.sidebar-subcat-menu .sidebar-menu-subcat-item:before {
  left: 10px;
} 

.sidebar-subcat-menu .sidebar-menu-subcat-item .sidebar-menu-subcat-item-link {
  padding: 10px 15px;
  display: block;
}

@media (max-width: 992px) {
  .item-prod-listing.item-prod-list-view .product-tab-box-desc {
    width: auto;
  }
  
  .sidebar-toggle-cats-btn {
    display: block;
    position: absolute;
    padding: 3px 7px;
    font-size: 14px;
    right: 0;
    top: 7px;
  }
  
  .filters-toggle-btn {
    display: block;
    position: absolute;
    padding: 3px 7px;
    font-size: 14px;
    right: 0;
    top: 7px;
  }
  
  .sidebar-menu,
  .listing-filter-items {
    display: none;
  }
  
  .filters {
    padding: 25px 30px;
  }
  
  .products-list-empty-col {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .view-box-container {
    float: none;
    display: block;
    clear: both;
    width: 80px;
    margin-top: 20px;
  }
}

@media only screen and (min-width : 480px) {
  .flex-row.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after, 
  .flex-row.row:before {
    display: flex;
  }
  
  .row.flex-row.flex-row-fix{
   align-items: stretch;
  }
  .nexposrel{
    position:relative;
  }
  .nexposrel .btn-3{
    position: absolute !important;
    bottom: 0px !important;
    left: 50% !important;
    transform: translate(-50%);
  }
  .margin-boot-50{
    margin-bottom: 50px;
  }
}

@media print {
  .product-info-tabs .nav>li>a.no-print,
  .product-info-tabs .tab-content>.active.no-print,
  .product-name-line .badges.no-print {
    display: none;
  }
  
  .product-info-tabs .tab-content>#tab-product-1.tab-pane {
    display: block;
    opacity: 1;
  }
  
  .product-details-list-title {
    margin-top: 20px;
  }
  
  .product-info-tabs .panel {
    border-bottom: none;
  }
}

.contact-logo-txt {
  margin-bottom: 30px;
  margin-top: 30px;
}

.contact-item-box {
  margin-bottom: 25px;
}

.contact_3 .col-md-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.contact_3 .col-xs-6, .contact_3 .col-xxs-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.contact_3 {
  margin-top: 25px;
}

.contact-item-box .text-mini {
  font-size: 18px;
  margin-top: 5px;
}

.contact-top {
  margin-top: 15px;
}