@keyframes arc1{
  0% {
    width: 100%;
  }
  50%{
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes arc{
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}


body{font-family: 'caladea', sans-serif;}

img{border: none; outline: none;}
.fs-075{font-size: 0.75rem;}
.fs-0875{font-size: 0.875rem;}
.fs-1125{font-size: 1.125rem;}
.fs-125{font-size: 1.25rem;}
.fs-1375{font-size: 1.375rem;}
.fs-15{font-size: 1.5rem;}
.fs-1{font-size: 1rem;}
.fs-2{font-size: 2rem;}
.fs-09375{font-size: 0.9375rem;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-700{font-weight: 700;}
.center{text-align: center;}
.color_2e688e{color: #2e688e;}
.upper{text-transform: uppercase;}
.right{text-align: right;}

.container-full-header{position: relative; overflow: visible;}
.header{position: relative; padding-top: 6.75rem;}

.container{padding: 2rem 0;}

.header .bg2{position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}

.header .nav{position: absolute; top: 0; width: 100%; z-index: 10;}
.header .nav ul{list-style: none; margin: 0; padding: 0; text-align: center; margin-top: 2rem;}
.header .nav ul li{display: inline-block; margin: .5rem 2rem;}
.header .nav ul li a{display: block; text-decoration: none; color: #402c1b; text-transform: uppercase; font-size: 1.125rem;}
.header .nav ul li a:hover, .header .nav ul li a:active{color: #c1bd39;}

.header h1{margin: 0; padding: 0; position: absolute; left: 50%; top: 6.75rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 10rem; height: 8rem; background: url('../img/logo_kaszarnia_emka.png') no-repeat; z-index: 20;}
.header h1 span{display: block; text-indent: -999rem;}

.container-main .title{font-family: 'AlexBrush'; color: #c1bd39; text-align: center; font-size: 2rem;}

.container-main{font-size: 1.125rem; color: #402c1b;}
.container-main .lead{max-width: 50rem; margin-left: auto; margin-right: auto;}

.container-main .title2{text-align: center; text-transform: uppercase; font-weight: 700; font-size: 1.375rem; overflow: hidden;}
.container-main .title2 span{display: inline-block; position: relative; margin-left: auto; margin-right: auto; padding-bottom: .5rem;}
.container-main .title2 span::before{content: ''; position: absolute; left: -150%; bottom: 0; width: 400%; height: 1px; background: #cdcc70;}

.container-oferta{max-width: 75rem; padding-top: 0;}
.container-oferta ul.obox{color: #402c1b; font-size: 1.125rem; list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; 
                          -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-flow: row wrap;  flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch;
}
.container-oferta ul li.level1{display: inline-block; flex-grow: 1; margin: 2rem; padding-bottom: 12.5rem; vertical-align: top; background: url('../img/worek_duzy.png') bottom center no-repeat; width: 17.5rem; max-width: 17.5rem; text-align: center; position: relative;}
.container-oferta ul li.level1 .arc{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -5; border-top: 1px solid #c8c567; border-radius: 10rem;}
.container-oferta ul li.level1 .over{display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #fff;  animation: arc 8s linear infinite;}
.container-oferta h2{font-weight: 400; text-transform: uppercase;}
.container-oferta ul li.level1 ul{list-style: square; display: inline-block; min-height: 7.5rem;}
.container-oferta ul li.level1 ul li{text-align: left;}

.container-oferta ul li.level1:nth-of-type(2) .over{animation-delay: 2s;}
.container-oferta ul li.level1:nth-of-type(3) .over{animation-delay: 4s;}

.container-full-warto-wiedziec{background: #f1efec url('../img/wzor_duzy.png') center no-repeat; background-size: contain;}
.container-warto-wiedziec{color: #885325; font-size: 1.125rem; padding: 3rem 0; max-width: 75rem;}
.container-warto-wiedziec .title{text-align: center; text-transform: uppercase; font-weight: 700; font-size: 1.5rem; overflow: hidden;}
.container-warto-wiedziec .title span{display: inline-block; position: relative; margin-left: auto; margin-right: auto; padding-bottom: .5rem;}
.container-warto-wiedziec .title span::before{content: ''; position: absolute; left: -150%; bottom: 0; width: 400%; height: 1px; background: #cdcc70;}

.container-warto-wiedziec .wleft{float: left; width: 47%;}
.container-warto-wiedziec .wright{float: right; width: 47%;}

.container-warto-wiedziec .wleft p, .container-warto-wiedziec .wright p{text-align: justify;}
.container-warto-wiedziec .wleft p:first-child, .container-warto-wiedziec .wright p:first-child{text-align: center;}

.container-full-footer{background: #c6c35d;}

.footer{color: #fff; font-size: 1.125rem;}
.footer .title{font-family: 'AlexBrush'; font-size: 2rem; text-align: center; padding-bottom: 0; margin-bottom: 0;}
.footer .title2{font-size: 1.75rem; text-align: center; padding-top: 1rem; margin-top: 0; text-transform: uppercase;}

.footer a{text-decoration: none; color: #fff;}
.footer a:hover{text-decoration: underline;}

.copy .container{padding: 1rem 0;}

.copy{text-align: right; padding-right: 1rem; font-size: .875rem; color: #fff;}
.copy a{text-decoration: none; color: #fff;}
.copy a:hover{text-decoration: underline;}

.gmap{margin-bottom: 0;}

.pp a{text-decoration: none; color: #885325;}
.pp a:hover{text-decoration: underline;}

@media screen and (min-width: 61.25rem){
  .gmap{padding-bottom: 30%;}
}

@media screen and (max-width: 47.9375rem){
  .container-warto-wiedziec .wleft, .container-warto-wiedziec .wright{float: none; width: 100%;}
}

@media screen and (max-width: 40rem){
  .header .nav ul{margin-top: 0;}
  .header .nav ul li{display: inline-block; margin: .5rem 1rem;}
}

@media screen and (max-width: 38.5rem){
  .header h1{width: 25vw; height: 18vw; background-size: contain;}
}