.box_szablon_winder{
background-color: #f9fcfd;
position: relative;
overflow: hidden;
}
.bottomBox{
position: relative;
}
.bottomBox>a>span{
display: inline-block;
}

.bottomBox>a>span:after{
content: "";
position: absolute;
width: 44px;
height: 28px;
left: 0px;
right: 0px;
margin: auto;
opacity:0;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
bottom: 0px;
}
.bottomBox>a.button_baner>span:after{
background: url('../images/arrow_szablon.png');
}
.bottomBox>a.button_oblicz_cene>span:after{
background: url('../images/arrow_project.png');
}

.bottomBox>a.sel>span:after{
opacity:1;
bottom: -38px;
}

.bottomBox>span{
display: inline-block;
}

.button_baner {
position: relative;
margin-bottom: 50px;
background-color: #d7b340;
}
.button_oblicz_cene {
margin-bottom: 50px;
background-color: #cc4822;
}
.szablonBoxWinder{
padding-bottom: 50px;
}
.szablonBoxWinderA{
background-color: #FFFFFF;
box-sizing:border-box;
/*box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);*/
overflow: hidden;
}



.szablonWinder.button_baner:before {
background: #efd763 url("../images/ico_szablon.png") no-repeat 50% 50%;
border: 25px solid #e1c654;
}
.szablonWinder.button_oblicz_cene:before {
background: #ef8261 url("../images/ico_instrukcja.png") no-repeat 50% 50%;
border: 25px solid #e05f38;
}
.szablonWinder.button_baner:hover:before{
transform:scale(1.05);
-webkit-transform:scale(1.05);
border-color:#d8c35c;
border-width: 18px;
box-shadow:0px 0px 10px 0px rgba(255,255,255,0.5);
}

.szablonWinder.button_oblicz_cene:hover:before{
transform:scale(1.05);
-webkit-transform:scale(1.05);
border-color:#da6d4c;
border-width: 18px;
box-shadow:0px 0px 10px 0px rgba(255,255,255,0.5);
}
.szablonBoxWinder{
position: relative;

}
.szablonBoxWinderA{

}
.textSzablon{
box-sizing:border-box;
padding: 50px 20px;
}

.szablonWinder>span>span{
display: block;
font-weight: 300;
}
.szablonWinder>span>span:first-child{
font-weight: 700;
}
.rowBox .rowColumn img{
max-width: 100%;
height: auto;
}

@media screen and (max-width:990px){
.bottomBox .szablonWinder{margin-top: 80px;padding-left: 100px;}
.bottomBox .szablonWinder:before{width: 150px;height: 150px;background-size: 60px auto;}	
}

@media screen and (max-width:920px){
.div_szablon_winder .textSzablon .szablon {width: 33.333%;margin-bottom: 30px;}
}
@media screen and (max-width:768px){
.bottomBox .button_baner.button_baner_add{margin-left: 0px;left:75px;-webkit-transform: translateX-0%);-ms-transform: translateX(0%);transform: translateX(0%);min-width: auto;}
.bottomBox .button_oblicz_cene.button_baner_add {right: 20px;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);min-width: auto;}
}

@media screen and (max-width:760px){
.bottomBox .szablonWinder::before {
    background-size: 35px auto;
    height: 70px;
    width: 70px;
    border-width: 5px;
    left: -18px;
}
.bottomBox .button_baner.button_baner_add{left: 45px;}
.szablonWinder.button_baner:hover:before{border-width: 8px;}
.szablonWinder.button_oblicz_cene:hover:before{border-width: 8px;}
.bottomBox .szablonWinder{padding: 14px 38px 14px 57px;}
.bottomBox .szablonWinder:after {right: -13px;width: 20px;height: 20px;}
.bottomBox .button_baner, .bottomBox .button_oblicz_cene {font-size: 20px;}	
}

@media screen and (max-width:620px){
.div_szablon_winder .textSzablon .szablon {width: 50%;}
}

@media screen and (max-width:370px){
.div_szablon_winder .textSzablon .szablon {width: 100%;}
}

@media screen and (max-width:600px){
.bottomBox .szablonWinder{display: block;position: static;margin: 0px;padding: 14px 10px 14px 10px;text-align: center;}
.bottomBox .szablonWinder:before {left: 0px;}	
}


/*
.button_oblicz_cene>span>span{
display: block;
}
.button_oblicz_cene>span>span:first-child{
font-weight: 700;
}
*/