.animatedA {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInDownA {-webkit-animation-name: fadeInDownA;animation-name: fadeInDownA;}

.fadeOutUpA {
  -webkit-animation-name: fadeOutUpA;
  animation-name: fadeOutUpA;
}


@-webkit-keyframes fadeInDownA {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownA {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeOutUpA {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUpA {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@media screen and (max-width:1650px){
.nivoSlider_r .opisS div p img {height: auto !important;max-width: 40% !important;}
}

@media screen and (max-width:1470px){
.nivoSlider_r .opisS div p img {height: auto !important;max-width: 35% !important;}
}

@media screen and (max-width:1425px){
	.nav-arrows a.next {right:10px;}
	.nav-arrows a.prev {left:10px;}
	.nivoSlider_r .opisS div {padding: 15px 80px 30px 80px;}
}

@media screen and (max-width:1050px){

}

@media screen and (max-width:1150px){
.menuParentStrefa {width: 200px;}
.contentMenuStrefa {width: calc(100% - 220px);}	
}



@media screen and (max-width:1135px){
.top_page .logoTop {margin-left: 10px;}
}

@media screen and (max-width:1115px){
.top_page .logoTop {width: 200px;height: auto;}
.mod_kontakt .logoStopka {padding-right: 80px;}	
}

@media screen and (max-width:1200px){
.modOffer .gallOffer .arrowLeft, .modOffer .gallOffer .sl {left:10px;}
.modOffer .gallOffer .arrowRight, .modOffer .gallOffer .sr {right:10px;}
.div_content{box-sizing: border-box;padding: 10px;}
.box_news .nowosci_content .aktPromocjeText {padding-left: 10px;padding-right: 10px;}
.aktPromocjeText .arrowNews {right: 10px;}
.box_kontakt{padding-left: 10px;padding-right: 10px;}
.div_stopka{padding-left: 10px;padding-right: 10px;}
}

@media screen and (max-width:1090px){
.box_page_kontakt .kontakt_bottom .kpl,.box_page_kontakt .kontakt_bottom .kpr {width: 100%;}
}

@media screen and (max-width:1000px){
	.top_page .titleTop {font-size: 16px;}
	.projekty_detail img {width: 150px;}
	
}	

@media screen and (max-width:970px){
.menuParentStrefa{width: 100%;float: none;}
.contentMenuStrefa{width: 100%;float: none;}
	
.menuParentStrefa .menuLeft ul li a {	
padding: 10px 10px 10px 22px;
font-size: 14px;
}	
}	

@media screen and (max-width:960px){
.menuParent {width: 240px;}
.oferty {width: calc(100% - 260px);}
.mod_kontakt .logoStopka {display: none;}
.module {width: 240px;}
.newsMod {width: calc(100% - 260px);}
  .content-text.contentMenu {width: calc(100% - 260px);}
}	


@media screen and (max-width:915px){
.top_page .topPageLeft{padding-top: 5px;}
.top_page .titleTop{padding-left: 20px;padding-top: 24px;}	
}

@media screen and (max-width:900px){
/*.content-text table td {display: inline-block;width: 100%;}*/
.content-text .form table td {display: table-cell;width: auto;}	
}	


@media screen and (max-width:860px){
.top_page .titleTop {display: none;}
.box_news .aktPromocjeText .aktProm .imgP img {width: 30%;height: auto;}
.aktPromocjeText .arrowNews {top:0px;}
	
}
@media screen and (max-width:840px){
.stronaFooter {float: left;margin-top: 20px;}
}	
@media screen and (max-width:851px){
.menuTop{margin-top: 0px;}
.top_page {height: 75px;}
.box_lanser {margin-top: 0px !important;}
html{background-size: auto 75px;}	
}

@media screen and (max-width:768px){
.menuParent {display: none;}
.oferty {width: 100%;border: none;}
.catOffers .oferta .ofertaImgZajawka {display: none !important;}
.catOffers .oferta .ofertaZajawka {display: none;}
.catOffers .oferta:hover .ofertaImgZajawka{display: none;}
.catOffers .oferta:hover .ofertaZajawka{display: none;}
/*.menuStopka{display: none;}*/
.mod_kontakt .media {display: none;}
.menuStopka ul li {display: block;}
.menuStopka ul li a,.menuStopka ul li:first-child a {padding: 10px;display: block}
	
.module {width: 100%;float: none;margin-top: 30px;}
.newsMod {width: 100%;float: none;}
	
.wrapperPage{margin-bottom: -148px !important;}
.wrapperPage > .clear{height: 148px;}	
.content-text.contentMenu{width: 100%;border: none;}

.bgLog {display: none;}
.mBox{width: 100%;}	
}	



@media screen and (max-width:780px){
.menuTop {height: 0px;position: static}

div.menuTop{padding-top: 0px;border: none;}
div.menuTop > a.showMenu{display:flex;position:absolute;top:24px;right:20px;align-items:center;}
div.menuTop>div.inMenu {right: -100%;transition:all .5s ease-out 0s;;z-index:999999;background-color:#181818;position:fixed;top:66px;min-width:270px;overflow:auto;height: calc(100% - 70px)}
.menuTop>.inMenu.show{display:block;right: 0px;transition:all .5s ease-out 0s;}
div.menuTop p, div.menuTop p+ul {display:block}
div.menuTop ul{height: auto;width: 260px;}	
div.menuTop ul,div.menuTop li {display:block}
div.menuTop li>a {border:none; background-color:transparent; height:auto;line-height:normal;padding:10px 10px;text-align:left;border-top:1px dotted #4b4b4b;display: block;color: #FFFFFF;font-size: 12px;text-shadow: none;}
div.menuTop li li>a {padding-left:30px}
div.menuTop li.sub>a {color:#9c9c9c}
div.menuTop li{height: auto;background: none;padding: 0px;}
div.menuTop ul li.sel a{color: #FFFFFF;font-size: 12px;border-radius:0px; }
div.menuTop ul ul{display: block;}
div.menuTop ul li ul{display: block;}
div.menuTop li.sel>a {background:none;background-color:#dfad00;color:#FFFFFF;}
div.menuTop ul li a:hover{background: none;border: none;border-top:1px dotted #4b4b4b;}
div.menuTop ul li ul{position: static;border: none;}
div.menuTop ul li a{}
div.menuTop ul li:hover ul{animation:none;-webkit-animation:none;}
div.menuTop ul li a:hover span.menuT{color: #5f5f5f;}	
.menuTop ul li.f {display: block;}	
.menuTop ul li ul {background: none;}	
.menuTop ul ul li a,.menuTop ul ul li.l a, .menuTop ul li.sel ul li.l a,.menuTop ul li.l a,.menuTop ul li.sel ul li a {border: none;border-top: 1px dotted #4b4b4b;}	
.menuTop ul ul li a,.menuTop ul li.sel ul li a{padding: 10px 15px 10px 30px;}
.menuTop ul ul li a:hover,.menuTop ul li.sel ul li a:hover{background-color: transparent;background: none;border: none;border-top:1px dotted #4b4b4b;}	
	
	
.top_page .logoTop {width: 150px;height: auto;margin-top: 10px;}
.top_page .strefaSocial{display: none;}
.divLng {right: 276px;}
.top_page .topPageRight{margin-right: 15px;margin-top: 11px;}
.box_lanser {display: none;}
	
.content-text .text img{width: 130px;margin-top: 17px !important;}	
	
}

@media screen and (max-width:650px){
.offerImage ul li a .spImg {background-size:100px 174px;width: 100px;height: 100px;background-position: 0px -29px; }
.offerImage ul li{padding: 15px 0px;}
.offerImage{height: 130px !important;}
.offerImage ul li a .title{font-size: 14px;margin: 0px;}
.strefa .moduleBox {position: static;margin: 0px 0px 30px 0px;}
.strefa .moduleBox .logowanie form{float: left;}	
.strefa {}	
}

@media screen and (max-width:610px){
.catOffers .oferta {margin: 0px;float: none;margin: 0px auto;}
.mod_kontakt{display: block;}
.mod_kontakt > div{display: block;width: 100%;}
.mod_kontakt .kontakt {background: none;padding-bottom: 25px;}
.mod_kontakt .serwis {padding: 0px;}
	
.wrapperPage{margin-bottom: -193px !important;}
.wrapperPage::after{height: 193px;}
}	

@media screen and (max-width:590px){
.top_page .strefaKlienta{width: 48px;height: 48px;}
.top_page .strefaKlienta a{width: 48px;height: 48px;display: block;padding: 0px;background-position: 50%;}	
.top_page .strefaKlienta a span{display: none;}
.divLng{top:12px;right: 152px;}
.top_page .logoTop{width: 110px; height: auto;}
.box_news .aktPromocjeText .aktProm .imgP img {display: none;}
.form table td{display: inline-block;width: 100%;padding: 0px;}
.form table td.f {text-align: left;width: 100%;}
.form table td.pw{margin-right: 20px;}
.content-text .form table td{display: inline-block;width: 100%;padding:0px;}
.content-text .form table td.f {text-align: left;width: 100%;padding:0px;}
.content-text .form table td.pw{margin-right: 20px;}	
.content-text table td.sendInfo{width: 100%;}	
.content-text table td.sendInfo{width: 100%;}	

.content-text table td.d input.inputTxt{width: 100%;box-sizing: border-box;}
.form table td.d textarea{width: 100%;box-sizing: border-box;}	
.content-text .form table td.fErr{float: left;}
.content-text .form table td.err{float: left;}
.content-text .form table{width: 100%;}
	
.form table td.fErr{float: left;}
.form table td.err{float: left;}
.form table{width: 100%;}	
.form table td.d input.inputTxt {box-sizing: border-box; width: 100%;}
.form table td.d .selectForm {box-sizing: border-box; width: 100%;}	
}


@media screen and (max-width:520px){
.kontakt_bottom .imgPl {max-width: 30%;}
}	

@media screen and (max-width:480px){
.content-text .text p{text-align: center !important;}	
.projekty_detail img {display: none;}
.content-text .text img{display: block;margin: 0px auto 0px auto !important;float: none !important;}	
}
