html {
		    scroll-behavior: smooth
		}

		nav.nav a:visited, nav.nav a:link {
			color: black;
			font-weight: 300;
			font-size: 18px;
		} 

		.grey {
			
			background-color: ##f7f7f7;
		}

		.ButtonUnderline__underline__Vgsm5:before {
		    content: "";
		    height: 2px;
		    background-color: #d6a596;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    opacity: 0;
		    width: 0;
		    transition: .3s;
		}

		body {
			    font-family: "nimbus-sans",sans-serif;
		}

		.text {
			font-size: 1.4rem;
		    line-height: 2.6rem;
		    font-weight: 300;
		    margin-top: 3rem;
		}

		.text-product  {
			font-size: 18px;
		}

		h2 {
			font-weight: 300;
			font-size: 6rem;
		}

		body.fr h2 {
			font-size: 5rem;
		}

		.btn {
			
		    
		    border-radius: 0px;
    		padding: 11px 21px;
    		margin-left: 10px;
			}

		.btn-dark {
			background-color: #7ca0b0;
			border: 1px solid #7ca0b0;
		}

		.trans {
		    background-color: transparent;
		    color: #000;

		}

		h2 {
			font-size: 5rem;
			
		}
		h3 {
			font-size: 2rem;
			margin-bottom: 2rem;
		}

		.grey {
			background-color: #ccc;
		}

		.img-full {
			margin-top: 3rem;
		}

		.mt6 {
			margin-top: 6rem;
		}

		footer {
			background-color: #f0f0f0;
			padding: 3rem 0;
			font-weight: 300;

		}

		footer .privacy {
			text-align: right;
		}

		footer .copy {
			text-align: left;
		}

		footer a:link, footer a:visited {
			color: black;
			text-decoration: none;
		}


/* maja */


.about .btn {
	border: 1px solid rgba(0,0,0,.2);
}

.about .buttons {
	margin: 4rem 0rem;
}

.wszechstronne {
	background-color: #fcfcfc;
	padding: 2rem 0;
}

.wszechstronne .txt, .cyrkularne2 .txt, .trwale .txt, .maja .txt {
	font-size: 1.2rem;
	font-weight: 300;
	margin: 2rem 0;
	line-height: 2rem;
}

.cyrkularne {
	height: 80vh;
	background-image: url(img-normo/new/06.jpg);
	background-size: cover;
	background-position: bottom;
}



.cyrkularne2 {
	background-color: #7fa17c;
	color: #fff;
	padding: 4rem 0;
}


#cyrkularne3 {
	padding: 3rem 0;
	background-color: #9eb69c;
	color: #fff;
}

#cyrkularne3 .row {
	margin-bottom: 3rem;
}


#cyrkularne3 .txt-big {
	font-size: 1.4rem;
	font-weight: 300;
	margin: 2rem 0;
	line-height: 2.4rem;
}

.trwale {
	background-color: #6d819c;
	color: #fff;
	padding: 4rem 0;
}

.trwale-bg {
	    height: 80vh;
    background-image: url(img-normo/new/11.jpg);
    background-size: cover;
    background-position: center;
}



.cyrkularne2 h2 {
	text-align: right;
}

.cyrkularne2 .btn {
	margin-top: 2rem;
}

.cyrkularn2 .txt {
	margin: 4rem 0;
}

.maja .txt p {
	width: 80%;
	padding-left: 4rem;
}

.maja-img {
	height: 65vh; background-image: url(img-normo/new/13.jpg); background-size: cover;
	background-position: center;
}

.motto {
	background-color: #c0c8d4;
	padding: 4rem 0;
}

.motto p, .info p {
	font-weight: 300;
	font-size: 1.8rem;
}

.motto h6 {
	text-align: right;
	font-size: 3.0rem;
	font-weight: 300;
	margin-top: 6rem;
}


.flags img {
	max-width: 30px;
	margin: 0 0.8rem;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

		/* Media */

		@media (max-width: 992px) { 



			.buttons {
				text-align: center !important;
				margin-top: 1rem
			}

			h2 {
				font-size: 3rem
			}

			footer .privacy, footer .copy {
				text-align: center;
			}


		 }




/* Normo */

.new {
	background-color: #740f2f;
	color: #fff;
	padding: 5rem 0;
}

.new p {
	font-size: 1.4rem;
	font-weight: 300;
}

.containerMargin {
	margin: 10rem 6rem;
}



.collection {
	margin-top: 10rem;
}


.collection h2 {
	line-height: 4rem;
}

.collection h4 {
	font-weight: 300;
	text-align: center;
	margin: 4rem 0rem;
	line-height: 2.6rem;
}

.collection h2 span {
	font-size: 3rem;
	line-height: 4rem;
}

.collection .btn {
	font-size: 2rem;
    font-weight: 300;
    margin: 5rem 0rem;
    background-color: black;
    color: #fff;
}

.collection .btn:hover  {
	background-color: #7ca0b0;
	border: 1px solid #5c7987 
}


.btn {
	font-weight: 300;
}



.versatility h5, .family h5, .new h5 {
	
	margin: 2rem 0;
	font-weight: 300;
	
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.versatility {
	background-color: #6d819c;
	color: #fff;
}

.versatility .full {
	padding: 5rem 0rem;
	
}

.versatility h4, .new h4 {
	font-weight: 300;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.6rem;
}


.btn-p {
	font-size: 2rem;
}


.versatility article {
	margin-bottom: 3rem;
}

.versatility article p {
	font-weight: 300;
	font-size: 1.3rem;
}


.animation {
	padding: 5rem 0;
	background-color: #7fa27c;
	background-position: right;
	color: #fff;
}


.animation h4, .new h4 {
	font-size: 1.4rem;
	font-weight: 300;
	margin: 3rem 0rem;
	line-height: 2.4rem;
	text-align: center;
}




.circular2, .versa2 {
	padding: 5rem 0rem;
}

.versa2 ul {
	margin-top: 3rem;
}

.new2 {
	
	background-color: #ededed;
}


.new2 p {
	margin-bottom: 2rem;
	font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
    padding-top: 11rem;
}



.circular2 ol, .versa2 ul {
	font-weight: 300;

}

.circular2 ol li {
	margin-bottom: 2rem;
	font-size: 1.2rem;
    line-height: 2.2rem;
}


.versa2 ul li, .versa2 p {
	margin-bottom: 2rem;
	font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
}

/* v2 */


.bg-image {
    background-image: url(img-normo/slider3.jpg);
    background-repeat: no-repeat;
    height: 80vh;
    background-size: cover;
    background-position: bottom;
    position: relative;
}

.bg-image .container {
}

body > div.bg-image > div:nth-child(2) > div > div {

}

.top {
	padding-top: 5rem;
}

.logo {
	margin-left: 5rem;
	position: absolute;
	text-align: left;
}

.normo h1 {
	text-align: left;
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 6rem;
    position: absolute;
    
    color: black;
    bottom: 10%;
    margin-left: 3rem;
}



.about {

	margin-top: 5rem;
	margin-bottom: 5rem;

}

.about h2 {
	text-align: left;
	font-size: 3.3rem;
	margin-bottom: 2rem;
}


.animation-text {
	margin-top: 4rem;
}

.about_txt p, .profim p, .circular p {

	font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;

}



.profim {
	background-color: #e7eef0;
	padding: 5rem 0;
}

.circular h2 {
	margin-bottom: 5rem;
	text-align: center;
}

.circular h4  {
	    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
}



.profim h2 {
	margin-bottom: 5rem;
}

.profim img {
	margin-bottom: 5rem;
}

.circular {
	background-color: #909f88;
	padding: 5rem 0;
	color: #fff;
	
}

.circular .txt-sec {
	margin-top: 5rem;
}

#carouselExampleSlidesOnly {
	margin-bottom: 10rem;
}

.where {
	background-color: #e5e5e5 ;
	color: black;
	padding: 5rem 0rem;
}

.where h5 {
	font-weight: 300;
	margin: 2rem 0rem;
	text-align: center;
}

.where3 h2 {
	margin: 4rem 0;
}

.where3 h4 {

	font-weight: 300;
	margin: 3rem 0;
	text-align: center;
 line-height: 2.6rem;
 font-size: 1.4rem;
}

.where3 h5 {
	text-align: center;
	margin: 1rem 0;
	font-weight: 300;
}

.btn-green {
	background-color: #5d8270;
	color: #fff;
}


.btn-green:hover {
	background-color: #4a6d5c;
	color: #fff;
}


.btn-pink {
	background-color: #b77577;
	color: #fff;
}

.btn-pink:hover {
	background-color: #a85f61;
	color: #fff;
}

.btn-dark {
	background-color: #6d819c;
	border: 1px solid #536783;
}

.more {
	padding: 5rem 0;
	background-color: #fff;
}

.more h2 {
	margin: 4rem 0;
}

.more h6 {
	font-size: 2.4rem;
	margin-top: 2rem;
	font-weight: 300;
	max-width: 90%;
}

.more a:link, .more a:visited {
	color: black;
	text-decoration: none;
}

.normo-container {
	margin-top: 25rem;
}

/* embed */

.embed-responsive {
	 position: relative;
	 display: block;
	 width: 100%;
	 padding: 0;
	 overflow: hidden;
	 
}
 .embed-responsive::before {
	 display: block;
	 content: "";
}
 .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: 0;
}
 .embed-responsive-21by9::before {
	 padding-top: 42.857142857143%;
}
 .embed-responsive-16by9::before {
	 padding-top: 56.25%;
}
 .embed-responsive-4by3::before {
	 padding-top: 75%;
}
 .embed-responsive-1by1::before {
	 padding-top: 100%;
}



.ani2 {
	padding: 5rem 0;
}


@media screen and (min-width: 2600px) {






}

@media screen and (min-width: 2000px) {





}

@media screen and (min-width: 1799px) {



}





@media screen and (max-width: 991px) {


 

}

@media screen and (max-width: 768px) {

	.normo h1 {
		
		margin-left: 1rem
	}

	.logo {
		margin-left: 1rem;

	}



	.bg-image {
		height: 80vh;
	}

	.about .btn {
		margin-bottom: 2rem;
	}


	.second .gallery .img {
		margin-bottom: 2rem;
	}


	#cyrkularne3 .last {
		order: 6!important;
	}

	.maja .txt p {
		width: 100%;
		padding-left: 0;
	}

	.flags img {
		margin: 1rem 13px;
	}


}



.second {
	margin: 5rem 0;
}