/*slider*/
section.awSlider .carousel{
  display:table;
  z-index:2;
  -moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

section.awSlider{
  margin:0 auto;
  padding:0px;
  position:relative;
  display:table;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


section.awSlider img{
   pointer-events: none;
}
	@media only screen and (max-width: 980px)
	{
		.carousel-inner
		{
			margin-top:0;
		}
}

.dashicons-arrow-left-alt2:before, .dashicons-arrow-right-alt2:before
{
	font-size:35px!important;
}

.carousel {
    position: relative
}
.carousel-inner {
    position: relative;
    width:100%;
		max-width:1600px;
    overflow: hidden;

}
@media only screen and (max-width: 1080px)
{
	
.carousel-inner {
		min-height:310px;
}
}
@media only screen and (max-width: 780px)
{
.dashicons-arrow-left-alt2:before, .dashicons-arrow-right-alt2:before
{
	font-size:30px!important;
}	
.carousel-inner {
		min-height:250px;
}
	section.awSlider
	{
		margin-top:4%;
	}
}
@media only screen and (max-width: 680px)
{
.dashicons-arrow-left-alt2:before, .dashicons-arrow-right-alt2:before
{
	font-size:20px!important;
}	
.carousel-inner {

		min-height:135px;
}
	section.awSlider
	{
		margin-top:4%;
	}
}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
	clear:both;
	overflow:hidden;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}
.carousel-inner>.item img
{
	width:1600px;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    right: auto;
    left: 0
/*	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x*/
}

.carousel-control.right {
    right: 0;
    left: auto;
   /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x*/
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}
@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}



/*slide1*/
.slidebutton1.but1 
{	background-color:rgb(76, 217, 100, 0.75);}
.slidebutton1.but2
{	background-color:rgb(0, 122, 255, 0.75);}
.slidebutton1.but3
{	background-color:rgb(255, 58, 45, 0.75);} 
.slidebutton1:hover
{
	background-color:rgb(0, 0, 0, 0.75);
}
.slidebutton1
{
	font-family: Roboto;
	font-size: 17px;
	font-weight:500;
	text-transform: none!important;
	margin:0 auto;
	padding:5px 0;
		width:20%;
	cursor:pointer;
	border-radius: 20px;
}
.boxslidebutton1 
 {
	 width:100%;
	 margin:0;
	 padding:0;
    position: absolute;
    bottom: 80px;
    z-index: 10;
    text-align: center;
}
.carousel-caption1 {
	width:50%;
	    margin: 0 25%;
    padding: 0 auto;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 12px;

    letter-spacing: 0px;
    font-weight: 500;
	font-size:40px;
    position: absolute;
    bottom: 130px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
		
}
@media only screen and (max-width: 1080px) {
.slidebutton1
{
	width:50%;
	font-size: 17px;
	margin:2px 0%;
}
.boxslidebutton1 
 {

    position: absolute;
    bottom: 35px;
}
.carousel-caption1 
{

	font-size:35px;
    bottom: 145px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media only screen and (max-width: 680px) {
.slidebutton1
{
	font-size: 12px;
	margin:1px auto;
			padding:3px 0;
}
.boxslidebutton1 
{
    position: absolute;
    bottom: 10px;
}
.carousel-caption1 
{
		font-size:15px;
    bottom: 85px;
    padding-top: 5px;
    padding-bottom: 5px;
}
}
/*slider1 end*/
/*slide2*/
.slidebutton2.but1 
{	background-color:rgb(76, 217, 100, 0.75);}

.slidebutton2
{
	font-family: Roboto;
	font-size: 17px;
	font-weight:500;
	text-transform: none!important;
	margin:0 1%;
	padding:8px 5%;
	cursor:pointer;
	border-radius: 20px;
}
.boxslidebutton2 
 {
	 width:100%;
	 margin:0;
	 padding:0;
    position: absolute;
    bottom: 80px;
    z-index: 10;
    text-align: center;
}
.carousel-caption2 {
		width:50%;
	  margin: 0 25%;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 12px;
    letter-spacing: 0px;
    font-weight: 500;
	font-size:40px;
    position: absolute;
    bottom: 130px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
@media only screen and (max-width: 1080px) {
.slidebutton2
{
	font-size: 17px;
	margin:2px 0%;
	padding:1% 8%;
}
.boxslidebutton2 
 {
    position: absolute;
    bottom: 50px;
}
.carousel-caption2
{
	font-size:30px;
    bottom: 95px;
    padding-top: 15px;
    padding-bottom: 15px;
}
}
@media only screen and (max-width: 680px) {
.slidebutton2
{
	font-size: 15px;
	margin:1px auto;
	padding: 1px 5%;
}
.boxslidebutton2 
 {
    position: absolute;
    bottom: 55px;
}
.carousel-caption2 
{
	font-size:15px;
    bottom: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
}
}
/*slider2 end*/
/*slide3*/
.carousel-caption3 {

    background-color: rgba(255, 255, 255, 0.5);
	font-family: Roboto;
	font-weight:700;
    line-height: 100%;
    margin: 0 25%;
		width:50%;
    padding: 0;
    letter-spacing: 0px;
	font-size:25px;
    position: absolute;
    bottom: 90px;
    z-index: 10;
    padding-top: 35px;
    padding-bottom: 35px;
   	color:red;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
@media only screen and (max-width: 980px) {
.carousel-caption3
{

	font-size:16px;
    bottom: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media only screen and (max-width: 680px) {
.carousel-caption3
{
	font-size:9px;
    bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
/*slider3 end*/
/*slide4*/
.carousel-caption4 {
	width:70%;
	margin:0 15%;
    background-color: rgba(0, 122, 255, 0.5);;
	font-family: Roboto;
	font-weight:500;
    line-height: 100%;
		font-size:28px;
    position: absolute;
    bottom: 60px;
    z-index: 10;
    padding-top: 30px;
    padding-bottom: 30px;
   	color:#fff;
    text-align: center;
}
@media only screen and (max-width: 1080px) {
.carousel-caption4
{
	font-size:20px;
    bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media only screen and (max-width: 680px) {
.carousel-caption4
{
	font-size:11px;
    bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
/*slider4 end*/

/*slider5*/
.slidebutton5.but1 
{	background-color:rgba(188, 208, 255, 0.85);}

.slidebutton5
{

	font-family: Roboto;
	font-size: 17px;
	font-weight:500;
text-transform: none!important;
width:50%;
	padding:1% 1%;
	cursor:pointer;
	border-radius: 20px;
}
.boxslidebutton5
 {
			width:50%;
	 margin:0 25%;
    position: absolute;
    bottom: 80px;
    z-index: 10;
    text-align: center;
}
.carousel-caption5 {
			width:50%;
	 margin:0 25%;
    background-color: rgba(0, 122, 255, 0.5);
    line-height: 100%;
    letter-spacing: 0px;
    font-weight: 500;
	font-size:25px;
    position: absolute;
    bottom: 130px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
@media only screen and (max-width: 1080px) {
.slidebutton5
{
	font-size: 15px;
	margin:2px 0%;
	padding:3px 0;
}
.boxslidebutton5
 {
    position: absolute;
    bottom: 50px;
}
.carousel-caption5
{
	font-size:16px;
    bottom: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
@media only screen and (max-width: 680px) {
.slidebutton5
{
	font-size: 10px;
	margin:1px auto;
}
.boxslidebutton5
 {
    position: absolute;
    bottom: 25px;
}
.carousel-caption5 
{
	width:60%;
	margin:0 20%;
	font-size:10px;
    bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
/*slider5 end*/
.carousel-caption .btn {
    text-shadow: none
}
/* opisy kafelki*/
.opis
{
	display:none;
}
	@media only screen and (max-width: 780px) 
	{
ul .opis
{
	transition:none;
	position:relative;
	text-align:center;
		display:block;
	width:90%;
	height:100%;
		margin:auto 5%;
}
}
	@media only screen and (max-width: 680px) 
	{
ul .opis
{
	position:relative;
	text-align:center;
		display:block;
	width:90%;
	height:100%;
		margin:auto 5%;
}
}
/* kafelki top */
.containertop
{
	width: 1100px;

	margin:auto;
	padding:0;
	position:relative
}
	.da-thumbs {
		display:flex;
	list-style: none;
	width:100%;
	height:100%;
	margin:0 auto; 
	align-items:center;
	padding: 0;
}
.da-thumbs li {
display:flex;
width:50%;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li p
{
 display:none;
 width:80%;
 height:15%;
 text-align:center;
 position:absolute;
 top: 40%;
 margin: 0 0 0 0;
 left: 10%;
 border-bottom: 1px solid white;
    background:rgba(75,75,75,0.0);
 color:white;
 font-weight:400;
text-shadow: 
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000;

}
.da-thumbs li a div span {
  font-size: 16px;
	display: block;
	text-align: center;
	padding: 0 0;
	margin: 60px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 0 0 rgba(255,255,255,0.3);
}
	@media only screen and (max-width: 980px) 
{
.containertop
{
	width: 100%;
	height:	100%;
	margin:auto;
	padding:6% 0 0 0;
	position:relative
}
	.da-thumbs {
			display: flex; 
		flex-wrap: wrap;
		justify-content: center;
	list-style: none;
	width:100%;
	height:100%;
	position: relative;
	align-items:center;
	margin:0;
	padding: 0;
}
.da-thumbs li
	{
		width:40%;
		display:block;
		margin:0.5em;
	}
.da-thumbs img
	{
		width:100%;
	}
.da-thumbs li a div 
{
background: rgba(75,75,75,0.0);
}
.da-thumbs li a div span 
{
display:none;
}

.da-thumbs li p
{
display:block;
font-size: 16px;
}
}
	@media only screen and (max-width: 780px) 
{

.containertop
{
	width: 100%;
	height:	100%;
	margin:auto;
	padding:6% 0 0 0;
	position:relative
}
	.da-thumbs {
	list-style: none;
	width:100%;
	height:100%;
	position: relative;
	align-items:center;
	margin:0;
	padding: 0;
}
.da-thumbs li
	{
		width:70%;
		display:block;
	}
.da-thumbs img
	{
		width:100%;
		display:block;
		margin:0 0;

	}

.da-thumbs li a div 
{
background: rgba(75,75,75,0.0);
}

.da-thumbs li a div span 
{
display:none;
}

.da-thumbs li p
{
display:block;
border-bottom: 0.5px solid white;
font-size: 15px;
}
}
@media only screen and (max-width: 680px) 
{

.containertop
{
	width: 100%;
	height:	100%;
	margin:auto;
	padding:6% 0 0 0;
	position:relative
}
	.da-thumbs {
	list-style: none;
	width:100%;
	height:100%;
	position: relative;
	align-items:center;
	margin:0;
	padding: 0;
}
.da-thumbs li
	{
		width:70%;
		display:block;
	}
.da-thumbs img
	{
		width:100%;
		display:block;
		margin:0 0;

	}
.da-thumbs li a div 
{
background: rgba(75,75,75,0.0);
}

.da-thumbs li a div span 
{
display:none;
}

.da-thumbs li p
{
display:block;
border-bottom: 0.5px solid white;
font-size: 15px;
}
}
@media only screen and (max-width: 1080px)
	{
	#site-wrapper
	{
		padding-top:5%;
	}
}
		@media only screen and (max-width: 980px)
	{
	#site-wrapper
	{
		padding-top:2%;
	}
	}
		@media only screen and (max-width: 780px)
	{
	#site-wrapper
	{
		padding-top:3%;
	}
	}
			@media only screen and (max-width: 680px)
	{
	#site-wrapper
	{
		padding-top:10%;
	}
	}
/* kafelki top end */
/* stopka tele */
.telefonstopka
{
	font-size:24px;
}
@media only screen and (max-width: 1180px) 
{
		.telefonstopka
{
	font-size:16px;
}
}
@media only screen and (max-width: 680px) 
{
		.telefonstopka
{
	font-size:24px;
}
}
/* stopka tele end*/
/* dolne menu kontakt */
#container1
{
	  clear: both;
    width: 100%;
    background: #ADD8E6;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}
#main1
{
    width: 1200px;
    font-weight: 600;
    position: relative;
    margin-left:auto;
    margin-right:auto;

}
#box123
{
    font-size: 125%;
    width: 100%;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10%;
    padding-left: 10%;
}
div.texxxt
{
    margin-top: -2.5%;
    padding: 10px 0 10px 0;
    margin-bottom: 0;
    float:left;
}
button.kontakt1
{   
    margin-top: -2.5%;
    cursor: pointer;
    background: #009ece;
		color:white;
    padding: 10px 45px 10px 45px;
    margin-bottom: 0;
    float:right;
}

button.kontakt1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.kontakt1 span:after {
  content: '\00bb';
  position: relative;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

button.kontakt1:hover span {
  padding-right: 25px;
}

button.kontakt1:hover span:after {
  opacity: 1;
  right: 0;
}
button.kontakt1:hover span:after {
  opacity: 1;
  right: 0;
}
@media only screen and (max-width: 1025px){
#container1 {
    display:block !important; 
}
#main1
{
    display:block !important;
    width: 100%;
}
#box123
{
    display:block !important;
}
div.texxxt
{
    display:block !important;
}
button.kontakt1
{   
    display:block !important;
}
}
@media only screen and (max-width: 778px){
#container1
{
    padding-top: 8%;
    padding-bottom: 8%;
}
#main1
{
    width: 100%;
}
#box123
{
    font-size: 12px;
    padding-right: 5%;
    padding-left: 5%;
}
}
@media only screen and (max-width: 480px){
#container1
{
    display: block;
    padding-top: 8%;
    padding-bottom: 11%;
}
#main1
{
    width: 100%;
}
#box123
{
     font-size: 10px;
    padding-right: 5%;
    padding-left: 5%;
}
}
/* koniec dolne menu kontakt */

@media only screen and (max-width: 680px)
{
.tabel55 td
{
	display:block!important;
float:left!important;
	width:100%!important;
line-height:100%!important;
	height:25%!important;
	margin:0!important;
	}
}
#text-12 ul a:hover
{
	color:white!important;
}
.button1:after{
padding-top: 100%;
    padding-bottom: 100%;
    padding-left: 100%;
    margin-left: -20px !important;
    margin-top: -100%;
}
.wpcf7
{
	text-align:left;
}
div.wpcf7-response-output,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
    border: 1px solid #24a7cf!important;
		background: #24a7cf;
		font-weight:700;
		color:white;
}
textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"]
{
	width:100%;
}
.footer-widget-inside span a,.footer-widget-inside a
{
	color:white!important;
}
span a:hover, a:hover
{
	color:lightblue!important;
}
@media only screen and (max-width: 1200px){
#masthead #site-header-main {
    position: fixed!important;
	}}
.sub-menu
{
	margin:0;
}
.mob-icon-cancel.mob-cancel-button
{
	font-size:18px!important;
	padding-right:259px;
	padding-top:5px;
	margin:0;
}
@media only screen and (max-width: 350px){
	#call_now,#map_now
	{
		font-size:7px!important;
	}
}
td
{
	background-color:transparent!important;
}
tr
{
	background-color:transparent!important;
}
.tekstkont
{
	margin:0;
	padding:0;
	font-size:12px;
}
.infor
{
	font-weight:900;
	margin:0;
	padding:0;
 line-height: 0;
}
#footer-inside, footer#footer1.cryout1
{display:none;}
#footer
{
	width:100%!important;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:0!important;
}
.danzuz
{	
	width:100%;

	background-color:#2e3038;

}
.colorinfo
{
		border-top:2px solid #3d3f45;
		background-color:#2e3038;
	width:100%;
	height:100%;
	
}
.dateinfo
{
	margin:1% 0;
	font-size:14px;
	float:left;
}
.info
{
	margin:1% 0;
		font-weight:700;
	font-size:14px;
	float:right;
}
@media only screen and (max-width: 775px){
.dateinfo
{
		text-align:center;
	float:none;
}
.info
{
	text-align:center;
	float:none;
		margin-bottom:20px;
}
}
.mob-cancel-button
{
    color: #009ece!important;
		margin-top: 15%;
			margin-left:-55%;
}
.mobmenu_content li a
{
	font-weight: 600;
}

.entry-author-link,
.entry-permalink,
.entry-date,
.entry-meta {
display: none;
}
.widget-container
{
	padding:0!important;
}
#text-3.widget-container
{
margin-bottom: 0!important;
padding-right: 0!important;
	text-align:center;
	line-height: 1.2;
}
#text-4.widget-container
{
	padding-right: 0em;
text-align:right;
		border-right: 1px solid #ffffff;
}
#text-6.widget-container
{
	padding-right: 0em;
	border-left: 1px solid #ffffff;
}
#text-5.widget-container
{
	padding-right: 0em;
	text-align:center;
}
#text-7.widget-container
{
	padding-right: 0;
	text-align:center;
	line-height: 1.7;
}
@media only screen and (max-width: 780px){

#text-3.widget-container
{
	padding-right: 0em;
	border: 0px;
	text-align:center;
	font-size:15px!important;
}
#text-4.widget-container
{
	padding-right: 0em;
	border: 0px;
	text-align:center;
}
#text-6.widget-container
{
	padding-right: 0em;
	border: 0px;
	text-align:center;
}
#text-5.widget-container
{
	padding-right: 0em;
	border: 0px;
	text-align:center;

}
#text-7.widget-container
{
	padding-right: 0;
	border: 0px;
	text-align:center;
}
}
@media only screen and (max-width: 680px)
{
	#text-3.widget-container
	{
	margin-bottom:5%!important;
	}
}
#mge {
  position: fixed;
  right: -0.001%;
  top: 50%;	 
	z-index:100;
}
.enter
{
	width:100%!important;
	font-weight:600;

}
.delete
{
	text-decoration:line-through;
}
#secondary
{width:auto}
@media only screen and (max-width: 780px){
#mobile-menu > div.mobilekontakt
	{
		margin-top: 5%;
    text-align: center;
    height: 260px;
	}
#primary, #secondary
{
	display:none;
}
nav#mobile-menu a
{
text-transform:none!important;
}
.icon-cancel:before {
    content: "\ea0f";
    font-size: 20px!important;
}
#mobile-menu
{
	padding:0 10%!important;
	}}

/* button post */
.button1  {
    position: relative;
    background-color: white;
    border: none;
    color: #666;
    width: 100%;
    text-align: left;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    outline: 0;
    font-size:90%;
    margin-top:2px;
    margin-bottom:2px;
    padding-top:2px;
    padding-bottom:2px;
}
.button1:after {
    content: "";
    background: lightblue;
    display: block;
    position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px !important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s;

}
.button1:hover {
    background-color: white;
    border: none;
    color: #666;}
.button1:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

/*button post*/

/*panel boczny */
.mainMenu {
  text-align: left;
  margin-right: auto;
text-decoration: none;	
    cursor: pointer;
}

ul.mainMenu li {
  list-style-type: none;

  margin: 0;
  margin-right: 100px;
  /*padding: 1px 0% 0 0%;*/
  text-decoration: none;
  float: left;
  width: 200px;
  /*display: none;*/ 
  text-align: left;
		position: static;


}

.mainMenu ul a {
	
  display: block;
  width: 99%;
  color: #757575;
  text-decoration: none;

    
}
ul.mainMenu a:hover { 
    background-color: lightblue;
      

}


ul.mainMenu li ul {
 
	display: none;
  width: 190px;
  text-align: left;
}

@media only screen and (max-width: 1025px) {
ul.mainMenu li {

    display: block;
  }
}

@media only screen and (max-width: 778px) {
  ul.mainMenu li {
   display: block;

  }
}

.list.show
{
  display: block;
	margin-top: 0;
  position: static;
	
}
/*koniec panelu bocznego*/
		
div.con4 {
 text-align: center;
	margin:0 auto;
}
div.con4 a{
	color:#444!important;
}

div.con4 div
{
	max-width: 1400px;
	margin:0 auto;
	font-weight: bold;
}
div.con5 {
 text-align: center;
 color: #009ece;
 font-weight: 800;
}
div.strglowna
{
    font-size: 16px;
    text-align: center;
}

/*do facebooka */
#panel {
    position: fixed;
    top: 41%;
    box-sizing: border-box;
    background-color:white;
    width: 340px; /* szerokosc panelu */
    height: 220px;
    border: 0 solid blue;
    right: -340px; /* to samo co szerokosc, ale z minusem */
    transition: right 0.4s ease-in;
}

#panel:after {
    content: url('https://gazytechniczne.eu/wp-content/uploads/2018/11/9_right.png'); /* obrazek "uchwytu" */
    position: absolute;
    right: 340px; /* tym ustawiasz pozycjê "uchwytu" */
    cursor: pointer;
}

#panel:hover {
    right: 0;
}
@media only screen and (max-width: 1025px){
#panel {
  /*visibility: hidden;*/
    top:45%;
}
}
@media only screen and (max-width: 778px){
#panel {
    top: 25%;
}
}
@media only screen and (max-width: 480px){
#panel {
    top: 37.5%;
}
		}

/* strona główna */ 
.entry-title
{
	width:100%;
	font-weight:800;
}
.textstrg
{
	color:#666
}
/* strona główna end */ 
.continue-reading-link, .post-continue-container
{
	display:block;
	height:50px;
}
.continue-reading-link span
{
	display:none
}
.continue-reading-link:before
{
	content:"Więcej";

}
/* mobile menu */
nav#mobile-menu .children.toggled-on, nav#mobile-menu .sub-menu.toggled-on
{
max-height: 2000px;
}

/* icons */
#access > div > ul li > a:not(:only-child) > span::after{    content: '\f078';
font-family: "Font Awesome 5 Free";}
#access>div>ul li>a:not(:only-child)>span::after, .dropdown-toggle::after {
    content: '\f078';
font-family: "Font Awesome 5 Free";
}
#access i.icon-cancel:before {
    content: "\f00d";
    font-size: 20px!important;
	font-family: "Font Awesome 5 Free";
}
#access .menu-main-search > a:not(:only-child).icon-search::before {
    content: "\f002";
		font-family: "Font Awesome 5 Free";
}
#access i.icon-menu:before {
    content: "\f0c9";
		font-family: "Font Awesome 5 Free";
}
.icon-cancel:before {
    content: "\f00d";
    font-size: 20px!important;
	font-family: "Font Awesome 5 Free";
}
.icon-search::before {
    content: "\f002";
		font-family: "Font Awesome 5 Free";
}
.icon-menu:before {
    content: "\f0c9";
		font-family: "Font Awesome 5 Free";
}
.icon-bread-home:before
{
	
    content: "\f015";
		font-family: "Font Awesome 5 Free";
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	display:none;
    		font-family: "Font Awesome 5 Free";
    font-style: normal;
font-weight: 600!important;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    cursor: inherit;
    font-size: inherit;
}
/* cookie */
.cookie-revoke-hidden
{
	z-index:999;
font-size:15px!important;
 position: fixed!important; 
	bottom:0;
	width:100%;
}
.cookie-notice-container
{
	padding:20px!important;
	text-align:center;

}
.cookie-notice-container span, .cookie-notice-container a
{
	
	margin-left:1%;
}
.cookie-notice-container span
{
	display:inline-block;
}
.cn-buttons-container
{
	margin:0 auto;
	display:block;
	text-align:center;
	width:100%;
}
.cookie-notice-container a
{
	display:inline-block;
	padding: 10px 25px!important;
	clear:both;
}
.cn-button
{
	background-color: #24a7cf!important;
color: #FFFDFF!important;
}
.cn-button:hover
{
	background-color: #add8e6!important;
	color:#FFFDFF!important
}
.cn-close-icon
{
	display:none!important;
}
/*formularz kontakt*/
.wpcf7-submit
{
	clear:both;
	display:block;
}
/*quiz*/
.qwynik
{
	display:block;
	float:left;
	clear:both;
	width:100%;
}
.qwynik p
{
	float:left;
	padding:0 2%;
}
.qwynik #question
{
	float: left;
}
.qwynik
{
	width:280px;
}