.buttons-main{
       background-color: #f1efea;
    border-radius: 25px;
    margin: -16px -34px -25px;
    max-width: 908px;
    position: relative;
    width: 908px;

}



.iconsBtn {
    background-image: url("../images/Letter_buttons.png");
}



.btns-title {
    
    height: 115px;
    margin-right: 73px;
    max-width: 727px;
    padding-right: 4px;
    position: relative;
}



.btns-title:after {
    border-left: 729px solid #364569;
    bottom: -11px;
    box-shadow: 3px 3px #c6c4c0;
    content: "";
    height: 9px;
    position: absolute;
    right: 0;
    width: 1px;
}



.iconsBtn.heart {
    background-position: -250px -283px;
    bottom: 0;
    display: inline-block;
    height: 44px;
    position: absolute;
    width: 63px;
}


.prime-title {
      bottom: 1px;
    color: #eb5a48;
    font-size: 24pt;
    font-weight: bold;
    position: absolute;
    right: 76px;
    text-shadow: 1px 1px 3px #b5b4b0;
}


.sec-title {
    bottom: 4px;
    color: #eb5a48;
    font-size: 13pt;
     font-weight: bold;
    left: 0;
    position: absolute;
    text-shadow: 1px 1px 2px #c2c0bc;

}


.btns-body {
     margin-right: 73px;
    margin-top: 30px;
    max-width: 737px;
        min-height: 600px;
}


.iconsBtn.letter {
        cursor: pointer;
    display: inline-block;
    height: 74px;
    margin: 22px;  
    text-decoration: overline;
    width: 75px;
}

.iconsBtn.letter.alef {
    background-position: -857px -6px;
}

.iconsBtn.letter.alef:hover {
    background-position: -780px -6px;
}


.iconsBtn.letter.beit {
    background-position: -702px -6px;
}


.iconsBtn.letter.beit:hover {
    background-position: -626px -6px;
}


.iconsBtn.letter.gimel {
    background-position: -549px -6px;
}



.iconsBtn.letter.gimel:hover {
    background-position: -472px -6px;
}


.iconsBtn.letter.dalet {
    background-position: -395px -6px;
}

.iconsBtn.letter.dalet:hover {
    background-position: -318px -6px;
}

.iconsBtn.letter.heh {
    background-position: -241px -6px;
}

.iconsBtn.letter.heh:hover {
    background-position: -164px -6px;
}

.iconsBtn.letter.vav {
    background-position: -88px -6px;
}
.iconsBtn.letter.vav:hover {
    background-position: -10px -6px;
}
/************************************************/

/************************************************/

.iconsBtn.letter.zain {
    background-position: -857px -92px;
}

.iconsBtn.letter.zain:hover{
    background-position: -780px -92px;
}


.iconsBtn.letter.het {
    background-position: -702px -92px;
}

.iconsBtn.letter.het:hover {
    background-position: -626px -92px;
}

.iconsBtn.letter.tet {
    background-position: -549px -92px;
}

.iconsBtn.letter.tet:hover {
    background-position: -472px -92px;
}

.iconsBtn.letter.yod {
    background-position: -395px -92px;
}

.iconsBtn.letter.yod:hover {
    background-position: -318px -92px;
}

.iconsBtn.letter.caf {
    background-position: -241px -92px;
}

.iconsBtn.letter.caf:hover {
    background-position: -164px -92px;
}

.iconsBtn.letter.lamed {
    background-position: -88px -92px;
}

.iconsBtn.letter.lamed:hover {
    background-position: -10px -92px;
}


/************************************************/

/************************************************/


.iconsBtn.letter.mem {
    background-position: -857px -179px;
}

.iconsBtn.letter.mem:hover{
    background-position: -780px -179px;
}


.iconsBtn.letter.nun {
    background-position: -702px -179px;
}

.iconsBtn.letter.nun:hover {
    background-position: -626px -179px;
}

.iconsBtn.letter.sameh {
    background-position: -549px -179px;
}

.iconsBtn.letter.sameh:hover {
    background-position: -472px -179px;
}

.iconsBtn.letter.ayin {
    background-position: -395px -179px;
}

.iconsBtn.letter.ayin:hover {
    background-position: -318px -179px;
}

.iconsBtn.letter.peh {
    background-position: -241px -179px;
}

.iconsBtn.letter.peh:hover {
    background-position: -164px -179px;
}

.iconsBtn.letter.zadik {
    background-position: -88px -179px;
}

.iconsBtn.letter.zadik:hover {
    background-position: -10px -179px;
}


/************************************************/

/************************************************/


.iconsBtn.letter.cuf {
    background-position: -857px -265px;
}

.iconsBtn.letter.cuf:hover{
    background-position: -780px -265px;
}


.iconsBtn.letter.resh {
    background-position: -702px -265px;
}

.iconsBtn.letter.resh:hover {
    background-position: -626px -265px;
}

.iconsBtn.letter.shin {
    background-position: -549px -265px;
}

.iconsBtn.letter.shin:hover {
    background-position: -472px -265px;
}

.iconsBtn.letter.tav {
    background-position: -395px -265px;
}

.iconsBtn.letter.tav:hover {
    background-position: -318px -265px;
}



.add-word-btn {


    background-color: #eb5a48;
    border: 1px solid #dadbdc;
    border-radius: 5px;
    bottom: 137px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    color: #f7f6f4;
    cursor: pointer;
    font-family: SpacerRegular,Arial;
    font-size: 13pt;
    font-weight: bold;
    height: 30px;
    left: 128px;
    line-height: 30px;
    outline: medium none;
    padding: 0 10px;
    position: absolute;
    text-align: center;
}