/* navigator */
		body{
			font-family: 'Ubuntu', sans-serif;
		}
		
		.i-nav-link{
			font-size: 13px;
			color: white;
			padding: 20px;
			float:left;

			padding: 15px 16px;
		    font: 400 14px/20px 'poppins';
		    font-weight: 400;
		    color: #000;
		    letter-spacing: .5px;
		}
		.i-nav-item {
			padding-left: 10px;
			padding-right: 10px;
		}

		.navbar-nav{
			padding-left: 40px;
		}
		/* literki logo */
		
		.obr{
		background-image: url(../im/element/logo.png);
		margin-top: 50px;
		display: block;
		float: left;
		}
/*

		/* paski */
		.pudelka img {
    		margin-top: 40px;
		}
		.size-full {
		    transition: transform 0.3s;
		}
		.pudelka {
		    margin-top: 30px;
		    background-image: url(../im/bc/tlo1.jpg);
		    width: 100%;
		    background-size:cover;
		    clear: both;
		    background-position: bottom center;
		    margin-bottom: 50px;
		}
		.size-full {
    		transition: transform 0.3s;
		}

		/* czcnionki*/

		h1{
			font-family: ubuntu,arial;
			font-size:1.6em;
			color: #00a2ff;
			font-weight: lighter;
			text-align: left;			
			}



		/* stare style css - do wymiany*/
		.ramik {
		    width: 800px;
		    height: 70px;
		    background-image: url(../im/element/podi/2.png);
		        margin: 0px auto;
		}
		.pepe {
		    font-family: ubuntu,arial;
		    font-size: 1.9em;
		    color: white;
		    font-weight: lighter;
		    text-align: left;
		    padding-top: 18px;
		    position: relative;
		    margin-left: 30px;
		}
		.cien {
		    background-image: url(../im/element/shadow.png);
		    background-repeat: no-repeat;
		    background-size: 100%;
		    width: 800px;
		    height: 25px;
		    margin-top: 0px;
		    z-index: -1;
		    margin: 0px auto;
		}

		/*Wave Animation*/

		@keyframes move_wave {
		    0% {
		        transform: translateX(0) translateZ(0) scaleY(1)
		    }
		    50% {
		        transform: translateX(-25%) translateZ(0) scaleY(0.55)
		    }
		    100% {
		        transform: translateX(-50%) translateZ(0) scaleY(1)
		    }
		}
		.waveWrapper {
		    overflow: hidden;
		    position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    top: 0;
		    margin: auto;
		}
		.waveWrapperInner {
		    position: absolute;
		    width: 100%;
		    overflow: hidden;
		    height: 100%;
		    bottom: -1px;
		    background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);
		    background: linear-gradient(-45deg, rgb(106, 120, 209), rgb(0, 164, 189));
		}
		.bgTop {
		    z-index: 15;
		    opacity: 0.5;
		}
		.bgMiddle {
		    z-index: 10;
		    opacity: 0.75;
		}
		.bgBottom {
		    z-index: 5;
		}
		.wave {
		    position: absolute;
		    left: 0;
		    width: 200%;
		    height: 100%;
		    background-repeat: repeat no-repeat;
		    background-position: 0 bottom;
		    transform-origin: center bottom;
		}
		.waveTop {
		    background-size: 50% 100px;
		}
		.waveAnimation .waveTop {
		  animation: move-wave 3s;
		   -webkit-animation: move-wave 3s;
		   -webkit-animation-delay: 1s;
		   animation-delay: 1s;
		}
		.waveMiddle {
		    background-size: 50% 120px;
		}
		.waveAnimation .waveMiddle {
		    animation: move_wave 10s linear infinite;
		}
		.waveBottom {
		    background-size: 50% 100px;
		}
		.waveAnimation .waveBottom {
		    animation: move_wave 15s linear infinite;
		}


		/*tabele*/


		h4{
		border-bottom: 1px solid white ;	
			
			
			
			}
		.classname {
			-moz-box-shadow:inset 0px 1px 8px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 8px 0px #ffffff;
			box-shadow:inset 0px 1px 8px 0px #ffffff;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ff7700) );
			background:-moz-linear-gradient( center top, #ededed 5%, #ff7700 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ff7700');
			background-color:#ededed;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			border-radius:7px;
			border:1px solid #dcdcdc;
			display:inline-block;
			color:#777777;
			font-family:arial;
			font-size:14px;
			font-weight:bold;
			padding:6px 16px;
			text-decoration:none;
			text-shadow:1px 1px 0px #ffffff;
		}.classname:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7700), color-stop(1, #ededed) );
			background:-moz-linear-gradient( center top, #ff7700 5%, #ededed 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ededed');
			background-color:#ff7700;
		}.classname:active {
			position:relative;
			top:1px;
		}
		/* This imageless css button was generated by CSSButtonGenerator.com */



		.tablen3 {

		width:650px;
		height: 250px;}
		.tablen {

		width: 650px;
		height: 450px;}
		.tablen2 {

		width: 650px;
		height: 500px;}
		.dsd {
		height: 10px;
		}
		.dsd {
		height: 10px;
		background-color: #fff6e6;
		}
		.sads{
		background-color: white;}




		.CSSTableGenerator {
			margin:0px;padding:0px;
			width:100%;

			border:1px solid #aaabab;
			-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;

		}.CSSTableGenerator table{

		    border-collapse: collapse;
		        border-spacing: 0;
			width:100%;
			height:100%;
			margin:0px;padding:0px;
		}.CSSTableGenerator tr:last-child td:last-child {
			-moz-border-radius-bottomright:0px;
			-webkit-border-bottom-right-radius:0px;
			border-bottom-right-radius:0px;
		}
		.CSSTableGenerator table tr:first-child td:first-child {
			-moz-border-radius-topleft:10px;
			-webkit-border-top-left-radius:10px;
			border-top-left-radius:10px;
		}
		.CSSTableGenerator table tr:first-child td:last-child {
			-moz-border-radius-topright:10px;
			-webkit-border-top-right-radius:10px;
			border-top-right-radius:10px;
		}.CSSTableGenerator tr:last-child td:first-child{
			-moz-border-radius-bottomleft:0px;
			-webkit-border-bottom-left-radius:0px;
			border-bottom-left-radius:0px;
		}.CSSTableGenerator tr:hover td{
			background-color:#d3e9ff;
				

		}
		.CSSTableGenerator td{
			vertical-align:middle;
			
			background-color:#aad4ff;

			border:1px solid #ffffff;
			border-width:0px 1px 1px 0px;
			text-align:center;
			padding:7px;
			font-size:12px;

			font-weight:normal;
		background-color:rgba(244, 247, 249, 1);
			border:1px solid #aaabab;
			height: 30px;
		}.CSSTableGenerator tr:last-child td{
			border-width:0px 1px 0px 0px;
		}.CSSTableGenerator tr td:last-child{
			border-width:0px 0px 1px 0px;
		}.CSSTableGenerator tr:last-child td:last-child{
			border-width:0px 0px 0px 0px;
		}
		.CSSTableGenerator tr:first-child td{
				background: #87e0fd; /* Old browsers */
		background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
			border:0px solid #ffffff;
			text-align:center;
			border-width:0px 0px 1px 1px;
			font-size:14px;

		text-align: left;
			color:#ffffff;
			height: 50px;
			

		}
		.CSSTableGenerator tr:first-child:hover td{
		background-color:rgba(244, 247, 249, 1);
		}
		.CSSTableGenerator tr:first-child td:first-child{
			border-width:0px 0px 1px 0px;
		}
		.CSSTableGenerator tr:first-child td:last-child{
			border-width:0px 0px 1px 1px;
		}


		/*  price*/

		.price h4 {
			margin: 0;
			padding: 20px 0 ;
			color: #fff;
			font-size: 60px;
			font-family: 'Roboto', sans-serif !important;
			border-bottom: 0px;
			}
		.option ul li {
		    margin: 0 0 10px;
		    padding: 0;
		    list-style: none;
		    color: #fff;
		    font-size: 16px;
		}
		.card-av a {
		    position: relative;
		    z-index: 2;
		    background: #fff;
		    color: black;
		    width: 150px;
		    height: 40px;
		    line-height: 40px;
		    border-radius: 40px;
		    display: block;
		    text-align: center;
		    margin: 20px auto 0;
		    font-size: 16px;
		    cursor: pointer;
		    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		}

		/*buble*/

		  #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #2c2e43; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

		  /*  guzik responsive*/
		  .icon-res{
		  	border: 0;
		    height: 79px;
		    width: 79px;
		    border-radius: 50%;
		    cursor: pointer;
		    position: relative;
		     background-color: #ff3000;
		  }
		    .icon-res span:first-child {
    			top: 28px;
			}

			.icon-res span {
			    display: block;
			    height: 5px;
			    width: 33px;
			    background-color: #ffffff;
			    border-radius: 2px;
			    position: absolute;
			    left: 23px;
			    -webkit-transition: -webkit-transform 0.3s;
			    -webkit-transition: all 300ms ease-in-out;
			    transition: all 300ms ease-in-out;
			}

			#top-menu>li>a {
			    padding: 15px 16px;
			    font: 400 14px/20px 'poppins';
			    font-weight: 400;
			    color: #000;
			    letter-spacing: .5px;
			}



			/*blok*/

			.blog_content {
			    background: #fff none repeat scroll 0 0;
			    bottom: -65px;
			    box-shadow: 0 2px 5px 1px rgba(0,0,0,.07);
			    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.07);
			    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.07);
			    left: 30px;
			    padding: 20px;
			    position: absolute;
			    right: 30px;
			    text-align: center;
			    top: auto;
			}
			.news_module_image_holder {
    display: block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
  
}
		.blog_post{
			position: relative;
    display: inline-block;
		}
		.sds_blog_post {
    padding: 0 15px;
    margin-bottom: 100px;
}


/*blok kategorii*/

#left-column .text-uppercase, #right-column .text-uppercase {
    border: medium none;
    color: #fff;
    font: 500 14px/18px "Poppins",sans-serif;
    letter-spacing: .8px;
    width: 100%;
    display: block;
    margin: 0;
    text-align: left;
    padding: 10px 15px;
    position: relative;
    background-color: var(--it-brand-primary);
}

.category-sub-menu li  {
    color: #888;
    font-size: 15px;
    letter-spacing: normal;
    padding: 5px 0;
    font-weight: lighter;
}
.category-sub-menu{
	margin-bottom: 0px;
}

.category-sub-menu > li > .collapse-icons {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    cursor: pointer;
}

.disabled{
	display: none!important;
}

.block_newsletter_form {
    position: relative;
     padding: 10px 0; 
}
.block_newsletter  input[type=text] {
    background: #fff none repeat scroll 0 0;
    color: #888;
    font-size: 14px;
    padding: 0 15px;
    border: none;
    text-align: left;
    height: 35px;
    width: 100%;
}