/* cmsms stylesheet: responsive modified: 14.06.2018 14:19:59 */
/*responsive*/
@media (min-width: 1651px){
    .section4 .col-6 {height: 820px!important;}
    .section3 {height: 820px!important;}
}

@media (min-width: 1250px) and (max-width: 1366px){
    #menu ul { width: calc(65% - 10px)!important;padding-right: 10px!important;}
    .yellow {top: 22vH!important;width: 440px!important;}
    #active.six {right: 29px!important;}
    #active.five {right: 136px!important;}
    #active.four {right: 273px!important;}
    #active.three {right: 374px!important;}
    #active.two {right: 466px!important;}
    #active.one {right: 551px!important;}    
}

@media (min-width: 1080px) and (max-width: 1250px){
    .width{width:950px!important;}
    #menu ul { width: calc(65% - 10px)!important;padding-right: 10px!important;}
    .yellow {top: 22vH!important;width: 440px!important;}
    #active.six {right: 29px!important;}
    #active.five {right: 136px!important;}
    #active.four {right: 273px!important;}
    #active.three {right: 374px!important;}
    #active.two {right: 466px!important;}
    #active.one {right: 551px!important;}     
    .section3 {height: 780px!important;}
    .content { width: 65%!important;}
    .section4 .col-6 {height: 770px!important;}
    .right-photo img{width:70%!important;float: right!important;display: block!important;}
    .col-4{width:calc(47% - 40px);}
    .NewsSummaryField img {max-height: 200px!important;}
    #section6 .table{overflow-x:scroll;}
    #section6 table{width:1131px!important;}
}

@media (min-width: 800px) and (max-width: 1079px){
    .width{width:750px!important;}
    .move{left:0%!important;}
    .show{top:50px!important;}
    #menu ul {width:100%!important;background-color: #ffc300!important;z-index: 9999!important;margin-left:-20px!important;position: absolute!important;overflow:hidden!important;right:0%!important;width: 20%!important;top:-1000px;border-bottom:5px solid #fff!important;border-left:5px solid #fff!important;padding:20px!important;text-align: left!important;}
    #menu ul > li {margin-right: 5px!important;line-height: 50px!important;display: block!important;line-height:30px!important;padding-left:20px!important;position: relative!important;width:120px!important;}
    #menu{font-size: 1rem!important;height:50px!important;}
    #menu-button{display:block!important;float: right!important;width:30px!important;height:40px!important;margin-right:30px!important;margin-top:10px!important;position: relative!important;}
    #menu-button hr{display: block;width:30px!important;height:5px!important;margin:4px;border:none!important;background-color:#fff!important;position: relative!important;left: auto!important;}
    .item .col-6{padding-left: 100px!important;}
    .col-6{width:100%!important;padding-bottom:50px!important;}
    .col-6r{width:100%!important;}
    #cookieinfo{width: 50%!important;}
    
    #menu ul li ul{position: relative!important;float: none!important;width: 200px!important;padding: 0!important;border: none!important;max-height: 100%!important;margin-top: -50px!important;margin-bottom: 50px!important;padding-bottom: 0px!important;margin-left:10px!important;}
    #menu ul li ul li{width:200px!important;text-align:left!important;}
    #menu ul li ul li ul{position: relative!important;left: 0!important;opacity: 1!important;}
    
    #logo{height:50px!important;padding-top:0px!important;}
    .menu-back {height: 50px!important;}
    .logo-hover img {width: 140px!important;}
    .yellow {top: 22vH!important;width: 440px!important;}
    .right-photo img{width:50%!important;float: right!important;display: block!important;}
    #section2 .content { width: 65%!important;}
    .section4 .col-6:nth-child(1){margin-top:50px!important;}
    .map{width:100%!important;}
    .mail{width:100%!important;}
    .col-4{width:calc(47% - 40px);}
    .section3 .col-6 .content p,.section3 .col-6 .content h2{width:calc(100% - 85px)!important;margin-left:0px!important;}
    .quality, .bidon, .water{right:40px!important;}
    .section4 .quality,.section4 .bidon,.section4 .water{left: 40px!important;}
    .quality{top:275px!important;}
    .water {top: 380px!important;}
    .bidon {top: 485px!important;}
    .section4 .water {top: 1020px!important;}
    .section4 .quality {top: 1130px!important;}
    .section4 .bidon {top: 1235px!important;}
    .section4 .col-6 .content p,.section4 .col-6 .content h2{width:calc(100% - 85px)!important;margin-left:85px!important;}
    
    .NewsSummaryField img {max-height: 180px!important;}
    .NewsSummaryLink{margin-top:20px;}
    .NewsSummary {height: 500px!important;}
    #section6 .table{overflow-x:scroll;}
    #section6 table{width:1131px!important;}
}

@media (min-width: 500px) and (max-width: 799px){
    .width{width:90%!important;}
    .move{left:0%!important;}
    .show{top:50px!important;}
    #menu ul {width:100%!important;background-color: #ffc300!important;z-index: 9999!important;margin-left:-20px!important;position: absolute!important;overflow:hidden!important;right:0%!important;width: 40%!important;top:-1000px;border-bottom:5px solid #fff!important;border-left:5px solid #fff!important;padding:20px!important;text-align: left!important;}
    #menu ul > li {margin-right: 5px!important;line-height: 50px!important;display: block!important;line-height:30px!important;padding-left:20px!important;position: relative!important;width:120px!important;}
    #menu{font-size: 1rem!important;height:50px!important;}
    #menu-button{display:block!important;float: right!important;width:30px!important;height:40px!important;margin-right:30px!important;margin-top:10px!important;position: relative!important;}
    #menu-button hr{display: block;width:30px!important;height:5px!important;margin:4px;border:none!important;background-color:#fff!important;position: relative!important;left: auto!important;}
    .col-6{width:100%!important;margin-bottom:50px!important;}
    .col-6r{width:100%!important;}
    #cookieinfo{width: 100%!important;}
    
    #menu ul li ul{position: relative!important;float: none!important;width: 200px!important;padding: 0!important;border: none!important;max-height: 100%!important;margin-top: -50px!important;margin-bottom: 50px!important;padding-bottom: 0px!important;margin-left:10px!important;}
    #menu ul li ul li{width:200px!important;text-align:left!important;}
    #menu ul li ul li ul{position: relative!important;left: 0!important;opacity: 1!important;}
    
    #logo{height:50px!important;padding-top:0px!important;}
    .menu-back {height: 50px!important;}
    .logo-hover img {width: 140px!important;}
    #section1{height: calc(760px - 90px)!important;}
    .yellow {top: 100px!important;width: 350px!important;}
    .right-photo img{width:50%!important;float: right!important;display: block!important;}
    .content { width: 80%!important;margin-left: 10%!important;}
    #section2 {height: 810px!important;}
    .section3 .col-6 .content p,.section3 .col-6 .content h2{width:calc(100% - 85px)!important;margin-left:0px!important;}
    .quality, .bidon, .water{right:20px!important;}
    .section4 .quality,.section4 .bidon,.section4 .water{left: 20px!important;}
    .quality{top:295px!important;}
    .water {top: 440px!important;}
    .bidon {top: 570px!important;}
    .section4 .water {top: 875px!important;}
    .section4 .quality {top: 740px!important;}
    .section4 .bidon {top: 1010px!important;}
    .section4 .col-6 .content p,.section4 .col-6 .content h2{width:calc(100% - 85px)!important;margin-left:85px!important;}
    .section4 .col-6:nth-child(1){margin-top:-30px!important;margin-bottom: 0px!important;}
    .section3 .content, .section4 .content {width: calc(100% - 60px)!important;margin-left: 30px!important;}
    
    .background-bidony,.background-torby {height: 650px!important;}
    .section4 .col-6:nth-child(2){padding-bottom:80px!important;}
    .map{width:100%!important;}
    .mail{width:100%!important;}
    .col-4{width:calc(97% - 40px);}
    
    .NewsSummaryField img {max-height: 200px!important;}
    .NewsSummaryLink{font-size:1.4rem!important;margin-top:20px;}
    .NewsSummary {height: 460px!important;}
    #section6 .table{overflow-x:scroll;}
    #section6 table{width:1131px!important;}
    .szpic{width:40%!important;}
    .width20{width:60%!important;text-align:center!important;}
    .width20 h1{text-align:center!important;}
}
@media (min-width: 700px) and (max-width: 799px){
    .quality{top:260px!important;}
    .water {top: 380px!important;}
    .bidon {top: 490px!important;}
    .section4 .water {top: 970px!important;}
    .section4 .quality {top: 1075px!important;}
    .section4 .bidon {top: 1190px!important;}
}
@media (min-width: 650px) and (max-width: 699px){
    .quality{top:270px!important;}
    .water {top: 380px!important;}
    .bidon {top: 490px!important;}
    .section4 .water {top: 860px!important;}
    .section4 .quality {top: 970px!important;}
    .section4 .bidon {top: 1080px!important;}
    .section4 .col-6:nth-child(2) {padding-bottom: 0px!important;}
}
@media (min-width: 600px) and (max-width: 649px){
    .quality{top:270px!important;}
    .water {top: 380px!important;}
    .bidon {top: 490px!important;}
    .section4 .water {top: 820px!important;}
    .section4 .quality {top: 930px!important;}
    .section4 .bidon {top: 1040px!important;}
    .section4 .col-6:nth-child(2) {padding-bottom: 0px!important;}
}
@media (min-width: 550px) and (max-width: 599px){
    .quality{top:270px!important;}
    .water {top: 410px!important;}
    .bidon {top: 550px!important;}
    .section4 .water {top: 760px!important;}
    .section4 .quality {top: 890px!important;}
    .section4 .bidon {top: 1040px!important;}
}

@media (min-width: 651px) and (max-width: 700px){
    .background-bidony,.background-flagi,.background-torby {height: 590px!important;}    
}
@media (min-width: 601px) and (max-width: 650px){
    .background-bidony,.background-flagi,.background-torby {height: 550px!important;}    
}
@media (min-width: 551px) and (max-width: 600px){
    .background-bidony,.background-flagi,.background-torby {height: 490px!important;}    
}
@media (min-width: 500px) and (max-width: 550px){
    .background-bidony,.background-flagi,.background-torby {height: 440px!important;}    
}
@media (max-width: 499px){
    body{font-size: 88%!important;}
    p{font-size:1rem!important;}
    .width{width:90%!important;}
    .move{left:0%!important;}
    .show{top:50px!important;}
    #menu ul {width:100%!important;background-color: #ffc300!important;z-index: 9999!important;margin-left:-20px!important;position: absolute!important;overflow:hidden!important;right:0%!important;width: 200px!important;top:-1000px;border-bottom:5px solid #fff!important;border-left:5px solid #fff!important;padding:20px!important;text-align: left!important;}
    #menu ul > li {margin-right: 5px!important;line-height: 50px!important;display: block!important;line-height:30px!important;padding-left:20px!important;position: relative!important;width:120px!important;}
    #menu{font-size: 1rem!important;height:50px!important;}
    #menu-button{display:block!important;float: right!important;width:30px!important;height:40px!important;margin-right:30px!important;margin-top:10px!important;position: relative!important;}
    #menu-button hr{display: block;width:30px!important;height:5px!important;margin:4px;border:none!important;background-color:#fff!important;position: relative!important;left: auto!important;}  
    .col-6{width:100%!important;}
    .col-6r{width:100%!important;}
    #cookieinfo{width: 100%!important;}
    
    #menu ul li ul{position: relative!important;float: none!important;width: 200px!important;padding: 0!important;border: none!important;max-height: 100%!important;margin-top: -50px!important;margin-bottom: 50px!important;padding-bottom: 0px!important;margin-left:10px!important;}
    #menu ul li ul li{width:200px!important;text-align:left!important;}
    #menu ul li ul li ul{position: relative!important;left: 0!important;opacity: 1!important;}
    
    #logo{height:50px!important;padding-top:0px!important;}
    .menu-back {height: 50px!important;}
    .logo-hover img {width: 140px!important;}    
    #section1{height: calc(760px - 90px)!important;}
    .yellow {top: 100px!important;width: 350px!important; width: calc(100% - 40px)!important;padding:20px!important;}
    .yellow h1 {font-size: 1.6rem!important;}
    .yellow h1:after {left: 20px!important;margin-top: 55px!important;}
    .title h3 {font-size: 2rem!important;}
    .right-photo img{width:50%!important;float: right!important;display: block!important;}
    .content { width: 90%!important;margin-left: 5%!important;}
    #section2 {height: 1160px!important;background:none}
    .title {background-color: #ffcc00!important;padding: 20px!important;width: 200px!important;}
    .section4 .col-6:nth-child(1){margin-top:50px!important;}
    .section3 .content, .section4 .content {width: calc(100% - 60px)!important;margin-left: 30px!important;}
    .background-bidony,.background-torby {height: 650px!important;}
    .section3 .col-6:nth-child(1){padding-bottom:20px!important;}
    .section4 .col-6:nth-child(2){padding-bottom:360px!important;}
    .map{width:100%!important;}
    .mail{width:100%!important;}
    .section3 .title {width: 100px!important;}
    .section4 .title {width: 80px!important;}
    .background-bidony,.background-flagi,.background-torby {height: 290px!important;} 
    footer span.right {float: left!important;}
    .col-4{width:calc(97% - 40px);}
    .section3 .col-6 .content p,.section3 .col-6 .content h2{width:calc(100% - 75px)!important;margin-left:0px!important;}
    .quality, .bidon, .water{right:10px!important;}
    .section4 .quality,.section4 .bidon,.section4 .water{left: 10px!important;}
    .quality{top:250px!important;}
    .water {top: 490px!important;}
    .bidon {top: 740px!important;}
    .section4 .water {top: 540px!important;}
    .section4 .quality {top: 780px!important;}
    .section4 .bidon {top: 1030px!important;}
    .section4 .col-6 .content p,.section4 .col-6 .content h2{width:calc(100% - 75px)!important;margin-left:75px!important;}
    .NewsSummaryField img {max-height: 200px!important;}
    .NewsSummaryLink{font-size:1.4rem!important;margin-top:20px!important;}
    .NewsSummary {height: 480px!important;}
    #section6 .table{overflow-x:scroll;}
    #section6 table{width:1131px!important;}
    .szpic{width:40%!important;}
    .width20{width:60%!important;text-align:center!important;}
    .width20 h1{text-align:center!important;}
}
@media (min-width: 450px) and (max-width: 499px){
    .background-bidony,.background-flagi,.background-torby {height: 380px!important;} 
    .quality{top:250px!important;}
    .water {top: 390px!important;}
    .bidon {top: 530px!important;}
    .section4 .water {top: 630px!important;}
    .section4 .quality {top: 760px!important;}
    .section4 .bidon {top: 900px!important;}
    .section4 .col-6:nth-child(2) {padding-bottom: 140px!important;}
}
@media (min-width: 400px) and (max-width: 449px){
    .background-bidony,.background-flagi,.background-torby {height: 380px!important;} 
    .quality{top:250px!important;}
    .water {top: 420px!important;}
    .bidon {top: 610px!important;}
    .section4 .water {top: 630px!important;}
    .section4 .quality {top: 790px!important;}
    .section4 .bidon {top: 960px!important;}
    .section4 .col-6:nth-child(2) {padding-bottom: 140px!important;}
}
@media (min-width: 350px) and (max-width: 399px){
    .quality{top:250px!important;}
    .water {top: 450px!important;}
    .bidon {top: 660px!important;}
    .section4 .water {top: 540px!important;}
    .section4 .quality {top: 730px!important;}
    .section4 .bidon {top: 950px!important;}
    .section4 .col-6:nth-child(2) {padding-bottom: 260px!important;}
}
/* cmsms stylesheet: main modified: 18.12.2020 15:58:19 */
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:0px;margin:0px;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {display: block;}
button,input,select,textarea {
    font: inherit;
    border: none;
    margin: 0;
    resize: none;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
    -webkit-transition: all 0.2s linear!important;
    -moz-transition: all 0.2s linear!important;
    -ms-transition: all 0.2s linear!important;
    -o-transition: all 0.2s linear!important;
    transition: all 0.2s linear!important;
    color: inherit!important;
    text-decoration: none!important;
    cursor:pointer;
    -webkit-transition: 0.5s;
            transition: 0.5s;
}
a:focus {outline: none;}
a:active {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
h1,h2,h3,h4,h5,h6{margin:0 auto;padding:0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;}
*::-webkit-scrollbar {width: 1rem;}
*::-webkit-scrollbar-track-piece {background:#000;}
*::-webkit-scrollbar-thumb {background-color:#ffc300;}
*::selection{background: #ffc300;color:#fff;}
body{
    margin: 0 auto;    
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-weight: 300;
    font-size:100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.clear{clear:both;}
.width{width:1200px;margin: 0 auto;position: relative;}
.width-100{width:100%;position: relative;}
p{font-size:1rem;line-height: 28px;}
.overflow{position: relative;overflow: hidden;}
.move{margin-top:0px!important;}
.hidden{display: none!important;}
.show{display:block!important;}
.col-6{float:left;width:50%;position: relative;}
img{max-width:100%;}
.col-6r{float:right;width:50%;position: relative;}
.col-4{
    width:calc(30% - 40px);
    margin-left:1.5%;
    margin-right:1.5%;
    margin-bottom:50px;
    float:left;
}

/*menu*/
.logo-hover{
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .2s;
            transition: .2s;
}
.logo-hover img{
    display: block;
    margin: 0 auto;
    position: relative;
}
.logo-hover:hover{
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
         -o-transform: scale(.9);
            transform: scale(.9);
}
#menu-button{
    display:none;
    cursor: pointer;
     -webkit-transition: .2s;
             transition: .2s;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
.rotate{
     -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
             transform: rotate(45deg);
    margin-top:10px!important;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
.rotate2{
     -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
             transform: rotate(-45deg);
     -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
             transition-duration: 0.5s;
    margin-top: -10px!important;
}
.height{
    padding-top:20px;
    padding-bottom:5px;
    border-bottom:5px solid #fec650;
    height:auto!important;
}
#logo{
    background-color: #000;
    width:35%;
    float: left;
    position: relative;
    height:86px;
    padding-top:4px;
    position: relative;
}
.menu-back{width:100%;height:90px;}
#menu{
    height:90px;
    text-transform: uppercase;
    color:#fff;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    width:100%;
    background-color: #ffc300;
}
#menu-button{display:none;}
#menu ul{
    width:calc(65% - 150px);
    float:right; 
    position: relative;
    -webkit-transition: .5s;
            transition: .5s;
    line-height: 90px;
    text-align: right;
    padding-right:150px;
    background-color: #ffc300;
}
#menu ul > li{
    display: inline-block;
    line-height: 90px;
    padding: 0px 20px;
    cursor: pointer;
    position: relative;
}
#menu ul > li:hover > a{
   color:#000!important;
}
#active{
    padding:0;    
    position: absolute;
    height:5px;
    background-color: #000;
    bottom:0;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    
}
#active.one{right:691px;width:78px;}
#active.two{right:606px;width:4px;}
#active.three{right:514px;width:11px;}
#active.four{right:413px;width:20px;}
#active.five{right:276px;width:53px;}
#active.six{right:169px;width:23px;}
#menu ul > li > ul{position:absolute;width: 270px!important;padding-right:0;margin-left:-105px;margin-top: 0px;max-height:0px;overflow:hidden;}
#menu ul > li > ul > li{display:block;width:80%;text-align:center;line-height: 50px;position: relative;}
#menu ul li:hover ul{max-height:600px;overflow:inherit;}
#menu ul > li > ul > li > ul{position:absolute;left: -130px;opacity: 0;}
#menu ul > li > ul > li:hover > ul{opacity: 1;top: 0;}
/*section1*/
#section1{
    height:calc(100vH - 90px);
    width:100%;
    background:url(/uploads/side/img/background.jpg) no-repeat center;
    background-size: cover;
}
.yellow{
    position: absolute;
    top:30vH;
    width: calc(35% - 80px);
    padding: 40px;    
    background-color: rgba(255,204,2,.8);
    color:#fff;
}
.yellow h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.8rem;
    text-transform: uppercase;
    margin-bottom:50px;    
}
.yellow h1:after{
    content: "";
    background-color: #fff;
    width:100px;
    height:5px;
    position: absolute;
    left:40px;
    margin-top:75px;
}
.yellow p{text-align: justify;}

/*section2*/
#section2{
    background: url(/uploads/side/img/background2.jpg) no-repeat left bottom;
    height:700px;
    width:100%;
    position: relative;
}
.title{
    background-color: #ffc300;
    padding:20px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:-o-fit-content;
    width:fit-content;
    max-width: 700px;
    margin: 0 auto;
    margin-top:100px;
}
.title h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3rem;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
}
#section2 p{text-align: center;margin-top:10px;}
.content{width:35%;margin-left:15%;margin-top:70px;z-index: 99;position: relative;}
.right-photo{
    position: absolute;
    right:0;
    bottom:0;
    z-index: 9;
}
.inline{display:inline-block!important;margin:50px 5px 0px 5px!important;}
.more,.more2{
    background-color: #000;
    border:2px solid #000;
    color:#ffc300!important;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0 auto;
    margin-top: 50px;
    cursor:pointer;
    display: block;
    width:125px;
}
.more:hover, .more2:hover{
    background-color: rgba(0,0,0,0);
    color:#000!important;
}
.more2{width:180px;text-align:center;}

/*section3*/
.section3{height:700px;}
.section3 .title{width:150px;}
.section3 .content,.section4 .content{
    width:calc(100% - 150px);
    margin-left:75px;
    text-align: right;
}
h2{
    font-family: 'Roboto Condensed', sans-serif;
    color:#000;
    font-size: 1.2rem;
    margin-top:30px;
    text-transform: uppercase;
}
.section3 .more{float: right;margin-top:30px;}
.background-bidony{
    background: url(/uploads/side/img/bidon.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
.background-torby{
    background: url(/uploads/side/img/torby.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
.quality, .bidon, .water{
    position: absolute;
    right:-39px;
    z-index: 999;
    top:265px;
}
.water{top:375px;}
.bidon{top:485px;}

/*section4*/
.section4{height:700px;}
.section4 .title{width:120px;;background-color:#fff!important;color:#ffc300!important;}
.section4 .title h3{color:#ffc300!important;}
.section4 .content{text-align: left;}
.section4 .more{float: left;margin-top:30px;}
.background-flagi{
    background: url(/uploads/side/img/flagi.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
.background-bandany{
    background: url(/uploads/side/img/bandany.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
.section4 .col-6{background-color:#ffc300;height:700px;}

.background-lawki{
    background: url(/uploads/side/img/lawki.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
.background-litery{
    background: url(/uploads/side/img/litery.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
#litery .title{width:200px;}
.background-scianki{
    background: url(/uploads/side/img/scianki3.jpg) no-repeat;
    background-size: cover;
    height:100%;
}
#scianki .title {
    width: -moz-fit-content;
    width: fit-content;
    max-width:500px;
}
/*section5*/
.mail{width:35%;float:left;background-color: #f2f2f2;height: 590px;}
.mail h2{margin-left:10%;width:80%;text-align:center;}
.map{width:65%;float:left;height:100%;height: 590px;}
.map iframe{width:100%;height:100%;}
#section5 h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.4rem;
    color:#000;
    text-transform: uppercase;
    margin-top:50px;
    text-align: center;
}
.formbuilderform{margin-top:30px;}
.required input, .required textarea{
    padding:5px 10px;
    font-size:1rem;
    line-height:30px;
    color:#707071;
    margin:5px;
    width:calc(80% - 30px);
    margin-left:10%;
    border:1px solid rgba(0,0,0,0);
    background-color:rgba(255,255,255,0.06);
    color:#000;
    background-color:#fff;
}
.required input:hover, .required textarea:hover{
    border:1px solid #e5e5e5;
    background-color:rgba(255,255,255,0.4);
}
.submit{float:right;cursor:pointer;}
.submit input{ background-color:rgba(255,255,255,0);color:#fff;display:block;margin: 0 auto;}
.submit.more:hover input{color:#000;}
.required textarea{height:150px;}
.submit.more{
    color: #fff;
    background-color: #eabb00;
    border:2px solid #eabb00;
    margin-top:20px!important;
    margin-bottom:50px;
    margin-right:10%;
}
.submit.more:hover{background-color: rgba(0,0,0,0)!important;}
.error_message {
    position: fixed;
    top: 50%;
    z-index: 99999;
    text-align: center;
    left: 50%;
    margin-left: -190px;
    background: #ffc300;
    color: white;
    font-size: 1.1em;
    width: 380px;
    display:inline-block;
    padding: 20px 0px;
    cursor:pointer;
}
.error_message ul li{display:block;}

/*section6*/
#section6 .content{
    width:80%!important;
    margin-left:10%;
    margin-bottom:100px;
}
.NewsSummary{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
             box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    padding:20px;
    height: 460px;
}
.NewsSummaryLink{ font-family: 'Roboto Condensed', sans-serif;font-size:2rem;font-weight:700;text-align:center;margin-bottom:20px;}
.NewsSummarySummary{text-align:justify;}
.NewsSummaryField img{max-width:100%;display:block;margin: 0 auto;margin-bottom:10px;max-height: 200px;}
.NewsDetailField img{max-width:100%;margin:20px 0px;}
.NewsSummaryMorelink.more{margin-top:20px;}
#NewsPostDetailReturnLink.more{width:70px;}
#NewsPostDetailHorizRule{width:30%;background-color:#ffc300;height:5px;border:none;margin-left:0;}
#NewsPostDetailTitle{ font-family: 'Roboto Condensed', sans-serif;font-size:2rem;}
#section6 img {max-width:100%; display:block;margin-top:30px; margin: 0 auto;}
#section6 .name{text-align:center;font-family: 'Roboto Condensed', sans-serif;font-size:1.6rem;margin-top:20px;color:#ffc300;text-transform:uppercase;}
#section6 .name2{font-family: 'Roboto Condensed', sans-serif;font-size:1.2rem;color:#ffc300;text-transform:uppercase;margin-bottom:10px;}
#section6 .col-6{margin-top:50px;}
.subtitle{
    background-color: #ffc300;
    padding:20px;
    width:200px;
    margin: 0 auto;
    margin-top:100px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
}
#section6 .table{display:block;width:100%;}
#section6 table{min-width:100%!important;margin:30px 0;}
#section6 td{vertical-align:middle;width:18%;margin:1%;background-color:#fff3c2;padding:5px 10px;text-align:center;}
#section6 tr:nth-child(1) td{background-color:#ffc300;}
#section6 tr:nth-child(2) td{background-color:#fce484;;}
#section6 .tab-1  tr:nth-child(1) td:nth-child(1){background-color:#ffc300;}
#section6 td:nth-child(1){background-color:#fce484;}
#section6 ul{padding-left:2rem;}
/*footer*/
.footer{background-color: #ffc300;padding:20px 30px;}
footer span{
    margin-top:10px;
    margin-bottom:10px;
    display: block;
    float: left;
    color:#fff;
    font-size: .9rem;
}
footer span.right{float:right;}
/*cookies*/
#cookieinfo{
    display: none;
    width: 40%;
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background-color: #ffc300;
    z-index: 1000;
}
#cookieinfo p{
    display:block;
    float:left;
    width:calc(100% - 84px);
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.8rem!important;
    line-height: 15px;
    text-align: justify;
    margin-left:20px;
}
#close,#more{
    display: block;
    float: right;
    margin-top: 20px;
    padding-left:20px;
    padding-right:20px;
}
#close:hover img{ 
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

/*loader*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:999999;cursor: wait;}
#status { z-index:28; position:fixed;;height:100%; width:100%;top:45%;}
.parent {margin:0px auto; position:relative;}
.child { text-align:center; }
.parent { display: table }
.child { display: table-cell; vertical-align: middle;}
.child span { text-transform:uppercase; }
.no-js #preloader { display: none; }
.look{overflow: visible;}
.small>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #ffc300;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both;
}
.small .one{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.small .two{-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}