@media (max-width: 580px) {
  .shareContainer {
    -ms-transform: scale(0.5, 0.5);
    /* IE 9 */
    -webkit-transform: scale(0.5, 0.5);
    /* Safari */
    transform: scale(0.5, 0.5);
    /* Standard syntax */ } }

#sharing-panel-card {
  background-color: rgba(0, 0, 0, 0.6); }
  #sharing-panel-card .close {
    position: absolute;
    top: 28px;
    right: 20px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 3000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAABnlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+z4LNAAAAAinRSTlMAAQIDBAUGBwgJCgwNDg8QERITFBUWGR0eICMkKCktLi8wMjQ1ODxAQkVGR0hJS0xNWlxgYmNmZ2lqbG1vcXd4eXt8fX5/gIGChJGSlZaanZ+goaKjpKWnqausra6vsLG2ubq7vL2/wcPExcbHyMzNztHU2Nnb3uDh4uTm5+nq6+zt7vLz9Pf4+/2YS/xWAAABYUlEQVR4AWXO+Z8KYQDH8c9spha762bddq0cKZOjGkdTSo5QpJDcByE5FKoRGuG/9npeTc/rqXn/+vnh+0UKHErfrN29fm5lhmnb87/apUwscbFqfzu/DpWeG9xYZsR3+FH/JEgb6+/2ojjaKeq4Nn8sB5iwqfHAB8KqelljyprGNRAuNP14bLUNgMXfSwDzSBsAom0/kC8BrO0ZuKymBmgfToD/5wGEsOPWVG8XgvkKDtozKFU2Fv+tJ1UBWUXbjetTiEIWWQeG0nhymmoCZB32ZYNimjtnkCzbMZAqFlcv4xJ7YaU+j3H2odJAqZ0gy05AaUrd82c12pfIuMnPCOn7gPUUYO71qIn6WANmuyFg4XsEvLJvNYBodwse+50lEAqNOabs7MQZ8d17v40JK70cjOuVH3Edaf6SY6I41mqZ7vKOTP/NPibox1/8/fzs1u2XX4e1EF4LR8xk8lRwFuk/+kZEZoxG5UgAAAAASUVORK5CYII=); }
  #sharing-panel-card .shareContainer {
    position: fixed;
    /* or absolute */
    top: 50%;
    left: 50%;
    margin-left: -310px;
    margin-top: -160px; }
    #sharing-panel-card .shareContainer .shareContent {
      position: relative;
      width: 620px;
      margin: 0 auto 0 auto; }
      #sharing-panel-card .shareContainer .shareContent .buttons {
        width: 342px;
        margin: 0 auto 60px auto; }
        #sharing-panel-card .shareContainer .shareContent .buttons .button {
          width: 64px;
          height: 64px;
          margin: 0 25px;
          background-color: transparent;
          display: inline-block;
          cursor: pointer; }
        #sharing-panel-card .shareContainer .shareContent .buttons .facebook {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAD3RSTlMAECAwQFBggI+fr7/P3+8PqIayAAABMUlEQVR4Ad2XwXbrIAxEhyDDQ1as///b5+Nm1wiZzGkXvWtyESIkGkRIV/MXpl2wQmnq39BWcI86PGAIcmT3CXumKMMTRsGE7fCUY0PI8FuMqHzzm1iJPs8YyuELHI/F/fMazBexlf7nd7H5B2xJA1OOcv8AySFktqjJhfkbBF/scZUVszV7WkDFVOA16cA/JIKBk5IXEB+zAGgegovaT57+lgZAs2+reowC8JB9Vv0LQDiBoHOCHp7w2XvDRZs00RU22z69Rjf4PYFH/JbgwQokF+TX+HcFxgkMygmUf0z0c6Z/UKCMQAE0RtAAFEZQcDIyQfb3Wj8XyHxFKtiTx25yYVkB/IDBjzj0kMWPefygyY+6eBzrDeTHfT5w8JGHDF1E7COCZ47E0bf+QPim4/9/TDiuqsIHbnQAAAAASUVORK5CYII=); }
        #sharing-panel-card .shareContainer .shareContent .buttons .facebook:hover {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAMFBMVEUaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouaCBSYHAAAAD3RSTlMAECAwQFBggI+fr7/P3+8PqIayAAABMUlEQVR4Ad2XwXbrIAxEhyDDQ1as///b5+Nm1wiZzGkXvWtyESIkGkRIV/MXpl2wQmnq39BWcI86PGAIcmT3CXumKMMTRsGE7fCUY0PI8FuMqHzzm1iJPs8YyuELHI/F/fMazBexlf7nd7H5B2xJA1OOcv8AySFktqjJhfkbBF/scZUVszV7WkDFVOA16cA/JIKBk5IXEB+zAGgegovaT57+lgZAs2+reowC8JB9Vv0LQDiBoHOCHp7w2XvDRZs00RU22z69Rjf4PYFH/JbgwQokF+TX+HcFxgkMygmUf0z0c6Z/UKCMQAE0RtAAFEZQcDIyQfb3Wj8XyHxFKtiTx25yYVkB/IDBjzj0kMWPefygyY+6eBzrDeTHfT5w8JGHDF1E7COCZ47E0bf+QPim4/9/TDiuqsIHbnQAAAAASUVORK5CYII=); }
        #sharing-panel-card .shareContainer .shareContent .buttons .googleplus {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAc1JREFUeAGclu+urCAMxIc/WxeE0vd/2rsJOZ5zba2yv0/GhIFpRwsuiFQay4RboYgVUmE5wyXhIdTFptOj5SzX8K1E7uLTMzyK3FNwSezyhB5hk4Y8Y9j9IHkO3a5fV0iyxtlFHLLGOFWyyyp9sf9+HrJ8Q9YG1uheB5niOWB5u+wlqxJvobRWA4CUX3O9aKOMCRlR7T+RzXO5KSB0UYH8o8kBeDkC3c5gBXaZvAE0EX5/QHx/MPJYjPa0Py43kYYDnQVdwrnrsUV2TsAAongC+TdlZtwiQNbLo+UbsHkCBBTrZRi/J+ieQJmnVcaObcN8MpI4aUYNZ/NmtYpyqDcTsRVybY3uv3PAFt4yMM+xIqDsoS0KKB91UUDFNPRVATV/6ncCY//Enp4MHDMHTAhUW9u325HDVqFrwHvMx55mKr1WFbX+r/FBxwdvUrRHPr3KbiFJ/w/o5Kq5eYz6gOf8DU+AjX8i9Al2rwSqTeFU9op4d0vo6hPo/90D9rvpSPqPdqzh5PbAno01Aqm0D+Xl3jz5cjrvNM0lav9Kr2MBAAAAAGH+1iF0LIr10nIfuFDcSKY0d6JL1a0MWvdf8GPxZ/Jr82/0c/V39nuHAsuTtaUqgL6uAAAAAElFTkSuQmCC); }
        #sharing-panel-card .shareContainer .shareContent .buttons .googleplus:hover {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEUaoub///8aouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYMl0kyAAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAHqSURBVHgBpJZtcusgDEWv+YhssBDa/2afO/ELjZGJnZ4/nelMToS4SMEJnhKLPhFO5LEzHYBFSKJHJIWrAipqU+iKgETPEfokiEXHlDgUJP1MOhf4olco/kQQql6jBlNAeh0yBKR3oE4Q9B7hIPBV71H9u6DoXcqbIOl9UhMg6jfEJij6DeUlIOvV+GPA4mzeJTaka/HsEnN2AEJ87BfUH1R2AfVRRdn/IlbVJjBKsDoQ/zvFAY8mMLtgZDADqz5ZALCqLBvwy0aXRyMDEWB9IgBmVcaLLgtGC9EEGoA4qEA2gdeRILaUmXHzkxECD8y6MwPzSECT8QwIcLVVUEaCNIH1iKB9rWvFxFl7eIJoxwLg2a0E0iEyQdU2xMxMn9+5LVCZI35Y9LagwQD4nqA/R/6LIAFw5Q+CGrCRvxPUdYs9XVk4Zg6E4Cgzr/PHlSNWErPDske5hJZKEzbeQv598ErWzGyk/jXK4dhx2Ejq5wEd4sPDPPp+IuEgqCOBGDMRfQXroAX9VHaHtmd4PSUYe2F5/0/1gwKKuZkIcK/PSBjegb0bswdC4o30GP7ylNPtvFLAD4H4X+l1UAQAAIAg7Oxf2gg8RoqR0nIfuFDcSK40d6JL1a3sWvdf8GPxZ/Jr82/kc4V3hnsfdnlqw3im7fCcAAAAAElFTkSuQmCC); }
        #sharing-panel-card .shareContainer .shareContent .buttons .twitter {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAYpJREFUeAG119HO2yAMBeBDcCkFDOf9n3aT9mtrSKw4Qfvu4zom1DYskqvyh9YsuCOkyoOaAnxioaFEXJNGG5tcJV94oQTA9hq8NF4wFboUK32lk4al540IYfCGsfl/35mD8ib11N9/Fi8+8DIK6DaC4wV8LyF8SPBH40NtMQEy+irQksirmFUInPTz67sp9f3hXgCQDh+pTmn+CBsiJwlA5d4HuwgZ/8hQ5U4FwEkG8JXp9h0AiZOTM/jgN+mndyZxJsjGNUv6ddTm88yo5vcVc5sCZB5UKGc94K8gFwEUnDXVDRM7AMHZB6bqCtBh6q4ATDBE+gKMeKMExI3u170BSBUcJboDBH8ChPKouitARXU28MhT1Qjc5jqGzlMZQsPb1XsF4KmeXM/T+MBrwjcZNNTj8Y4sETtboSmd/a23FOyxcxKMxlKzSNxE3qU72mvkY7LeXNfb+/qAsT7irA9Z62Pe0qC5MOpOtvG0gOvj/vrCsb7yrC9dS2vfwuJpEHv1lf+2fC+s/78AJUqtOam1+rwAAAAASUVORK5CYII=); }
        #sharing-panel-card .shareContainer .shareContent .buttons .twitter:hover {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEUaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouYaouaNUwc+AAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAYpJREFUeAG119HO2yAMBeBDcCkFDOf9n3aT9mtrSKw4Qfvu4zom1DYskqvyh9YsuCOkyoOaAnxioaFEXJNGG5tcJV94oQTA9hq8NF4wFboUK32lk4al540IYfCGsfl/35mD8ib11N9/Fi8+8DIK6DaC4wV8LyF8SPBH40NtMQEy+irQksirmFUInPTz67sp9f3hXgCQDh+pTmn+CBsiJwlA5d4HuwgZ/8hQ5U4FwEkG8JXp9h0AiZOTM/jgN+mndyZxJsjGNUv6ddTm88yo5vcVc5sCZB5UKGc94K8gFwEUnDXVDRM7AMHZB6bqCtBh6q4ATDBE+gKMeKMExI3u170BSBUcJboDBH8ChPKouitARXU28MhT1Qjc5jqGzlMZQsPb1XsF4KmeXM/T+MBrwjcZNNTj8Y4sETtboSmd/a23FOyxcxKMxlKzSNxE3qU72mvkY7LeXNfb+/qAsT7irA9Z62Pe0qC5MOpOtvG0gOvj/vrCsb7yrC9dS2vfwuJpEHv1lf+2fC+s/78AJUqtOam1+rwAAAAASUVORK5CYII=); }
      #sharing-panel-card .shareContainer .shareContent .inputs {
        margin: 20px 0 0 0; }
        #sharing-panel-card .shareContainer .shareContent .inputs .row {
          margin: 0 0 7px 0; }
          #sharing-panel-card .shareContainer .shareContent .inputs .row:after {
            content: "";
            display: table;
            clear: both; }
          #sharing-panel-card .shareContainer .shareContent .inputs .row .title {
            float: left;
            font-size: 12px;
            width: 10%;
            text-transform: uppercase;
            color: #FFF;
            text-align: right;
            line-height: 26px;
            padding: 0 12px 0 0;
            font-weight: lighter; }
          #sharing-panel-card .shareContainer .shareContent .inputs .row input {
            float: left;
            width: 84%;
            background-color: #fff;
            border: 1px solid #000;
            height: 20px;
            padding: 3px 3px 3px 3px;
            margin-bottom: 15px; }
            #sharing-panel-card .shareContainer .shareContent .inputs .row input::-moz-selection {
              color: white;
              background: black; }
            #sharing-panel-card .shareContainer .shareContent .inputs .row input::-webkit-selection {
              color: white;
              background: black; }
            #sharing-panel-card .shareContainer .shareContent .inputs .row input::selection {
              color: white;
              background: black; }
        #sharing-panel-card .shareContainer .shareContent .inputs .size input {
          width: 34px; }
          #sharing-panel-card .shareContainer .shareContent .inputs .size input::-moz-selection {
            color: white;
            background: black; }
          #sharing-panel-card .shareContainer .shareContent .inputs .size input::-webkit-selection {
            color: white;
            background: black; }
          #sharing-panel-card .shareContainer .shareContent .inputs .size input::selection {
            color: white;
            background: black; }
        #sharing-panel-card .shareContainer .shareContent .inputs .size .times {
          width: 20px;
          line-height: 25px; }