body {
  background-color: #ffffff;
  font-family: 'Raleway', 'Helvetica', 'Arial', sans-serif;
   
}
.sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >a >span {
   text-transform: none;
  text-transform: uppercase;
   font-family: CURSIVE, sans-serif; 
   font-size: 13px;
   font-weight: 500;
   color: #2c1b01;
  
  
}

#sp-header {
    background: #ffe5b4 none repeat scroll 0 0;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    height: 80px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf2+1,ffefd3+40,ffe5b4+100 */
background: #fffaf2; /* Old browsers */
background: -moz-linear-gradient(top,  #fffaf2 1%, #ffefd3 40%, #ffe5b4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffaf2 1%,#ffefd3 40%,#ffe5b4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffaf2 1%,#ffefd3 40%,#ffe5b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf2', endColorstr='#ffe5b4',GradientType=0 ); /* IE6-9 */
margin-bottom: 15px;

}

.body-innerwrapper {
    max-width: 1240px;
    margin: 0 auto;
   /* box-shadow: 2px 2px 2px 2px 
    rgba(0,0,0,0.5); */

}


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {

    color:#000000
   /* display: block;
    list-style: none;
    position: relative; 
  
    float: left;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden; */
  
    border-left: solid 1px #774821;
    border-right: solid 0px #774821;

    /*padding-top: 20px;
    padding-bottom: 20px;*/

    text-shadow: 0px 0px #000000;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {

   background: #774821; /* tło podświetlenia */
 /*  border: solid 1px #8c7147; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,774821+89,e9d4b3+100 */
/*background: #f3e2c7; /* Old browsers */
/* background: -moz-linear-gradient(top,  #f3e2c7 0%, #c19e67 50%, #774821 89%, #e9d4b3 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #f3e2c7 0%,#c19e67 50%,#774821 89%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom,  #f3e2c7 0%,#c19e67 50%,#774821 89%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */ 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c19e67+15,774821+98 */
/*background: #c19e67; /* Old browsers */
/*background: -moz-radial-gradient(center, ellipse cover,  #c19e67 15%, #774821 98%); /* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover,  #c19e67 15%,#774821 98%); /* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center,  #c19e67 15%,#774821 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19e67', endColorstr='#774821',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

/*tło menu */
/*.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

    background: #ffe5b4 none repeat scroll 0 0;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
    padding: 10px;
  
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf2+1,ffefd3+40,ffe5b4+100 */
/*background: #fffaf2; /* Old browsers */
/*background: -moz-linear-gradient(top,  #fffaf2 1%, #ffefd3 40%, #ffe5b4 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #fffaf2 1%,#ffefd3 40%,#ffe5b4 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #fffaf2 1%,#ffefd3 40%,#ffe5b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf2', endColorstr='#ffe5b4',GradientType=0 ); /* IE6-9 */


}
/* tlo pod stroną*/


.body-wrapper {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    right: 0;
    backface-visibility: hidden;
    background-image: url(/images/podklad.jpg) !important;
}

hr {
  border-top: 1px solid grey;
}

#menu_galeria {
  position: fixed;
  right:0;
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(39, 100%, 85%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(39, 100%, 85%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}

.menu_galeria ul > li {
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}
.menu_galeria: link  ul > li{
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}
.menu_galeria: visited  ul > li {
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}
.menu_galeria: hover  ul > li {
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}
.menu_galeria: active   ul > li{
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}

.menu_galeria: focus   ul > li {
  position: fixed;
  
  top: 20%;
  width: 8em;
  margin-top: -2.5em;
  position: fixed;
  width: 8em;
  margin: -2.5em 0 0 0;
  z-index: 5;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  font-weight: bold;
  font-size: large;
  text-align: left;
  border: solid hsla(80, 90%, 40%, 0.5);
  border-right: none;
  padding: 0.5em 0.5em 0.5em 2.5em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
}
html {
  scroll-behavior: smooth;
}


.anchor {
   
  position: relative;
    
 
    top: -100px;
}

 
/* baner góra */

.layout-showcase .sprocket-features-list {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  background-color: #ffffff;
}

.slider1  {
  background-color: white;
  color: white;
}

.sp-slider {
  background: white;
}

animation-timing-function: ease-in-out;

.layout-showcase .sprocket-features-img-container img {
    margin-right: 35px;
    margin-left: 14%;
    margin-top: 13px;
    margin-bottom: 13px;
}

#sp-top-bar {
  background-color: rgba(0%, 0%, 100%, 0) !important;
  color:#000000  !important;
  padding: 0 0;
  font-weight:500;
}
  
.sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span
{
  line-height: 76px;
  border-left: solid 1px #ffe5b4;
    border-right: solid 0px #fffaf2;
}

#sp-header {
  height:75px;
}

.logo_glowne {
  display: block;
  max-width: 117%;
  height: auto;
  margin-top:0px;
  
}


.sp-defaut-logo {
  margin-top:10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 1px 10px 1px 10px;
    color: #141414;
    cursor: pointer;
  font-family: CURSIVE;
}

/*menu boczne - nagłówek */

.sp-module .sp-module-title {
    margin: 0 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600;
 /*   border-right: 1px;
    border-style: solid;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;*/
  font-family: CURSIVE;
}

.sp-module ul >li >a {
    color: #000;
}


/*menu boczne- podmenu */
.sp-module ul >li >a {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;

}

.sp-module ul:hover >li:hover >a:hover {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    color:white;
     background-color: #774821;
 
}

  .sp-module ul:focus >li:focus >a:focus {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    color:white;
     background-color: #774821;
   

}

 .sp-module ul:active >li:active >a:active {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    color:white;
     background-color: #774821;
   
}

   .sp-module ul:visited >li:visited >a:visited {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    color:white;
     background-color: #774821;
    

}


/* ikonka przy menu bocznymc */
.sp-module ul >li >a:before {
 /*   font-family: FontAwesome; */
     content: &nbsp !important;
   /* margin-right: 8px; */
}

.sp-module ul >li >a {
    display: block;
    padding: 5px 0;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    text-transform: uppercase;
    font-family: CURSIVE, 'Arial', sans-serif;
    font-weight: 500;
}


.menu_boczne ul >li >a >span {
    display: block;
    padding: 10px;
    color: #141414;
    cursor: pointer;
  color:yellow;
}

/*menu głowne */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  
    color:#774821;
}
    

 /* .sp-megamenu-parent  .sp-dropdown li.sp-menu-item.active>a {
   display: block;
    padding: 5px 0px 0px 0px;
    line-height: 24px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-left: 10px;
    color:white;
     background-color: #774821;
} */


/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title {
    text-transform: uppercase;
    font-weight: bold;*/

/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 1px 10px 1px 10px;
    color: #141414;
    cursor: pointer;
    font-family: CURSIVE;
}*/
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 10px;
    color: #141414;
    cursor: pointer;
}*/

.mega_menu.active>a {
  color: yellow;
  
}
.mega_menu.hover>a{
  color: yellow;
  
}

.mega_menu.visited>a {
  color: yellow;
  
}.mega_menu.focus>a{
  color: yellow;
  
}

.mega_menu  {
  color: black !important;
  background:white !important;
  
}

.mega_menu.active  {
  color: black !important;
  background:white !important;
  
}

.mega_menu.hover  {
  color: black !important;
  background:white !important;
  
}

.mega_menu.visited  {
  color: black !important;
  background:white !important;
  /* dodać kursor */
  
}

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #774821;
    background: #ffe5b4;
  text-transform: uppercase;
    font-family: CURSIVE;
    font-weight: 500;
  border-color: #fffaf2 ;
}

.zdalna {
    color: #774821;
    background: red !important;
  text-transform: uppercase;
    font-family: CURSIVE;
    font-weight: 500;
  border-color: #fffaf2 ;
  
}

.tabs {
  color: black !important;
   
   font-family: CURSIVE, sans-serif !important; 
  text-transform: uppercase;
    font-family: CURSIVE;
    font-weight: 500;
}

.sprocket-tabs-nav {
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-family: CURSIVE;
  text-transform: uppercase;
    font-family: CURSIVE;
    font-weight: 500;
  Font-size:12px;
  
}