/*SPRITE ICONS _ BGS*/

.sprite-icons, .sprite-icons-small-res {
background-image: url("https://m1.farmeculfeminin.ro/img/sprite_png.jpg");
background-repeat: no-repeat;
display: block;
/*background-size: 100%;*/
}

.sprite-icons-brosura {
background-image: url("https://m1.farmeculfeminin.ro/img/brosura.png");
background-repeat: no-repeat;
display: block;
/*background-size: 100%;*/
}

.sprite-logo_large {
/*width: 100%!important;
height: 100%;
background-position: 0% 100%;
min-height: 165px;*/
    background-image: url("https://m1.farmeculfeminin.ro/img/logo-top.jpg");
    background-repeat: no-repeat;
    display: block;
    min-height: 165px;
}
.sprite-top_bg {
/* height: 100%;
width: 100% !important;
background-position: -1009px -10px;
background-position: 66% -19px;
background-size: 430% auto;
height: 100%;
width: 100% !important;*/

    background-image: url("https://m1.farmeculfeminin.ro/img/top-bg.jpg");
    background-repeat: no-repeat;
    display: block;
    background-size: 100% 100%;
}
.sprite-leaf_wood {
background-position: -2px -773px;
height: 100%;
min-height: 100px;
width: 100% !important;
}
.sprite-wood {
background-position: -7px -695px;
height: 100%;
min-height: 75px;
width: 100% !important;
}
.sprite-fibre-large {
/*height: 100%;
width: 100% !important;
background-position: -507px -428px;
min-height: 460px;*/
    background-image: url("https://m1.farmeculfeminin.ro/img/fibre-large.jpg");
    background-repeat: no-repeat;
    display: block;
    background-size: 100% auto;
    min-height: 460px;
}
.sprite-comprimate-large {
/*background-position: -1009px -697px;
height: 100%;
min-height: 463px;
width: 100% !important;*/
    background-image: url("https://m1.farmeculfeminin.ro/img/comprimate-large.jpg");
    background-repeat: no-repeat;
    display: block;
    background-size: 100% auto;
    min-height: 463px;
}
.sprite-crema-large {
/*height: 100%;
width: 100% !important;
background-position: -507px -17px;
min-height: 400px;*/
    background-image: url("https://m1.farmeculfeminin.ro/img/crema-large.jpg");
    background-repeat: no-repeat;
    display: block;
    background-size: 100% auto;
    min-height: 400px;
}

.sprite-fibre-small {
background-position: -578px -891px;
height: 120px;
margin: auto;
min-height: 120px;
width: 75px;
}
.sprite-comprimate-small {
background-position: -676px -891px;
height: 120px;
margin: auto;
min-height: 120px;
width: 77px;
}
.sprite-crema-small {
background-position: -627px -1022px;
height: 100px;
min-height: 100px;
width: 105px;
margin: auto;
}
.sprite-cosmote-icon {
background-position: -424px -927px;
height: 35px;
width: 62px;
}
.sprite-vodafone-icon {
background-position: -344px -927px;
height: 35px;
width: 62px;
}
.sprite-orange-icon {
background-position: -501px -927px;
height: 35px;
width: 62px;
}
.sprite-phone-icon {
background-position: -487px -979px;
height: 40px;
width: 27px;
}
.sprite-compozitie_off , .sprite-compozitie_off-res{
width: 137px!important;
height: 41px;
background-position: -176px -982px;
}
.sprite-administrare_off, .sprite-administrare_off-res {
width: 137px!important;
height: 41px;
background-position: -18px -982px;
}
.sprite-compozitie_on , .sprite-compozitie_on-res{
width: 137px!important;
height: 41px;
background-position: -176px -927px;
}
.sprite-administrare_on, .sprite-administrare_on-res {
width: 137px!important;
height: 41px;
background-position: -16px -927px;
}

.sprite-tick_orange {
background-position: -337px -981px;
height: 17px;
width: 17px !important;
}

.sprite-tick-green {
background-position:-363px -981px;
height: 17px;
width: 17px !important;
}

.sprite-tick-green-round {
background-position: -335px -1001px;
height: 17px !important;
width: 17px !important;
}
.sprite-arrow-up {
background-position: -391px -1000px;
height: 17px;
width: 20px !important;
}
.sprite-tick-leaf {
background-position: -390px -981px;
height: 17px;
width: 21px !important;
}
.sprite-contact-form {
background-position: -6px 24px;
min-height: 715px;
height: 100%;
width: 100% !important;
}
.sprite-pachete-avantaje {
background-position: -1502px -15px;
min-height: 950px;
height: 100%;
width: 100% !important;

}
.sprite-wood-small {
background-position: -4px -892px;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-buc-orange {
background-position: -815px -1088px;
height: 33px;
width: 100px !important;
}
.sprite-adauga-maro {
background-position:  -409px -1076px;
height: 33px;
width: 117px !important;
}
.sprite-sterge-maro {
background-position:  -546px -1076px;
height: 33px;
width: 50px !important;
}

.sprite-adauga-verde-light {
background-position:  -409px -1033px;
height: 33px;
width: 117px !important;
}
.sprite-sterge-verde-light {
background-position:  -546px -1033px;
height: 33px;
width: 50px !important;
}
.sprite-adauga-verde {
background-position: -409px -1159px;
height: 33px;
width: 117px !important;
}
.sprite-sterge-verde {
background-position:  -546px -1159px;
height: 33px;
width: 50px !important;
}
.sprite-adauga-galben {
background-position: -409px -1117px;
height: 33px;
width: 117px !important;
}
.sprite-sterge-galben {
background-position:  -546px -1117px;
height: 33px;
width: 50px !important;
}

/*.sprite-brosura-small {
background-position: 0px 0px;
height: 155px;
width: 157px !important;
}*/
.sprite-brosura-small {
background-position: 0 0;
background-size: 99% auto;
float: right;
height: 155px;
width: 110px !important;
}
.sprite-total-btn {
background-position: -624px -1130px;
height: 60px;
width: 290px !important;
margin: auto;
box-shadow: 0 1px 1px white inset, 0 1px 3px rgba(0, 0, 0, 0.5);
cursor: pointer;
margin-top: 30px;
margin-bottom: 40px;
}


@media (min-width: 410px) and (max-width: 449px) {


.main-borders {
max-width: 320px !important;
}
.sprite-icons {
background-size: 450% auto;
}

.sprite-logo_large {
/*background-position: 0% 100%;
height: 100%;
min-height: 134px;
width: 100% !important;
background-size: 505% auto;*/
    min-height: 134px;
    background-size: 100% auto;
    background-position: center;
}

.sprite-top_bg {
/*background-position:  66% 0;
height: 100%;
width: 100% !important;*/
}

.sprite-leaf_wood {
background-position: 1% 71%;
height: 100%;
min-height: 100px;
width: 100% !important;
}

.sprite-fibre-large {
/*background-position: 34% 58%;
height: 100%;
min-height: 445px;
width: 100% !important;*/
    min-height: 400px;
}
.sprite-comprimate-large {
/*background-position: 66% 95%;
height: 100%;
min-height: 440px;
width: 100% !important;*/
    min-height: 400px;
}
.sprite-crema-large {
/*background-position: 33% 0%;
height: 100%;
min-height: 400px;
width: 100% !important;*/
    min-height: 350px;
}

ul.leaf {
margin-left: 0!important;
margin-top: 20px!important;
padding-left: 0!important;
width: 100%!important;
}

.sprite-compozitie_off {

width: 100% !important;
background-position: 0% 86%;
}
.sprite-administrare_off {

width: 100% !important;
background-position: 0% 86%;
}

.sprite-wood {
background-position: 1% 62%;
height: 100%;
min-height: 60px;
width: 100% !important;
}
.sprite-contact-form {
background-position: -6px 30px;
height: 100%;
min-height: 400px;
width: 100% !important;
}
.sprite-pachete-avantaje {
background-position: 98% 3%;
height: 100%;
min-height: 780px;
width: 100% !important;
}

.sprite-wood-small {
background-position: 1% 76%;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-icons.sprite-fibre-small,  .sprite-icons.sprite-crema-small, .sprite-icons.sprite-comprimate-small, .sprite-icons.sprite-brosura-small  {
background-size: 1575% auto!important;
}
.sprite-fibre-small {
background-position: 30% 83%;
height: 100%;
margin: auto;
min-height: 105px;
width: 85%;
margin-left: 25px;
}
.sprite-comprimate-small {
background-position: 35% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 80%;
margin-left: 20px;
}
.sprite-crema-small {
background-position: 33.5% 93%;
height: 100%;
margin: auto;
min-height: 89px;
width: 85%;
margin-left: 26px;
}
.sprite-brosura-small {
background-position: 33.5% 93%;
height: 100%;
min-height: 125px !important;
width: 100% !important;
}

}

@media (min-width: 380px) and (max-width: 409px) {


.main-borders {
max-width: 320px !important;
}
.sprite-icons {
background-size: 450% auto;
}

.sprite-logo_large {
/*background-position: -3% 101%;
height: 126px;
width: 300px !important;*/
min-height: 126px;
background-size: 100% auto;
background-position: center;
}

.sprite-top_bg {
/*background-position:  66% 0;
height: 100%;
width: 100% !important;*/
}

.sprite-leaf_wood {
background-position: 1% 71%;
height: 100%;
min-height: 90px;
width: 100% !important;
}

.sprite-fibre-large {
/*background-position: 34% 58%;
height: 100%;
min-height: 410px;
width: 100% !important;*/
    min-height: 370px;
}
.sprite-comprimate-large {
/*background-position: 66% 95%;
height: 100%;
min-height: 410px;
width: 100% !important;*/
    min-height: 370px;
}
.sprite-crema-large {
/*background-position: 34% 2%;
height: 100%;
min-height: 330px;
width: 100% !important;*/
    min-height: 320px;
}

ul.leaf {
margin-left: 0!important;
margin-top: 20px!important;
padding-left: 0!important;
width: 100%!important;
}

.sprite-compozitie_off {
width: 100% !important;
background-position: 0% 86%;
}
.sprite-administrare_off {
width: 100% !important;
background-position: 0% 86%;
}

.sprite-wood {
background-position: 1% 62%;
height: 100%;
min-height: 60px;
width: 100% !important;
}
.sprite-contact-form {
background-position: -6px 24px;
height: 100%;
min-height: 400px;
width: 100% !important;
max-height: 570px;
}
.sprite-pachete-avantaje {
background-position: 98% 11%;
height: 100%;
min-height: 780px;
width: 100% !important;
}

.sprite-wood-small {
background-position: 1% 76%;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-icons.sprite-fibre-small,  .sprite-icons.sprite-crema-small, .sprite-icons.sprite-comprimate-small, .sprite-icons.sprite-brosura-small  {
background-size: 1600% auto!important;
}
.sprite-fibre-small {
background-position: 30% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 85%;
margin-left: 20px;
}
.sprite-comprimate-small {
background-position: 35% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 85%;
margin-left: 15px;
}
.sprite-crema-small {
background-position: 33% 93%;
height: 100%;
margin: auto;
min-height: 85px;
width: 85%;
margin-left: 12px;
}
.sprite-icons-brosura {
background-size: 82% auto;
}
.sprite-brosura-small {
background-position: 0px 0px;
height: 100%;
min-height: 110px !important;
width: 100% !important;
}

}

@media (min-width: 350px) and (max-width: 379px) {


.main-borders {
max-width: 320px !important;
}
.sprite-icons {
background-size: 450% auto;
}

.sprite-logo_large {
    /*background-position: -3% 101%;
    height: 126px;
    width: 300px !important;*/
    min-height: 126px;
    background-size: 91% auto;
    background-position: center;
}

.sprite-top_bg {
/*background-position:  66% 0;
height: 100%;
width: 100% !important;*/
}

.sprite-leaf_wood {
background-position: 1% 71%;
height: 100%;
min-height: 90px;
width: 100% !important;
}

.sprite-fibre-large {
/*background-position: 34% 58%;
height: 100%;
min-height: 380px;
width: 100% !important;*/
    min-height: 340px;
}
.sprite-comprimate-large {
/*background-position: 66% 96%;
height: 100%;
min-height: 395px;
width: 100% !important;*/
    min-height: 340px;
}
.sprite-crema-large {
/*background-position: 34% 2%;
height: 100%;
min-height: 330px;
width: 100% !important;*/
    min-height: 295px;
}

ul.leaf {
margin-left: 0!important;
margin-top: 20px!important;
padding-left: 0!important;
width: 100%!important;
}

.sprite-compozitie_off {
width: 100% !important;
background-position: 0% 86%;
}
.sprite-administrare_off {
width: 100% !important;
background-position: 0% 86%;
}

.sprite-wood {
background-position: 1% 62%;
height: 100%;
min-height: 60px;
width: 100% !important;
}
.sprite-contact-form {
background-position: -6px 24px;
height: 100%;
min-height: 400px;
width: 100% !important;
max-height: 570px;
}
.sprite-pachete-avantaje {
background-position: 98% 11%;
height: 100%;
min-height: 780px;
width: 100% !important;
}

.sprite-wood-small {
background-position: 1% 76%;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-icons.sprite-fibre-small,  .sprite-icons.sprite-crema-small, .sprite-icons.sprite-comprimate-small, .sprite-icons.sprite-brosura-small  {
background-size: 1700% auto!important;
}
.sprite-fibre-small {
background-position: 30% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 85%;
margin-left: 15px;
}
.sprite-comprimate-small {
background-position: 35% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 85%;
margin-left: 10px;
}
.sprite-crema-small {
background-position: 33% 93%;
height: 100%;
margin: auto;
min-height: 85px;
width: 85%;
}
.sprite-icons-brosura {
background-size: 90% auto;
}
.sprite-brosura-small {
background-position: 0 -5px;
height: 100%;
min-height: 100px !important;
width: 100% !important;
}

}

@media  (min-width: 321px) and (max-width: 349px) {
.main-borders {
max-width: 320px !important;
}
.sprite-icons {
background-size: 450% auto;
}

.sprite-logo_large {
    /*background-position: -3% 101%;
    height: 126px;
    width: 300px !important;*/
    min-height: 126px;
    background-size: 91% auto;
    background-position: center;
}

.sprite-top_bg {
/*background-position:  66% 0;
height: 100%;
width: 100% !important;*/
}

.sprite-leaf_wood {
background-position: 1% 71%;
height: 100%;
min-height: 88px;
width: 100% !important;
}

.sprite-fibre-large {
/*background-position: 34% 57%;
height: 100%;
min-height: 350px;
width: 100% !important;*/
    min-height: 310px;
}
.sprite-comprimate-large {
/*background-position: 66% 96%;
height: 100%;
min-height: 370px;
width: 100% !important;*/
    min-height: 320px;
}
.sprite-crema-large {
/*background-position: 34% 2%;
height: 100%;
min-height: 310px;
width: 100% !important;*/
    min-height: 270px;
}

ul.leaf {
margin-left: 0!important;
margin-top: 20px!important;
padding-left: 0!important;
width: 100%!important;
}

.sprite-compozitie_off {
width: 100% !important;
background-position: 0% 86%;
}
.sprite-administrare_off {
width: 100% !important;
background-position: 0% 86%;
}

.sprite-wood {
background-position: 1% 62%;
height: 100%;
min-height: 60px;
width: 100% !important;
}
.sprite-contact-form {
background-position: -6px 24px;
height: 100%;
min-height: 400px;
width: 100% !important;
}
.sprite-pachete-avantaje {
background-position: 98% 11%;
height: 100%;
min-height: 780px;
width: 100% !important;
}

.sprite-wood-small {
background-position: 1% 76%;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-icons.sprite-fibre-small,  .sprite-icons.sprite-crema-small, .sprite-icons.sprite-comprimate-small, .sprite-icons.sprite-brosura-small  {
background-size: 1700% auto!important;
}
.sprite-fibre-small {
background-position: 30% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 100%;
}
.sprite-comprimate-small {
background-position: 35% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 100%;
}
.sprite-crema-small {
background-position: 33.5% 93%;
height: 100%;
margin: auto;
min-height: 89px;
width: 100%;
}
.sprite-icons-brosura {
background-size: 90% auto;
}
.sprite-brosura-small {
background-position: 0 -5px;
height: 100%;
min-height: 100px !important;
width: 100% !important;
}

}

@media (max-width: 320px) {


.main-borders {
max-width: 320px !important;
}
.sprite-icons {
background-size: 450% auto;
}

.sprite-logo_large {
/*background-position: 8px 100%;
background-size: 480% auto;
height: 126px;
width: 300px !important;*/
min-height:126px;
background-size: 91% auto;
background-position: center;
}

.sprite-top_bg {
/*background-position:  66% 0;
height: 100%;
width: 100% !important;
max-height: 508px;
background-size: 430% auto;*/
}

.sprite-leaf_wood {
background-position: 1% 71%;
height: 100%;
min-height: 75px;
width: 100% !important;
max-height: 75px;
}

.sprite-fibre-large {
/*background-position: 34% 58%;
height: 100%;
min-height: 330px;
width: 100% !important;*/
    min-height: 300px;
}
.sprite-comprimate-large {
/*background-position: 66% 96%;
height: 100%;
min-height: 350px;
width: 100% !important;*/
    min-height: 310px;
}
.sprite-crema-large {
/*background-position: 34% 2%;
height: 100%;
min-height: 300px;
width: 100% !important;*/
    min-height: 265px;
}

ul.leaf {
margin-left: 0!important;
margin-top: 20px!important;
padding-left: 0!important;
width: 100%!important;
}

.sprite-compozitie_off {
/*height: 100%;*/
width: 100% !important;
background-position: 0% 86%;
}
.sprite-administrare_off {
/*height: 100%;*/
width: 100% !important;
background-position: 0% 86%;
}

.sprite-wood {
background-position: 1% 62%;
height: 100%;
min-height: 60px;
width: 100% !important;
}
.sprite-contact-form {
background-position: -6px 10px;
height: 100%;
min-height: 300px;
width: 100% !important;
}
.sprite-pachete-avantaje {
background-position: 98% 11%;
height: 100%;
min-height: 600px;
width: 100% !important;
max-height: 780px;
background-size: 430% auto;
}

.sprite-wood-small {
background-position: 1% 76%;
height: 100%;
min-height: 30px;
width: 100% !important;
}

.sprite-icons.sprite-fibre-small,  .sprite-icons.sprite-crema-small, .sprite-icons.sprite-comprimate-small  {
background-size: 1700% auto!important;
}
.sprite-fibre-small {
background-position: 30% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 100%;
}
.sprite-comprimate-small {
background-position: 35% 83%;
height: 100%;
margin: auto;
min-height: 100px;
width: 100%;
}
.sprite-crema-small {
background-position: 33.5% 93%;
height: 100%;
margin: auto;
min-height: 89px;
width: 100%;
}
.sprite-icons-brosura {
background-size: 90% auto;
}
.sprite-brosura-small {
background-position: 0 -5px;
height: 100%;
min-height: 100px !important;
width: 100% !important;
}

.sprite-tick-green-round {
background-position: -335px -999px;
height: 20px !important;
width: 17px !important;
}

}