header{position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:10;}
header nav ul li a span{color:#FFF;}
.hero-cw{position:relative;}
.hw{width:100%;	
	height:100%;}
.gradient-filter{background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0) 100%);}
.w-title .f-box{max-width:535px;
	width:100%;
	margin:0px auto 0px 0px;}
.w-title h1,
.w-title h2{font-size:4em;
 line-height: 1.25em;
 color:#FFF;
 padding: 0px 0px 25px 0px;
 letter-spacing: 5px;}

.w-title p{
 text-shadow: 0 0 5px #565656;
 color:#F1F1F1;
 padding: 0px 0px 25px 0px;
 font-size: 1.25em;
 line-height: 1.5em;}

/* Oferta */

.offer .r33 {padding: 0px 3px;
	box-sizing: border-box;}
.offer .r33 a{display: block;
	height: 100%;
	padding: 50px 25px;
    box-sizing: border-box;}
.offer a img{margin-bottom: 25px;}	
.offer-main{position: relative;
	margin-top: -75px;
	z-index: 5;}
.offer-main .r33:nth-child(1) a{background-color:#DBBF6D;}
.offer-main .r33:nth-child(2) a{background-color:#D2B049;}
.offer-main .r33:nth-child(3) a{background-color:#A88C3A;}
.offer-main .r33 h3,
.offer-main .r33 p{color:#FFF;}
.offer-main a img{max-width: 50px;}
.offer-second .r33{padding: 3px 3px;}
.offer-second a img{width: 75px;}
.offer-second .r33 a{border-color:#E1E1E1;
	border-style:solid;}
	
.offer-second .r33 a:hover{
	border-top-color:#D2B049; 
	border-left-color:#D2B049; 
	border-bottom-color:#D2B049; 
	border-right-color:#D2B049; 
    transition: border-top-color 0.3s ease-in, border-left-color 0.3s ease-in, border-bottom-color 0.6s ease-in, border-right-color 0.6s ease-in;}
.offer-second .r33 p,
.offer-second .r33 h3{color:#212121;}

/*Blog*/

.first-post{max-width: 1000px;
	margin: 0 auto;}
.post-meta-info span{	
	margin-right:25px;
	color: #666666;}
.post-meta-info i{
	margin-right: 5px;
	color:#D2B049;}	

/* O mnie */
.about .about-text-wrap a {color: #D2B049;}
.about{background-color:#666666;}
.about .portret{box-sizing: border-box;}
.about .portret .bgo{background-position: top;
	min-height: 500px;}
.about .about-content .about-content-wrapper{margin-left:25px;}
.about-title span{font-size:1.25em;
	color:rgba(255,255,255,0.3);
	margin-left:50px;}
.about-title h3{font-size:2.5em;
	color:#D2B049;}
.about hr{height:2px;
	background:#A88C3A;
	border:0px;}
.about-text-wrap{
	max-width:900px;
	margin: 50px 25px 50px auto;}
.about p{box-sizing: border-box;
	color: #FFF;
	margin-bottom:24px;
	line-height:1.75em;}
.about .quote {margin-left: 25px;}
.about q{font-family:'great_vibesregular';
	font-size: 2.5em;
	color:#D2B049;}
	
/* banner */

.banner {background-color: #D2B049;}
.banner p{font-size:1.75em;
	line-height:1.5em;
	color:#FFF;}
.banner .page-button {background-color:#FFF;}
.banner .page-button span{color:#D2B049;}





/*===========================*|
|*===       DESKTOP       ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 1600px) and ( min-device-pixel-ratio: 1),
		(min-width: 1600px){
			.w-title .f-box{max-width:735px;}
			
		}
		
/*===========================*|
|*===    DESKTOP/LAPTOP   ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 1300px) and (max-device-width: 1599px) and ( min-device-pixel-ratio: 1),
		(min-width: 1300px) and (max-width: 1599px){
			.w-title .f-box{max-width:735px;}
		}	
		
/*===========================*|
|*===    LAPTOP/TABLET    ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 1000px) and (max-device-width: 1299px) and ( min-device-pixel-ratio: 1),
		(min-width: 1000px) and (max-width: 1299px){
			.w-title h1,
			.w-title h2{font-size:4em;}
			.w-title .f-box {max-width: 650px;}
			.offer-second .r33 a {padding: 30px 15px;}
		}	
		
/*===========================*|
|*===  	 	 TABLET  	   ==*|
|*===========================*/	

@media	
		only screen (min-device-width: 750px) and (max-device-width: 999px) and ( min-device-pixel-ratio: 1),
		(min-device-width: 750px) and (max-width: 999px){
		.hero-cw {max-height:750px}
		.bgo-s{
		width:100%;
		height:100%;
		background-position:60%;
		background-repeat:no-repeat;
		background-size:cover;}
		.offer-main .t-col-3>div{margin-top:10px;}
		.offer .r33 a {padding: 30px 15px;}
		.about-content {padding: 0 25px 0 15px !important;}
		.about .about-content .about-content-wrapper {margin-left: 0px;}
		.about div p{margin: 25px 0;}
		.offer-second .t-col-3>div{margin-top:0px;}
		.offer-second .t-r33 a{padding:20px 20px 30px 20px;}
		
		.homeslider .flex-direction-nav{display:none;}
		.w-title h1,
		.w-title h2{font-size:3em; line-height:1.25em; 	padding: 0px 0px 0px 0px; letter-spacing: 4px; padding-bottom: 50px;}
		.w-title .p30{padding-top:0px;}
		.w-title p{display:none;}
		.offer-main{margin-top: -50px;}	
		
		.offer-second .t-col-2>div {margin-top: 0px;}
		}

/*===========================*|
|*===  SMARTPHONE/TABLET   ==*|
|*===========================*/	
@media	
		only screen (min-device-width: 550px) and (max-device-width: 749px) and ( min-device-pixel-ratio: 1),
		(min-device-width: 550px) and (max-width: 749px){
		.hero-cw {max-height:750px}
		.bgo-s{
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-size:cover;}
		.offer-main .ts-col-1>div{margin-top:10px;}
		.about .quote{display:none;}
		.about-content {padding: 0 25px 0 15px !important;}
		.about .about-content .about-content-wrapper {margin-left: 0px;}
		.about div p{margin: 25px 0;}
		.offer-second .ts-col-2>div{margin-top:0px;}
		.homeslider .flex-direction-nav{display:none;}
		.w-title .f-box {max-width: 435px;}
		.w-title h1,
		.w-title h2{font-size:3em; line-height:1.25em; 	padding: 0px 0px 0px 0px; letter-spacing: 4px; padding-bottom: 40px;}
		.w-title .p30{padding-top:0px;}
		.w-title p{display:none;}
		.offer-main{margin-top: -50px;}
		.offer .r33 a {padding: 30px 15px;}
		
		}
@media	
		only screen (min-device-width: 550px) and (max-device-width: 650px) and ( min-device-pixel-ratio: 1),
		(min-device-width: 550px) and (max-width: 650px){
		.offer-second .ts-col-2>div {
			margin-top: 0px;
			-webkit-flex-basis: 90%;
			flex-basis: 90%;}
		.offer .r33 a {padding: 50px 25px;}
		}
/*===========================*|
|*===   	SMARTPHONE     ==*|
|*===========================*/	
@media	
		only screen and (max-device-width: 549px) and ( min-device-pixel-ratio: 1),
		(max-width: 549px){
		.hero-cw {max-height:750px}
		.bgo-s{
		width:100%;
		height:100%;
		background-position:60%;
		background-repeat:no-repeat;
		background-size:cover;}
		.about .about-content .about-content-wrapper {margin-left: 0px;}
		.homeslider .flex-direction-nav{display:none;}
		.w-title h1,
		.w-title h2{font-size:3em; line-height:1.25em; 	padding: 0px 0px 0px 0px;letter-spacing: 3px; padding-bottom: 30px;}
		.w-title .p30{padding-top:0px;}
		.w-title p{display:none;}
		.w-title .f-box{max-width:300px;
		width:100%;
		margin:0px auto 0px 0px;}
		.offer-main{margin-top: -25px;}
		.offer-main a img {max-width: 40px;}		
		.about .quote {display: none;}
		.about-content .p50 {display:none;}
		
		}
@media
only screen and (min-device-width: 1140px) and ( min-device-pixel-ratio: 1),
(min-width: 1140px) {
	.hero-cw a {
		display: none;
	}
}