/* =========================================
    Default Theme
    ----------------------------------------
    Fonts: Raleway & Open Sans
    ----------------------------------------
    Colors:
        Moon Yellow:         var(--moon-yellow-2);
		Moon Yellow-2:       var(--moon-yellow-2)
        Grey:                #212226
        White Smoke:         #f4f4f4
        White:               #fff
        Black:               #000   

============================================ */

:root {
/* =========================================
           Site, general
============================================ */
  --moon-yellow-1: var(--moon-yellow-2);;
  --moon-yellow-2: rgb(241, 173, 156);
 /* --moon-yellow-2: var(--moon-yellow-2);*/
  --grey-color:	   #212226;
  --white-color:   #f8f8f8;

  --modal-duration: 1s;
  --arrangements-grid-duration: 1s;
	
/* =========================================
           Hamburger, navigation
============================================ */
  --primary-color:   rgb(241, 173, 156);
 /* --primary-color:   rgba(218, 138, 0, 0.75);*/
  --secondary-color: rgba(218, 138, 0, 0.9);
  --overlay-color:   rgba(33, 34, 38, 0.75);
  --white2-color:   rgba(227, 227, 227, 0.75);
  --menu-speed: 0.75s;
  --mainPink: rgb(239, 121, 152);

}
 

/* =========================================
                Html, Body
https://stackoverflow.com/questions/21324395/bootstrap-3-flush-footer-to-bottom-not-fixed
============================================ */

html {
  /*position: relative;*/
  	min-height: 100%;
	scroll-behavior: smooth;
}


html,
body {
	height: 100%;
 
}

body {
    color: var(--grey-color);
	margin-bottom: 60px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

section {
    background: var(--white-color);
    overflow: hidden;
}

/*a {
    color: var(--grey-color) !important;
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--grey-color) !important;
    text-decoration: underline !important;
}*/
img {
    /*image-rendering: auto;*/
    /*image-rendering: crisp-edges;*/
    /*image-rendering: pixelated;*/

    /* Safari seems to support, but seems deprecated and does the same thing as the others. */
    image-rendering: -webkit-optimize-contrast;
}

.style-1 {
    color: red;
}
.style-1:hover, 
.style:focus {
    color: darkred;
}
.style-2 a {
    color: var(--grey-color);
    text-decoration: underline;
}
.style-2 a:hover,
.style-2 a:focus {
    color: var(--grey-color);
}


/* =========================================
                Preloader
============================================ */
#preloader {
	background-color: #212226;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

#status {
	background-image: url("../images_www/preloader/preloader_bulb.gif");
	background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
}


/* =========================================
                Home
============================================ */
/*Video player shows black border, I found the following to be the best solution for removing the 1px border:*/
video {
    clip-path: inset(1px 1px);
}

/* żeby był widoczny film, 100% */
#home {
    background: none;
    height: 100%;
}

.content-box-89 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

#home-bg-video-2 {
    object-fit: fill;
    border: none !important;
    position: relative;
}

#home-bg-video-2 video {
    padding-top: 30px;
}

#home-bg-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	/* bedzie na ostatniej warstwie*/
    z-index: -1;
	/* jezeli film nie dziala*/
    background: url("../video/logo_3.jpg") no-repeat;
	/* grafika bedzie miala 1920px*/
    background-size: cover;
    object-fit: cover;
}

/* nakladka na zdjecie + film -> przezroczystosc 20% */
#home-overlay {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-color: rgba(0, 0, 0, 0) !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/*  http://vanseodesign.com/css/vertical-centering/ */
/*  przykład opisy na środku*/
/*
#parent {display: table;}

#child {
    display: table-cell;
    vertical-align: middle;
}
*/

#home-content {
    width: 100%;
    height: 100%;
    display: table;
}

#home-content-inner {
    display: table-cell;
    vertical-align: middle;
}

#home-heading h1 {
	font-family: "Open Sans", sans-serif;
	letter-spacing: 15px;
    color: var(--white-color);
    font-size: 65px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0px 0 30px 0;
    display: inline-block;
}

#home-heading h1 span {
    color: var(--moon-yellow-2);
    font-weight: 500;
}

#home-heading h2 {
	font-family: "Open Sans", sans-serif;
    letter-spacing: 10px;
    color: var(--white-color);
	font-size: 33px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0;
	/* inline-block - zbija 2 linie w jedną całość */
	display: inline-block;
	/* inline-block - zbija 2 linie w jedną całość */
	/* https://stackoverflow.com/questions/21612058/letter-spacing-wrong-text-center-alignment */
	/* 15px - 10px letter-spacing = 5px */
	margin-left: -5px;
}

#home-heading h2 span {
    color: var(--moon-yellow-2);
    font-weight: 500;
}

#home-text p {
    color: var(--white-color);
    font-size: 17px;
    font-weight: 100;
    margin: 8px 0 30px 0;
}

/* =========================================
                Buttons
============================================ */
#home-btn {
	/*margin-top:65px;*/
	/*position: fixed;  */
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*position: fixed;*/
    /*bottom: 20px;*/
    /*left: auto;*/
    /*right: auto;*/
}

.btn-general {
    font-family: 'Open Sans', sans-serif;
    border-radius: 28px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 6px;
    padding: 12px 46px 12px 46px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn-home {
    color: var(--white-color);
    border: 1px solid var(--white-color);
}

.btn-home:hover,
.btn-home:focus {
    color: var(--white-color);
    background-color: var(--moon-yellow-2);
	/*background-image: linear-gradient(to right, var(--moon-yellow-1), var(--moon-yellow-2));*/
    border: 1px solid var(--moon-yellow-2);
}

.btn-yellow {
    color: var(--white-color);
    border: 1px solid var(--moon-yellow-2);
    background-color: var(--moon-yellow-2);
}

.btn-yellow:hover,
.btn-yellow:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.btn-yellow2 {
	border-radius: 8px;
	padding: 2px 26px 2px 26px;
    color: var(--white-color);
    border: 1px solid var(--moon-yellow-2);
    background-color: var(--moon-yellow-2);
}

.btn-yellow2:hover,
.btn-yellow2:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.btn-yellow3 {
	border-radius: 4px;
	padding: 1px 4px 1px 4px;
    color: var(--white-color);
    border: 1px solid var(--moon-yellow-2);
    background-color: var(--moon-yellow-2);
}

.btn-yellow3:hover,
.btn-yellow3:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.btn-white {
    color: #212226;
    border: 1px solid var(--white-color);
    background-color: var(--white-color);
}

.btn-white:hover,
.btn-white:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 3px 15px;
    border-radius: 4px;
    font-size: 22px;
    display: none;
	z-index: 111;
}

.btn-back-to-previous {
    position: fixed;
	top:150px;
    left:20px;
	z-index: 111;
}

/* Cart button's */
.button-cart-update > a,
.button-cart > button,
.button-cart > a {
	font-family: 'Open Sans', sans-serif;
    border-radius: 28px;
    font-size: 13px;
    background-color: var(--moon-yellow-2); 
    color: var(--white-color);
    display: inline-block;
	margin: 0 6px;
    -webkit-transition: all .5s;
    transition: all .5s;  
    font-weight: 500;
    line-height: 1;
    padding: 18px 63px 17px;
    text-transform: uppercase;
	margin-right: 55px;
	margin-bottom: 25px;
}
.button-cart-update > a:hover,
.button-cart > button:hover,
.button-cart > a:hover {
    background-color: #212226;
    /*border: 1px solid #212226;*/
    color: #fff;
}
.button-cart > button {
    border: medium none;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s; 
}


/* =========================================
                Arrow Down
position: relative - home section
============================================ */

#arrow-down {
    position: absolute;
    left: 50%;
    bottom: 20px;
    color: var(--white-color);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
	/* 32/2 = 16px */
    margin-left: -16px;
    z-index: 1;
}

#arrow-down:hover,
#arrow-down:focus {
    color: var(--moon-yellow-2);
}

/* =========================================
                Content Boxes
============================================ */

.content-box-lg {
    padding: 120px 0;
}

.content-box-md {
    padding: 100px 0;
}

.content-box-sm {
    padding: 90px 0;
}


/* =========================================
        Vertical/Horizontal Headings
============================================ */

.vertical-heading h5 {
    color: var(--moon-yellow-2);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    word-spacing: 10px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 60px;
    left: -53px;
}

.vertical-heading h2 {
    margin: 0 0 0 35px;
}

.horizontal-heading h2,
.vertical-heading h2 {
    font-size: 42px;
    font-weight: 100;
    line-height: 45px;
}

.horizontal-heading {
    margin-bottom: 80px;
}

.horizontal-heading h5 {
    font-size: 16px;
    color: var(--moon-yellow-2);
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}

.horizontal-heading2 h5 {
    font-size: 16px;
    color: var(--grey-color);
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}

.horizontal-heading h2 {
    margin: 0;
}


/* =========================================
                About Us
============================================ */
#about-01 .vertical-heading h2 {
	margin-left: 0px;
	font-weight: 300;
}

#about-top-img {
	margin-top: 60px;
}

.ggskin.ggskin_text div {
    overflow-y: hidden !important;
}
.ggskin.ggskin_rectangle {
    background-color: rgba(0,0,0,0.25) !important;
}

#about-01 hr {
	border-top: 1px solid #e1e1e1;
}

#about-top-img img {
    margin: 0 auto;
}
#about-01 p {
	text-align: left;
	font-size: 16px;
	padding-left: 30px;
	line-height: 33px;
}

#about-02 p {
	text-align: left;
	font-size: 16px;
	padding-left: 30px;
	line-height: 33px;
}

#about-01 .about-vision-m {
	padding-right: 0px;
}

#about-02 .about-vision-m {
	padding-right: 0px;
}

#about-01 .about-vision {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#about-02 .about-vision {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#about-01 .about-mission {
	padding-top: 20px;
}

#about-02 .about-mission {
	padding-top: 20px;
}

#about-02 .about-item .fa {
	padding-right: 15px;
	color: var(--grey-color);
	font-size: 28px;
}

#about-02 hr {
	border-top: 1px solid #e1e1e1;
}

#about-02 .about-item h4 {
	color: var(--moon-yellow-2);
}

#about-02 p {
	text-align: left;
	font-size: 16px;
	padding-left: 30px;
	line-height: 33px;
}

.about-02-row-plan {
	margin-top: -40px;
	margin-bottom: 120px !important;
}

.about_hdr_01 {
    padding: 160px 0 0;
}

/* =========================================
               Team About Us
============================================ */

#team-about-left .vertical-heading {
	margin-top: 20px;
    min-height: 180px;
}

#team-about-left .vertical-heading h2 strong {
	color: var(--moon-yellow-2);
}

#team-about-left .vertical-heading h2 {
	font-weight:300;
}

.team-about-member {
    margin: 8px;
    position: relative;
}

/*.team-about-member {
	margin-top: 30px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
    position: relative;
}*/

.team-about-member-overlay {
	 /*
	  var(--moon-yellow-2);
	  --grey-color:	   #212226;
 	  --white-color:   #f8f8f8; 
	*/
    background-color: rgba(33, 34, 38, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}


.team-about-member-info {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
}

.team-about-member-info h6 {
    color: var(--white-color);
    font-size: 18px;
    margin: 0;
}

.team-about-member-info p {
    color: var(--white-color);
}

.team-about-member:hover .team-about-member-overlay {
    opacity: 1;
}


/* =========================================
                Skills
============================================ */

.skill {
    margin-bottom: 20px;
}

.skill h4 {
    line-height: 62px;
    margin: 0;
    font-weight: normal;
}

.progress {
    height: 25px;
    border-radius: 0;
    background: #efefef;
    overflow: visible;
}

.progress-bar {
    background: var(--moon-yellow-2);;
    position: relative;
}

.progress-bar span {
    font-size: 11px;
    font-weight: 100;
    font-family: "Open Sans", sans-serif;
    background: #212226;
    padding: 3px;
    position: absolute;
    left: 97%;
    top: -47px;
}

.progress-bar span:before {
    content: "";
    border-top: 8px solid #212226;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 23%;
}



/* =========================================
		   Portfolio / Products
============================================ */
/*Live search s.php*/
#portfolio .form-control {
	font-family: "Open Sans", sans-serif;
	height: 66px;
	font-size: 20px;
	border: none;
	box-shadow: 0 0 0 1px #c2c2c2 inset;
	-moz-box-shadow: 0 0 0 1px #c2c2c2 inset;
	-webkit-box-shadow: 0 0 0 1px #c2c2c2 inset;
	-o-box-shadow: 0 0 0 1px #c2c2c2 inset;
	color: #3c3d3d;
	/*font-size: 31px;*/
	line-height: 100%;
	text-indent: 30px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
}

#portfolio .form-control::-webkit-input-placeholder { color: #b9b9b9; }  /* WebKit, Blink, Edge */
#portfolio .form-control:-moz-placeholder { color: #b9b9b9; }  /* Mozilla Firefox 4 to 18 */
#portfolio .form-control::-moz-placeholder { color: #b9b9b9; }  /* Mozilla Firefox 19+ */
#portfolio .form-control:-ms-input-placeholder { color: #b9b9b9; }  /* Internet Explorer 10-11 */
#portfolio .form-control::-ms-input-placeholder { color: #b9b9b9; }  /* Microsoft Edge */

#portfolio {
   	padding-top: 60px;
    padding-bottom: 160px;
	/*min-height:280%;*/
}

#portfolio_ss_c {
	padding-top: 0px;
    padding-bottom: 0px;
}

#portfolio_ss_c .content-box-md {
	padding-top: 50px;
}

#portfolio_ss_c .form-control {
	font-family: "Open Sans", sans-serif;
	height: 66px;
	font-size: 20px;
	border: none;
	box-shadow: 0 0 0 1px #c2c2c2 inset;
	-moz-box-shadow: 0 0 0 1px #c2c2c2 inset;
	-webkit-box-shadow: 0 0 0 1px #c2c2c2 inset;
	-o-box-shadow: 0 0 0 1px #c2c2c2 inset;
	color: #3c3d3d;
	/*font-size: 31px;*/
	line-height: 100%;
	text-indent: 30px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
}

#portfolio #breadcrumbs {
	margin-left: -36px;
}

#portfolio .fa-shopping-bag {
	font-size: 28px !important;
}

#portfolio-filter {
	margin-top: -45px;
}

#portfolio .vertical-heading {
	/*margin-top: 20px;*/
    margin-bottom: 50px;
}

#portfolio .content-box-md {
/*	padding-bottom: 50px;
	margin: 0px;*/
	overflow: hidden;
}

.row.no-gutters [class*=col-]{
      /*color: red;*/
      padding: 2px;
      /*margin:-3px;*/
  }

#portfolio-wrapper .row.no-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.portfolio-item {
    overflow: hidden;
    position: relative;
}

#portfolio-wrapper {
	height:100%;
	overflow: hidden;
}

#portfolio-wrapper .container-fluid {
	
	/*background: red; */
	/*width: 1920px;*/
	/*width: 100% !important;*/
}

#portfolio-wrapper .col-md-3, .col-sm-6, .col-xs-12 {
	
	/*background: blue;*/
/*	margin-left:-4px;
	margin-top:-4px;*/
	/*padding: 0;*/
	
}


/* Zoom Effect */

.portfolio-item img {
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.portfolio-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Overlay Effect */

.portfolio-item-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--overlay-color);
    cursor: pointer;
	
	/*Bardzo wane przezroczystosc na 0 - wtedy - gdy najedzie sie myszka wtedy  opacity: 1;*/
    opacity: 0;
	
	
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* Item Details Effect */
/* 50% + -50% na idealnie na srodku */

.portfolio-item-details {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio-item-details h3 {
    color: var(--moon-yellow-2);
    text-transform: uppercase;
    font-size: 30px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
    margin: 0;
    
	/* zmiana pozycji h3 w gore  */
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
/*  podwojne linie */
.portfolio-item-details span {
    display: inline-block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 6px;
    width: 30px;
	/*  podwojne linie */
    margin: 11px auto 5px auto;
}

.portfolio-item-details p {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
	/* zmiana pozycji p z dolu w gore na odwrot w h3 bylo - a tu jest +  */
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	/* wyswietlanie tekstu bez myslnikow a myslniki byly potrzebne do dobrego filtrowania w produktach - klasa musi byc cala  */
}

.portfolio-item-details .fas {
    margin: 0;
    padding: 0;
    font-size: 22px !important;
}

.portfolio-item-details .shoping-cart-button {
    margin: 0;
    padding: 0;
    /* zmiana pozycji p z dolu w gore na odwrot w h3 bylo - a tu jest +  */
    -webkit-transform: translateY(90%);
    transform: translateY(90%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


/* Show Overlay on mouse over */
/* Tutaj jest ustawione na 0 od 0 do -20 i 20 */

.portfolio-item:hover .portfolio-item-details h3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-item:hover .portfolio-item-details p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-item:hover .shoping-cart-button  {
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
}


	/*Bardzo wane przezroczystosc na 1 - wtedy - gdy najedzie sie myszka jest czany*/
.portfolio-item:hover .portfolio-item-overlay {
    opacity: 1;
}

/* Filters CSS */
#isotope-filters {
    margin-bottom: 10px;
    padding: 20px 25px 20px 0;
}

#isotope-filters button {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 35px;
	/*brak ramek na buttonach*/
    outline: 0;
}

#isotope-filters button span {
    display: block;
    padding-bottom: 5px;
    -webkit-transition: border-color .4s ease-in-out;
    transition: border-color .4s ease-in-out;
}

#isotope-filters button.active span {
    color: var(--moon-yellow-2);
    border-bottom: 3px solid var(--moon-yellow-2);

}


/* =========================================
				Pagination
============================================ */
#pagination .content-box-md {
	padding-top: 150px;
	padding-bottom: 0px;
}


#pagination_ss_c .content-box-md{
	padding-top: 50px !important;
}


.pagination {
	overflow: hidden;
	background: none;
  	align-items: center !important;
  	justify-content: center !important;
	
}

.pagination a,  
.pagination span {
	
 	display: inline-block;
	font-weight: 700;
	font-size: 15px;
	padding: 8px 15px;
 	margin: 0 5px;
	/*border: solid 1.4px var(--grey-color);*/
	border: solid 1.4px var(--moon-yellow-2);
  	border-radius: 28px;
  	color:#5A5A5A;
  	box-shadow: inset 0 0px 0 #ddd;
  /*box-shadow: inset 0 -1px 0 #ddd;*/
 	background: none;
	-webkit-transition: all 400ms linear;
    transition: all 400ms linear;

}

.pagination a:hover {
	
	color: #fff;
	box-shadow: inset 0 0px 0 #ddd;
	background: var(--moon-yellow-2);
	text-decoration: none !important;
}

.pagination span.selected {
	color: #fff;
	font-weight: 700 !important;
	background: var(--moon-yellow-2);
  	/*color: var(--moon-yellow-2);*/
	box-shadow: inset 0 0px 0 #ddd;
	/*background: none;*/
}
.page-link {
    cursor: pointer;

}

.page-link:hover {
    z-index: 2;
	color: #fff;
	box-shadow: inset 0 0px 0 #ddd;
	background: var(--moon-yellow-2);
	text-decoration: none !important;
}

.page-link-dot {
    border: none !important;
    letter-spacing: 6px;
    font-size: 20px !important;
    padding: 0 !important;
}

.page-l-np .fas {
    font-size: 16px !important;
}

/* =========================================
    Services 02 (Responsive Tabs)
============================================ */

#ss_c .content-box-lg{
	padding-bottom: 0px !important;
}


#services-02 {
	/*tło pod responsive-tab*/
    background: var(--white-color);
}



#services-02 .content-box-md {
    padding-top: 10px;
}


#services-01 .content-box-lg {
   padding-bottom: 0px;
}

#services .btn-yellow {
	margin-top: 20px;
	font-family: "Open Sans", sans-serif;
	/*color: #212226;*/
	font-weight: 600;
}

#services .btn-yellow:hover,
#services .btn-yellow:focus {
    color: var(--white-color);
}

#services-tabs ul {
	margin-top: 40px;
    margin-bottom: 15px;
}

#services-tabs ul li {
	/*odległość między linkami ->li*/
    padding: 5px 30px;
}

#services-tabs ul li a {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: var(--grey-color);
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
	/*no underline*/
    text-decoration: none;
}

#services-tabs .quantity-red {
	background-color: #FF4136;
	color: white;
	display: table-cell;
	vertical-align: middle
}

#services-tabs .quantity-red-txt {
	padding: 5px;
}

#service-tab-1 .show-description a {
	/*background-color: crimson;*/
	text-decoration: underline;
	color: var(--grey-color);
}

#service-tab-1 .show-description a:hover, a:focus {
	/*background-color: crimson;*/
	text-decoration: underline;
	color: var(--moon-yellow-2);
}


/* Tab active state */

#services-tabs ul li.r-tabs-state-active a {
    color: var(--moon-yellow-2);
    font-weight: 700;
    border-bottom: 3px solid var(--moon-yellow-2);
    padding-bottom: 5px;
    -webkit-transition: border-color 300ms linear;
    transition: border-color 300ms linear;
	
}

.col-md-5-p {
	/*background: red*/;
	padding-left: 0px;
}

.row-swoh-product {
	background: #fff;
}

.service-tab .col-md-6 {
    padding: 0;
}

.service-tab .col-md-8 {
    padding: 0;
}

.service-tab .col-md-4 {
    padding: 0;
}

.service-tab img {
   /* width: 100%;*/
    margin: 0 auto;
	/*padding: 5px;*/
}
/*https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height*/
.service-tab .tab-bg {
    background: #fff;
    padding: 59px 30px;
    /*min-height: 779px;*/
	min-height: 100px; 
}

.service-tab h2 {
    font-size: 38px;
	font-family: "Open Sans", sans-serif;
    color: var(--moon-yellow-2);
    /*margin-bottom: 20px;*/
    font-weight: 400;
}

.service-tab h3 {
    font-size: 32px;
    margin-bottom: 30px;
}

.service-tab p {
    line-height: 24px;
    margin-bottom: 30px;
}


/* =========================================
         Slider Buttons show.php
============================================ */
/*.owl-theme .owl-nav [class*=owl-]*/

/*nawigacja na dole*/
.owl-theme .owl-nav [class*=owl-] .fa, .fas {
	font-weight: 200 !important;
	font-size: 48px !important;
	opacity: 0.5;
}
/*nawigacja na zdjęciu*/
/*.owl-theme .owl-nav [class*=owl-] .fa, .fas {
	font-weight: 200 !important;
	font-size: 78px !important;
	position: relative;
	top: -400px;
	opacity: 0.3;
}
*/
/*.owl-theme .owl-nav [class*=owl-] .fa-angle-left {
	
}

.owl-theme .owl-nav [class*=owl-] .fa-angle-right {
	margin-left:670px;
}*/

.owl-theme .owl-nav [class*=owl-] {
    color: var(--grey-color) !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
    background: none;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
    color: var(--grey-color);
}


/* =========================================
                Navigation
============================================ */

.navbar {
    padding: 18px 0 18px 0;
	/*z-index: 222;*/
	/*smooth - przenikanie z czarnego na biały*/
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

/*lewa i prawa strona po 85px*/
.site-nav-wrapper {
    /*padding: 0 85px;*/
    padding-left: 85px;
    /*padding-right: 30px;*/
    padding-right: 0px;
}

/* logo */
.navbar-brand {
    padding: 0px 15px;
    /*padding: 10px 15px;*/
}

.navbar-brand img {
	width: 210px;
}

/*Linki*/
ul.navbar-nav>li>a {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul.navbar-nav>li>a:hover,
ul.navbar-nav>li>a:focus {
    background: none;
    color: var(--moon-yellow-2);
}

ul.navbar-nav #live-search-icon {
	/*background: red;*/
	position: relative;
	/*top:-4px;	*/
}

ul.navbar-nav #user-normal-login {
	position: relative;
	/*top:-4px;*/
}

/*accordion mobile nav 1*/
#accordion-mobile-navigation .fas {
    font-size: 12px !important;
}

#accordion-mobile-navigation .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion-mobile-navigation .menu-wrap .menu > div > div > ul > li {
    font-size: 20px !important;;
}

#accordion-mobile-navigation .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: white;
    font-size: 18px !important;
}

#accordion-mobile-navigation .panel-body {
    color: white; /* Ustawienie koloru tekstu na czarny */
    background-color: transparent; /* Ustawienie przezroczystego tła */
    padding: 0; /* Usunięcie wewnętrznego marginesu dla panelu */
}

#accordion-mobile-navigation .panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

#accordion-mobile-navigation .panel-body ul {
    list-style-type: none; /* Usunięcie standardowych kropek */
    /* Usunięcie marginesu zewnętrznego dla listy */
    margin: 0 0 10px;
    padding: 0; /* Usunięcie marginesu wewnętrznego dla listy */
}

#accordion-mobile-navigation .panel-body ul li {
    color: white; /* Ustawienie koloru tekstu na czarny */
    padding: 0; /* Dodanie wewnętrznego odstępu dla elementów listy */
    /*text-align: left; !* Wyrównanie tekstu do lewej strony *!*/
}

#accordion-mobile-navigation .panel-body ul li a {
    color: white; /* Ustawienie koloru tekstu na czarny */
    text-decoration: none; /* Usunięcie podkreślenia odnośników */
    display: block; /* Ustawienie odnośników jako bloków */
    padding: 5px 6px; /* Dodanie wewnętrznego odstępu dla odnośników */
    transition: color 0.4s ease;
}

#accordion-mobile-navigation .panel-body ul li a:hover {
    background-color: transparent !important; /* Dodanie efektu zmiany koloru podczas najechania myszką */
    color: var(--secondary-color);
}

#accordion-mobile-navigation .panel-group {
    margin-bottom: 0;
}

/*accordion mobile nav 2*/
#accordion-mobile-navigation-2 .panel-group {
    margin-bottom: 0;
}

#accordion-mobile-navigation-2 ul li a {
    /*font-size: 16px !important;*/
}

#accordion-mobile-navigation-2 .fas {
    font-size: 12px !important;
}

#accordion-mobile-navigation-2 .panel {
    /*margin-bottom: 20px;*/
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion-mobile-navigation-2 .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: white;
    font-size: 18px !important;
}

#accordion-mobile-navigation-2 .panel-body {
    color: white; /* Ustawienie koloru tekstu na czarny */
    background-color: transparent; /* Ustawienie przezroczystego tła */
    padding: 0; /* Usunięcie wewnętrznego marginesu dla panelu */
}

#accordion-mobile-navigation-2 .panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

#accordion-mobile-navigation-2 .panel-body ul {
    list-style-type: none; /* Usunięcie standardowych kropek */
    /* Usunięcie marginesu zewnętrznego dla listy */
    margin: 0 0 10px;
    padding: 0; /* Usunięcie marginesu wewnętrznego dla listy */
}

#accordion-mobile-navigation-2 .panel-body ul li {
    color: white; /* Ustawienie koloru tekstu na czarny */
    padding: 0; /* Dodanie wewnętrznego odstępu dla elementów listy */
    /*text-align: left; !* Wyrównanie tekstu do lewej strony *!*/
}

#accordion-mobile-navigation-2 .panel-body ul li a {
    color: white; /* Ustawienie koloru tekstu na czarny */
    text-decoration: none; /* Usunięcie podkreślenia odnośników */
    display: block; /* Ustawienie odnośników jako bloków */
    padding: 2px 2px; /* Dodanie wewnętrznego odstępu dla odnośników */
    transition: color 0.4s ease;
    font-size: 14px;
}

#accordion-mobile-navigation-2 .panel-body ul li a:hover {
    background-color: transparent !important; /* Dodanie efektu zmiany koloru podczas najechania myszką */
    color: var(--secondary-color);
}

#accordion-mobile-navigation-2 .panel-group {
    margin-bottom: 0;
}

/* White Navigation */
.white-nav-top {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 8px 6px -9px #999;
    box-shadow: 0 8px 6px -9px #999;
    z-index: 222;
	/*height: 70px;*/
}

.white-nav-top ul.navbar-nav>li>a {
	color: var(--grey-color);
}

.white-nav-top ul.navbar-nav>li>a:hover,
.white-nav-top ul.navbar-nav>li>a:focus {
	color: var(--moon-yellow-2);
}

/* =========================================
                Navigation2
============================================ */
.navbar2 {
	background: #fff;
	-webkit-box-shadow: 0 8px 6px -9px #999;
    box-shadow: 0 8px 6px -9px #999;
    /*background-color: rgba(255,255,255,0.72);*/

    /*-webkit-backdrop-filter: saturate(180%) blur(20px);*/
    /*backdrop-filter: saturate(180%) blur(20px);*/
}

.blur {
    /*-webkit-backdrop-filter: saturate(180%) blur(20px);*/
    /*backdrop-filter: saturate(180%) blur(20px);*/
}


ul.navbar-nav2 >li>a {
	color: var(--grey-color);

}
/* Pusty css potrzebny do JS */
.navbar-brand2 img { 

}

/*Dropdown*/
.container-fluid-nav-7 .nav .open > a,
.container-fluid-nav-7 .nav .open > a:focus,
.container-fluid-nav-7 .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}


/* Scroll spy active state */

.white-nav-top ul.navbar-nav>li.active>a {
    color: var(--moon-yellow-2);
    font-weight: 500;
}

#navlinks a.current, #navlinks a.current:visited {

    color: var(--moon-yellow-2);
	font-weight:800;
    
}

/*.selected{
	background:#FFFF00;
	color:#000;
}*/

















/* =========================================
                Logo
============================================ */
#logo-home {
	position: fixed;
	top: -5px;
	left: 20px;
	/*top: 30px;*/
	/*right: 65px;*/
	z-index: 9;	
}
/*Logo biale*/
#logo-home-1 {
	font-family: "Open Sans", sans-serif;
	letter-spacing: 15px;
    color: var(--white-color);
    font-size: 33px;
    font-weight: 400;
    text-transform: uppercase;	
}
/*Logo czarne*/
#logo-home-2 {
	font-family: "Open Sans", sans-serif;
	letter-spacing: 15px;
    color: var(--grey-color);
    font-size: 33px;
    font-weight: 400;
    text-transform: uppercase;	
}


/* =========================================
                File download
============================================ */

#file-download {
	padding-top: 20px;
	padding-left: 20px;
}

/*#services-tabs ul li a */ 

#file-download .list-group-item {
	border: none;
}

#file-download p {
	font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: var(--grey-color);
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
	/*no underline*/
    text-decoration: none;
	display: inline-block;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 5px;
}

#file-download ul li a {
	font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: var(--grey-color);
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
	/*no underline*/
    text-decoration: none;
}

#file-download ul li a:hover {
    color: var(--moon-yellow-2);
    font-weight: 500;
    border-bottom: 2px solid var(--moon-yellow-2);
    padding-bottom: 5px;
    -webkit-transition: border-color 300ms linear;
    transition: border-color 300ms linear;
}

#live-search-message {
	font-size:19px;
	letter-spacing: 2px;
	line-height: 40px;
}

/* =========================================
                Carousel
============================================ */
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100% !important;
}

#carousel {
	margin-top: 30px;
}
/*#carousel .container-fluid  {
	margin-left: 50px;
	margin-right: 50px;
}*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}



/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


#carousel .carousel-caption {
    left: 5%;
    text-align: left;
    max-width: 300px;
    right: auto;
    padding:5px;
	top: 5%;
    bottom: auto;
    text-shadow: none;
}

#carousel .carousel-caption-2 {
    position: absolute;
    right: 15%;
    bottom: 0px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

#carousel .carousel-caption h4 {
	font-size: 30px;
}

#carousel .carousel-caption p {
	font-size: 20px;
}


.carousel-control .fa-chevron-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -15px;

}

.carousel-control .fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -15px;

}

.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}
















/*.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity:0;
}

.carousel.carousel-fade .active.item {
    opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 0;
}

.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}

.carousel-control .fa-chevron-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -15px;

}

.carousel-control .fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -15px;

}

#carousel .carousel-caption {
    left: 5%;
    text-align: left;
    /*background-color: black;
    max-width: 300px;
    right: auto;
    padding:5px;
	top: 5%;
    bottom: auto;
}

#carousel .carousel-caption h4 {
	font-size: 30px;
}

#carousel .carousel-caption p {
	font-size: 20px;
}*/

/* =========================================
                Cat cards
============================================ */

#card-01 {
    background-color: var(--white-color);
}

.card-item_01_position {
	/*background: red;*/
	/*margin-right: 66%;*/
	margin-right: 84%;
}

/* Card 1 */
.card-item_01 {
    background-color: #eeeeee;
    padding: 120px 30px;
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
	margin-top: 30px;
	background-image: url("../images_www/cat/cat_deco_002.png");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: right 10px top;   
}

.card-item_01 i {
    font-size: 42px;
    margin: 0;	
}

.card-item_01 h3 {
    font-size: 24px;
    margin-bottom: 10px;
	color: var(--grey-color);
}

.card-item_01 hr {
     width: 139px;
     height: 3px;
     background-color: var(--moon-yellow-2);
     margin: 0 auto;
     border: none;
     left: 12%;
 }

.card-item_01_en hr {
    width: 116px !important;

}

.card-item_01 p {
    margin-top: 20px;
	font-size: 18px;
	color: var(--grey-color);
}

/*-------------------------------------------------------*/

/* Card 2 */
.card-item_02 {
    background-color: #eeeeee;
    padding: 120px 30px;
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
	margin-top: 30px;
	background-image: url("../images_www/cat/cat_arch_001.png");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: right 0px top -10px;
}

.card-item_02 i {
    font-size: 42px;
    margin: 0;
}

.card-item_02 h3 {
    font-size: 24px;
    margin-bottom: 10px;
	color: var(--grey-color);
}

.card-item_02 hr {
	width: 128px;
	height: 3px;
	background-color: var(--moon-yellow-2);
	margin: 0 auto;
	border: none;
	left: 12%;
}

.card-item_02_en hr {
    width: 102px !important;

}

.card-item_02 p {
    margin-top: 20px;
	font-size: 18px;
	color: var(--grey-color);
}

/*-------------------------------------------------------*/
/* Card 3 */
.card-item_02_position {
	/*background: red;*/
	margin-right: 80%;
}

.card-item_02_position_en {
    margin-right: 86%;
}

.card-item_03 {
    background-color: #eeeeee;
    padding: 45px 30px;
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
	margin-top: 30px;
	background-image: url("../images_www/cat/top_300.png");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: right 30px top -10px;
}

.card-item_03 i {
    font-size: 42px;
    margin: 0;
}

.card-item_03 h3 {
    font-size: 24px;
    margin-bottom: 10px;
	color: var(--grey-color);
}

.card-item_03 hr {
	width: 194px;
	height: 3px;
	background-color: var(--moon-yellow-2);
	margin: 0 auto;
	border: none;
	left: 12%;
}

.card-item_03_en hr {
    width: 130px !important;

}

.card-item_03 p {
    margin-top: 20px;
	font-size: 18px;
	color: var(--grey-color);
}

/*-------------------------------------------------------*/
/* Card 3 end */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Card 278 */
.card-278-item_position {
    margin-right: 80%;
}

.card-278-item_position_en {
    margin-right: 86%;
}

.card-278-item {
    background-color: #eeeeee;
    padding: 45px 30px;
    margin-top: 30px;
    background-image: url("../images_www/cat/top_300.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 30px top -10px;
}

.card-278-item i {
    font-size: 42px;
    margin: 0;
}

.card-278-item h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--grey-color);
}

.card-278-item hr {
    width: 194px;
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
    left: 12%;
}

.card-278-item_en hr {
    width: 130px !important;
}

.card-278-item p {
    margin-top: 20px;
    font-size: 18px;
    color: var(--grey-color);
}
/*-------------------------------------------------------*/
/* Card 278 end */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Card 4 */
/* Style wspólne dla obu kolumn */
.card-item_02_position {
    margin-right: 62%; /* Dostosuj, jeśli tekst się nie mieści */
}

.card-item_02_position_en {
    margin-right: 62%;
}

/* Style dla pierwszej kolumny */
.card-item_04 {
    background-color: #eeeeee;
    padding: 45px 30px;
    margin-top: 30px;
    background-image: url("../images_www/cat/linear_systems_cat_2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 0px top -10px;
}

/* Style dla drugiej kolumny */
.card-item_04_second {
    background-color: #eeeeee;
    padding: 45px 30px;
    margin-top: 30px;
    background-image: url("../images_www/cat/2025_Cleoline_start_3.png"); /* Zmień na ścieżkę do swojego drugiego zdjęcia */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 0px top -10px;
}

/* Wspólne style dla obu kart */
.card-item_04 i,
.card-item_04_second i {
    font-size: 42px;
    margin: 0;
}

.card-item_04 h3,
.card-item_04_second h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--grey-color);
}

/* Style dla pierwszej kolumny */
.card-item_04 hr {
    width: 277px; /* Dłuższy hr dla pierwszej karty */
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
    left: 12%;
}

.card-item_04_en hr {
    width: 130px !important; /* Wersja angielska dla pierwszej karty */
}

/* Style dla drugiej kolumny */
.card-item_04_second hr {
    width: 180px; /* Krótki hr dla drugiej karty - dostosuj wartość */
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
    left: 12%;
}

.card-item_04_second.card-item_04_en hr {
    width: 180px !important; /* Wersja angielska dla drugiej karty */
}

.card-item_04 p,
.card-item_04_second p {
    margin-top: 20px;
    font-size: 18px;
    color: var(--grey-color);
}

/* Hover dla pierwszej kolumny */
.card-item_04:hover {
    background-color: var(--moon-yellow-2);
    text-decoration: none;
}

.card-item_04:hover i,
.card-item_04:hover h3,
.card-item_04:hover p {
    color: #fff;
}

.card-item_04:hover hr {
    background-color: #fff;
}

.card-item_04:hover h3 {
    transform: translateY(-20px);
}

/* Hover dla drugiej kolumny */
.card-item_04_second:hover {
    background-color: var(--moon-yellow-2); /* Możesz zmienić kolor, jeśli chcesz inny efekt */
    text-decoration: none;
}

.card-item_04_second:hover i,
.card-item_04_second:hover h3,
.card-item_04_second:hover p {
    color: #fff;
}

.card-item_04_second:hover hr {
    background-color: #fff;
}

.card-item_04_second:hover h3 {
    transform: translateY(-20px);
}

/* Smooth transition dla obu */
.card-item_04,
.card-item_04 i,
.card-item_04 hr,
.card-item_04_second,
.card-item_04_second i,
.card-item_04_second hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.card-item_04 h3,
.card-item_04 p,
.card-item_04_second h3,
.card-item_04_second p {
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
/*-------------------------------------------------------*/
/* Card 4 end */


/* Card 1 portfolio outlet */
.card-item_out_port_01 {
    background-color: #eeeeee;
    padding: 35px 0px;
    /*padding: 80px 0px;*/
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
	margin-top: 30px;
	background-image: url("../images_www/cat/portfolio.png");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: right 10px top;   
}

.catalogs_en {
    background-image: url("../images_www/cat/portfolio_en.png") !important;
}

.card-item_out_port_01 i {
    font-size: 42px;
    margin: 0;	
}

.card-item_out_port_01 h3 {
    font-size: 24px;
    margin-bottom: 10px;
	color: var(--grey-color);
}

.card-item_out_port_01 hr {
	width: 100px;
	height: 3px;
	background-color: var(--moon-yellow-2);
	margin: 0 auto;
	border: none;
	left: 12%;
}

.card-item_out_port_01 p {
    margin-top: 20px;
	font-size: 18px;
	color: var(--grey-color);
}

/* Hover state 1 */
.card-item_out_port_01:hover {
    background-color: var(--moon-yellow-2);
	text-decoration: none;
}

.card-item_out_port_01:hover i,
.card-item_out_port_011:hover h3,
.ccard-item_out_port_01:hover p {
    color: #fff;
}

.card-item_out_port_01:hover hr {
    background-color: #fff;
}

.card-item_out_port_01:hover h3 {
    transform: translateY(-20px);
	color: #fff;
}


/* Smooth transition */
.card-item_out_port_01,
.card-item_out_port_01 i,
.card-item_out_port_01 hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.card-item_out_port_01 h3,
.card-item_out_port_01 p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}

/* Card 2 portfolio outlet */
.card-item_out_port_02 {
    background-color: #eeeeee;
    padding: 35px 0px;
    /*padding: 80px 0px;*/
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
	margin-top: 30px;
	background-image: url("../images_www/cat/outlet.png");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: right 10px top;   
}

.card-item_out_port_02 i {
    font-size: 42px;
    margin: 0;	
}

.card-item_out_port_02 h3 {
    font-size: 24px;
    margin-bottom: 10px;
	color: var(--grey-color);
}

.card-item_out_port_02 hr {
	width: 70px;
	height: 3px;
	background-color: var(--moon-yellow-2);
	margin: 0 auto;
	border: none;
	left: 12%;
}

.card-item_out_port_02 p {
    margin-top: 20px;
	font-size: 18px;
	color: var(--grey-color);
}

/* Hover state 1 */
.card-item_out_port_02:hover {
    background-color: var(--moon-yellow-2);
	text-decoration: none;
}

.card-item_out_port_02:hover i,
.card-item_out_port_021:hover h3,
.ccard-item_out_port_02:hover p {
    color: #fff;
}

.card-item_out_port_02:hover hr {
    background-color: #fff;
}

.card-item_out_port_02:hover h3 {
    transform: translateY(-20px);
	color: #fff;
}


/* Smooth transition */
.card-item_out_port_02,
.card-item_out_port_02 i,
.card-item_out_port_02 hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.card-item_out_port_02 h3,
.card-item_out_port_02 p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}

/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Hover state 1 */
.card-item_01:hover {
    background-color: var(--moon-yellow-2);
	text-decoration: none;
}

.card-item_01:hover i,
.card-item_01:hover h3,
.card-item_01:hover p {
    color: #fff;
}

.card-item_01:hover hr {
    background-color: #fff;
}

.card-item_01:hover h3 {
    transform: translateY(-20px);
}


/* Smooth transition */
.card-item_01,
.card-item_01 i,
.card-item_01 hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.card-item_01 h3,
.card-item_01 p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}
/*-------------------------------------------------------*/
/* Hover state 2 */
 #carousel .card-item_02 a, a:hover, a:focus, a:active {
    text-decoration: none;
    /*color: inherit;*/
 }

#carousel .card-item_02:hover {
    background-color: var(--moon-yellow-2);
}

#carousel .card-item_02:hover i,
#carousel .card-item_02:hover h3,
#carousel .card-item_02:hover p {
    color: #fff;
}

#carousel .card-item_02:hover hr {
    background-color: #fff;
}

#carousel .card-item_02:hover h3 {
    transform: translateY(-20px);
}

/* Smooth transition */
#carousel .card-item_02,
#carousel .card-item_02 i,
#carousel .card-item_02 hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#carousel .card-item_02 h3,
#carousel .card-item_02 p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}
/*-------------------------------------------------------*/

/* Hover state 3 */
.card-item_03:hover {
    background-color: var(--moon-yellow-2);
	text-decoration: none;
}

.card-item_03:hover i,
.card-item_03:hover h3,
.card-item_03:hover p {
    color: #fff;
}

.card-item_03:hover hr {
    background-color: #fff;
}

.card-item_03:hover h3 {
    transform: translateY(-20px);
}

/* Smooth transition */
.card-item_03,
.card-item_03 i,
.card-item_03 hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.card-item_03 h3,
.card-item_03 p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}




/* =========================================
                Footer
============================================ */

footer {
	/* Set the fixed height of the footer here */
  	/*position: absolute;*/
 	bottom: 0;
 	width: 100%;
  	/* ----------------------- */
  	/*height: 250px;*/
    background: #343230;
	padding-top: 50px;
	padding-bottom: 30px;
	
}

footer li {
	color: #a8a9ad;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	margin-right: 20px;
	/*display: inline;*/
}

footer li span {
    color: var(--moon-yellow-2);
}

#footer-id-1  {
	/*display: inline;*/
	margin-bottom: 20px;
	/*background-color: #1e1d1c;*/
}

.footer-id-1--topbar {
    background-color: #2a2827;
}

#footer-id-1 ul {
	margin-left: 0px;
	padding-left: 0px;
}

#footer-id-1 p {
	color: #a8a9ad;
}

#footer-id-1 ul li{
	display: inline;
}

#super-hero-image {
	max-width: 143px;
	height: auto;
	margin-bottom: 2px;
}

#super-hero-desc {
	color: #a8a9ad;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 4px;
}

#footer-id-1 .vertical-line {
	/*display: inline-block;*/
	border-left: 1px solid #a8a9ad;
	height: 25px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
 }

#footer-id-1 .desc-heading {
	margin-top: 5px;
	color: #a8a9ad;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 4px;
}


#footer-id-1-social ul.social-list-footer li a {
	font-size:16px;
    color: #a8a9ad;
    text-align: center;
}

#footer-id-1-social ul.social-list-footer li a:hover {
    color: #d6d7dc;
    border-color: transparent;
}

#footer-id-2 h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #a8a9ad;
	font-weight: 500;
	margin-bottom: 14px;
}


#footer-id-2 .list-group-item {
	background-color: transparent;
	border: none;
	padding-left: 0px;
}

#footer-id-2 a.list-group-item {
	color: #a8a9ad;
	padding-top: 2px;
	padding-bottom: 2px;
	transition: all 400ms;
}

#footer-id-2 a.list-group-item:hover {
	background-color: transparent;
	color: var(--moon-yellow-2);
	transform: translateX(5px);
}

#footer-id-2 .fas {
	font-size: 30px !important;
	font-weight: 100 !important;
}

#footer-id-2 .fas-footer {
    font-size: 25px !important;
    font-weight: 100 !important;
    padding-right: 5px;
}


#footer-id-2 .user-login-footer {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer-id-2 ul.no-bullets {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}















#footer-id-2 a{
	color: #a8a9ad;
}

#footer-id-2 a:hover {
	color: var(--moon-yellow-2);
}


#footer-id-3 ul {
	margin-left: 0px;
	padding-left: 0px;
}

#footer-id-3 ul li{
	display: inline;
}

#footer-id-3 ul li a{
	color: #a8a9ad;
}

#footer-id-3 ul li a:hover {
	color: #d6d7dc;
}

.footer-id-3-hr {
	border-top: 1px solid #484545;
	margin-top: 30px;
	padding: 5px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-group-footer-2 {
	text-align: left;
}

/* =========================================
            Left side filter 
============================================ */

#filter-left-side .col-md-3 {
	margin-top: 55px;
	z-index: 2;
}

#filter-left-side h4 {
	font-family: "Open Sans", sans-serif;
	padding-left: 27px;
}

#filter-left-side .btn {
  box-shadow: none !important;
  outline: 0;
}

#filter-left-side a:link,
#filter-left-side a:visited {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  /*text-transform: uppercase;*/
}

#filter-left-side a:hover,
#filter-left-side a:focus {
  color: var(--moon-yellow-2);
}

/*tworzymy strzałki w dół*/
#filter-left-side .list-group-item span {
    border: solid grey;
    border-width: 0 4px 4px 0;
    display: inline;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 0;
    margin-top: 0px;
    margin-right: 20px;
}

#filter-left-side .list-group-item a.btn.collapsed span {
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transition: .3s transform ease-in-out;
}

#filter-left-side .list-group-item a.btn span {
  transform: rotate(-140deg);
  -webkit-transform: rotate(-140deg);
  transition: .3s transform ease-in-out;
}

#filter-left-side  .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

#filter-left-side  .list-group-flush .list-group-item:first-child  {
	border-top: none;
}

#filter-left-side  .list-group-flush .list-group-item:last-child  {
	border-bottom: none;
}

#filter-left-side label {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}

/* =========================================
     Left side filter - Custom checkbox
============================================ */
/*https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox*/

/* The container */
#filter-left-side .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
#filter-left-side  .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border: none;
}

/* Create a custom checkbox */
#filter-left-side .checkmark {
 	position: absolute;
 	top: 0;
  	left: 0;
  	height: 25px;
  	width: 25px;
  	background-color: #eee;
	border: none;
	margin-top: -3px;
}


/* On mouse-over, add a grey background color */
#filter-left-side .container:hover input ~ .checkmark {
  	background-color: #ccc;
	border: none;
	margin-top: -3px;
}

/* When the checkbox is checked, add a blue background */
#filter-left-side .container input:checked ~ .checkmark {
	background-color: var(--moon-yellow-2);
	border: none;
	margin-top: -3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
#filter-left-side .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	border: none;
}

/* Show the checkmark when checked */
#filter-left-side .container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#filter-left-side .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* =========================================
     Right side filter - Custom checkbox
============================================ */

#portfolio-filter h4{
	font-family: "Open Sans", sans-serif;
}





/* =========================================
                New products
============================================ */

#team-left .vertical-heading {
	margin-top: 120px;
    min-height: 160px;
}

#team-left .vertical-heading h2 strong {
	color: var(--moon-yellow-2);
}

#team-left .vertical-heading h2 {
	font-weight:300;
}


.team-member {
	margin-top: 30px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
    position: relative;
}

.team-member-overlay2 {
	position: absolute;
}

.team-member-overlay {
	 /*
	  var(--moon-yellow-2);
	  --grey-color:	   #212226;
 	  --white-color:   #f8f8f8; 
	*/
    background-color: rgba(241, 173, 156, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.team-member-info {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
}

.team-member-info h6 {
    color: var(--grey-color);
    font-size: 25px;
    margin: 0;
}

.team-member-info p {
    color: var(--white-color);
}

.team-member:hover .team-member-overlay {
    opacity: 1;
}



/* =========================================
                Statement
============================================ */

#statement {
    background: url("../images_www/tech/tech-statement.jpg") no-repeat fixed center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#statement .content-box-lg {
    background: rgba(0, 0, 0, 0.4);
}

#tech-statement h3 {
    color: #fff;
    font-size: 32px;
    line-height: 45px;
}

#tech-statement p {
    font-size: 24px;
    color: var(--moon-yellow-2);
    font-family: "Raleway", sans-serif;
    margin-top: 8px;
}

/* =========================================
          Magnific Popup effects
============================================ */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* =========================================
          Product configurator tooltip
============================================ */

/*https://stackoverflow.com/questions/35083413/remove-transparency-from-bootstrap-tooltip*/
.tooltip > .tooltip-inner {
  border: 1px solid;
  padding: 10px;
  max-width: 250px;
  color: black;
  text-align: left;
  background-color: white;
  opacity: 1.0;
  filter: alpha(opacity=100);
} 
   
/*.tooltip > .tooltip-arrow { border-bottom-color:black; }*/
.tooltip.in{opacity:1!important;}

.tooltip.show {
    opacity: 1;
}

/* ==================================================
   Product configurator - decorative - architectural
===================================================== */
#filtering-public .content-box-lg {
	/*padding-top: 145px !important;*/
	padding-top: 100px !important;;
    padding-bottom: 160px !important;;
}

.filter-1 {
	/*background-color: aliceblue;*/
	margin-bottom: -20px;
}

.filter-1 label {
	font-family: "Open Sans", sans-serif;
	color: var(--grey-color);
	font-weight: 500;
	font-size:12px !important; 
}

.filter-1 .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
	padding-left: 4px !important;
}

.filter-1 .list-group-item:first-child  {
	border-top: none;
}

.filter-1 .list-group-item:last-child  {
	border-bottom: none;
}

.filter-1-price {
	margin-bottom: 20px;
}


/* =========================================
   Product configurator - Custom checkbox
============================================ */
/*https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox*/

#filtering-show-public .content-box-lg {
	padding-top: 30px;
	padding-bottom: 120px;
	padding-left: 0px;
	padding-right: 0px;
}

#filtering-show-public h3 {
	font-weight: 600;
}

/* The container */
#filtering-show-public .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#filtering-show-public .list-group-item {
	padding: 5px 15px;
}

/* Hide the browser's default checkbox */
#filtering-show-public .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border: none;
}

/* Create a custom checkbox */
#filtering-show-public .checkmark {
 	position: absolute;
 	top: 3px;
  	left: 0;
  	height: 18px;
  	width: 18px;
  	background-color: #eee;
	border: none;
	margin-top: -3px;
}

#filtering-show-public .checkmark-img {
	top: 12px !important;
}

#filtering-show-public .checkmark-aba-img {
    top: 40px !important;
}

#filtering-show-public .checkmark-aba-trio-img {
    top: 40px !important;
}


/* On mouse-over, add a grey background color */
#filtering-show-public .container:hover input ~ .checkmark {
  	background-color: #ccc;
	border: none;
	margin-top: -3px;
}

/* When the checkbox is checked, add a blue background */
#filtering-show-public .container input:checked ~ .checkmark {
	background-color: var(--moon-yellow-2);
	border: none;
	margin-top: -3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
#filtering-show-public .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	border: none;
}

/* Show the checkmark when checked */
#filtering-show-public .container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#filtering-show-public .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.filter-1 h5 {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	color: var(--grey-color);
	margin-bottom: 2px;
	/*background-color: aliceblue;*/
}

#table-configurator {
	background-color: #fff;
}

#table-configurator a {
	color: var(--moon-yellow-2);
}

#table-configurator-2 {
	background-color: #fff;
}



/* =========================================
   Create Custom Scrollbars
https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox/54101063#54101063
============================================ */

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--moon-yellow-2); 
}

/* =========================================
                Login user
============================================ */

#user_public_login .content-box-md {
	margin-bottom: 100px;
	margin-top: 100px;
	padding-top: 0px;	
}

#user_public_login .login{
	margin-top: 120px;
	margin-bottom: 90px;
}

#user_public_login .errors {
	display: inline-block;
  	border: 1px solid #da412f;
	color: #da412f;
  	border-radius: 14px;
	padding: 10px;
	font-size: 14px;
    font-weight: 500;
	margin-top: 20px;
}

#user_public_login h2 {
	margin-left: 15px;
}

#user_public_login .login-user-button {
	margin-top: 50px;
	margin-left: 30px;
}

#user_public_login .login-password{
	margin-right: 30px;
}

#user_public_login .login-user{
	margin-right: 30px;
	font-family: 'Open Sans', sans-serif !important;
}

#user_public_login input[type="text"],
#user_public_login input[type="password"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--moon-yellow-2);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#user_public_login input[type="text"]:focus,
#user_public_login input[type="password"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}


/*https://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow*/
/*#user_public_login textarea:focus,
#user_public_login input[type="text"]:focus,
#user_public_login input[type="password"]:focus,
#user_public_login .uneditable-input:focus {   
  border-color:  var(--moon-yellow-2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(241, 173, 156, 0.6);
  outline: 0 none;
}*/

/* =========================================
              User login detail
============================================ */
#user_display_detail li {
	display: inline-block;
	/*padding-left: 10px;*/
	padding-right: 10px;
}

#user_display_detail .username-session2 {
	position: relative;
	top:-5px;
	left:-15px;
	font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

#user_display_detail .username-session2-logout a {
	color: var(--grey-color);
	-webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

#user_display_detail .username-session2-logout a:hover,
#user_display_detail .username-session2-logout a:focus {
	color: var(--moon-yellow-2);
}

/* =========================================
                Ikonka pdf produkt
============================================ */
.select_icon_fa .far  {
    font-size: 36px !important;
    /*color: #dc3545 !important;*/
    color: var(--moon-yellow-2);
	cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
	padding: 10px;
}

.select_icon_fa .fas {
    font-size: 36px !important;
    /*color: #dc3545 !important;*/
    color: var(--moon-yellow-2);
	cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
	padding: 10px;
}

/* =========================================
              Wish  cart
============================================ */
.product-select-wrapper2 {
	position: relative;
}

.firstDiv-Wish, .secondDiv-Wish {
  	position: absolute;
  	left:-20px !important;
}

.wishlist_add_product .cart_icon {
	font-size: 24px !important;	
}

.wishlist_add_product a  {
	transition: all 400ms linear;
	cursor: pointer;
	color: #aaa;
}

.wishlist_add_product a:hover {
	color: var(--moon-yellow-2);
}

.product-select-wrapper2 .fas {
	font-weight: 900 !important;
	margin-left: 12px;
	margin-top: 5px;
	/*color: var(--moon-yellow-2) !important;*/
	/*-webkit-text-fill-color: #FF4136;*/
	-webkit-text-fill-color: var(--moon-yellow-2);
	-webkit-text-stroke-width: 1px;
	/*-webkit-text-stroke-color: #FF4136;*/
	-webkit-text-stroke-color: var(--moon-yellow-2);
	animation: pulse 2s ease infinite;
}

@keyframes pulse {
  0% { transform: scale(1.1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1.1); }
}

#shoping-cart-002 .btn-yellow {
	display: block;
    color: var(--white-color);
    border: 1px solid var(--moon-yellow-2);
    background-color: var(--moon-yellow-2);
	margin-bottom: 6px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all 400ms linear;
}

#shoping-cart-002 .btn-yellow:hover,
#shoping-cart-002 .btn-yellow:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.header-cart-wish p, span, h4, h6 {
	font-family: 'Open Sans', sans-serif !important;
}

.header-cart-wish > a .header-icon-style span {
    background-color: var(--moon-yellow-2);
    border-radius: 100%;
    color: #fff;
    /*display: inline-block;*/
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    left: 0;
    line-height: 22px;
    margin: 0 auto;
    position: absolute;
    right: -105px;
    text-align: center;
    top: -6px;
    width: 22px;
}
.header-cart-wish {
    display: inline-block;
    position: relative;
}

/* header bottom cart */
.shopping-cart-content-wish {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 31px 35px 10px;
    position: absolute;
    right: 0;
    top: 167%;
    width: 340px;
    z-index: 200;
    display: none;
    height: 300px;
    overflow: auto;
}

.shopping-cart-content-wish .btn-danger {
	background:transparent;
	border:none;
	width: 30px;
    height: 30px;
	-webkit-box-shadow: none;
    box-shadow: none;
	outline: none;
}
.shopping-cart-content-wish .btn-danger:hover,
.shopping-cart-content-wish .btn-danger:focus {
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
    box-shadow: none;
	outline: none;
}

.shopping-cart-content-wish .far {
	color: var(--moon-yellow-2);
	font-size: 21px !important;	
	margin-top: -4px;
	transition: all 400ms linear;
}

.shopping-cart-content-wish .far:hover,
.shopping-cart-content-wish .far:focus {
	color: #212226;
}

.shopping-cart-delete-wish {
    display: flex;
    flex-grow: 100;
    justify-content: flex-end;
	
}
.shopping-cart-delete-wish > a {
    /*border: 2px solid #999;*/
    border-radius: 50px;
    color: #666;
    display: inline-block;
    font-size: 20px !important;;
    height: 19px;
    line-height: 15px;
    margin-top: 2px;
    text-align: center;
    width: 20px;
	transition: all 400ms linear;
}

.shopping-cart-delete-wish > a:hover {
    /*border: 2px solid #e02c2b;*/
    color: var(--moon-yellow-2);
}

#shop_added_msg_wish_ {
	color:blue;
}


/* =========================================
              Add to cart
============================================ */
.header-cart p, span, h4, h6 {
	font-family: 'Open Sans', sans-serif !important;
}

.product-select-wrapper {
	/*display:ruby;*/
	display:flex;
}

.product-select-wrapper .select {
	height: 24px;
	border: 1px solid var(--grey-color);
	width: 55px !important;
	font-size:12px;
	/*display: block;*/
}

.product-select-wrapper .cart_icon {
	font-size: 20px;
	margin-left: 5px;
	position: relative;
	top: 3px;
	cursor: pointer;
}

.swal-button {
    color: var(--white-color) !important;
    border: 1px solid var(--moon-yellow-2) !important;
    background-color: var(--moon-yellow-2) !important;
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 28px !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    margin: 0 6px !important;
    padding: 12px 46px 12px 46px !important;
    -webkit-transition: all .5s !important;
    transition: all .5s !important;
	cursor: pointer !important;
}

.swal-button:hover,
.swal-button:focus {
/*    color: var(--white-color);
    background-color: #212226 !important;
    border: 1px solid #212226 !important;*/
	box-shadow: none !important;
	
}


.swal-footer {
    text-align: center !important;
    margin-top: 13px !important;
    padding: 13px 16px !important;
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.cart_already_added {
	font-size:12px;
	color: #d9534f !important;
	font-weight: 500;
	/*display: block;*/
	/*background-color: red;*/
}

.cart_already_added2 {
	font-size:15px;
	color: #d9534f !important;
	font-weight: 500;
}

#filtering-show-public .shopping-bag-cart {
	font-size: 28px !important;
	font-weight: 100 !important;
	color: var(--grey-color) !important;
}

#filtering-show-public .cart_icon {
	font-size: 20px !important;
	font-weight: 100 !important;
	color: var(--grey-color) !important;
	/*display: block;*/
	margin-right: 8px;
}

#filtering-show-public .far {
	font-size: 28px !important;
	font-weight: 100 !important;
}

#filtering-show-public .cart_heart {
	font-size: 20px !important;
	font-weight: 100 !important;
	color: var(--grey-color) !important;
	cursor: pointer;
	margin-left: 12px;
	margin-top: 5px;
}

/* header bottom cart */
.shopping-cart-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 31px 35px 10px;
    position: absolute;
    right: 0;
    top: 167%;
    width: 340px;
    z-index: 200;
    display: none;
    height: 300px;
    overflow: auto;

}

.shopping-cart-total h4 {
	margin-bottom: 10px !important;
	padding-left: 15px;
	font-size: 14px !important;	
}

.shopping-cart-total h4 span {
	padding-right: 15px;
}

.shopping-cart-title h4 {
	margin:0px !important;
	padding:0px !important;
	font-size: 14px;
}

.shopping-cart-title > h4 a:hover {
    color: var(--moon-yellow-2);
}
.shopping-cart-title > h4 a {
	color: #242424;
}

.shopping-cart-delete {
    display: flex;
    flex-grow: 100;
    justify-content: flex-end;
	
}
.shopping-cart-delete > a {
    /*border: 2px solid #999;*/
    border-radius: 50px;
    color: #666;
    display: inline-block;
    font-size: 20px !important;;
    height: 19px;
    line-height: 15px;
    margin-top: 2px;
    text-align: center;
    width: 20px;
	transition: all 400ms linear;
}

.shopping-cart-delete > a:hover {
    /*border: 2px solid #e02c2b;*/
    color: var(--moon-yellow-2);
}

.header-cart > a .header-icon-style span {
    background-color: var(--moon-yellow-2);
    border-radius: 100%;
    color: #fff;
    /*display: inline-block;*/
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    left: 0;
    line-height: 22px;
    margin: 0 auto;
    position: absolute;
    right: -88px;
    text-align: center;
    top: -6px;
    width: 22px;
}
.header-cart {
    display: inline-block;
    position: relative;
}

.cart-text {
    display: inline-block;
    margin-left: 19px;
    margin-top: 4px;
    /*overflow: hidden;*/
}
.cart-text > span {
    color: #2f333a;
    display: block;
    font-size: 14px;
    line-height: 1;
}
.cart-text > span.cart-digit-bold {
    color: #e02c2b;
}
.cart-text > span.digit {
    margin-bottom: 6px;
}

.header-icon-style {
    display: inline-block;
    float: left;
    line-height: 1;
    position: relative;
}
.header-icon-style i {
    color: #303d4e;
    font-size: 34px;
}

#shoping-cart-001 .btn-yellow {
	display: block;
    color: var(--white-color);
    border: 1px solid var(--moon-yellow-2);
    background-color: var(--moon-yellow-2);
	margin-bottom: 6px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all 400ms linear;
}

#shoping-cart-001 .btn-yellow:hover,
#shoping-cart-001 .btn-yellow:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

.shopping-cart-btn {
	padding-top: 25px;
}

.total_price {
	font-weight: 600;
	font-size: 15px;
	color: var(--moon-yellow-2);
	margin-left: 10px !important;
}

.shopping-cart-content .btn-danger {
	background:transparent;
	border:none;
	width: 30px;
    height: 30px;
	-webkit-box-shadow: none;
    box-shadow: none;
	outline: none;
}
.shopping-cart-content .btn-danger:hover,
.shopping-cart-content .btn-danger:focus {
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
    box-shadow: none;
	outline: none;
}

.shopping-cart-content .far {
	color: var(--moon-yellow-2);
	font-size: 21px !important;	
	margin-top: -4px;
	transition: all 400ms linear;
}

.shopping-cart-content .far:hover,
.shopping-cart-content .far:focus {
	color: #212226;
}


.enpty-cart-content {
	margin-top: -15px;
}

/*.shopping-cart-btn {
    margin-top: 23px;
}
.shopping-cart-btn a {
    margin-bottom: 15px;
}
.shopping-cart-btn a {
    background-color: transparent;
    border: 2px solid #eeeeee;
    color: #454545;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 20px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.shopping-cart-btn a:hover {
    background-color: #e02c2b;
    color: #fff;
}*/






/* =========================================
		   		Cart
============================================ */
#order-cart-1 {
	padding-top: 100px;
    padding-bottom: 160px;
	/*background-color: #fff;*/
}

#order-cart-1 #message {
	color: var(--moon-yellow-2);
	font-weight: 900;
	display: inline-block;
	border: 1px solid var(--moon-yellow-2);
	border-radius: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#order-cart-1 .order-cart a {
	text-decoration: none !important;
	color: var(--white-color);
}

#order-cart-1 .cart-heading-1 {
	margin-bottom: 25px;
}

#order-cart-1 .cart-main-area table {
    border: 1px solid #ebebeb;
	background-color: #fff;
}

#order-cart-1 .cart-main-area .table-content table thead > tr {
    background-color: var(--moon-yellow-2);
    border: 1px solid #ebebeb;
}

#order-cart-1 .table-content table th {
    border-top: medium none;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    padding: 21px 40px 22px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.p-q-configure {
	
}

#order-cart-1 .table-content table td.product-thumbnail {
    width: 20%;
}
#order-cart-1 .table-content table td.product-name {
    width: 20%;
}
#order-cart-1 .table-content table td.product-price-cart {
    width: 10%;
}
#order-cart-1 .table-content table td.product-quantity {
    width: 10%;
}
#order-cart-1 .table-content table td.availability {
    width: 10%;
}
#order-cart-1 .table-content table td.product-quantity {
    width: 15%;
	padding-left: 14px;
}
#order-cart-1 .p-q-configure table td.product-quantity {
    width: 15%;
	padding-left: 30px;

}
#order-cart-1 .table-content table td.product-remove {
    width: 10%;
}
#order-cart-1 .table-content table tbody > tr {
    border-bottom: 1px solid #ebebeb;
}
#order-cart-1 .table-content table tbody > tr:last-child {
    border-bottom: 0px solid #ebebeb;
}
#order-cart-1 .table-content table td {
    color: #242424;
    font-size: 14px;
    padding: 30px 0;
    text-align: center;
}
#order-cart-1 .table-content table td.product-name a {
    color: #2f333a;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

#order-cart-1 .cart-shiping-update-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px 55px;
}

#order-cart-1 .table-content table td.product-remove a:hover {
	transition: all 400ms linear;
    color: var(--moon-yellow-2);
}
#order-cart-1 .table-content table td.product-remove a {
    color: #aaa;
    font-size: 24px;
}
/* Plus - Minus */
#order-cart-1 .product-quantity .cart-plus-minus {
    display: inline-block;
    float: left;
    height: 40px;
    padding: 0;
    position: relative;
    width: 110px;
}
#order-cart-1 .product-quantity .qtybutton {
    color: #454545;
    cursor: pointer;
    float: inherit;
    font-size: 16px;
    margin: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 20px;
    text-align: center;
}
#order-cart-1 .product-quantity .dec.qtybutton {
    border-right: 1px solid #e5e5e5;
    height: 40px;
    left: 0;
    padding-top: 8px;
    top: 0;
}
#order-cart-1 .product-quantity .inc.qtybutton {
    border-left: 1px solid #e5e5e5;
    height: 40px;
    padding-top: 9px;
    right: 0;
    top: 0;
}
#order-cart-1 .product-quantity input.cart-plus-minus-box {
    color: #454545;
    /*float: left;*/
    font-size: 14px;
    height: 40px;
    margin: 0;
    width: 110px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    padding: 0;
    text-align: center;
}

#order-cart-1 .a-quantity span {
	background-color: #c1432e;
	padding: 10px;
	border-radius: 2px;
	color: var(--white-color);
	font-weight: 500;
}



/* =========================================
		   		Checkout 
============================================ */

#order-checkout-1 {
   	padding-top: 100px;
    padding-bottom: 160px;
	/*background-color: #fff;*/
	/*min-height:280%;*/	
}

#order-checkout-1 .order-checkout-content {
	background-color: #fff;
	padding-right: 14px;
}


#order-checkout-1 .order-input {
/*	background: transparent none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	color: #242424;
	height: 40px;
	padding: 0 15px;*/	
}

#order-checkout-1 .form-control {
	font-family: "Open Sans", sans-serif;
	height: 45px;
	font-size: 20px;
	box-shadow: 0 0 0 1px #c2c2c2 inset;
	-moz-box-shadow: 0 0 0 0px #c2c2c2 inset;
	-webkit-box-shadow: 0 0 0 0px #c2c2c2 inset;
	-o-box-shadow: 0 0 0 1px #c2c2c2 inset;

	border: 1px solid #ebebeb;
	border-radius: 5px;
	color: #242424;
	padding: 0 15px;
	/*width: 95% !important;*/
}

#order-checkout-1 .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

#order-checkout-1 .order-checkout {
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 5px;
	padding-right:5px;
}


#order-checkout-1 .place_order > button,
#order-checkout-1 .place_order  > a {
    background-color: #f2f2f2;
    border-radius: 3px;
    color: #363f4d;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 18px 63px 17px;
    text-transform: uppercase;
}

#order-checkout-1 .place_order > button:hover,
#order-checkout-1 .place_order  > a:hover {
    background-color: #e02c2b;
    color: #fff;
}
#order-checkout-1 .place_order  > button {
    border: medium none;
    cursor: pointer;
    margin-right: 27px;
    transition: all 0.3s ease 0s;
}

#order-checkout-1 .order-checkout-user {
	font-size:14px;
	color:#5B5B5B;
}

#order-checkout-1 .order-checkout-user2 {
	height: 100px;
	padding-top: 10px;
}

#order-checkout-1 .list-group li:nth-child(1){
  border-top: 0 none;
}
#order-checkout-1 .list-group li {
	border-left:none;
	border-right:none;
	border-radius: 0px;
}

#order-checkout-1 .order-checkout-cart {
	padding-top:15px;
}
#order-checkout-1 .breadcrumbs {
	margin-bottom: 20px;
	padding-left: 0px !important;
} 

/* =========================================
                Breadcrumbs
============================================ */
#breadcrumbs ul{
    margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

#breadcrumbs {
    font-size: 14px;
}
#breadcrumbs li {
    display: inline-block;
    position: relative;
    padding-right: 14px;
}
#breadcrumbs li:last-child {
    padding-right: 0;
}
#breadcrumbs li:after {
    color: var(--moon-yellow-2);
    content: '>';
    position: absolute;
    right: 0px;
    top: 0;
}
#breadcrumbs li:last-child:after {
    display: none;
}
#breadcrumbs a {
    text-decoration: underline;
	color: var(--moon-yellow-2);
}
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs li:last-child a {
    text-decoration: none;
	color: var(--grey-color);
}

/* =========================================
                Dropbtn
============================================ */

.dropbtn {
    background-color: var(--moon-yellow-2);
    color: var(--white-color);
    padding: 12px;
    /*font-size: 16px;*/
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 3px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 90px;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14);
  z-index: 100;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: var(--moon-yellow-2);
}

.dropbtn-flag {
    background-color: transparent;
    color: var(--grey-color);
}

.dropdown:hover .dropbtn-flag {
    background-color: transparent;
    color: var(--moon-yellow-2);
    top: 2px;
}


/* =========================================
               Profile user
============================================ */

#user-profile {
	padding-top: 100px;
    padding-bottom: 160px;
}

#user-profile .form-control {
	height: 45px;
	box-shadow: 0 0 0 1px #c2c2c2 inset;
	-moz-box-shadow: 0 0 0 0px #c2c2c2 inset;
	-webkit-box-shadow: 0 0 0 0px #c2c2c2 inset;
	-o-box-shadow: 0 0 0 1px #c2c2c2 inset;

	border: 1px solid #ebebeb;
	border-radius: 5px;
	color: #242424;
	padding: 0 15px;
	/*width: 95% !important;*/
}

#user-profile h1 {
	margin-bottom: 40px;
}

#user-profile h2 {
	margin-bottom: 20px;
	padding-left: 23px;
}

#user-profile .input {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

#user-profile .form-group {
	margin-bottom: 24px;	
}

#user-profile .user-label {
	color: var(--white-color);
	font-size: 15px;
	letter-spacing: 0.2px;
	text-transform: capitalize;
	font-weight: 600;
	background-color: var(--moon-yellow-2);
	padding: 2px 8px;
	border-radius: 4px;
}

#user-profile .user-profile-content {
	background-color: #fff;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 40px;
	padding-top: 40px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14);
	border-radius: 4px;
}

#user-profile select {
  -webkit-appearance: none;
}

#user-profile .breadcrumbs {
	margin-bottom: 20px;
	padding-left: 0px !important;
} 

#user-profile .breadcrumbs2 {
	margin-bottom: 20px;
}

#user-profile .panel-heading {
	background-color: var(--moon-yellow-2);
	color: var(--white-color);
	border: 0px;
}

#user-profile .panel-default {
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
	border: 0px;
	border-radius: 4px;
}

#user-profile dl {
	clear: both;
	overflow: hidden;
	padding: 15px;
	margin: 5px;
}

#user-profile dt {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	float: left;
	font-weight: bold;
	/*padding: 10px;*/
	margin-right: 60px;
	width: 200px;
}

#user-profile dd {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	float: left;
	margin-left: 10px;
	/*padding: 10px;*/
}

#user-profile #message {
	color: var(--moon-yellow-2);
	font-weight: 900;
	display: inline-block;
	border: 1px solid var(--moon-yellow-2);
	border-radius: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
}




/* =========================================
           Show shoping cart's
============================================ */

#shoping-cart-all-01 {
    background-color: #f4f4f4;
}

.link-about-cart-item {
	color:#232323;
}

.about-cart-item {
    background-color: #fff;
    padding: 80px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

.about-cart-item i {
    font-size: 42px !important;
    margin: 0 !important;
}

.about-cart-item h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.about-cart-item hr {
    width: 98px;
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
}

.about-cart-item p {
    margin-top: 20px;
}

.about-cart-item i {
	position:relative;
    padding: 14px;
}
/*.about-cart-item span {*/
/*	position:absolute;*/
/*	z-index: 100 !important;*/
/*	top: 72px;*/
/*	left: 148px;*/
/*}*/

.numberCircle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0px;
    background: var(--moon-yellow-2);
    border: 2px solid var(--moon-yellow-2);
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: absolute;
    z-index: 100 !important;
}

.about-cart-item:hover span {
	background: #fff;
	border: 2px solid #fff;
	color: var(--moon-yellow-2)
}

/* Hover state */
.about-cart-item:hover {
    background-color: var(--moon-yellow-2);
}

.about-cart-item:hover i,
.about-cart-item:hover h3,
.about-cart-item:hover h4,
.about-cart-item:hover p {
    color: #fff;
}

.about-cart-item:hover hr {
    background-color: #fff;
}

.about-cart-item:hover i {
    transform: translateY(-20px);
}
.about-cart-item:hover span {
    transform: translateY(-20px);
}


/* Smooth transition */

.about-cart-item,
.about-cart-item i,
.about-cart-item span,
.about-cart-item hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-cart-item h3,
.about-cart-item h4,
.about-cart-item p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}



/* =========================================
               Order history
============================================ */
#order-history {
	padding-top: 100px;
    padding-bottom: 160px;
}

#order-history .dropdown-menu {
    padding: 10px;
    margin-left: 10px;
	width: 260px;
}

#order-history .table td, .table th {
    padding: .75rem;
    border-top: 1px solid #dee2e6;
	vertical-align: middle !important;
}

#order-history .bg-danger-tp  {
	padding: 5px;
	background-color: #dc3545;
	border-radius: 4px;
	color: var(--white-color)!important;
	margin-right: 20px;
	text-decoration: none;
}

#order-history .btn-danger-id a {
	color: var(--white-color)!important;
}

#order-history .btn-danger-id  {
	font-size: 14px;
	padding: 5px;
	font-weight: 400;
	background-color: #dc3545;
	border-radius: 4px;
	color: var(--white-color)!important;
	margin-right: 20px;
	
	-webkit-transition: all .5s;
    transition: all .5s;
}

#order-history .btn-danger-id:hover,
#order-history .btn-danger-id:focus {
	padding: 5px;
    color: var(--white-color);
    background-color: #212226;
	text-decoration: underline;
 /*   border: 1px solid #212226;*/
}


#order-history .btn-primary {
	color: #fff;
	background-color: var(--moon-yellow-2);
	border-color: var(--moon-yellow-2);
	-webkit-transition: all .5s;
    transition: all .5s;
}

#order-history  .btn-primary:hover,
#order-history  .btn-primary:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}

#order-history .show_total_price {
	padding: 5px;
	background-color: #dc3545;
	border-radius: 4px;
	color: var(--white-color);
}

#order-history .order-history-content {
	background-color: #fff !important;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
}

#order-history .breadcrumbs2 {
	margin-bottom: 35px;
	padding-left: 0px;
}

/* =========================================
            Show order decorative
============================================ */

#show_decorative {
	padding-top: 40px;
    padding-bottom: 20px;
}

#show_decorative .breadcrumbs2 {
	padding-left: 44px;
}


/* =========================================
            Show order history
============================================ */

#show_history_product {
	padding-top: 100px;
    padding-bottom: 160px;
}

#show_history_product .show_history_product_content {
	background-color: #fff;
	padding: 40px 20px;
	border-radius: 4px;
}

#show_history_product .btn-danger {
	padding: 5px;
	background-color: #dc3545;
	border-radius: 4px;
	color: var(--white-color);
	margin-right: 20px;
}

#show_history_produc .btn-danger:hover,
#show_history_produc .btn-danger:focus {
    color: var(--white-color) !important;
    background-color: #212226 !important;
    border: 1px solid #212226 !important;
}


#show_history_product #message {
	color: var(--moon-yellow-2);
	font-weight: 900;
	display: inline-block;
	border: 1px solid var(--moon-yellow-2);
	border-radius: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	margin-left: -15px;
	
}

#show_history_product .breadcrumbs2 {
	margin-bottom: 35px;
	padding-left: 0px;
}

#show_history_product .bg-danger-tp {
	padding: 5px;
	background-color: #dc3545;
	border-radius: 4px;
	color: var(--white-color)!important;
	margin-right: 20px;
	text-decoration: none;
}

#order-history-pdf .far {
	font-size: 36px !important;
	color: #dc3545 !important;
	-webkit-transition: all .5s;
    transition: all .5s;
}
#order-history-pdf .far:hover {
	
	color: #212226 !important;
}



/* Plus - Minus */
/* .product-quantity .cart-plus-minus {
    display: inline-block;
    float: left;
    height: 40px;
    padding: 0;
    position: relative;
    width: 110px;
}


 .product-quantity .qtybutton {
    color: #454545;
    cursor: pointer;
    float: inherit;
    font-size: 16px;
    margin: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 20px;
    text-align: center;
}
.product-quantity .dec.qtybutton {
    border-right: 1px solid #e5e5e5;
    height: 40px;
    left: 0;
    padding-top: 8px;
    top: 0;
}
 .product-quantity .inc.qtybutton {
    border-left: 1px solid #e5e5e5;
    height: 40px;
    padding-top: 9px;
    right: 0;
    top: 0;
}
 .product-quantity input.cart-plus-minus-box {
    color: #454545;
    float: left;
    font-size: 14px;
    height: 40px;
    margin: 0;
    width: 110px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    padding: 0;
    text-align: center;
}

.table-content table td.product-quantity {
    width: 100px;
}
.table-content table td.product-quantity {
    width: 130px;
}*/

#services .btn-product-quantity {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 4px 8px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
}

#services .btn-black {
    background: transparent;
    text-transform: capitalize;
    font-size: 16px;
    color: black;
    border-radius: .15rem;
    border: 1px solid black;
}

#services .btn-black:hover {
    background: black;
    color: white;
}
#services .btn:focus, .btn:hover {
    text-decoration: none;
}

#services .input-qty {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	width: 60px;
	font-size: 16px;
	border: 1px solid black;
	padding: 4px;
}

#services .fas-qty {
	font-size: 12px !important;
}

#services .add-to-card {
	margin-top: 0px;
	margin-left: 20px;
	border-radius: .15rem;
}

#services .service-cart {
	padding-top: 30px;
	margin-top:20px;
}

#services .fa-shopping-bag {
	font-size: 28px !important;
}

#services .btn-yellow {
	margin-top:0px;
}

#show_deco_arch_product {
	padding-top: 100px;
    padding-bottom: 160px;
}

/* =========================================
                Pricing
============================================ */

#pricing {
	padding-top: 50px;
	/*padding-bottom: 400px;*/
}

.pricing-table {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 32px 21px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.pricing-table:hover {
    background: var(--moon-yellow-2);;
}

.pricing-table .type h4 {
    color: var(--moon-yellow-2);;
    font-size: 24px;
    margin-bottom: 25px;
}

.pricing-table .price {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 0;
	margin-bottom: 20px;
}

.pricing-table .price h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 42px;
    font-weight: 100;
    margin: 0 0 0 24px;
    position: relative;
}

.pricing-table .price h2 span {
    font-family: "Raleway", sans-serif;
}

.pricing-table .price h2 span.dollar {
    font-size: 18px;
    font-weight: 300;
    position: absolute;
    left: -20px;
    top: 5px;
}

.pricing-table .price h2 span.month {
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    left: 5px;
    bottom: -12px;
}

.pricing-table .price p {
    line-height: normal;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

.pricing-table ul.package {
    list-style: none;
    padding: 20px 0;
}

.pricing-table ul.package li {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
}

.pricing-table ul.package li i {
    width: 24px;
}

.pricing-table .btn-yellow,
.pricing-table.black .btn-white {
    width: 96%;
}

.pricing-table:hover h4,
.pricing-table:hover h2,
.pricing-table:hover p,
.pricing-table:hover ul.package {
    color: #fff;
}

.pricing-table:hover .btn-yellow {
    background: #fff;
    color: #212226;
    border: 1px solid #fff;
}

.pricing-table .btn-yellow:hover,
.pricing-table .btn-yellow:focus {
    background: #212226;
    color: #fff;
    border: 1px solid #212226;
}


/* Black Pricing Table */

.pricing-table.black {
    background: #212226;
    color: #fff;
}

.pricing-table.black .type h4 {
    color: #fff;
}

.pricing-table.black:hover {
    background: var(--moon-yellow-2);
}


/* =========================================
               Store
============================================ */
#store navigation-color {
	text-align:center;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding: 8px;
}

#store navigation-color a {
	color: #212226;
	text-decoration: none;
}

#store navigation-color a:hover {
    color: var(--moon-yellow-2);
    border-bottom: 3px solid var(--moon-yellow-2);
}

.color-nav-p {
	margin-bottom: 20px;
	height: 60px;
}

#store navigation {
/*	background: transparent;
	float: left;
	width: 100%;
	height: 100%;*/
	text-align:center;
	/*background-color: blue;*/
	display: table;
	margin-right: auto;
	margin-left: auto;
}

#store navigation li {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding: 8px;
}

#store #navigation-color li {
	font-size: 16px;
	line-height: 55px;
	padding-left: 30px;
	padding-right: 30px;
}

#store #navigation-color li p {
	font-size: 14px;
}

#store navigation .color-category {
	font-size: 16px;
	
}

#store navigation a {
	color: #212226;
	text-decoration: none;
}

#store navigation a:hover {
    color: var(--moon-yellow-2);
    border-bottom: 3px solid var(--moon-yellow-2);
}

#store a {
	text-decoration: none;
}

#store a:hover {
	text-decoration: none;
}

#store ul.category {
	margin-top: 20px;
	/*margin-left: 20px;*/
	padding: 0;
	list-style: none;
}

#store ul.category > li {
  	margin-bottom: 1em;
	float: left;
}


#store .selected > a {
    color: var(--moon-yellow-2);
    border-bottom: 3px solid var(--moon-yellow-2);
}

#store .store-item {
	/*background-color:coral;*/
/*	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;*/
	border-bottom: 1px solid #d6dbe0;
	
}

#store .store-item > a {
	color: var(--grey-color);
	-webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

#store .store-item > a:hover {
	color: var(--moon-yellow-2);
	text-decoration: underline;
}

#store .row-swoh-store {
	background-color: #fff;
	padding-bottom: 120px;
}

#show-store .row-swoh-store {
	background-color: #fff;
	padding-bottom: 120px;
}

#show-store #store-right{
	padding-top:60px;
}

#show-store #store-left{
	padding-top:5px;
}



/* =========================================
              Store pagination
============================================ */
#store-pagination .content-box-lg {
	margin-top: 0px;
	padding-top: 0px;
}


/* =========================================
   					Search
============================================ */
#search-form {	
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 280px;
}

#serach-input  {
	width: 200px;
	color: var(--grey-color);
	background: none;
	border-bottom: 3px solid var(--moon-yellow-2);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-radius: 0px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
/*	-webkit-transition: all .5s;
	transition: all .5s;*/
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	box-shadow: none;
	/*background-color: rgba(0, 0, 0, 0.8);*/
}

#serach-input:focus {
/*	width: 200px;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: none;
	border-bottom: 3px solid var(--moon-yellow-2);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-radius: 0px;
	box-shadow: none;
*/
}

#form input[type=button], input[type=submit] {
	background-color: transparent;
	/*border: 1px solid #E5E5E5 ;*/
	/*border-radius: 28px;*/
	border: none;
	text-decoration: none;
	cursor: pointer;
}

#glyphs-open-btn {
	font-size: 30px;
	color: var(--moon-yellow-2);
	cursor: pointer;
	top: 6px;
	position: relative;
	/* zeby bylo na gorze */
	z-index: 2;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);

	/* ukryj mobile nav dla duzych rozdzielczosci */
	/*display: none;*/
}

.breadcrumbs-store {
	margin-top:50px;
	margin-left:30px;
}

.breadcrumbs-store-2 {
	margin-top:40px;
	margin-left:18px;
}

/* =========================================
           Store - Sieć sprzedaży
============================================ */

/*#store ul{
    width:210px;
}
#store li{
    background:green;
    float:left;
    height:100px;
    margin:0 10px 10px 0;
    width:100px;
}
#store li:nth-child(even){
    margin-right:0;
}
*/

.columns{
    float: left;
    position: relative;
    /*margin-right: 20px;*/
}

.store-item-columns > ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

#store .list-group-item {
	width: 350px;
	border: none;
	display: inline-block;
	/*flex: 1 0 25%;*/
}

#store .list-group-item p{
	font-size: 12px;
}

#store .list-group-item h5{
	font-weight: 600;
    font-family: "Open Sans", sans-serif;
	font-size: 12px;
	margin-bottom: 2px;
}

/*.store-item-columns > ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
	list-style-type: none;	
}

#store .list-group-item {
	width: 300px;
	border: none;
}*/



/* =========================================
                Contact
============================================ */

#contact-img-in {
	margin-bottom: 100px;
}

.breadcrumbs-contact {
	marhin-top: 0px;
	padding-top: 0px;
}

#contact-right {
	margin-left: 60px;
}

#contact-01 {
	/*background-color: #fff;*/
}

#contact-01 .content-box-lg {
	/*padding-top: 200px;*/
}

.contact-detail {
	margin-top: 0px;
	margin-bottom: 24px;
    max-height: 180px;
    height: 170px;
}

.contact-em-desc {
	margin-right: 0px;
	margin-left: 0px;
}

#contact-master h4 {
	padding-bottom: 4px;
	/*color: var(--moon-yellow-2);*/
}

#contact-master p {
	line-height: 18px;
	margin: 0 0 6px;
}

#contact-master a {
    color: var(--moon-yellow-2);
    text-decoration: underline;
	-webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
#contact-master a:hover,
#contact-master a:focus {
    color: var(--grey-color);
}

#contact-01 .row-swoh-contact {
	background-color: #fff;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#contact-right span {
    color: #dc3545;
    letter-spacing: 1px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

#contact-right .warning {
    color: #B73225;
    letter-spacing: 1px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

#contact-right .success-send {
    color: #932432;
    letter-spacing: 1px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

#contact-right textarea:focus, 
#contact-right input[type="text"]:focus,
#contact-right textarea[type="text"]:focus, 
#contact-right input[type="text"],
#contact-right textarea,
#contact-right textarea[type="text"] {  
	border-color: var(--moon-yellow-2);
	box-shadow:var(--moon-yellow-2);
	outline: var(--moon-yellow-2);
	background: transparent;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid var(--moon-yellow-2);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

#contact-right textarea {
	min-height: 150px !important;
}

#contact-cleoni-left {
	margin-bottom: 85px;
	margin-right: 85px;
}

#contact-description {
	padding-bottom: 20px;
}

.contact-description-right {
	padding-left: 50px;
	padding-top: 10px;
}

.contact-description-left {
	padding-left: 20px;

}

#contact-description h6 {
	color: var(--grey-color);
	font-family: "Open Sans", sans-serif;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 400;
	line-height: 45px;
	margin-top: 0px;
}

#contact-description h6 strong {
	letter-spacing: 12px;
}

#contact-description h7 {
	color: var(--grey-color);
	font-family: "Open Sans", sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	line-height: 45px;
	
}

#contact-description p {
	line-height: 15px;
}

#contact-cleoni-center-p {
	padding-left: 50px;
}

/* Contact Center */
#contact-center {	
	padding-top: 20px;
/*	margin-left: -20px;
	text-align: left;*/
}


#contact-center ul.social-list li a {
    color: var(--grey-color);
    border: 1px solid var(--grey-color);
    text-align: center;
}

#contact-center ul.social-list li a:hover {
    color: #fff;
    border-color: transparent;
}


/* =========================================
             Contact responsive
============================================ */
#footer-id-2-responsive {
	font-family: "Open Sans", sans-serif;
	/*display: none;*/
}

#footer-id-2-responsive .panel-title {
	text-align: left;
}

#footer-id-2-responsive .panel-default > .panel-heading {
	font-size: 18px;
	color: #a8a9ad;
	font-weight: 500;
	background-color: #343230 !important;
}

#footer-id-2-responsive .panel, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
	box-shadow:none;
}
#footer-id-2-responsive .panel-body {
    padding: 15px;
    background-color: #343230;
    color: #fff;
	border: none;
}

#footer-id-2-responsive .panel-default {
    border: none;
}

#footer-id-2-responsive .list-group-item {
	color: #a8a9ad;
	background-color: #343230;
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 200px;
}

 #footer-id-2-responsive a.list-group-item {
	transition: all 400ms;
}

 #footer-id-2-responsive a.list-group-item:hover {
	background-color: transparent;
	color: var(--moon-yellow-2);
	transform: translateX(5px);
}
/*https://stackoverflow.com/questions/49703124/how-to-style-bootstrap-4-accordion-heading-when-its-collapsed*/
/*.card-colapse .collapsed {
    color: blue;
}

.card-colapse:not(.collapsed) {
	color:red;
}*/

#footer-id-2-responsive a, a:hover, a:focus, a:active {
    text-decoration: none;
 }

#footer-id-2-responsive .fas {
    font-size: 25px !important;
    font-weight: 100 !important;
}

#footer-id-2-responsive ul.no-bullets {
    list-style-type: none;
    padding-left: 15px;
    margin: 0;
}

#footer-id-2-responsive .fas-footer {
    margin-left: 14px;
}

#footer-id-2-responsive .user-login-footer {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* =========================================
                Social Icons
============================================ */
ul.social-list-2 {
    padding: 0;
    margin-top: 20px;
}

ul.social-list-2 li {
    display: inline-block;
    padding: 0;
}

ul.social-list-2 li a {
	/* margin 5px odleglosci miedzy ikonkami */
	margin: 5px;
    border: 1px solid #fff;
	text-align: center;
    text-decoration: none;
	font-size: 26px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

ul.social-list-2 li:nth-child(1) a:hover {
    background: linear-gradient(to bottom right, #ef7998, #f1ad9c);
    border-color: transparent;
}

ul.social-list {
    padding: 0;
    margin-top: 20px;
}

ul.social-list li {
    display: inline-block;
    padding: 0;
}

ul.social-list li a {
	/* margin 5px odleglosci miedzy ikonkami */
	margin: 5px;
    border: 1px solid #fff;
	text-align: center;
    text-decoration: none;
	font-size: 26px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

ul.social-list li:nth-child(1) a:hover {
    background: #3b5998;
    border-color: transparent;
}
 
/*fa-pinterest background: #cb2027;*/
ul.social-list li:nth-child(2) a:hover {
    background: #cd2129;
    border-color: transparent;
}

/*fa-instagram background: #125688;*/
ul.social-list li:nth-child(3) a:hover {
    /*background: #da014f;*/
	background-color: #da014f; /* For browsers that do not support gradients */
 	background-image: linear-gradient(to bottom right, #e7012a, #c90081); /* Standard syntax (must be last) */

    border-color: transparent;
}




.colors-items {
	padding-left: 15px;
}

.colors-items {
	padding-right: 15px;
}

.colors-items .panel-body{
	padding: 0px;
}

.colors-items .panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 0px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    height: 55px;
}

.colors-items .panel-default {
    border-color: #ddd;
}

.colors-items .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 1px;
    -webkit-box-shadow: none ;
    box-shadow: none ;
}

.color-heading-001 {
	margin-bottom: 50px;
}

.color-heading-001 h2 {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

.color-heading-001 h3 {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}


/*a {
    color: var(--grey-color) !important;
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--grey-color) !important;
    text-decoration: underline !important;
}*/

/* =========================================
            Newsletter 
============================================ */


#newsletter-left .vertical-heading {
	margin-top: 20px;
    min-height: 160px;
}

#newsletter-left .vertical-heading h2 strong {
	color: var(--moon-yellow-2);
}

#newsletter-left .vertical-heading h2 {
	font-weight:300;
}

.red-alert-newsletter .errors {
	display: inline-block;
  	border: 1px solid #da412f;
	color: #e62739;
  	border-radius: 14px;
	padding: 10px;
	font-size: 14px;
    font-weight: 500;
	margin-top: 20px;
	line-height: 2;
/*	margin-left: 209px;*/
	margin-bottom: 50px;
	text-align: left;
}


.red-alert-newsletter {
	color: #6faf4c;
	font-family: "Open Sans", sans-serif;
	/*text-transform: uppercase;*/
	font-weight: 400;
    margin-bottom: 20px;
}

#newsletter-form select .form-control:focus {
    border-color: var(--moon-yellow-2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#newsletter-form select.form-control {
  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}


.newsletter-conditions {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}



/* =========================================
                Google Map -> 2023 mapbox.com
============================================ */

#map {
    height: 600px;
    /*width: calc(100% - 50px);*/
    /*height: calc(100% - 50px); !* Ustaw odpowiednią wysokość mapy *!*/
}

.mapboxgl-popup-close-button {
    outline: none;
}

.custom-mapboxgl-popup {
    /* Dodaj swoje style do popupu */
    border-radius: 5px;
    padding: 10px;
}

.custom-mapboxgl-popup h3 {
    letter-spacing: 15px;
    color: var(--grey-color);
    font-weight: 400;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 15px;
}

.custom-mapboxgl-popup p {
    text-align: center;
}


.product-filter-search  {
	color: var(--grey-color);
	background: none;
	border-bottom: 3px solid var(--moon-yellow-2);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-radius: 0px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	width: 140px;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	box-shadow: none;
	margin-bottom: 5px;
	/*background-color: rgba(0, 0, 0, 0.8);*/
}

.product-filter-search:focus {
	width: 200px;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: none;
	border-bottom: 3px solid var(--moon-yellow-2);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-radius: 0px;
	box-shadow: none;
	/*border: 1px solid var(--moon-yellow-2);;*/
/*	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233,162,44,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233,162,44,.6);*/
}

/* =========================================
                Price
============================================ */
#dynamic_content .btn-link {
	color: var(--grey-color);
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	outline: none !important;
    box-shadow: none;	
}

#dynamic_content .btn-link:focus, .btn-link:hover {
	text-decoration: underline !important;
	color: var(--grey-color); 
	outline: none !important;
    box-shadow: none;
}

#dataModal .btn-default {
   outline: none !important;
   box-shadow: none !important;
}

#dataModal .btn-default:focus, .btn-default:hover {
   outline: none !important;
   box-shadow: none !important;	
}

#dataModal .close {
   outline: none !important;
   box-shadow: none !important;
}

#dataModal .close:focus, .close:hover {
   outline: none !important;
   box-shadow: none !important;	
}

#dataModal .img-thumbnail {
	/*width:200px !important;*/
	
}


/* =========================================
                Catalog 01
============================================ */

#catalog-01 .content-box-lg { 
	padding-top: 180px;
	padding-bottom: 60px;
	/*background: #ED0B0F;*/
}

#catalog-01 .vertical-heading h2 {
	margin: 0px;
	text-align: center;
	word-spacing: 6px;
	color: #363636;
}

#catalog-right p:first-child {
    margin-bottom: 30px;
}

#catalog-bottom {
    margin-top: 60px;
}

#catalog-bottom img {
    margin: 0 auto;
}


/* =========================================
                Catalog 02
============================================ */

#catalog-02 .content-box-md {
	padding-bottom: 200px;
}

#catalog-02 {
    background-color: #f4f4f4;
}

#catalog-02 p {
	font-size: 16px;
}

.catalog-item {
    background-color: #fff;
    padding: 80px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

.catalog-item i {
    font-size: 42px;
    margin: 0;
}

.catalog-item h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.catalog-item hr {
    width: 110px;
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
}

.catalog-item p {
    margin-top: 20px;
}

/* Hover state */
.catalog-item:hover {
    background-color: var(--moon-yellow-2);
}

.catalog-item:hover i,
.catalog-item:hover h3,
.catalog-item:hover p {
    color: #fff;
}

.catalog-item:hover hr {
    background-color: #fff;
}

.catalog-item:hover i {
    transform: translateY(-20px);
}

/* Smooth transition - catalogs */
.catalog-item,
.catalog-item i,
.catalog-item hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.catalog-item h3,
.catalog-item p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}

/* =========================================
                Price 01 
============================================ */

#price-01 .content-box-lg { 
	padding-top: 180px;
	padding-bottom: 60px;
	/*background: #ED0B0F;*/
}

#price-01 .vertical-heading h2 {
	margin: 0px;
	text-align: center;
	word-spacing: 6px;
	color: #363636;
}

#price-right p:first-child {
    margin-bottom: 30px;
}

#price-bottom {
    margin-top: 60px;
}

#price-bottom img {
    margin: 0 auto;
}

/* =========================================
                Price 02
============================================ */

#price-02 .content-box-md {
	padding-bottom: 200px;
}

#price-02 {
    background-color: #f4f4f4;
}

#price-02 p {
	font-size: 16px;
}

.price-item {
    background-color: #fff;
    padding: 80px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.price-item i {
    font-size: 42px;
    margin: 0;
}

.price-item h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.price-item hr {
    width: 110px;
    height: 3px;
    background-color: var(--moon-yellow-2);
    margin: 0 auto;
    border: none;
}

.price-item p {
    margin-top: 20px;
}

/* Hover state */
.price-item:hover {
    background-color: var(--moon-yellow-2);
}

.price-item:hover i,
.price-item:hover h3,
.price-item:hover p {
    color: #fff;
}

.price-item:hover hr {
    background-color: #fff;
}

.price-item:hover i {
    transform: translateY(-20px);
}

/* Smooth transition - prices */
.price-item,
.price-item i,
.price-item hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.price-item h3,
.price-item p {
   -webkit-transition: all 400ms linear;
    transition: all 400ms linear;  
}


/* =========================================
                Price 01
============================================ */

#price-02 img {
    /*margin: 60px 0;*/
}

.price-f-a h4 {
    font-size: 24px;
    margin-top: 18px;
}

.price-f-a h4 a {
	color: var(--grey-color) !important;
}

.price-f-a h4 a:hover {
    text-decoration: underline;
}

	
.price-f-a {
    margin: 35px 0;
}

.price-f-a .icon {
    font-size: 42px;
    margin: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.price-f-a:hover .icon {
    color: var(--moon-yellow-2);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.price-f-a h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--moon-yellow-2);
    margin: 0 0 6px 0;
}

.price-f-a:hover h5 {
    color: #212226;
}


.price-f-a p {
    line-height: normal;
}

/* =========================================
                Terms
============================================ */

.terms-f-a .fas{
    font-size: 33px !important;
}

/* =========================================
            Cookie close button
============================================ */
.cookieinfo-close {
	color: #fff !important;
}

/* =========================================
            Produkcja
============================================ */
#about .form-inline .form-control {
    width: 350px;
}

#operations {
  margin-bottom: 20px;
  margin-top: 10px;

}
#operations2 {
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: 10px;

}

#operations3 {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 16px;

}

/* Forms */
#new_product dl {
  padding: 17px;
  /*margin: 8px;*/
}

#edit_product dl {
  padding: 17px;
  /*margin: 8px;*/
}

#new_product dl .custom-file {
	margin-left: -10px;
}
#show_product dl {
  clear: both;
  /*overflow: hidden;*/
/*  padding: 15px;
  margin: 5px;*/
}

#show_product dt {
  float: left;
  font-weight: bold;
  width: 125px;
}

#show_product dd {
  float: left;
  margin-left: 10px;
 /*width: 200px;*/
}

#show_product .p-2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#show_product .w-25 {
	width: 250px;
}

#show_product .w-100 {
	width: 1000px;
}

.zoom {
  padding: 2px;
  background-color: var(--moon-yellow-2);
  transition: transform .2s;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

/* =========================================
                Filter 2
============================================ */

.category_list .cat_checkbox {

	
}



/* =========================================
                Animation
============================================ */

#home-heading-1,
#home-heading-2,
#home-text,
#home-btn,
#arrow-down i {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

#home-heading-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

#home-heading-2 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#home-text {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

#home-btn {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

/*#home-btn-video {*/
/*    -webkit-animation-delay: 2.5s;*/
/*    animation-delay: 2.5s;*/
/*}*/

#arrow-down i {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

#user-profile .errors ul {
	margin-bottom: 0;
	padding-left: 1em;
}


.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 {
    border: 1px solid var(--moon-yellow-2);
    background: var(--moon-yellow-2);
    font-weight: normal;
	padding: 8px 4px !important;
    outline: none !important;
}


.img-responsive-select {
    max-width: 300px;
    width:100%;
}

.modal-footer {
    text-align: center !important;
}

#dataModal .img-responsive-select {
    border-radius: 6px !important;
}


/* =========================================
                FILTER
============================================ */
#show_decorative_filter {
    padding-top: 40px;
    padding-bottom: 20px;
}

#nav-filter ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

#nav-filter ul li {
    border-bottom: 2px solid rgba(200,200,200,0.1);
    padding: 20px;
}

#nav-filter ul li:first-of-type {
    border-top: 2px solid rgba(200,200,200,0.1);
}

#nav-filter ul li a {
    color: #fff;
    text-decoration: none;
}

#nav-filter ul li a:hover {
    text-decoration: underline;
}

#header-filter {
    /*background-color: var(--primary-color);*/
    color: #fff;
    font-size: 130%;
    /*position: relative;*/
    /*padding: 40px 15px;*/
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    text-align: left;
    margin-bottom: 45px;
}

#header-filter .fas {
    font-weight: 200 !important;
    font-size: 20px !important;
    opacity: 1;
}

#header-filter h1 {
    margin: 0;
}

#header-filter p {
    margin: 30px 0;
}

#show_decorative_filter .toggle-filter,.close-btn-filter {
    /*background-color: #3F004A;*/
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 8px 12px;
}


#show_decorative_filter .toggle-filter:focus, .close-btn-filter:focus {
    outline: none;
}


#show_decorative_filter .btn-yellow {
    border-radius: 5px;
    padding: 12px;
}

#show_decorative_filter .container-filter {
    padding: 15px;
    margin: 0 auto;
}

.modal-container-filter {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

.modal-container-filter.show-modal {
    display: block;
}

.modal-filter {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    /*overflow: hidden;*/
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    width: 400px;
    animation-name: modalopen;
    animation-duration: var(--modal-duration);
}

.modal-header-filter {
    background: var(--primary-color);
    color: #fff;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-filter h3 {
    margin: 0;
    /*border-bottom: 1px solid #333;*/
}

.modal-content-filter {
    padding: 20px;
}

.modal-form-filter div {
    margin: 15px 0;
}

.modal-form-filter label {
    display: block;
    margin-bottom: 5px;
}


.close-btn {
    background: transparent !important;
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
}


.container-filter .content-box-md {
    padding-top: 40px !important;
}

#category_list_filter ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

#category_list_filter ul li {
    border-bottom: 1px solid var(--primary-color);
    padding: 5px;
}

#category_list_filter input[type="checkbox"] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1); /* IE */
    -moz-transform: scale(1); /* FF */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    transform: scale(1);
    padding: 10px;
}

.pagination-filter {
    padding-bottom: 120px;
}

/* =========================================
        OSTATNIO ODWIEDZANE PRODUKTY
============================================ */

#recently-viewed-product .vertical-heading h5 {
    left: -29px;
    letter-spacing: 2px;
    top: 64px;
    font-size: 16px;
}

#recently-viewed-product .content-box-lg {
    padding-top:20px;
}


#portfolio-filter .content-box-md {
    padding-bottom: 0px;
}

#portfolio .content-box-md {
    padding-bottom: 0px;
}

/* =========================================
             SOCIAL SHARE BOX
============================================ */

#social-share-box {
 margin-top: -28px;
}

#social-share-box ul li {
    padding: 0;
}

#social-share-box ul li a {
    font-size: 16px;
}

#social-share-box ul.social-list li a {
    color: var(--grey-color);
    border: 1px solid var(--grey-color);
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#social-share-box ul.social-list li a:hover {
    color: #fff;
    border-color: transparent;
}

#social-share-box ul.social-list li:nth-child(1) a:hover {
    background: #3b5998;
    border-color: transparent;
}

/*fa-pinterest background: #cb2027;*/
#social-share-box ul.social-list li:nth-child(2) a:hover {
    background: #00acee;
    border-color: transparent;
}

/*fa-instagram background: #125688;*/
#social-share-box ul.social-list li:nth-child(3) a:hover {
    background: #4fce5d;
    /*(must be last) */

    border-color: transparent;
}

/* =========================================
                SEO - links
============================================ */

#seo-1 {
    /*background-color: var(--white-color);*/
}

.row-seo-1-01 {
    background-color: #fff;
}

.row-seo-1-01 .list-group-item {
    margin-bottom: 30px;
    background-color: none;
    border: none;
}

#seo-1 .horizontal-heading {
    margin-top: 70px;
}

#seo-center {
}

#seo-1-01 h2 {
    font-weight: 200;
}

#seo-center h2 {
    margin-bottom: 24px;
    font-weight: 200;
}

#seo-center .seo_desc p {
    font-size: 16px;
    line-height: 25px;
}

#seo-center .img-seo-res {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
    width: 180px;
}

/* =========================================
                Press
============================================ */

#press-01 .horizontal-heading {
    margin-top: 70px;
    margin-bottom: 0;
}

#press-02 .content-box-md {
    padding-bottom: 200px;
}

#press-02 {
    background-color: #f4f4f4;
}


/* Hover state */
.press-item:hover {
    background-color: var(--moon-yellow-2);
}

.press-item:hover i,
.press-item:hover h3,
.press-item:hover p {
    color: #fff;
}

.press-item:hover hr {
    background-color: #fff;
}

.press-item:hover i {
    transform: translateY(-20px);
}

/* Smooth transition - presss */
.press-item,
.press-item i,
.press-item hr {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.press-item h3,
.press-item p {
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}


#press-02 img {
    /*margin: 60px 0;*/
}

.press-f-a h4 {
    font-size: 24px;
    margin-top: 18px;
}

.press-f-a h4 a {
    color: var(--grey-color) !important;
}

.press-f-a h4 a:hover {
    text-decoration: underline;
}


.press-f-a {
    margin: 35px 0;
}

.press-f-a .icon {
    font-size: 42px;
    margin: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.press-f-a:hover .icon {
    color: var(--moon-yellow-2);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.press-f-a h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--moon-yellow-2);
    margin: 0 0 6px 0;
}

.press-f-a:hover h5 {
    color: #212226;
}


.press-f-a p {
    line-height: normal;
}

/* =========================================
                Arrangements
============================================ */

.r-tabs .r-tabs-panel {
    padding: 0 !important;
}

#service-tab-5 h3 {
    margin-bottom: 0 !important;
}

#service-tab-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#service-tab-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#service-tab-3 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#service-tab-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#service-tab-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#service-tab-1 img {
    padding: 5px !important;
}
#service-tab-2 img {
    padding: 5px !important;
}

#masonry-container {
    -moz-column-count:      4;
    -moz-column-gap:        4px;
    -webkit-column-count:   4;
    -webkit-column-gap:     4px;
    column-count:           4;
    column-gap:             4px;
    width:                  100%;
}

#masonry-container .grid-item {
    width: 100% !important;
}​

.no-margin-ar {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.portfolio-item-ar {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: -1px;
}

.portfolio-item-ar img {
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.portfolio-item-ar:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Overlay Effect */
.portfolio-item-ar-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--overlay-color);
    cursor: pointer;
    /*Bardzo wane przezroczystosc na 0 - wtedy - gdy najedzie sie myszka wtedy  opacity: 1;*/
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Item Details Effect */
/* 50% + -50% na idealnie na srodku */
.portfolio-item-ar-details {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio-item-ar-details h3 {
    color: var(--moon-yellow-2);
    text-transform: uppercase;
    font-size: 30px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:4px;
    padding-right:4px;
    margin: 0;

    /* zmiana pozycji h3 w gore  */
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
/*  podwojne linie */
.portfolio-item-ar-details span {
    display: inline-block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 6px;
    width: 30px;
    /*  podwojne linie */
    margin: 11px auto 5px auto;
}

.portfolio-item-ar-details p {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    /* zmiana pozycji p z dolu w gore na odwrot w h3 bylo - a tu jest +  */
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /* wyswietlanie tekstu bez myslnikow a myslniki byly potrzebne do dobrego filtrowania w produktach - klasa musi byc cala  */
}


/* Show Overlay on mouse over */
/* Tutaj jest ustawione na 0 od 0 do -20 i 20 */

.portfolio-item-ar:hover .portfolio-item-ar-details h3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-item-ar:hover .portfolio-item-ar-details p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*Bardzo wane przezroczystosc na 1 - wtedy - gdy najedzie sie myszka jest czany*/
.portfolio-item-ar:hover .portfolio-item-ar-overlay {
    opacity: 1;
}

/* =========================================
                End Arrangements
============================================ */


/* =========================================
                Arrangements2
============================================ */
#arrangements2 .breadcrumbs2 {
    margin-top: 40px;
}

.arrangements-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.arrangements-grid::after {
    content: '';
    flex-grow: 999999999;
}

.arrangements-grid > figure {
    margin: 2px;
    background-color: #f8f8f8;
    position: relative;
    animation-name: arrangements-grid-to;
    animation-duration: var(--arrangements-grid-duration);

}

.arrangements-grid > figure > i {
    display: block;
}

.arrangements-grid > figure > img {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
}

/* =========================================
                End arrangements2
============================================ */

#masonry999 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

#masonry999::after {
    content: '';
    flex-grow: 999999999;
}

#masonry999 > figure {
    margin: 2px;
    background-color: #f8f8f8;
    position: relative;
    animation-name: arrangements-grid-to;
    animation-duration: var(--arrangements-grid-duration);

}

#masonry999 > figure > i {
    display: block;
}

#masonry999 > figure > img {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
}

/* =========================================
            Formularz cotton
============================================ */

#cotton-form {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

#cotton-form .form-control {
    border: 1px solid var(--moon-yellow-2);
    border-radius: 2px !important;
    border-color: var(--moon-yellow-2) !important;
    height: 50px;
    display: inline-block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    outline: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: "Open Sans", sans-serif;
}

#cotton-form .custom-select {
    border: 1px solid var(--moon-yellow-2);
    border-radius: 2px !important;
    border-color: var(--moon-yellow-2) !important;
    height: 50px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 6px 12px;
    line-height: 1.5;
    color: #555;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto;
    background-size: 8px 10px;
    /*background-color: white;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Open Sans", sans-serif;
}

#cotton-form input[type=number] {
    border: 1px solid var(--moon-yellow-2);
    height: 50px;
    padding-left: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
}

#cotton-form input:focus{
    outline: none;
}

#cotton-form *:focus {
    outline: none;
}

#cotton-form .output-cotton-success {
    color: var(--moon-yellow-2);
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    word-spacing: 7px;
    margin-top: 20px;
}

.vertical-heading-cotton-form h5 {
    letter-spacing: 4px !important;
    top: 62px !important;
    left: -30px !important;
}

#cotton-form label {
    color: #6c757d;
    font-size: 18px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    /*text-transform: uppercase;*/
}

#cotton-form select {
    color: rgba(0, 0, 0, 0.3) !important;
}

#cotton-form option {
    color: var(--grey-color) !important;
}

#cotton-form option:first-child {
    color: var(--grey-color) !important;
}

#cotton-form ::-webkit-input-placeholder { /* Edge */
    color: rgba(0, 0, 0, 0.3) !important;
}

#cotton-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.3) !important;
}

#cotton-form ::placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* =========================================
            Formularz ner
============================================ */

#ner-form {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

#ner-form .form-control {
    border: 1px solid var(--moon-yellow-2);
    border-radius: 2px !important;
    border-color: var(--moon-yellow-2) !important;
    height: 50px;
    display: inline-block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    outline: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: "Open Sans", sans-serif;
}

#ner-form .custom-select {
    border: 1px solid var(--moon-yellow-2);
    border-radius: 2px !important;
    border-color: var(--moon-yellow-2) !important;
    height: 50px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 6px 12px;
    line-height: 1.5;
    color: #555;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto;
    background-size: 8px 10px;
    /*background-color: white;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Open Sans", sans-serif;
}

#ner-form input[type=number] {
    border: 1px solid var(--moon-yellow-2);
    height: 50px;
    padding-left: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
}

#ner-form input:focus{
    outline: none;
}

#ner-form *:focus {
    outline: none;
}

#ner-form .output-ner-success {
    color: var(--moon-yellow-2);
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    word-spacing: 7px;
    margin-top: 20px;
}

.vertical-heading-ner-form h5 {
    letter-spacing: 20px !important;
    top: 53px !important;
    left: -38px !important;
}

#ner-form label {
    color: #6c757d;
    font-size: 18px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    /*text-transform: uppercase;*/
}

#ner-form select {
    color: var(--grey-color) !important;
}

#ner-form option {
    color: var(--grey-color) !important;
}

#ner-form option:first-child {
    color: var(--grey-color) !important;
}

#ner-form ::-webkit-input-placeholder { /* Edge */
    color: var(--grey-color) !important;
}

#ner-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--grey-color) !important;
}

#ner-form ::placeholder {
    color: var(--grey-color) !important;
}


/* =========================================
           Video - home-btn-video
============================================ */
#home-btn-video {
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-90%);
    transform: translateX(-50%) translateY(-90%);
}



/* =========================================
           ????????????????
============================================ */

.abaConfWrap {
    position: relative;
}

.abaConfWrap i.fa.fa-question-circle {
    position: absolute;
    right: 9px;
    top: -2px;
    color: var(--moon-yellow-1);
    z-index: 3;
    font-size: 22px !important;
}

/* helper tip box */
.abaConfWrap .show {
    display: block;
    padding: 5px 8px;
    background: #2a2827;
    color: #fff;
    z-index: 9;
    font-size: 13px !important;
    line-height: 18px;
    top: 0;
    left: 30px;
    width: 300px;
    border: solid 2px #2a2827;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    /*border: none !important;*/
    text-shadow: none !important;
}

.abaConfWrap .hide {
    display: none;
}
/* close icon (x) */
.abaConfWrap i.fa.fa-times-circle {
    position: absolute;
    top: -11px;
    right: -10px;
    z-index: 160;
    color: #2a2827;
    font-size: 2rem;
    opacity: 1;
    border: none !important;
    text-shadow: none !important;
}

.abaConfWrap i.fa.fa-circle {
    position: absolute;
    top: -11px;
    right: -10px;
    z-index: 159;
    color: #fff;
    font-size: 1.8rem;
    opacity: 1;
    border: none !important;
    text-shadow: none !important;
}


.abaConfWrap i.fa.fa-times-circle:hover {
    color: #2a2827;
    opacity: 1;
}
/* downward pointing arrow */
.abaConfWrap i.fa.fa-caret-left {
    width: 102% !important;
    position: absolute;
    /*bottom: -10px;*/
    left: -3%;
    font-size: 1.5em;
    color: #2a2827;
    /*rotate: 90deg;*/
    top: 0;
}

.conf-style-box-981 {
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}

/*
******** CSS CODE SNIPPETS ********
*/


.stConfWrap {
    position: relative;
}

.stConfWrap i.fa.fa-question-circle {
    position: absolute;
    right: 9px;
    top: -3px;
    color: var(--moon-yellow-1);
    z-index: 3;
    font-size: 22px !important;
}

.stConfWrap .show {
    display: block;
    padding: 5px 8px;
    background: #2a2827;
    color: #fff;
    z-index: 9;
    font-size: 13px !important;
    line-height: 18px;
    top: 0;
    left: 30px;
    width: 300px;
    border: solid 2px #2a2827;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    /*border: none !important;*/
    text-shadow: none !important;
}

.stConfWrap .hide {
    display: none;
}

/* close icon (x) */
.stConfWrap i.fa.fa-times-circle {
    position: absolute;
    top: -11px;
    right: -10px;
    z-index: 160;
    color: #2a2827;
    font-size: 2rem;
    opacity: 1;
    border: none !important;
    text-shadow: none !important;
}

.stConfWrap i.fa.fa-circle {
    position: absolute;
    top: -11px;
    right: -10px;
    z-index: 159;
    color: #fff;
    font-size: 1.8rem;
    opacity: 1;
    border: none !important;
    text-shadow: none !important;
}

.stConfWrap i.fa.fa-times-circle:hover {
    color: #2a2827;
    opacity: 1;
}
/* downward pointing arrow */
.stConfWrap i.fa.fa-caret-left {
    width: 102% !important;
    position: absolute;
    /*bottom: -10px;*/
    left: -3%;
    font-size: 1.5em;
    color: #2a2827;
    /*rotate: 90deg;*/
    top: 0;
}














/* =========================================
            Parsley
============================================ */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847 !important;
    background-color: #DFF0D8 !important;
    border: 1px solid #D6E9C6 !important;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48 !important;
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
}

.parsley-errors-list {
    margin: 2px 0 3px !important;
    padding: 0 !important;
    list-style-type: none !important;
    font-size: 14px !important;
    /*margin-top: 4px;*/
    line-height: 0.9em !important;
    opacity: 0 !important;
    color: #B94A48 !important;
    transition: all .3s ease-in !important;
    -o-transition: all .3s ease-in !important;
    -moz-transition: all .3s ease-in !important;
    -webkit-transition: all .3s ease-in !important;
}

.parsley-errors-list.filled {
    opacity: 1 !important;
}

/* =========================================
                Kategorie SEO
============================================ */
#nav-cat-seo {
    background: transparent;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#nav-cat-seo li {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 8px;
}

#nav-cat-seo a {
    color: #212226;
    text-decoration: none;
}

#nav-cat-seo a:hover {
    color: var(--moon-yellow-2);;
    border-bottom: 3px solid var(--moon-yellow-2);;
}



#nav-cat-seo ul.nav-cat-seo {
    margin-top: 20px;
    /*margin-left: 20px;*/
    padding: 0;
    list-style: none;
}

#nav-cat-seo ul.nav-cat-seo > li {
    margin-bottom: 1em;
    display: inline-block;
}


#nav-cat-seo .selected > a {
    color: var(--moon-yellow-2);;
    border-bottom: 3px solid var(--moon-yellow-2);;
}

.cat-seo-desc {
    font-size: 16px;
    line-height: 24px;
}

.breadcrumbs-category {
    margin-left: -10px !important;
    margin-bottom: 40px !important;
}

/*#cat-seo-heading .vertical-heading h5 {*/
/*    left: -45px !important;*/
/*}*/

.vertical-heading-cat {
    margin-top: 40px;
    margin-bottom: 60px;
}

.vertical-heading-sch {
    color: var(--moon-yellow-2);
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    word-spacing: 10px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 60px;
    left: -45px;
}

.vertical-heading-sch-h1 {
    font-size: 42px;
    font-weight: 100;
    /*line-height: 45px;*/
    margin-left: 35px;
    margin-top: -8px;
    margin-bottom: 0;
}

.vertical-heading-sch-h2 {
    font-size: 28px;
}

/* =========================================
                Blog
============================================ */

#blog {
    background: #f4f4f4;
}

#blog-left p {
    margin: 25px 0;
}


#blog-btn a {
    margin: 0;
}

.blog-post {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.blog-post h4 {
    line-height: 40px;
    margin: 0;
}

.blog-post .blog-dsc {
    margin: 20px 0 0;
    line-height: 24px;
    font-weight: 300;
    /*font-family: "Raleway", sans-serif;*/
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
}

.blog-post a {
    display: inline-block;
    color: var(--grey-color);
    text-decoration: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.blog-post a:hover {
    color: var(--moon-yellow-2);
}

.blog-post h2 {
    display: inline-block;
    margin-top: 25px;
    text-transform: uppercase;
    /*font-family: "Raleway", sans-serif;*/
    font-family: "Open Sans", sans-serif;
    color: var(--moon-yellow-2);
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.blog-post a:hover {
    color: var(--moon-yellow-2);
}

.blog-post .post-meta {
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    padding-top: 10px;
}

.blog-post .post-meta p {
    font-size: 11px;
    font-family: "Raleway", sans-serif;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}

.row.blog-gutters [class*=col-] {
    padding: 20px;
}

.news-events-h1 {
    font-size: 14px;
    padding-top: 4px;
    margin: 0;
}

.blog-start {
    margin-top: 80px;
    margin-bottom: 120px;
}

.news-events-p-01 {
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
}

/* =========================================
                Show News-Events
============================================ */

#show-news-events-01 {
    margin-top: 60px;
}

#news-events-right p:first-child {
    margin-bottom: 30px;
    font-size: 15px;
}

#news-events-img-001 {
    margin-top: 60px;
}

#news-events-img-001 img {
    margin: 0 auto;
}

.n-e-date {
    padding-bottom: 10px;
    color: var(--moon-yellow-2);
    font-family: "Raleway", sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

#show-news-events-02 {
    margin-top: 60px;
}

.show-news-events-item h3 {
    font-family: "Raleway", sans-serif !important;
    font-size: 24px !important;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.show-news-events-item p {
    font-size: 15px !important;
    line-height: 26px !important;
}

#show-news-events-description-01 p {
    margin-top: 50px;
    font-size: 15px !important;
    line-height: 26px !important;
}

.breadcrumb-ne {
    background-color: transparent !important;
}

.breadcrumb-ne li>a {
    color: var(--moon-yellow-2);
    text-decoration: underline;
}

.breadcrumb-ne li>a:hover {
    color: var(--grey-color);
}

#news-events-left .vertical-heading h5 span {
    display: block;
}

#news-events-left .vertical-heading h5 {
    left: -36px;
}

#news-events-left .vertical-heading h1 {
    margin: 0 0 0 55px !important;
}

#blog-left .vertical-heading h2 {
    margin: 0 0 0 -30px;
}




/* =========================================
                Statement - news-events
============================================ */

#statement-ne {
    background: url("../images_www/tech/tech-statement-2.jpg") no-repeat fixed center;
    /*background-color: darkred;*/
    background-size: cover;
}

#statement-ne .content-box-lg {
    background: rgba(0, 0, 0, 0.3);
}

#tech-statement-ne h3 {
    color: #fff;
    font-size: 28px;
    line-height: 45px;
}

#tech-statement-ne p {
    font-size: 16px;
    color: var(--moon-yellow-2);
    font-family: "Raleway", sans-serif;
    margin-top: 8px;
}

#news-events-left .vertical-heading h1 {
    margin: 0 0 0 35px;
    font-size: 42px;
    font-weight: 100;
    line-height: 45px;
}

/* =========================================
         Contact -> www email phone
============================================ */
.contact-description-right a {
    text-decoration: underline;
    color: var(--grey-color);
}

.contact-description-right a:hover {
    color: var(--moon-yellow-1);
}

.contact-description-right .fa {
    font-size: 16px !important;
    color: var(--grey-color);
    margin-right: 14px;
}

/* =========================================
         Aba configurator load name
============================================ */

.btn-aba-l {
    color: var(--white-color);
    border: 1px solid #212226;
    background-color: #212226;
    padding: 4px 8px 4px 8px;
    cursor: context-menu;

}

.btn-aba-l:hover,
.btn-aba-l:focus {
    color: var(--white-color);
    background-color: #212226;
    border: 1px solid #212226;
}


.t-i-i-b {
    display: inline-block;
}


/* =========================================
                About - production
============================================ */

#team-worker-left .vertical-heading {
    margin-top: 20px;
}

.about-production {
    left: -85px !important;
}

.team-work-desc {
    margin-top: 60px;
}

.team-about-worker {
    margin: 8px;
    position: relative;
}

.team-about-worker-overlay {
    /*
     var(--moon-yellow-2);
     --grey-color:	   #212226;
      --white-color:   #f8f8f8;
   */
    background-color: rgba(33, 34, 38, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}





.team-about-worker {
    margin: 8px;
    position: relative;
}

.team-about-worker-overlay {
    background-color: rgba(33, 34, 38, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.team-about-worker-info {
    /*width: 100%;*/
    /*height: 100%;*/
    /*padding: 80px 0;*/

    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
}

.team-about-worker-info h6 {
    color:var(--moon-yellow-1);
    font-size: 24px;
    margin: 0;
}

.team-about-worker-info p {
    color: #fff;
}

.team-about-worker:hover .team-about-worker-overlay {
    opacity: 1;
}

#team-worker-left h2 strong {
    color: var(--moon-yellow-1);
}

/* =========================================
              before navigation
============================================ */

#cleoni-intro a {
    color: #fff !important;
}

#cleoni-intro a:hover {
    color: #fff !important;
}

#cleoni-intro fa {
    color: #fff !important;
}

ul#cleoni-intro-ul {
    padding: 0;
    margin: 5px 0 0;
}

ul#cleoni-intro-ul li {
    display:inline;
}

ul#cleoni-intro-ul li {
    padding-right: 30px;
}

ul#cleoni-intro-ul li:last-child {
    padding-right: 0;
}



/* =========================================
                Error
============================================ */
#message_search {
    padding-left: 0px;
    padding-top: 45px;
    padding-bottom: 160px;
    font-family: "Open Sans", sans-serif;
    color: #f0896a;
    font-size: 18px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    /*odstepy miedzy literami w li*/
    letter-spacing: 2px;
    overflow: hidden;
    text-align: center;
    font-style: italic;
    line-height: 40px;
}

/* Errors */
#user-profile .errors {
    display: inline-block;
    border: 2px solid #da412f;
    border-radius: 14px;
    color: #da412f;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-top: 20px;
    margin-right: 30px;
}


.file-size-photo {
    margin-left:40px;
}
#frm_error {
    font-family: "Open Sans", sans-serif;
    color: #cd2129;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 10px;
}

#frm_success {
    font-family: "Open Sans", sans-serif;
    color: #2ECC40;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 10px;
}





.enlarged-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: zoom-out;
    z-index: 99999;
    transition: all 0.3s ease-in-out;/* Dodajemy animację dla płynnego efektu*/
}


 .initially-hidden {
     display: none;
 }


/* =========================================
               Designers
============================================ */

#statement-de {
    background: url("../images_www/tech/tech-statement-d.jpg") no-repeat fixed center;
    background-size: cover;
}

#statement-de .content-box-lg {
    background: rgba(0, 0, 0, 0.3);
}

#tech-statement-de h3 {
    color: #fff;
    font-size: 28px;
    line-height: 45px;
}

#tech-statement-de p {
    font-size: 16px;
    color: var(--moon-yellow-2);
    font-family: "Raleway", sans-serif;
    margin-top: 8px;
}

.vertical-heading-designers {
    margin-top: 35px !important;
}

.designers-description {
    margin-bottom: 25px;
}

.vertical-heading-designers h5 {
    top: 86px;
    left: -61px;
    letter-spacing: 6px; /* zmienione z 2px */
}

ul.social-list-designers li:nth-child(1) a:hover {
    background: #1f2021;
    border-color: transparent;
}

#team-members-designers .social-list-designers .fa,
#team-members-designers .social-list-designers .fas {
    font-size: 26px !important;
}

#designers-pagination .fa,
#designers-pagination .fas {
    font-size: 12px !important;
}

#designers-description-2 p {
    font-size: 16px;
    line-height: 25px;
    text-indent: 20px;
}

.vertical-heading-designers h2 {
    margin-bottom: 20px;
}

.vertical-heading-designers p {
    font-size: 14px;
}

#team-members-designers ul.social-list-designers li:nth-child(1) a:hover {
    background: #1f2021;
    border-color: transparent;
}

.designers-enter-desc p {
    font-size: 15px;
    line-height: 25px;
    text-align: left;
}

.designers-enter-desc h2 strong {
    text-transform: uppercase;
}



/* -------- 04-03 styles -------- */

.login-enduser {
    margin-top: 120px !important;
    margin-left: 60px !important;
    margin-right: 40px !important;
}

.enduser-button {
    margin-top: 40px !important;
}

#enduserLanding label, input {
    display: block;
}

#enduserLanding label {
    font-size: 14px;
    color: #767676;
}

#enduserLanding h2 {
    font-weight: 300 !important;
}

.login-enduser i.fas,
.login-enduser i.far {
    font-weight: 600 !important;
    font-size: 14px !important;
    opacity: 1;
}

#loginEndusersForm {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Dodaj delikatny cień */
}

/* Dostosuj styl inputów */
#loginEndusersForm input[type="text"],
#loginEndusersForm input[type="email"],
#loginEndusersForm input[type="password"] {
    font-size: 16px; /* Przykładowa wielkość czcionki dla inputów */
    margin-bottom: 1em;
    border-radius: 6px;
    padding: 6px;
    border: solid 1px #9B9B9B;
    width: 100%;
    outline: none; /* Usuń domyślny outline */
    transition: border-color 0.3s; /* Dodaj płynne przejście dla zmiany koloru obramowania */
}

/* Zmień kolor obramowania na czerwony po kliknięciu */
#loginEndusersForm input[type="text"]:focus,
#loginEndusersForm input[type="email"]:focus,
#loginEndusersForm input[type="password"]:focus {
    border-color: var(--moon-yellow-2);
}

#loginEndusersForm form .fas,
#loginEndusersForm form .far {
    color: #d1d1d1;
}

.login-enduser aside p { /* style the forgot login info */
    font-size: 12px;
    text-align: center;
}

.login-enduser aside a {
    color: #107AA2;
}

#loginEndusersForm .errors {
    display: inline-block;
    border: 2px solid #da412f;
    border-radius: 14px;
    color: #da412f;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#loginEndusersForm .errors222 {
    display: inline-block;
    color: #da412f;
    font-weight: bold;
    padding: 0;
    margin-bottom: 8px;
}

#loginEndusersForm .messages {
    display: inline-block;
    border: 2px solid #87A96B;
    border-radius: 14px;
    color: #87A96B;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#table-configurator .table > tbody > tr > td,
#table-configurator .table > tbody > tr > th,
#table-configurator .table > tfoot > tr > td,
#table-configurator .table > tfoot > tr > th,
#table-configurator .table > thead > tr > td,
#table-configurator .table > thead > tr > th {
    text-align: center !important; /* Dodaj centrowanie tekstu */
    vertical-align: middle !important; /* Możesz zmienić na 'center' jeśli chcesz */
}

/* Styl dla wrappera select */
.product-select-wrapper-2 {
    display: flex;
    align-items: center;
}

/* Styl dla samego selecta */
.product-select-wrapper-2 .select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    border: 2px solid var(--primary-color); /* Zmień kolor granicy na preferowany */
    border-radius: 4px;
    padding: 5px 15px;
    font-size: 14px;
    font-family: 'Arial', sans-serif; /* Możesz dostosować czcionkę */
    background-color: #fff; /* Kolor tła */
    cursor: pointer;
}

/* Styl dla opcji selecta */
.product-select-wrapper-2 .select option {
    font-size: 14px;
}

.cart-container, .heart-container {
    margin-left: auto; /* To spowoduje, że oba elementy będą po prawej stronie */
    padding: 5px; /* Dodaj dowolne style do koszyka i serca */
}

.cart-container i.fas, .heart-container i.fas {
    font-weight: 600 !important;
    color: #787878;
    /*-moz-osx-font-smoothing: grayscale;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*text-rendering: optimizeLegibility;*/
    font-size: 24px !important;
}

/* Zmiana rozmiaru ikon dla klasy container-fluid-nav-7 */
.container-fluid-nav-7 .fa {
    font-size: 1.5em !important; /* Dostosuj wielkość czcionki według potrzeb */
}

.container-fluid-nav-7 .far {
    font-size: 1.5em !important; /* Dostosuj wielkość czcionki według potrzeb */
}

.container-fluid-nav-7 .fab {
    font-size: 1.5em !important; /* Dostosuj wielkość czcionki według potrzeb */
}

.container-fluid-nav-7 .fas {
    font-size: 1.5em !important; /* Dostosuj wielkość czcionki według potrzeb */
}

.count-style-nav {
    background-color: #e02c2b;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    left: 0;
    line-height: 22px;
    margin: 0 auto;
    position: absolute;
    right: -28px;
    text-align: center;
    top: 8px;
    width: 22px;
}

.shopping-bag-li a:hover {
    /*color: var(--grey-color) !important;*/
}


.shopping-cart-content-nav {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 31px 35px 10px;
    position: absolute;
    right: 0;
    top: 124%;
    width: 440px;
    z-index: 200 !important;
    display: none;
    max-height: 300px; /* Określ maksymalną wysokość, aby umożliwić przewijanie */
    overflow-y: auto; /* Dodaj pionowe przewijanie, jeśli zawartość przekracza wysokość */
}

.shopping-cart-content-nav ul li {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.shopping-cart-content-nav .shopping-cart-img {
    flex: 0 0 82px;
    margin-right: 15px;
}

.shopping-cart-content-nav .shopping-cart-title > h4 {
    color: #242424;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.shopping-cart-content-nav .shopping-cart-title > h4 a {
    color: #242424;
}

.shopping-cart-content-nav .shopping-cart-title > h4 a:hover {
    color: #e02c2b;
}

.shopping-cart-content-nav .shopping-cart-title > h6 {
    color: #555;
    font-size: 13px;
    margin: 5px 0 10px;
}

.shopping-cart-content-nav .shopping-cart-title > span {
    color: #555;
    font-size: 14px;
}

.shopping-cart-content-nav .shopping-cart-delete {
    display: flex;
    flex-grow: 100;
    justify-content: flex-end;
}

.shopping-cart-content-nav .shopping-cart-delete > a {
    border: 2px solid #999;
    border-radius: 50px;
    color: #666;
    display: inline-block;
    height: 19px;
    line-height: 15px;
    margin-top: 2px;
    text-align: center;
    width: 20px;
    font-size: 10px !important; /* Dodaj tę linię, aby ustawić wielkość czcionki */
}

.shopping-cart-content-nav .shopping-cart-delete > a:hover {
    border: 2px solid #e02c2b;
    color: #e02c2b;
}

.shopping-cart-content-nav .shopping-cart-total {
    margin: 25px 0 0;
}

.shopping-cart-content-nav .shopping-cart-total > h4 {
    font-size: 14px;
    margin-bottom: 17px;
}

.shopping-cart-content-nav .shopping-cart-total > h4:last-child {
    margin-bottom: 0px;
}

.shopping-cart-content-nav .shopping-cart-total > h4 span {
    float: right;
    color: #242424;
}

.shopping-cart-content-nav .shopping-cart-total > h4 span.shop-total {
    color: #e02c2b;
    font-weight: 500;
}

.shopping-cart-content-nav .shopping-cart-btn {
    margin-top: 23px;
}

.shopping-cart-content-nav .shopping-cart-btn a {
    margin-bottom: 15px;
}

.shopping-cart-content-nav .shopping-cart-btn a {
    background-color: transparent;
    border: 2px solid #eeeeee;
    color: #454545;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 20px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.shopping-cart-content-nav .shopping-cart-btn a:hover {
    background-color: #e02c2b;
    color: #fff;
}

.shopping-cart-content-nav .shopping-cart-btn-2 a {
    -moz-box-pack: center;
    justify-content: center;
    height: 40px;
    width: auto;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 130, 250);
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: rgb(0, 130, 250);
    font-weight: normal;
    text-decoration: none;
    padding: 8px 20px 8px 14px;
}
#cart_ul_nav {
    padding-left: 0 !important;
}









.table-available-off-the-shelf th,
.table-available-off-the-shelf td {
    border: none; /* Usuń domyślne granice dla wszystkich komórek */
    padding: 8px;
    text-align: left;
    position: relative;
}

.table-available-off-the-shelf th:after,
.table-available-off-the-shelf td:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #AFAFAF; /* Dodaj 1px dolnej krawędzi */
}

.table-available-off-the-shelf tbody tr:last-child td:after {
    /*border-bottom: none; !* Usuń dolną granicę dla ostatniego wiersza *!*/
    border-bottom: 1px solid #AFAFAF;
}

/* Usuń styl Bootstrapa dla nagłówków tabeli */
.table-available-off-the-shelf > thead > tr > th {
    vertical-align: bottom;
    border-bottom: none !important;
}

/* Usuń styl Bootstrapa dla nagłówków i komórek tabeli */
.table-available-off-the-shelf > thead > tr > th,
.table-available-off-the-shelf > tbody > tr > td,
.table-available-off-the-shelf > tfoot > tr > td {
    border-top: none !important; /* Usuń górną granicę */
}

.table-available-off-the-shelf .td-1 {
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 600;
    width: 35%
}

.table-available-off-the-shelf .td-2 {
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 65%
}

.table-available-off-the-shelf .count-style {
    background-color: #e02c2b;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    left: 0;
    line-height: 22px;
    margin: 0 auto;
    position: absolute;
    right: -28px;
    text-align: center;
    top: 8px;
    width: 22px;
    margin: 0;
}



.contact-available-off-the-shelf form {
    margin: 2em 0;
}

.contact-available-off-the-shelf .p-style {
    font-size: 1.6em !important;
}

.contact-available-off-the-shelf fieldset {
    border-radius: 8px;
    border: solid 2px var(--moon-yellow-2);
    padding: 1em 2em;
    margin: 0 .75em 1.5em .75em;
    background-color: rgba(255,255,255,.8);
    box-shadow: 0px 0px 10px rgba(241, 173, 156, .8);
    /*rgb(241, 173, 156)*/
}

.contact-available-off-the-shelf legend {
    font-size: 2.4em;
    padding: 0 .5em;
    text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #efe342, 0 0 6px #efe342;
    color: #e06245;
    font-weight: 700;
}

.contact-available-off-the-shelf input#submit {
    background-color: var(--moon-yellow-2);
    color: #fff;
}

.contact-available-off-the-shelf .field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 1.5em;
    position: relative;
}

.contact-available-off-the-shelf input,
.contact-available-off-the-shelf textarea {
    border: solid 1px #ccc;
    border-radius: 4px;
    font-size: 1.0em;
    padding: 1.0em;
    width: 100%;
    cursor: text;
    color: #707070;
}

.contact-available-off-the-shelf textarea {
    min-height: 160px;
}

.contact-available-off-the-shelf label {
    color: var(--moon-yellow-2);
    font-size: 0.92em;
}

/* add float label styles here */
.contact-available-off-the-shelf input:focus,
.contact-available-off-the-shelf textarea:focus {
    outline: 0;
    border-bottom: 2px solid var(--moon-yellow-2);
}

.contact-available-off-the-shelf label,
.contact-available-off-the-shelf input,
.contact-available-off-the-shelf textarea {
    transition: all 0.2s;
    touch-action: manipulation;
}

.contact-available-off-the-shelf input:placeholder-shown + label,
.contact-available-off-the-shelf textarea:placeholder-shown + label {
    cursor: text;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: -2.125rem 0;
    transform: translate(0, 3.5rem) scale(1.25);
}

.contact-available-off-the-shelf input:not(:placeholder-shown) + label,
.contact-available-off-the-shelf input:focus + label,
.contact-available-off-the-shelf textarea:not(:placeholder-shown) + label,
.contact-available-off-the-shelf textarea:focus + label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}

.contact-available-off-the-shelf .form-submit-a {
    font-size: 1.1em !important;
    cursor: pointer !important;
    border: none !important;
}

.contact-available-off-the-shelf input[type="checkbox"]:focus + label[for="check-terms"] {
    outline: 0;
}

#contact-form-available-off-the-shelf .custom-checkbox-label {
    color: #b4b4b4 !important;
    cursor: text !important;
    transform: none !important;
    border: none !important;
    font-size: 0.92em !important;
    transition: none !important;
}





/* +++++ custom checkbox ++++++++++  */
.checkbox-group {
    position: relative;
}

.checkbox-group .custom-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
    width: 25px;
    height: 25px;
    padding: 0;
}

.custom-checkbox ~ .custom-checkbox-span {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #585858;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}

.custom-checkbox:checked ~ .custom-checkbox-span:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c"; /* unicode for check icon */
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    left: 4px;
    top: 0px;
    color: #fff;
}
/* +++++ end custom checkbox ++++++++++  */


/*aba trio*/
.aba-trio-buttons-ep {
    margin-top: 50px;
    margin-bottom: 60px;
}





.show-description .table-available-off-the-shelf .td-1 {
    width: 60%;
}

.show-description .table-available-off-the-shelf .td-2 {
    width: 40%;
}

.show-description .table-available-off-the-shelf tr:last-child td:after {
    border-bottom: none !important;
}

/*#707070*/
.show-description .table-available-off-the-shelf {
    color: #707070 !important;
}

.show-description .table-available-off-the-shelf a {
    color: #707070 !important;
}

.show-description .table-available-off-the-shelf a:hover {
    color: #f1ad9c !important;
}









@keyframes modalopen {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes arrangements-grid-to {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1.0);
        opacity: 1;
    }
}