/*  dev Sharer - 2019 | Buttons Style */

/* Reset */
.el-btn-default{
    background: none;
    box-shadow: none;
    text-transform: none;
    text-decoration: none;
    border: none;
    outline: none !important;
    color: #000;
    text-shadow: none;
    display: inline-block;
}
.el-btn-default:hover,
.el-btn-default:focus,
.el-btn-default:active{
    outline: none !important;
    text-decoration: none;
}
/* btn style 1 */
.el-btn-default.btn-style-1{
    background: #356d75;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    height: 40px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 12px 15px 12px 48px;
}
.el-btn-default.btn-style-1::after{
    content: ' ';
    font-family: 'Linearicons-Free', sans-serif;
    color: #fff;
    background: url(../img/arrow_white.png) no-repeat center;
    width: 25px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    z-index: 10;
}

/* btn style 2 */
.el-btn-default.btn-style-2{
    background: #356d75;
    color: #fff;
    font-size: 19px;
    font-weight: 100;
    height: 52px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 19px 15px 12px 48px;
}
.el-btn-default.btn-style-2::after{
    content: ' ';
    font-family: 'Linearicons-Free', sans-serif;
    color: #fff;
    background: url(../img/arrow_white.png) no-repeat center;
    width: 25px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    z-index: 10;
}

/* Btn style 3 */
.el-btn-default.btn-style-3{
    background: #356d75;
    color: #fff;
    font-size: 18px;
    height: 44px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 15px 15px 12px 48px;
}
.el-btn-default.btn-style-3::after{
    content: ' ';
    font-family: 'Linearicons-Free', sans-serif;
    color: #fff;
    background: url(../img/arrow_white.png) no-repeat center;
    width: 25px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    z-index: 10;
}

/* Btn style 4 */
.el-btn-default.btn-style-4{
    background: #356d75;
    color: #fff;
    font-size: 18px;
    height: 40px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 12px 15px 12px 12px;
}
.el-btn-default.btn-style-4 i{
    font-size: 12px;
    margin-right: 4px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}


/* Btn style 5 */
.el-btn-default.btn-style-5{
    background: #356d75;
    color: #fff;
    font-size: 18px;
    height: 45px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 14px 15px 13px 12px;
}
.el-btn-default.btn-style-5 span{
    font-size: 16px;
    margin-right: 4px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

/* Btn style 6 */
.el-btn-default.el-btn-style-6{
    background: #356d75;
    color: #fff;
    font-size: 18px;
    height: 38px;
    position: relative;
    font-family: 'almoniTzar', 'almoni', sans-serif;
    padding: 11px 15px 13px 12px;
}
.el-btn-default.el-btn-style-6 i{
    font-size: 13px;
    margin-right: 11px;
    margin-left: 5px;
    position: relative;
    top: 0px;
}

/* Buttons Share */
.yr-social {
    font-size: 14px;
    line-height: 1.286;
    margin-bottom: 9px
}


.yr-social a,.yr-social span {
    height: 45px;
    color: #fff;
    width: 45px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.yr-social--facebook a {
    background: #3c5996
}

.yr-social--vimeo a {
    background: #0faef1
}
.yr-social--gplus a {
    background: #da4c45
}
.yr-social--twitter a {
    background: #59aceb
}

.yr-social--linkedin a {
    background: #117ab6
}
.yr-social--email a {
    background: #202230;
    cursor: pointer;
    margin-bottom: 0
}

.yr-social--email a i {
    color: #fff
}
.yr-social--print a {
    background: #202230;
    cursor: pointer;
    margin-bottom: 0
}

.yr-social--print a i {
    color: #fff
}

@media(max-width: 768px){
    .yr-social{
        float: right;
        margin-left: 5px;
    }

    .el-btn-default.btn-style-2{
        font-size: 18px;
    }
    .el-btn-default.el-btn-style-6{
        height: 36px;
        font-size: 16px;
    }

}