a.hover-link
{
    float: left;
    display: block;
    color: white;
    font-weight: bold;
    padding: 8px 10px 0px 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    line-height: 18px;
}

.velsof-sub-options{
    float: left;
    list-style:none;
    margin:0px;
    padding:0px;
    font-size: 11px;
}
#output
{
    margin-bottom:6px;
    /*display: inline-flex; to fix vertical align issue in safari browser..*/ 
}
#output li
{
    display:inline;
}

ul#output li a.kbazm-facebook {
    margin-top: 24px;
    margin-bottom: 48px;
}
ul#output li a:hover {
    border: 1px solid #828181;
}
ul#output li a {
    text-decoration: none;
    line-height: 40px;
    height: 42px;
    padding: 0;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}
ul#output li a.kbazm-facebook > i{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2220%22%20viewBox%3D%220%200%2010%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.66667%206.66667V4.66667C6.66667%203.8%206.86667%203.33333%208.26667%203.33333H10V0H7.33333C4%200%202.66667%202.2%202.66667%204.66667V6.66667H0V10H2.66667V20H6.66667V10H9.6L10%206.66667H6.66667Z%22%20fill%3D%22%23246FDB%22%2F%3E%3C%2Fsvg%3E");

}
ul#output li a.kbazm-google > i{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.3055%2010.0415H21.5V10H12.5V14H18.1515C17.327%2016.3285%2015.1115%2018%2012.5%2018C9.1865%2018%206.5%2015.3135%206.5%2012C6.5%208.6865%209.1865%206%2012.5%206C14.0295%206%2015.421%206.577%2016.4805%207.5195L19.309%204.691C17.523%203.0265%2015.134%202%2012.5%202C6.9775%202%202.5%206.4775%202.5%2012C2.5%2017.5225%206.9775%2022%2012.5%2022C18.0225%2022%2022.5%2017.5225%2022.5%2012C22.5%2011.3295%2022.431%2010.675%2022.3055%2010.0415Z%22%20fill%3D%22%23FFC107%22%2F%3E%3Cpath%20d%3D%22M3.65234%207.3455L6.93784%209.755C7.82684%207.554%209.97984%206%2012.4993%206C14.0288%206%2015.4203%206.577%2016.4798%207.5195L19.3083%204.691C17.5223%203.0265%2015.1333%202%2012.4993%202C8.65834%202%205.32734%204.1685%203.65234%207.3455Z%22%20fill%3D%22%23FF3D00%22%2F%3E%3Cpath%20d%3D%22M12.5002%2021.9999C15.0832%2021.9999%2017.4302%2021.0114%2019.2047%2019.4039L16.1097%2016.7849C15.0719%2017.574%2013.8039%2018.0009%2012.5002%2017.9999C9.89916%2017.9999%207.69066%2016.3414%206.85866%2014.0269L3.59766%2016.5394C5.25266%2019.7779%208.61366%2021.9999%2012.5002%2021.9999Z%22%20fill%3D%22%234CAF50%22%2F%3E%3Cpath%20d%3D%22M22.3055%2010.0415H21.5V10H12.5V14H18.1515C17.7571%2015.1082%2017.0467%2016.0766%2016.108%2016.7855L16.1095%2016.7845L19.2045%2019.4035C18.9855%2019.6025%2022.5%2017%2022.5%2012C22.5%2011.3295%2022.431%2010.675%2022.3055%2010.0415Z%22%20fill%3D%22%231976D2%22%2F%3E%3C%2Fsvg%3E");

}
ul#output li a > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
#output {
    display: inline-block;
    width: 100%;
}
#output li a img
{
    margin-top:5px;
}

#head
{
    padding-right: 3px;
}
#head .sign-up-text:hover {
    text-decoration: none;
    color: #000 !important;
}

#social_loginizer_block_left .block_content{
    box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 1.5625rem 1.25rem;
    margin-bottom: 1.5625rem;
}

@media only screen and (max-width : 437px) {
    a.hover-link
    {
        float: right;
        display: block;
        color: white;
        font-weight: bold;
        padding: 8px 10px 0px 10px;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        line-height: 18px;
        font-size: 11px;
    }

    .velsof-sub-options{
        float: right;
        list-style:none;
        margin:0px;
        padding:0px;
        font-size: 11px;
    }
    #output
    {
        display: inline;
	text-align:center;
	margin-bottom:10px;
    }
}

@media only screen and (min-width : 437px) and (max-width : 580px) {
    a.hover-link
    {
        float: right;
        display: block;
        color: white;
        font-weight: bold;
        padding: 8px 10px 0px 10px;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        line-height: 18px;
        font-size: 12px;
    }

    .velsof-sub-options{
        float: right;
        list-style:none;
        margin:0px;
        padding:0px;
        font-size: 11px;
    }
    #output
    {
        display: inline;
	text-align:center;
	margin-bottom:10px;
	
    }
}