@charset "utf-8";
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding : 10px;
}
table {
border-spacing : 0;
}
img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin : 0;
padding : 0;
}
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-spacing : 0;
}
img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
margin : 0;
padding : 0;
}
body {
width : 100%;
height : 1800px;
margin-top : 0;
font : 0.625em/1.5em verdana, sans-serif;
background-color : white;
height : 1130px;
}
body image {
margin-top : 150px;
}
.content {
min-width : 300px;
max-width : 1600px;
overflow : hidden;
}
p, a, li {
color : #f1f1f1;
font-size : 1.4em;
font-family : verdana, sans-serif;
}
header {
height : 80px;
position : static;
width : 100%;
}
header img {
width : 10%;
height : 50px;
float : left;
margin-left : 12%;
margin-top : 15px;
}
nav {
width : 100%;
height : 80px;
}
.main {
background-color : white;
background-image : url("../img/tlo.png");
background-repeat : no-repeat;
margin-top :0px;
width : 100%;
height : 9800px;
}
.architectural-concrete1 {
background-color : white;
background-image : url("../img/tlo1.png");
background-repeat : no-repeat;
margin-top : -80px;
float : right;
width : 100%;
}
.header h1 {
width : 80%;
text-decoration : none;
text-align : center;
float : left;
font-weight : normal;
margin-left : 0%;
margin-top : 452px;
font-size : 26px;
color : #fff;
background-color : #222222;
padding : 30px;
}
.header p {
width : 80%;
text-decoration : none;
float : left;
margin-left : 0%;
margin-top : 0;
font-size : 18px;
color : #000;
line-height : 23px;
background-color : #F5F5F5;
padding : 30px;
}
.donice1 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 18px;
line-height : 12px;
text-align : left;
float : left;
margin-top : -320px;
margin-left : 57%;
color : #00acc1;
width : 35%;
}
.donice1 img {
float : left;
margin-left : 8%;
display : block;
margin-top : 50px;
width : 45%;
}
.donice1 p {
display : block;
float : left;
background-color : white;
padding : 20px;
margin-top : -290px;
margin-left : 56%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete2 {
width : 100%;
margin-left : 0%;
height : 659px;
margin-top : -192px;
}
.donice2 {
margin-top : 0;
width : 100%;
}
.donice2 h2 {
display : block;
padding : 10px;
line-height : 1.1;
text-decoration : underline #ffffff;
font-size : 18px;
text-align : left;
margin-top : -350px;
float : left;
margin-left : 10%;
color : #00acc1;
width : 35%;
}
.donice2 img {
display : block;
margin-top : 330px;
margin-left : 53%;
width : 45%;
height : 630px;
}
.donice2 p {
display : block;
padding : 20px;
float : left;
margin-left : 10%;
margin-top : -300px;
padding : 10px;
line-height : 16px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete3 {
width : 100%;
margin-left : 0%;
height : 830px;
margin-top : 1360px;
}
.donice3 h2 {
display : block;
padding : 10px;
text-decoration : none;
font-size : 22px;
text-align : left;
margin-top : -60px;
margin-left : 6%;
color : #ffffff;
width : 35%;
}
.donice3 img {
display : block;
margin-top : 400px;
margin-left : 0%;
height : 700px;
width : 100%;
}
.donice3 p {
display : block;
padding : 30px;
float : left;
margin-top : 5px;
margin-left : 4%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #00acc1;
width : 30%;
}
.architectural-concrete4 {
width : 100%;
margin-left : 0%;
height : 340px;
margin-top : -190px;
}
.donice4 {
margin-top : 0;
width : 100%;
}
.donice4 h2 {
display : block;
padding : 10px;
line-height : 1.1;
text-decoration : underline #ffffff;
font-size : 18px;
text-align : left;
margin-top : -230px;
float : left;
margin-left : 10%;
color : #00acc1;
width : 35%;
}
.donice4 img {
display : block;
margin-top : 220px;
margin-left : 53%;
width : 45%;
}
.donice4 p {
display : block;
padding : 20px;
float : left;
margin-left : 10%;
margin-top : -170px;
padding : 10px;
line-height : 16px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete5 {
margin-top : 40px;
margin-left : 0;
width : 100%;
height : 630px;
margin-top : 0;
}
.donice5 {
margin-top : 0;
width : 100%;
}
.donice5 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 18px;
line-height : 12px;
text-align : left;
float : left;
margin-top : -270px;
margin-left : 57%;
color : #00acc1;
width : 35%;
}
.donice5 img {
float : left;
margin-left : 8%;
display : block;
margin-top : 10px;
width : 45%;
}
.donice5 p {
display : block;
float : left;
background-color : white;
padding : 20px;
margin-top : -245px;
margin-left : 56%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete6 {
width : 100%;
margin-left : 0%;
height : 735px;
margin-top : -500px;
}
.donice6 h2 {
display : block;
padding : 10px;
text-decoration : none;
font-size : 22px;
text-align : left;
margin-top : -60px;
margin-left : 6%;
color : #ffffff;
width : 35%;
}
.donice6 img {
display : block;
margin-top : 360px;
margin-left : 0%;
width : 100%;
}
.donice6 p {
display : block;
padding : 30px;
float : left;
margin-top : 5px;
margin-left : 4%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #00acc1;
width : 30%;
}
.architectural-concrete7 {
width : 100%;
margin-left : 0%;
height : 460px;
margin-top : -190px;
}
.donice7 {
margin-top : 0;
width : 100%;
}
.donice7 h2 {
display : block;
padding : 10px;
line-height : 1.1;
text-decoration : underline #ffffff;
font-size : 18px;
text-align : left;
margin-top : -250px;
float : left;
margin-left : 10%;
color : #00acc1;
width : 35%;
}
.donice7 img {
display : block;
margin-top : 200px;
margin-left : 53%;
width : 45%;
}
.donice7 p {
display : block;
padding : 20px;
float : left;
margin-left : 10%;
margin-top : -210px;
padding : 10px;
line-height : 16px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete8 {
margin-top : 40px;
margin-left : 0;
width : 100%;
height : 630px;
margin-top : 0;
}
.donice8 {
margin-top : 0;
}
.donice8 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 18px;
line-height : 12px;
text-align : left;
float : left;
margin-top : -360px;
margin-left : 57%;
color : #00acc1;
width : 35%;
}
.donice8 img {
float : left;
margin-left : 8%;
display : block;
margin-top : 0;
width : 45%;
}
.donice8 p {
display : block;
float : left;
background-color : white;
padding : 20px;
margin-top : -330px;
margin-left : 56%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #000000;
width : 35%;
}
.architectural-concrete9 {
width : 100%;
margin-left : 0%;
height : 735px;
margin-top : -250px;
}
.donice9 h2 {
display : block;
padding : 10px;
line-height : 12px;
text-decoration : none;
font-size : 22px;
text-align : left;
margin-top : -60px;
margin-left : 6%;
color : #ffffff;
width : 40%;
}
.donice9 img {
display : block;
margin-top : 360px;
margin-left : 0%;
height : 750px;
width : 100%;
}
.donice9 p {
display : block;
padding : 30px;
float : left;
margin-top : 5px;
margin-left : 4%;
padding : 30px;
line-height : 18px;
font-size : 14px;
color : #00acc1;
width : 30%;
}
.description {
margin-top : 0;
float : right;
width : 100%;
height : 1400px;
}
.description h3 a {
display : block;
width : 50%;
text-align : center;
text-decoration : none;
font-weight : normal;
margin-left : 26%;
margin-top : 50px;
font-size : 18px;
line-height : 22px;
padding : 10px;
color : #fff;
background-color : #5a5a5a;
}
.description h2 a {
display : block;
width : 50%;
text-align : center;
text-decoration : none;
font-weight : normal;
margin-left : 26%;
margin-top : 50px;
font-size : 18px;
line-height : 22px;
padding : 10px;
color : #fff;
background-color : #5a5a5a;
}
.description p {
display : block;
text-align : center;
margin-top : 50px;
width : 70%;
margin-left : 15%;
font-size : 16px;
font-family : roboto;
line-height : 1.5;
color : #000;
background-color : #fff;
}
figure {
 float :right;
width:25%;
margin-right:4%;
margin-top:135px;
}

.captionTitle h2 a {
width : 75%;
text-decoration : none;
float : right;
margin-right : 23%;
margin-top : 50px;
font-size : 18px;
line-height : 15px;
color : #800000;
}
.description img {
float : left;
width : 60%;
border : silver solid 2px;
margin : 0.5em;
padding : 0.9em;
margin-left : 26%;
margin-top : 60px;
margin-bottom : 80px;
}
.photos h4 a {
font-size : 16px;
color : #000;
margin-left : 26%;
margin-bottom : 150px;
}
.photos {
float : left;
margin-top :1250px;
margin-left : 27%;
}
.gallery-content {
font-size : 0;
letter-spacing : 0;
line-height : 0;
margin-bottom : 1rem;
text-align : center;
}
.gallery-content a {
background : center /cover no-repeat;
border : #737c85 solid 3px;
display : inline-block;
height : 120px;
margin : 5px;
width : 120px;
}
.gallery-content a:hover {
border-color : #ffc000;
}
.compsoul-gallery-mask {
background : rgb(0, 0, 0, 0.8);
display : none;
height : 100vh;
left : 0;
position : fixed;
top : 0;
width : 100vw;
z-index : 999;
}
.compsoul-gallery-mask.active {
display : block;
}
.compsoul-gallery-mask-before {
height : 100vh;
left : 0;
position : fixed;
top : 0;
width : 100vw;
}
.compsoul-gallery-mask-before-button {
background : #000;
content : "";
cursor : pointer;
height : 4vw;
right : 0;
position : fixed;
top : 0;
width : 4vw;
z-index : 1;
}
.compsoul-gallery-mask-before:after {
color : #fff;
content : "\00D7";
cursor : pointer;
font-family : "tahoma";
font-size : 2vw;
letter-spacing : -0.1875rem;
line-height : 2vw;
right : 2vw;
position : fixed;
top : 2vw;
transform : translate(50%,-50%);
z-index : 1;
}
.compsoul-gallery img {
border : 0;

height : 0.0625rem;
margin : -0.0625rem;
overflow : hidden;
padding : 0;
position : absolute;
width : 0.0625rem;
}
.compsoul-gallery .gallery-comment {
background : rgb(0, 0, 0, 0.6);
box-sizing : border-box;
bottom : 0;
color : #fff;
padding : 10px;
position : absolute;
width : 100%;
}
.compsoul-gallery-prev, .compsoul-gallery-next {
background : #000;
cursor : pointer;
font-size : 0;
height : 4vw;
letter-spacing : 0;
line-height : 0;
right : 0;
overflow : hidden;
position : fixed;
text-indent : 100%;
top : 50%;
transform : translateY(-50%);
white-space : nowrap;
width : 4vw;
z-index : 1;
}
.compsoul-gallery-prev {
left : 0;
}
.compsoul-gallery-prev:before, .compsoul-gallery-next:before {
display : block;
color : #fff;
content : "\203A";
font-family : "tahoma";
font-size : 2vw;
line-height : 4vw;
height : 4vw;
text-align : center;
text-indent : initial;
width : 4vw;
}
.compsoul-gallery-close:after {
float : left;
margin-left : 0.1875rem;
text-align : right;
width : 2vw;
}
.compsoul-gallery-prev:before {
content : "\2039";
}
.compsoul-gallery-first-element, .compsoul-gallery-second-element {
background : center /cover no-repeat;
left : 50%;
max-height : 90vh;
max-width : 90vw;
position : fixed;
top : 50%;
transform : translate(-50%,-50%);
transition : opacity 0.4s;
}
.compsoul-gallery-first-element.active {
animation : active 0.4s linear forwards;
}
.compsoul-gallery-first-element.next, .compsoul-gallery-second-element.next {
animation : next-of 0.4s linear forwards;
}
.compsoul-gallery-first-element.prev, .compsoul-gallery-second-element.prev {
animation : prev-of 0.4s linear forwards;
}
.compsoul-gallery-first-element.next.active, .compsoul-gallery-second-element.next.active {
animation : next 0.4s linear forwards;
}
.compsoul-gallery-first-element.prev.active, .compsoul-gallery-second-element.prev.active {
animation : prev 0.4s linear forwards;
}
.compsoul-gallery-loader {
opacity : 0;
}
.compsoul-gallery-loader.active {
animation : active 0.4s 0.4s linear forwards;
}
.compsoul-gallery-loader.none {
animation : none;
transition : opacity 0.4s;
}
.compsoul-gallery-loader:before, .compsoul-gallery-loader:after {
animation : turn 1s linear infinite;
border : #fff solid;
border-radius : 100%;
content : "";
display : block;
height : 2rem;
left : 50%;
margin : -1rem 0 0 -1rem;
position : fixed;
top : 50%;
width : 2rem;
}
.compsoul-gallery-loader:before {
border-width : 0 0.125rem 0.125rem 0;
}
.compsoul-gallery-loader:after {
animation-direction : reverse;
border-width : 0.125rem 0 0 0.125rem;
height : 4rem;
margin : -2rem 0 0 -2rem;
width : 4rem;
}
@keyframes active {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes next {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes next-of {
0% {
opacity : 1;
transform : translate(-50%,-50%);
}
100% {
opacity : 0;
transform : translate(-100%,-50%);
}
}
@keyframes prev {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes prev-of {
0% {
opacity : 1;
transform : translate(-50%,-50%);
}
100% {
opacity : 0;
transform : translate(0%,-50%);
}
}
@keyframes turn {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
aside {
float : left;
width : 22%;
height : 1050px;
margin-top : -750px;
background-color : #F5F5F5;
border-top : 1px solid #E8E1D3;
}
ul.menu1 {
list-style-type : circle;
margin-left : 25%;
margin-top : 50px;
padding : 20px;
border : #3299CC 0;
}
ul.menu1 li a {
display : block;
line-height : 15px;
text-decoration : none;
padding : 10px;
text-align : left;
color : #434343;
font-family : Verdana;
font-size : 16px;
}
ul.menu1 li a:hover {
color : #0099CC;
list-style-type : disc;
}
aside p {
margin-left : 35%;
margin-top : 40px;
font-size : 10px;
font-family : Verdana;
font-size : 16px;
color : #aaaaaa;
padding : 15px;
}
aside img {
margin-left : 38%;
width : 90px;
height : 120px;
margin-top : 10px;
}
.footer {
clear : both;
width : 100%;
height : 350px;
background-color : #000;
position : relative;
margin-top : 400px;
border-top : 5px solid #ad1111;
}
.contact_adress {
display : block;
border : none;
height : 300px;
width : 20%;
margin-left : 7%;
line-height : 15px;
text-align : center;
margin-top : 50px;
font-size : 14px;
color : #fff;
}
.social-media {
width : 20%;
float : left;
margin-left : 42%;
margin-top : -270px;
}
.social-media img {
width : 13%;
float : left;
margin-left : 2%;
}
.nowosci {
display : block;
float : left;
border : none;
text-align : center;
width : 20%;
margin-left : 70%;
line-height : 15px;
margin-top : -290px;
font-size : 14px;
color : #fff;
}
.footer span {
display : block;
margin-top : -100px;
text-align : left;
padding : 30px;
font-size : 12px;
color : #fff;
}
@media only screen and (max-width: 1800px) {
main {
display : block;
}
}
@media only screen and (max-width: 800px) {
aside, .nowosci {
display : none;
}
}
@media only screen and (max-width: 800px) {
header {
background-color : white;
background-image : url("../img/tlo.png");
height : 390px;
margin-top : 0;
border-top : 3px solid #CC3300;
width : 100%;
position : static;
margin-right : 0;
border-bottom : 2px solid #000000;
}
header img {
width : 35%;
height : 45px;
padding : 5px;
float : left;
margin-left : 1%;
margin-top : 5px;
}
nav {
height : 80px;
width : 100%;
height : 70px;
margin-top : -100px;
}
.architectural-concrete1 {
background-color : white;
background-image : url("../img/tlo1.png");
background-repeat : no-repeat;
background-size : 30px 10px;
margin-top : 0;
width : 100%;
height :150px;
}
.header h1 {
display : block;
text-align : left;
width : 84%;
margin-left : 1%;
line-height : 35px;
margin-top :-90px;
font-size : 22px;
line-height : 1.3;
color : #fff;
font-size : 24px;
background-color : #222222;
padding : 13px;
}
.header p {
display : block;
text-align : center;
width : 83%;
line-height : 35px;
margin-left : 1%;
margin-top : 0px;
font-size : 20px;
line-height : 1.5;
color : #ad1111;
font-size : 18px;
color : #000;
background-color : #EEEEEE;
padding : 15px;
}
.donice1 {
width : 99%;
}
.donice1 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
line-height : 23px;
text-align : left;
margin-top : 20px;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice1 img {
display : block;
margin-top : 150px;
margin-left : 1%;
width : 98%;
}
.donice1 p {
display : block;
padding : 20px;
float : left;
margin-top : px;
margin-left : 5%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 78%;
}
.donice2 {
margin-top : 600px;
width : 99%;
}
.donice2 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
line-height : 23px;
text-align : left;
margin-top : 10px;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice2 img {
display : block;
margin-top : 1350px;
margin-left : 1%;
width : 98%;
height : 350px;
}
.donice2 p {
display : block;
padding : 20px;
float : left;
margin-top : 0;
margin-left : 1%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 87%;
}
.donice3 h2 {
display : block;
padding : 10px;
text-decoration : none;
font-size : 24px;
text-align : left;
margin-top : -60px;
line-height : 23px;
margin-left : 5%;
color : #ffffff;
width : 90%;
}
.donice3 img {
display : block;
margin-top :-280px;
margin-left : 0%;
height : 215px;
width : 100%;
}
.donice3 p {
display : block;
padding : 30px;
float : left;
margin-top : 5px;
margin-left : 1%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #00acc1;
width : 81%;
}
.donice4 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
text-align : left;
line-height : 23px;
margin-top : 10px;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice4 img {
display : block;
margin-top : -240px;
margin-left : 1%;
width : 98%;
}
.donice4 p {
display : block;
padding : 20px;
float : left;
margin-top : 0;
margin-left : 3%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 80%;
}
.donice5 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
line-height : 23px;
text-align : left;
margin-top : 10px;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice5 img {
display : block;
margin-top : 155px;
margin-left : 1%;
height : 190px;
width : 98%;
}
.donice5 p {
display : block;
padding : 20px;
float : left;
margin-top : 0;
margin-left : 3%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 80%;
}
.donice6 h2 {
display : block;
padding : 10px;
text-decoration : none;
font-size : 24px;
line-height : 25px;
text-align : left;
margin-top : -75px;
margin-left : 5%;
color : #ffffff;
width : 90%;
}
.donice6 img {
display : block;
margin-top : 700px;
margin-left : 0%;
height : 160px;
width : 100%;
}
.donice6 p {
display : block;
padding : 20px;
float : left;
margin-top : 30px;
margin-left : 3%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #00acc1;
width : 80%;
}
.donice7 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
line-height : 23px;
text-align : left;
margin-top : 0;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice7 img {
display : block;
margin-top : 40px;
margin-left : 1%;
height : 260px;
width : 98%;
}
.donice7 p {
display : block;
padding : 20px;
float : left;
margin-top : 0;
margin-left : 3%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 80%;
}
.donice8 h2 {
display : block;
padding : 10px;
text-decoration : underline #ffffff;
font-size : 20px;
line-height : 23px;
text-align : left;
margin-top : 10px;
margin-left : 5%;
color : #00acc1;
width : 90%;
}
.donice8 img {
display : block;
margin-top : 150px;
margin-left : 1%;
width : 98%;
}
.donice8 p {
display : block;
padding : 20px;
float : left;
margin-top : 0;
margin-left : 3%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #000000;
width : 80%;
}
.donice9 h2 {
display : block;
padding : 10px;
text-decoration : none;
font-size : 24px;
line-height : 23px;
text-align : left;
margin-top : -75px;
margin-left : 5%;
color : #ffffff;
width : 90%;
}
.donice9 img {
display : block;
margin-top : 630px;
margin-left : 0%;
height : 250px;
width : 100%;
}
.donice9 p {
display : block;
padding : 20px;
float : left;
margin-top : 50px;
margin-left : 1%;
padding : 30px;
line-height : 18px;
font-size : 18px;
color : #00acc1;
width : 80%;
}
.description {
margin-top :6400px;
float : right;
width : 100%;
height : 1400px;
}



.description h2 a {
display : block;
width : 90%;
text-align : left;
text-decoration : none;
float : left;
font-weight : normal;
margin-left : 3%;
margin-top : 80px;
font-size : 20px;
line-height : 1.5;
padding : 5px;
color : #fff;
background-color : #5a5a5a;
margin-bottom : 45px;
}
.description p {
display : block;
text-align : center;
width : 90%;
margin-top : 40px;
margin-left : 3%;
font-size : 18px;
line-height : 1.3;
color : #000;
background-color : #fff;
margin-bottom : 15px;
}
.description img {
float : left;
width : 90%;
border : silver solid thin;
margin-top : 80px;
margin : 0.5em;
padding : 0.5em;
margin-left : 3%;
}
photos h4 a {
text-align : left;
font-size : 16px;
color : #000;
margin-top : 200px;
margin-left : 5%;
margin-bottom : 100px;
}
.photos {
margin-top : 2380px;
float : left;
margin-left : 5%;
}
.footer {
clear : both;
width : 100%;
height : 400px;
background-color : #000;
position : relative;
margin-top : 300px;
border-top : 5px solid #ad1111;
}
.contact_adress {
display : block;
border : none;
width : 35%;
margin-left : 3%;
line-height : 15px;
text-align : center;
margin-top : 50px;
font-size : 14px;
color : #fff;
}
.social-media {
width : 40%;
float : left;
margin-left : 55%;
margin-top : -290px;
}
.social-media img {
width : 23%;
float : left;
margin-left : 1%;
}
.footer span {
display : block;
margin-top : -130px;
text-align : left;
padding : 30px;
font-size : 12px;
color : #fff;
}
}
* {
padding : 0;
margin : 0;
}
#nav {
background-color : transparent;
width : 100%;
height : 0;
}
#aside {
float : left;
width : 22%;
height : 2500px;
margin-top : -1801px;
background-color : #F5F5F5;
}
.nav1 {
color : black;
padding : 15px;
}
#clear {
clear : both;
height : 0;
}
.page {
margin : 0 auto;
}
#top {
float : left;
width : 100%;
padding-top : 0;
position : relative;
}
#menu {
float : right;
width : 100%;
}
img {
border : 0;
}
@media (min-width: 1581px) {
#nav {
width : 100%;
}
.page {
width : 1180px;
}
}
@media (min-width: 1085px) and (max-width: 1580px) {
#nav {
width : 100%;
}
.page {
width : 100%;
}
#menu {
width : 90%;
padding-right : 10%;
}
}
#cssmenu > ul li.has-sub .rozwin {
display : none;
}
#cssmenu {
float : right;
height : 44px;
margin-top : -40px;
width : auto;
position : relative;
background-repeat : no-repeat;
background-size : auto;
}
#cssmenu ul {
list-style : none;
padding : 0;
margin-top : 0;
line-height : 1;
}
#cssmenu > ul {
position : relative;
display : block;
width : 100%;
z-index : 5000;
}
#cssmenu:after, #cssmenu > ul:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
#cssmenu.align-right > ul > li {
float : right;
}
#cssmenu.align-center ul {
text-align : center;
}
#cssmenu.align-center ul ul {
text-align : left;
}
#cssmenu > ul > li {
display : inline-block;
position : relative;
margin : 0;
padding : 0;
}
#cssmenu > ul > #menu-button {
display : none;
}
#cssmenu ul li a {
display : block;
text-decoration : none;
}
#cssmenu > ul > li > a {
font-size : 14px;
padding : 15px 11px;
color : #FFFFFF;
text-transform : uppercase;
transition : color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
padding-right : 32px;
}
#cssmenu > ul > li:hover > a {
color : #000000;
text-decoration : none;
background-color : rgb(255, 255, 255, 0.7);
}
#cssmenu li.has-sub::after {
display : block;
content : "";
position : absolute;
width : 0;
height : 0;
}
#cssmenu > ul > li.has-sub::after {
right : 10px;
top : 18px;
border : transparent solid 5px;
border-top-color : #FFFFFF;
}
#cssmenu > ul > li:hover::after {
border-top-color : #000000;
}
#indicatorContainer {
position : absolute;
height : 12px;
width : 100%;
bottom : 0;
overflow : hidden;
z-index : -1;
}
#pIndicator {
position : absolute;
height : 0;
width : 100%;
border : transparent solid 12px;
z-index : -2;
transition : left 0.25s ease;
}
#cIndicator {
position : absolute;
height : 0;
width : 100%;
border : transparent solid 12px;
top : -12px;
right : 100%;
z-index : -2;
}
#cssmenu ul ul {
position : absolute;
left : -9999px;
top : 70px;
opacity : 0;
transition : opacity 0.3s ease, top 0.25s ease;
z-index : 1000;
}
#cssmenu ul ul ul {
top : 37px;
padding-left : 5px;
}
#cssmenu ul ul li {
position : relative;
}
#cssmenu > ul > li:hover > ul {
left : auto;
top : 44px;
opacity : 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left : auto;
right : 0;
opacity : 1;
}
#cssmenu ul ul li:hover > ul {
left : 170px;
top : 0;
opacity : 1;
}
#cssmenu.align-right ul ul li:hover > ul {
left : auto;
right : 170px;
top : 0;
opacity : 1;
padding-right : 5px;
}
#cssmenu ul ul li a {
width : 150px;
border-bottom : 1px solid #000000;
padding : 10px 20px;
font-size : 14px;
color : #FFFFFF;
line-height : 19px;
background-color : rgb(69, 69, 69, 0.7);
transition : all 0.35s ease;
}
#cssmenu.align-right ul ul li a {
text-align : right;
}
#cssmenu ul ul li:hover > a {
background-color : rgb(255, 255, 255, 0.7);
color : #000000;
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {
border-bottom : 0;
}
#cssmenu > ul > li > ul::after {
content : '';
border : transparent solid 6px;
width : 0;
height : 0;
border-bottom-color : #FFFFFF;
position : absolute;
top : -12px;
left : 30px;
}
#cssmenu.align-right > ul > li > ul::after {
left : auto;
right : 30px;
}
#cssmenu ul ul li.has-sub::after {
border : transparent solid 4px;
border-left-color : #FFFFFF;
right : 10px;
top : 12px;
transition : all 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
border-left-color : transparent;
border-right-color : #FFFFFF;
right : auto;
left : 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
border-left-color : #ffffff;
right : -5px;
transform : rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
border-right-color : #ffffff;
border-left-color : transparent;
left : -5px;
transform : rotateY(180deg);
}
#cssmenu li.selected a {
color : #FFFFFF;
}
@media all and (max-width: 1084px), only screen and (max-width: 1024px), only screen and (max-width: 1024px), only screen and (max-width: 1024px), only screen and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu > ul.open li ul {
display : none;
}
#cssmenu > ul.open li.has-sub .rozwin {
color : #FFFFFF;
font-weight : normal;
width : 60px;
height : 33px;
text-align : center;
line-height : 1.8rem;
font-size : 20px;
border-bottom : 1px solid #FFFFFF;
display : block;
position : absolute;
top : 12px;
right : 0;
z-index : 9999999;
}
#cssmenu > ul.open li.has-sub .rozwin:hover {
cursor : pointer;
}
#cssmenu {
top : 37px;
float : none;
width : auto;
padding : 1% 0% 0% 0%;
background-image : none;
}
#cssmenu.align-center ul {
text-align : left;
}
#cssmenu.align-right > ul > li {
float : none;
}
#cssmenu ul {
width : auto;
background-color : rgb(132, 132, 132, 0.7);
}
#cssmenu .submenuArrow, #cssmenu #indicatorContainer {
display : none;
}
#cssmenu > ul {
height : auto;
display : block;
}
#cssmenu > ul > li {
float : none;
}
#cssmenu li, #cssmenu > ul > li {
display : none;
}
#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul > li:hover > ul, #cssmenu.align-right ul ul > li:hover > ul {
position : relative;
left : auto;
top : auto;
opacity : 1;
padding-left : 0;
padding-right : 0;
right : auto;
}
#cssmenu ul .has-sub::after {
display : none;
}
#cssmenu ul li a {
padding : 14px 20px;
font-size : 20px;
font-weight : 400;
font-weight : bold;
}
#cssmenu ul ul li a {
border : 0;
background : none;
width : auto;
padding : 10px 30px;
color : #000000;
font-size : 22px;
font-weight : normal;
border-bottom : 1px solid #FFFFFF;
}
#cssmenu.align-right ul ul li a {
text-align : left;
}
#cssmenu ul ul li:hover > a {
background : none;
color : #FFFFFF;
}
#cssmenu ul ul ul a {
padding : 8px 50px;
}
#cssmenu ul ul ul ul a {
padding : 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding : 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding : 8px 95px;
}
#cssmenu > ul > #menu-button {
display : block;
cursor : pointer;
}
#cssmenu #menu-button > a {
padding : 14px 20px;
}
#cssmenu ul.open li, #cssmenu > ul.open > li {
display : block;
}
}
#cssmenu ul ul::after {
display : none;
}
#cssmenu #menu-button::after {
display : block;
content : '';
position : absolute;
height : 3px;
width : 22px;
border-top : 2px solid #FFFFFF;
border-bottom : 2px solid #FFFFFF;
right : 20px;
top : 15px;
}
#cssmenu #menu-button::before {
display : block;
content : '';
position : absolute;
height : 2px;
width : 22px;
border-top : 2px solid #FFFFFF;
right : 20px;
top : 25px;
}
#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before {
border-color : #fff;
}