/*
Theme Name: 1eden
Theme URI: http://1eden.pl
Author: 1eden
Author URI: http://1eden.pl/
Tags: 1eden
Text Domain: 1eden
*/



/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */


/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

html { background: #fff url(gfx/bg_html.jpg) top center;}
html, body { margin:0; padding:0; }
body { font: 14px/1.7 'Roboto', Arial, Helvetica, Sans-serif; color:#000;}

img {border:none; float:left;}
div {margin:0; padding:0; }

a {color:#000; text-decoration:underline; transition:all 300ms;}
a:hover {color:#b393b3;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Roboto', sans-serif;}

/*MENU */
#menu_container {position:fixed; width:100%; z-index:100;}
#menu { float:left; width:100%; background:#000; overflow:hidden; position:relative;}
#menu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#menu ul li img {height:2.2em;}
#menu ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; padding:10px 0; text-transform:uppercase; margin-top:5px;}
#menu ul li:first-child {margin-top:1px; margin-right:0;}
#menu a {color:#fff; font-family: 'Roboto', sans-serif; font-size:1.3em; font-weight:100; text-decoration:none; padding:10px 0; transition: all 350ms ease-in-out 0s; margin: 0 35px; border-bottom:1px solid transparent;}
#menu a:hover {color:#fff; border-bottom:1px solid #fff;}
#menu a.logo {padding:0;}
/*end_of MENU */


/*transform: scale(1.175) rotate(-15deg); -webkit-transform: scale(1.175) rotate(-15deg); -moz-transform: scale(1.175) rotate(-15deg); -o-transform: scale(1.175) rotate(-15deg);*/

#before_header {clear:both; height:700px;}
header#Homepage {background:url(gfx/bg1.jpg) top center no-repeat; background-size:cover; overflow:hidden; position:relative; width:100%; height:100%;}

.leading {position:absolute; top:300px; left:50%; width:50em; margin-left:-25em;}
.bird1 {position:absolute; top:200px; left:11%;}
.bird2 {position:absolute; top:320px; right:5%;}

hr.clearfix {clear:both; padding:0; margin:0; background:none; border:none;}
hr.afterheader {padding-top:100%;}

section {clear:both;}
/*wrap*/
.wrap {width:80%; margin: 0 auto;} 
/**/

section#Liczby {background:url(gfx/bg_liczby.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; padding:90px 0;}

.row3 {clear:both;}
.row3 .col {float:left; width:33%; text-align:center;}

.row3 .lbox {width:17%; padding: 0 8%; transition:all 300ms;}
.kolo {border:2px solid #000; display:table-cell; vertical-align:middle; font-weight:100; font-size:4.5em; border-radius:50%; width:200px; height:200px; margin:0 auto; transition:all 350ms;}
.lbox:hover .kolo {color:#fff; background:#000;}
.lbox:hover {transform:scale(1.2);}
.podpis {font-weight:300; font-size:1.7em; text-align:center; width:200px; line-height:1.3; margin-top:20px;}

section#Motto {background:url(gfx/bg_motto.jpg) top center; background-size:cover; padding:50px 0; color:#fff; font-weight:700; text-transform:uppercase;}
#Motto .wrap {text-align:center; font-size:2.5em; line-height:1.3; padding:1em 0;}

section#RWD {background:url(gfx/bg2.jpg) top center no-repeat; background-size:cover; padding:60px 0; color:#000; overflow:hidden;}
#RWD .wrap {position:relative;}
.responsive1line, .responsive2line {clear:both; display:block; font-size:2.4em; text-transform:uppercase; line-height:1;}
.responsive1line {font-weight:100; letter-spacing: 11px; padding-top:25px;}
.responsive2line {font-weight:700; letter-spacing:-1px;}
#RWD p {font-size:1.1em; font-weight:100; padding:30px 0;}
#RWD a.button {margin-top:100px;}
/*button*/
a.button {display:inline-block; padding:12px 20px 15px 20px; background:none; text-decoration:none; border:2px solid #000; transition: all 350ms; color:#000; font-weight:700; font-size:1.9em; line-height:1;}
a.button:hover {background:#000; color:#fff;}
/**/
.p_zebra {position:absolute; top:180px; right:0; height:500px;}

section#Projekty {background:#000 url(gfx/bg_projekty_bottom.png) center bottom no-repeat; color:#fff; padding-bottom:55px;}
/*h2*/
h2 {font-size:2.4em; font-weight:700; margin:0; padding:0; line-height:1.4; padding:25px 0; text-transform:uppercase;}
/**/
#Projekty h2 {color:#fff;}
.box {width:16.6%; height:16.6em; float:left; position:relative; overflow:hidden;}
.box:after {position:absolute; content:""; width:100%; height:100%; left:0; top:0; background: linear-gradient(145deg,  #8247b3 0%,#000000 100%); opacity:0.83; cursor:pointer; transition:all 300ms;}
.box:hover:after {opacity:0.9; margin:50% 5% 0 5%; width:90%; height:50%; background:#000; display:table-cell; vertical-align:middle; text-align:center; content:"" url(gfx/ico_zoom.png) ""; padding-top:5%;}
.box:nth-child(6n+1) {width:17%;}

section#Kontakt {background:url(gfx/bg_kontakt.jpg) top center no-repeat;}
.row2 .col1 {width:37%; margin-right:2%; float:left;}
.row2 .col1 img {max-width:100%; margin-top:-4em;}
.row2 .col2 {width:60%; float:left;}
.ln {clear:both; padding:0 0 10px 0; font-weight:100; font-size:1.44em;}
.ln img {margin-right:20px;}
aside.address {margin-top:4em;}
aside.address .tel, aside.address .mail {font-size:2em; font-weight:700; line-height:2.3;}
#Kontakt a.button {font-size:1.3em; margin-top:10px;}
#Kontakt a {text-decoration:none;}

aside#projects {position:absolute; top:0; left:0; width:100%; background:rgba(94,59,123,0.88); display:none;} 
a.project {cursor:pointer;}
.project_container {position:absolute; left:0; top:0; display:none; margin:120px 0 0 10%; width:90%; color:#fff; max-height:90%;}
.project_container .col {float:left; max-height:100%;}
.project_container .suit {width:20%;}
.project_container .project_img {position:absolute; left:20%; width:80%; overflow:hidden;}
.project_container .slider {overflow:hidden; position:absolute; width:300%;}
.project_img img {height:100%; margin-right:25px; }
.suit ul {list-style-type:none; padding-left:0;}
.suit ul li {clear:both; line-height:50px;}
.suit img {width:50px; margin-right:10px;}
.close {position:absolute; right:0; top:0; margin:75px 30px 0 0; color:#fff; cursor:pointer; font-size:20px; font-weight:700; padding:0 10px; border:2px solid #fff; transition:all 300ms;}
.close:hover {color:rgb(94,59,123); background:#fff;}
.overlay_close {position:relative; left:0; top:0; width:100%; height:100%;}

.slideleft, .slideright {display:none; cursor:pointer;}
.withslider .slideright {display:block;}
.slideright {position:absolute; right:0;}
.slideleft {position:absolute; left:20%;}























.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}


@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media all and (max-width: 1440px) {
	.bird2 {top:320px; right:5%; width:30em;}
	.kolo {font-size:4.5em; width:180px; height:180px;}
	.podpis {font-size:1.7em; width:180px;}
	.box:hover:after {margin:65% 5% 0 5%; width:90%; height:50%;}
	.box img {max-width:110%;}
}
@media all and (max-width: 1366px) {
	
}
@media all and (max-width: 1280px) {
	.kolo {font-size:3.8em; width:150px; height:150px;}
	.podpis {font-size:1.6em; width:150px;}
	.box:hover:after {margin:80% 5% 0 5%; width:90%; height:50%;}
	.box img {max-width:105%;}
}
@media all and (max-width: 1024px) {
	.leading {top:220px; left:50%; width:34em; margin-left:-17em;}
	.bird2 {width:20em;}
	.kolo {font-size:2.9em; width:130px; height:130px;}
	.podpis {font-size:1.2em; width:130px;}
	.box {height:12em;}
	.box:hover:after {margin:62% 5% 0 5%; width:90%; height:50%;}
	.box img {max-width:105%;}
}

@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 401px) {
	
}

@media all and (device-width: 768px) and (device-height: 1024px) { /*iPad portrait and (orientation:portrait) and (orientation:landscape)*/
	

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	
}