/* cmsms stylesheet: style modified: 28.04.2017 12:24:32 */
html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,b,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{outline:none;border:none;font-size:100%;font-style:normal;vertical-align:baseline;background:none;margin:0;padding:0}section{padding:0;margin:0}article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
button,input,select,textarea{font:inherit;border:none;margin:0}a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;color:inherit;text-decoration:none}a:focus{outline:none}a:active{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}

/** DCode **/

*::-webkit-scrollbar {width: 0.8rem;}
*::-webkit-scrollbar-track-piece {background:white;}
*::-webkit-scrollbar-thumb {background-color:#932a31;}

body{font-family: 'Roboto Slab', serif;
font-family: 'Roboto', sans-serif;font-size:15px;color:#333;}

:focus{outline:none;box-shadow: 0px 0px 5px 0px #d8d8d8;}


.width{width:1100px;margin:0 auto;}
h1, h2, h3, h4, h5, h6 {margin:10px 0;padding:0;}

img{max-width:100%;}
hr{border:none;background:#d2d2d2;}

ul, ol{margin-right:15px;}

header ul{margin:0;}
nav ul li{display:inline-block;padding:5px;}

.dropdown{position:relative;transition:0.2s;}
    .dropdownicon:after{content:'\f107';font-family:'FontAwesome';font-style:normal;cursor:pointer;}

.dropdown ul{max-height:0;position:absolute;top: 32px;overflow:hidden;width:250px;border-radius: 10px;transition:0.2s;}
    .dropdown ul li{display:block;}

.drop-open .dropdownicon:after{content:'\f106';}
.drop-open ul{max-height:inherit;border: 1px solid #e1e1e1;}

.mobile{position:absolute;top: 1.4rem;right: 10px;padding: 5px;z-index: 99;display:none;}

.mobile:after{content:'\f0c9';font-family:'FontAwesome';font-size: 30px;}
.close:after{content:'\f00d';}

.open{max-height:inherit;background: #fff;z-index: 10;padding:0;right:4rem;}

.table-responsiv{overflow-y:scroll;}
table{width:100%;height:auto;}
    table tr td{padding:10px;width:120px;border:1px solid #eee;border-bottom:transparent;border-right:transparent}
        table tr td:last-of-type{border-right:1px solid #eee}
            table tr:last-of-type td{border-bottom:1px solid #eee}

.rel{position:relative;}
.clear:after{content:'';display:block;clear:both;}

.row{width:100%;}
.row-2, .row-2-l, .row-2-r{width:50%;}
.row-3, .row-3-l, .row-3-r{width:33.33%;}
.row-4, .row-4-l, .row-4-r{width:25%;}

.row-2-l, .row-3-l, .row-4-l{float:left;}
.row-2-r, .row-3-r, .row-4-r{float:right;}

input, textarea{width:100%;border-radius:5px;padding:10px;box-sizing:border-box; margin-bottom:10px;box-shadow: 0px 0px 2px 0px #d8d8d8;}
input[type="submit"]{cursor:pointer;}

/*** Własne style ***/

@keyframes example {
    0%   {left:-75%;}
    25%  {left:-50%;}
    50%  {left:-25%;}
    100% {left:0%;}
}

/* HEADER */

header{position:fixed;width:100%;left:0;top:0;height:80px;background:white;z-index:999;box-shadow:0px 0px 10px}
header img{float:left;}
header nav{float:right;margin-top:22px;margin-right:5rem;}
header nav ul li{padding:0;cursor:pointer;}
header nav ul li a{padding:20px 8px;position:relative;display:block;overflow:hidden;}
header nav ul li a:after{content:'';display:block;position:absolute;height:3px;left:-100%;;width:100%;bottom:0;background:#932a31;transition:0.2s;}
header nav ul li:hover a:after{left:0;}
.flagi{position:absolute;right:1rem;top:2.5rem;}
.flagi img{margin-left:0.5rem;}

/* TLO */

.slajder{height:700px;position:relative;}
.text{position:absolute;width:30%;padding:2%;left:8rem;bottom:13rem;background:url('/uploads/images/tlo_text.png');background-size:cover;color:white;}
.pare{color:#932a31;line-height:27px;padding:0;margin:0;}
.text h2{padding:0;margin:0;}
.text hr{border:none;height:6px;width:25px;background:white;float:left;margin-bottom:0.8rem;}

.dol .more{float:right;margin-top:1.5rem;color:#932a31;font-weight:500;width:160px;background:url('/uploads/images/arrow_right.png');background-position:center;background-repeat:no-repeat;background-position:right;background-position-x:98%}

.NewsSummaryContainer{position:absolute;width:36%;padding:2%;left:8rem;bottom:13rem;background:url('/uploads/images/tlo_text.png');background-size:cover;color:white;}
.NewsSummaryLink_slajder{font-size:20px;font-weight:500;padding:0;margin:0;}
.NewsSummaryLink_slajder p{color:#932a31;line-height:auto;padding:0;margin:0;}
.NewsSummaryContainer hr{border:none;height:6px;width:25px;background:white;float:left;margin-bottom:0.8rem;}
.NewsSummaryContainer .NewsSummaryMorelink{float:right;margin-top:1.5rem;color:#932a31;font-weight:500;width:160px;background:url('/uploads/images/arrow_right.png');background-position:center;background-repeat:no-repeat;background-position:right;background-position-x:98%}
.dol hr{height:1px;width:65%;margin-top:2rem;background:#932a31;}
.NewsSummaryField{width:100%;height:100%;}
.NewsSummaryField p{width:100%;height:100%;}
.NewsSummaryField p img{width:100%;height:100%;object-fit:cover}
.NewsSummary_slajder{height:100%;}
.NewsSummary_slajder .row{height:100%;}


#banner_slider_container{height:100%;z-index:999;width:100%;}
.owl-stage-outer{height:100%;overflow:hidden;}
.owl-stage{height:100%;}
.owl-item{height:100%;float:left;position:relative;}
.tlo .NewsSummaryField{position:absolute;width:100%;left:0;bottom:0;}
.owl-controls{display:none;}

/* OFERTA */

.oferta{background:url('/uploads/images/oferta.jpg') fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:718px;}
.oferta .width{}
.oferta h2{margin:0;padding:0;
text-align:center;line-height:27px;font-size:35px;padding-top:4rem;color:white;position:relative;}
.oferta h2 .pare{font-size:18px;}
.oferta h2:after{content:'';display:block;margin:0 auto;width:40px;height:6px;background:white;bottom:-20px;position:absolute;left:0;right:0;}
.flex{margin-top:9rem}
.flex .box{width:25%;float:left;text-align:left;;position:relative;margin-bottom:5rem;margin-left:11.66%;color:white;min-height:100px;}
.flex .box h1{font-size:26px;font-weight:500;}
.flex .box .rotate{width:50px;height:50px;position:absolute;border:1px solid white;left:-80px;top:25px;transform:rotate(45deg);transition:1s;}
.number{transform:rotate(-45deg);width:100%;height:100%;text-align:center;line-height:50px;font-size:25px;}
.flex .box:nth-child(4){margin-left:16.66%}
.flex .box:nth-child(5){margin-left:11.66%;width:30%;}
.flex .box:nth-child(3){width:15%;}
.box:hover .rotate{transform:rotate(405deg)}


/* REALIZACJIE */

.realizacje{background:url('/uploads/images/galeria.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;height:auto;padding-bottom:10rem}
.realizacje h2{margin:0;padding:0;
text-align:center;line-height:27px;font-size:35px;padding-top:4rem;color:black;position:relative;margin-bottom:2rem;}
.realizacje h2 .pare{font-size:18px;}
.realizacje h2:after{content:'';display:block;margin:0 auto;width:40px;height:6px;background:black;bottom:-20px;position:absolute;left:0;right:0;}
.realizacje .galeria{position:relative;top:6em;background:white;padding-bottom:3rem;}

.color{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:white;z-index:9;opacity:0;transition:0.2s;transition-delay:all 0.4s ease}
.proba:after{-webkit-transition:all 0.65s ease;transition:all 0.65s ease;position:absolute;height:0px;width:0px;
	bottom:-500px;right:-500px;border-radius:50%;border:500px solid transparent;border-bottom-color:#932a31;border-right-color: #932a31;content:'';}
.proba:hover:after{-webkit-transform:rotate(180deg);transform: rotate(180deg);}
.proba:hover .color{opacity:1;}

/* KONTAKT */

.kontakt{background:url('/uploads/images/kontakt.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;color:white;padding-bottom:4rem;}
.kontakt h2{margin:0;padding:0;
text-align:center;line-height:27px;font-size:35px;padding-top:4rem;color:white;position:relative;margin-bottom:2rem;}
.kontakt h2 .pare{font-size:18px;}
.kontakt h2:after{content:'';display:block;margin:0 auto;width:40px;height:6px;background:white;bottom:-20px;position:absolute;left:0;right:0;}
.kontakt .lewa{width:40%;float:left;margin-top:3rem;margin-left:10%;position:relative;}
.kontakt .prawa{width:40%;float:right;margin-top:3rem;position:relative;}
.kontakt .prawa:before{content:'';position:absolute;width:50px;height:50px;border:1px solid white;left:-70px;transform:rotate(45deg);top:10px}
.kontakt .prawa:after{content:'';position:absolute;width:50px;height:50px;left:-70px;background:url('/uploads/images/kontakt_icona.png');background-position:center;background-repeat:no-repeat;top:10px}
.kontakt .lewa:before{content:'';position:absolute;width:50px;height:50px;border:1px solid white;left:-70px;transform:rotate(45deg);top:10px}
.kontakt .lewa:after{content:'';position:absolute;width:50px;height:50px;left:-70px;background:url('/uploads/images/kontakt_icona1.png');background-position:center;background-repeat:no-repeat;top:10px;}

/* 	FOOTER  */

footer{line-height:30px;background:#111111;color:white;}
.pol{display:inline-block;width:49.5%;}
.cre{width:49.5%;display:inline-block;text-align:right;}


/* PODSTRONA  */

.podstrona{min-height:50vh}
.podstrona h2{margin:0;padding:0;
text-align:center;line-height:27px;font-size:35px;padding-top:4rem;color:white;position:relative;margin-bottom:2rem;}
.podstrona h2 .pare{font-size:18px;}
.podstrona h2:after{content:'';display:block;margin:0 auto;width:40px;height:6px;background:white;bottom:-20px;position:absolute;left:0;right:0;}
#back{width:180px;height:40px;border:2px solid #932a31;text-align:center;line-height:44px;color:white;background:#932a31;transition:0.2s;display:block;margin:0 auto;margin-top:2rem;margin-bottom:2rem;cursor:pointer;}
#back:hover{background:none;color:#932a31;}
.podstrona ul{margin-left:30px;}

/* COOKIES */

#cookieinfo{display:none;width:100%;color:white;text-align:center;position: fixed;bottom:0;z-index:9999;background:#932a31;font-size:12px;z-index:999;}
#cookieinfo p{display:block;float:left;width:92%;margin:1%;margin-top:1%;}
#close {width:2%;float:right;margin-right:1%;margin-top:0.1%;}
#more_info {width:2%;float:right;margin-right:1%;margin-top:1%;}
#cookieinfo img {margin-top:5%;margin-bottom:5%;Width:100%;}



/* LOADER */

#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background:#252525; z-index:999999; }
#status { z-index:28; position:fixed; color:#2b2b2b;height:100%; width:100%;}
.loader,
.loader__figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader {
  overflow: visible;
  padding-top: 2em;
  height: 0;
  width: 2em;
}

.loader__figure {
  height: 0;
  width: 0;
  box-sizing: border-box;
  border: 0 solid #932a31;
  border-radius: 50%;
  -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.loader__label {
  float: left;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0.5em 0 0 50%;
  font-size: 0.875em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  color: #932a31;
  white-space: nowrap;
  -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #FE665C;
  }
  29% {
    background-color: #FE665C;
  }
  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent;
  }
}
@-moz-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #FE665C;
  }
  29% {
    background-color: #FE665C;
  }
  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent;
  }
}
@keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #FE665C;
  }
  29% {
    background-color: #FE665C;
  }
  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent;
  }
}
@-webkit-keyframes loader-label {
  0% {
    opacity: 0.25;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-moz-keyframes loader-label {
  0% {
    opacity: 0.25;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes loader-label {
  0% {
    opacity: 0.25;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
/* cmsms stylesheet: responsive modified: 25.04.2017 16:11:13 */
@media (min-width: 1201px) {
html{font-size:100%}
.width{width:1170px;margin:0 auto}

}

@media (max-width: 1200px) and (min-width: 1001px) {
html{font-size:85%}
.width{width:970px;margin:0 auto}

header nav{margin-right:8rem;}
.slajder{height:435px;margin-top:4rem;}
.NewsSummaryContainer{width:50%;bottom:6rem;left:3rem;}

.flex .box{width:38%;}
.flex .box:nth-child(3){width:38%;}
.flex .box:nth-child(4){margin-left:11.66%;}
.flex .box:nth-child(5){margin-left:38.66%}

.proba{height:250px!important;}

}

@media (max-width: 1000px) and (min-width: 801px) {
html{font-size:80%}
.width{width:750px;margin:0 auto}
    
.row-2, .row-2-l, .row-2-r{width:50%;}
.row-3, .row-3-r{width:50%;}
.row-4, .row-4-l, .row-4-r{width:33.33%;}


.mobile{display:block;position:absolute;top:0.5rem;right:2rem;}
header nav{margin-right:0rem;width:100%;margin-top:0px;}
header nav ul{height:0;overflow:hidden;max-height:40rem;transition:0.2s;}
.open{height:250px;}
header .width{width:100%;}
header nav ul li{width:100%;text-align:center;}
header nav ul li a{padding:10px 0px;}
header img{margin-left:1rem;margin-top:0.5rem;}
.slajder{height:354px;margin-top:4rem;}
.NewsSummaryContainer{width:75%;bottom:4rem;left:3rem;}
.flagi{right:1rem;top:4rem;}
.flagi img{margin-top:0rem;}

.flex .box{width:38%;}
.flex .box:nth-child(3){width:38%;}
.flex .box:nth-child(4){margin-left:11.66%;}
.flex .box:nth-child(5){margin-left:38.66%}

.proba{height:200px!important;}



}

@media (max-width: 800px) and (min-width: 501px) {
html{font-size:75%}
.width{width:96%;margin:0 auto}

.row-2, .row-2-l, .row-2-r{width:100%;}
.row-3, .row-3-r{width:50%;}
.row-4, .row-4-l, .row-4-r{width:50%;}

.mobile{display:block;position:absolute;top:0.5rem;right:2rem;}
header nav{margin-right:0rem;width:100%;margin-top:0px;}
header nav ul{height:0;overflow:hidden;max-height:40rem;transition:0.2s;}
.open{height:250px;}
header .width{width:100%;}
header nav ul li{width:100%;text-align:center;}
header nav ul li a{padding:10px 0px;}
header img{margin-left:1rem;margin-top:0.5rem;}
.slajder{height:43vw;margin-top:6rem;}
.NewsSummaryContainer{width:75%;bottom:4rem;left:3rem;display:none;}
.flagi{right:1rem;top:4rem;}
.flagi img{margin-top:0rem;}

.oferta{height:auto;}
.flex .box{width:70%!important;margin-left:20.6%!important;margin-bottom:3rem;}
.flex .box:nth-child(3){width:38%;}
.flex .box:nth-child(4){margin-left:11.66%;}
.flex .box:nth-child(5){margin-left:38.66%}

.proba{height:200px!important;width:47%!important;}
.kontakt .lewa{width:80%;margin-left:20%;}
.kontakt .prawa{width:80%;}

}

@media (max-width: 500px) {
html{font-size:75%}
.width{width:98%;margin:0 auto}

.mobile{display:block;top:50px;}

header nav{margin-top:0;width:100%;}
header nav ul li{width:100%;text-align:center;}
header nav ul li a{padding:3px 0px;}
header ul{height:0;overflow:hidden;max-height:30rem;transition:0.2s;}
.open{width:100%;height:240px;}
    
.row-2, .row-2-l, .row-2-r{width:100%;}
.row-3, .row-3-l, .row-3-r{width:50%;}
.row-4, .row-4-l, .row-4-r{width:50%;}
    
.mobile{display:block;position:absolute;top:0.5rem;right:2rem;}
header nav{margin-right:0rem;width:100%;margin-top:0px;}
header nav ul{height:0;overflow:hidden;max-height:40rem;transition:0.2s;}
.open{height:250px;}
header .width{width:100%;}
header nav ul li{width:100%;text-align:center;}
header nav ul li a{padding:10px 0px;}
header img{margin-left:1rem;margin-top:1.3rem;width:15rem;}
.slajder{height:43vw;margin-top:6rem;}
.NewsSummaryContainer{width:75%;bottom:4rem;left:3rem;display:none;}
.flagi{right:1rem;top:4rem;}
.flagi img{margin-top:0rem;width:auto;}

.oferta{height:auto;}
.flex .box{width:70%!important;margin-left:29.6%!important;margin-bottom:3rem;}
.flex .box:nth-child(3){width:38%;}
.flex .box:nth-child(4){margin-left:11.66%;}
.flex .box:nth-child(5){margin-left:38.66%}

.proba{height:200px!important;width:97%!important;}
.kontakt .lewa{width:100%;margin-left:0;margin-top:8rem;}
.kontakt .prawa{width:100%;margin-top:8rem;}

.kontakt .lewa:after{left:0;right:0;margin:0 auto;top:-70px;}
.kontakt .lewa:before{left:0;right:0;margin:0 auto;top:-70px;}
.kontakt .prawa:after{left:0;right:0;margin:0 auto;top:-70px;}
.kontakt .prawa:before{left:0;right:0;margin:0 auto;top:-70px;}

footer .pol{width:100%;text-align:center;}
footer .cre{width:100%;text-align:center;}

}