@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('websymbols/websymbols-regular-webfont.woff') format('woff'),
    url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
    url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ca-icon {
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 30px;
    color: #f6f6f6;
    /*position: relative;*/
    /*top: 20px;*/
    line-height: 20px;
    text-align: center;
}

.menu_item{
    width: 100%;
    height: 100%;
    text-align: center;
}

.ca-main{
    position: relative;
    /*left:20px;*/
    top: 50px;
    /*text-align:center;*/
    color:white;
    opacity:0;
    font-size: large;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* IE 5-7 */
    filter: alpha(opacity=0);

    /* Netscape */
    -moz-opacity: 0;

    /* Safari 1.x */
    -khtml-opacity: 0;
}

/*remove line under the links*/
a {
    text-decoration: none;
}

.ca-content{
    top:0px;
    opacity:1;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* IE 5-7 */
    filter: alpha(opacity=100);
    position: absolute;

    /* Netscape */
    -moz-opacity: 1;

    /* Safari 1.x */
    -khtml-opacity: 1;
}


li
{
    /*remove li bullet*/
    list-style-type: none;
}

.social_icons{
    display: block;
    width: 64px;
    height: 64px;
    background-size:cover ;
    float: right;
    margin-top:15px;
    margin-left: 10px;
    margin-right: 10px;
}

#facebook_id{
    background-image: url('../pictures/Facebook.png');
}

#twitter_id{
    background-image: url('../pictures/Twitter.png');
}

#googleplus_id{
    background-image: url('../pictures/Google.png');
}

#linkedin_id{
    background-image: url('../pictures/Linkedin.png');
}