/* css for footer section */
.bg-dk-grey {
    background: url('http://www.proprofs.com/pp_responsive_home/img/pattern.png');
    margin-top: 25px;
}
.copyright-bg {
    background-image: url(http://www.proprofs.com/pp_responsive_home/img/bdr-img.png);
    background-repeat: repeat-x;
    background-position: top;
}
.cpyright-con {
    padding: 17px 0 15px;
    float: left;
    width: 99%;
}
.cpyright-con p {
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    float: left;
}
.social-links {
    float: right;
}
.social-links li {
    display: inline-block;
    padding-right: 8px;
}
.social-links a {
    width: 29px;
    height: 29px;
    line-height: 29px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: inline-block;
    text-align: center;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}
.social-links li a:hover {
    background: #111;
}

@font-face { font-family: 'icomoon'; src: url('/static/fonts/icomoon.eot'); src: url('/static/fonts/icomoon.eot') format('embedded-opentype'), url('/static/fonts/icomoon.woff') format('woff'), url('/static/fonts/icomoon.ttf') format('truetype'), url('/static/fonts/icomoon.svg') format('svg'); font-weight: 400; font-style: normal }

.social-links [class^=icon-], [class*=" icon-"] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 15px; color: #fff; display: inline-block; line-height: 14px; text-align: center; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-Reddit_logo { line-height: 14px !important; margin-right: 16px; }
.icon-facebook55:before { content: "\e601" }
.icon-google10:before { content: "\e602" }
.icon-pinterest4:before { content: "\e604" }
.icon-Reddit_logo .path1:before { content: "\e605"; color: #fff; padding-left: 8px }
.icon-Reddit_logo .path2:before { content: "\e606"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path3:before { content: "\e607"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path4:before { content: "\e608"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path5:before { content: "\e609"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path6:before { content: "\e60a"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path7:before { content: "\e60b"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path8:before { content: "\e60c"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path9:before { content: "\e60d"; margin-left: -3em; color: #fff }
.icon-Reddit_logo .path10:before { content: "\e60e"; margin-left: -3em; color: #ff4500 }
.icon-Reddit_logo .path11:before { content: "\e60f"; margin-left: -3em; color: #ff4500 }
.icon-social:before { content: "\e610" }
.fb-bg {background: #4668bb;}
.tweet-bg { background: #3ac6f2 }
.google-bg { background: #ff7c7d }
.pint-bg { background: #f62630; cursor: default; }
.redit-bg { background: #ff1f00; cursor: default; }
.social-links li a.pint-bg:hover { background: #f62630 }
.social-links li a.redit-bg:hover { background: #ff1f00 }


@media only screen and (max-width : 767px) {
    .cpyright-con p, .social-links  {
        float: none !important;
        text-align: center;
    }
    .social-links {
        margin-top: 5px;
    }
}