#soc-wrap {
    width:auto;
    top:70px;
    position:fixed;
    right:0px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    z-index:999;
}

#soc-wrap * {
    box-sizing: border-box;
}

#soc-wrap.socrpm-closed {
    right: -184px;
}


#soc-wrap.socrpm-open {
    right: 0px;
}


#soc-wrap .socrpm-sidebar {
    position:absolute;
    background-color:#232b57;
    box-shadow:0 0 8px #808080;
    width:30px;
    text-align:center;
    cursor:pointer;
    padding:15px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 120px;
}

    #soc-wrap .socrpm-sidebar .socrpm-contacttext {
        position:relative;
        width:26px;
        height:116px;
        margin:0 auto;
        padding-bottom:10px;
    }

    #soc-wrap .socrpm-sidebar .socrpm-contacticon {
        position:relative;
        color:#fff;
        width:26px;
        font-size:18px;
        margin:0 auto;
    }

#soc-wrap .socrpm-main {
    width:180px;
    height:320px;
    position:relative;
    background-color:#1A4D7A;
    right:0;
    border:1px solid #d8d8d8;
    margin-left:30px;
    padding:4px 8px;
    border-radius:3px;
    box-shadow:0 0 8px #808080;
    overflow-y: auto;
    overflow-x: hidden;
	color: #fff;
}

#soc-wrap .socrpm-main h2 {
    font-size:16px;
    line-height:18px;
    margin:0;
    padding:0;
    margin-bottom:5px;
	color: #fff;
}

#soc-wrap .socrpm-main .socrpm-desc {
    font-size:12px;
    line-height:13px;
    margin:0;
    padding:0;
    margin-bottom:10px;
}

/* form */
#soc-wrap .socrpm-main .socrpm-sc-wrap {
    margin:0;
    padding:0;
}

#soc-wrap .socrpm-main .socrpm-sc-wrap input[type="submit"] {
    width:100%;
    display:block;
    text-align:center;
    border-radius:0;
    outline:0;
    font-weight:700;
}

#soc-wrap .socrpm-main .socrpm-sc-wrap .ajax-loader {
    position:absolute;
}


@media (min-width:768px){

    #soc-wrap {
        top:20%;
        right:0px;
    }


        #soc-wrap.socrpm-closed {
            right: -304px;
        }


    #soc-wrap .socrpm-sidebar {
        width:40px;
        padding:15px 0px;
        top: 120px;
    }


    #soc-wrap .socrpm-main {
        width:300px;
        height:450px;
        padding:14px 20px;
        margin-left:40px;
    }


    #soc-wrap .socrpm-main h2 {
        font-size:24px;
        line-height:28px;
        margin:0;
        padding:0;
        margin-bottom:8px;
    }

    #soc-wrap .socrpm-main .socrpm-desc {
        font-size:16px;
        line-height:20px;
        margin:0;
        padding:0;
        margin-bottom:15px;
    }

}