@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600&subset=latin-ext');

/*----------------------------------------------------------------------------PODSTAWOWE*/
body{
	font-family: 'Titillium Web', sans-serif;
	padding-top: 35px;
	font-weight: 300;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,ffffff+80,000000+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 65%, #ffffff 80%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 65%,#ffffff 80%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 65%,#ffffff 80%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

*:focus{
  outline: none !important;
  border-radius:0px;
}

a{
	color: #33A685;
}

a:focus,a:hover{
	color: #000;
	text-decoration: none;
}


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

/*img {
	 -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    filter: gray; 
	
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

img:hover {
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    cursor: pointer;
}*/

.img-center{
	margin-left: auto;
	margin-right: auto;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}

.break {
	padding: 3em 0;
	text-align: center;
	background: #d94f5c;
}

.box{
	background:#33A685;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	padding: 30px;
}

.box .box__title{

	margin-left: -30px;
	margin-right: -30px;
	font-weight: 300;
	-webkit-flex: none;
	flex: none;
	/*text-indent: 3px;
	letter-spacing: 3px;*/
	text-transform: uppercase;
	
	padding: 30px;
	background: #191919;
}

.textbox{
	padding-left: 35px;
	border-left: 1px #dfdfdf solid;
}

.s-text{
	padding-top:15px ;
	padding-bottom:15px;
}

.section__title {
	
	font-weight: 300;
	-webkit-flex: none;
	flex: none;
	margin: 2em 0 2em;
	/*text-indent: 3px;
	letter-spacing: 3px;*/
	text-transform: uppercase;
	
	
	
}

.w-bg{
	background:#fff;
	color:#333;
	padding-left:30px;
	padding-right:30px;
}

.b-bg{
	background:#333;
	color:#fff;
	padding-left:30px;
	padding-right:30px;
}



.gotop{
	margin-top:-140px;
	padding-left:30px;
	padding-right:30px;
	margin-left: auto;
    margin-right: auto;
	white-space:nowrap;
	position:absolute;
	left:0;
	right:0;
}


.b-border img{
	border-bottom: 1px #dfdfdf solid;
}
/*BOOTSTRAP MOD*/

.navbar {
    /*position: fixed;*/
    
    margin-bottom: 0px;
    border: 1px solid transparent;
    /*border-bottom: #33A685 6px solid;*/
    padding-bottom: 0;
    width: 100%;
    z-index: 100;

    -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
    padding-top: 10px;      
}

.smaller {
    
    min-height: 40px !important;
    margin-bottom: 0px;
    

    -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    /*background-color: #33A685;*/
}

.navbar li a{
	
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;

}

.smaller li a{
	
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;

}

.navbar li a:hover {
	color:#333 !important;
	
}

.navbar-brand img {
	line-height: 80px;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.smaller .navbar-brand img{
	line-height: 40px;
	transform: scale(0.6)  !important;
      transition-property: transform;
      transition-duration: 0.3s;
      transition-timing-function:ease-in-out !important;
      transition: all 0.2s ease;
      margin-top: -10px;
}


.navbar-logo{
	position: absolute;
	top:22px;
	z-index: 999;
}

.p-adress{
	padding-right: 40px;
}

.p-adress i{
	color:#33a685;
}
/*EF*/

.triangle {
	position: relative;
}

.triangle a{
	color: #fff;
}

.triangle::after {
    content: '';
    position: absolute;
    bottom: -10px;
    transform: rotate(45deg);
    background-color: #33A685;
    display: inline-block;
    width: 20px;
    height: 20px;
   left: 50%;
    margin-left: -10px;
    z-index: 99;

    -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
   
}

.break100{
	height:100px;
}

.break80{
	height:80px;
}

.break50{
	height:100px;
}

.break30{
	height:30px;
}
/*---------------------------------------------------------------------------SEKCJE*/

.s-topfoto{
	
	/*background: #333 url(../images/top.jpg) top center no-repeat;*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,232323+36,ffffff+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 1%, rgba(35,35,35,1) 36%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 1%,rgba(35,35,35,1) 36%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 1%,rgba(35,35,35,1) 36%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	height: 460px;
	padding-top: 30px;
	/*background-size: contain;*/
	color:#fff;
}


@media (max-width: 922px){
	.s-topfoto{
		height:320px;
	}
}
@media (min-width: 1400px){
	.s-topfoto{
		height:620px;
	}
}

.section_m{
	padding-top: 60px;
	padding-bottom: 120px;
}

.grey{
	background: #f0f0f0;
	padding-bottom: 90px;
}

.special_head{
	background: #2D9577;
	padding-bottom: 50px;
	border-top:6px #333 solid;
	color:#fff;
	
}

.special{
	background: #33a685;
	padding-bottom: 90px;
	/*border-top:6px #333 solid;*/
	color:#fff;
	
}

.special2{
	background: #2D9577;
	padding-bottom: 90px;
	border-top:6px #fff solid !important;
	color:#fff;
	
}

.t-border{
	border-top:1px #dfdfdf solid;
}

.footer-sign{
	color:#fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.dark{
	
	background:rgba(0,0,0,0.1);
	padding-bottom:30px;
	padding-top:60px;
	margin-bottom:30px;
	margin-top:-60px;
	margin-left:  -15px;
}

.dark .gotop{
	margin-right: 15px;
}

.white{
	color:#fff;
}

@media (max-width: 922px){
	.text-left{
		text-align: center !important;
	}

	.text-right{
		text-align: center !important;
	}

	.navbar-logo{

		margin-left: auto !important;
		margin-right: auto !important;
		top:15px;
		left: 0;
		right: 0;
		position: relative;
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
}

/*-----------------------------------------------------------------------------LOADER*/
.loader {
	position: fixed;
	z-index: 1000 !important;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top:0px;
}
.fading-line {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 333px;
	margin: -250px 0 0 -250px;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/*----------------------------------------------------------------------------NAV*/
/* Top Navigation Style */
.codrops-links {
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
}

.codrops-links::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #c14954;
	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.codrops-icon {
	display: inline-block;
	width: 1.5em;
	margin: 0.5em;
	padding: 0em 0;
	text-decoration: none;
}

.codrops-icon span {
	display: none;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	margin: 0 5px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	speak: none;
}

.codrops-icon--drop:before {
	content: '\e001';
}

.codrops-icon--prev:before {
	content: '\e004';
}

/* Demo links */
.codrops-demos {
	margin: 2em 0 0;
}

.codrops-demos a {
	display: inline-block;
	margin: 0 0.5em;
}

.codrops-demos a.current-demo {
	color: #333;
}

.menu {
	line-height: 1;
	/*margin: 0 auto 3em;*/
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item {
	display: block;
	margin: 1em 0;
}

.menu__link {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}


/* doubleline */
.menu--doubleline .menu__link {
	position: relative;
	display: block;
	margin: 0 1em;
	text-align: center;
	color: #929292;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

.menu--doubleline .menu__link:hover,
.menu--doubleline .menu__link:focus {
	color: #333;
}

.menu--doubleline .menu__item--current .menu__link {
	color: #33A685;
}


.menu--doubleline .menu__link::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background: #33A685;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.menu--doubleline .menu__link::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.menu--doubleline .menu__link::after {
	bottom: -22px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}


.navbar-default .navbar-nav > .active > a:hover::after
,.navbar-default .navbar-nav > .active > a:focus::after
,.navbar-default .navbar-nav > .active > a::after
{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #33A685 ;
    background-color: #fafafa;
}

/*.navbar-default .navbar-nav > .active > a:focus::after {
    content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background: #33A685;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}*/


.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
/*------------------------------------------------------------------------ANIMACJE*/

.hiding{
  opacity:0;
}
.showing { 
  opacity: 1;
}

.img-eff {

    display:inline;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.img-eff:hover {

 /* filter: gray; /* IE6-9 */
	display:inline;
	filter: contrast(2) grayscale(80%);/* Google Chrome, Safari 6+ & Opera 15+ */
	-webkit-filter: contrast(2) grayscale(80%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

/*----------------------------------------------------------------------BUTTON*/

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
    background-color: #333;
    border-color: #333;
	color:#fff;
}