Subversion Repositories cheapmusic

Rev

Rev 139 | Blame | Compare with Previous | Last modification | View Log | RSS feed

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}

ol,ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

blockquote,q {
        quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
        content: '';
        content: none;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

a {
        text-decoration: none;
}

img {
        max-width: 100%;
}

/* end reset*/

/* start editing from here */
body {
        background-position: center;
        background-size: cover;
        text-align: center;
}

.header h1 {
        font-size: 2.25rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 400;
        margin: 40px 0px 20px 0;
}

.wrapper-frm {
        width: 30%;
        margin: 0 auto;
        padding: 42px 0 0 0;
}

.wrapper-frm h2 {
        font-size: 1.375rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding-bottom: 15px;
}

.wrapper-frm .top {
        padding: 0 25px;
}

.top h4 {
        margin: 15px 5px;
}

.frm-input {
        position: relative;
}

.frm-input input[type="email"], .frm-input .email-in {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat scroll 6px 50%;
}

.frm-input input[type="password"], .frm-input .pass-in {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') no-repeat scroll 6px 50%;
}

.frm-input .user-in {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat scroll 6px 50%;
}

.frm-input .file-in {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path d="M3,4V1h2v3h3v2H5v3H3V6H0V4H3z M6,10V7h3V4h7l1.83,2H21c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V10H6z M13,19c2.76,0,5-2.24,5-5s-2.24-5-5-5s-5,2.24-5,5S10.24,19,13,19z M9.8,14c0,1.77,1.43,3.2,3.2,3.2s3.2-1.43,3.2-3.2 s-1.43-3.2-3.2-3.2S9.8,12.23,9.8,14z"/></svg>') no-repeat scroll 6px 50%;
}

.frm-input .addr-in {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat scroll 6px 50%;
}

.frm-input input[type="text"], .frm-input input[type="email"], .frm-input input[type="password"], .frm-input input[type="file"] {
        width: 87%;
        padding: 15px 0 15px 30px;
        border: 1px solid #000;
        outline: none;
        font-size: 0.9375rem;
        margin: 14px 0px;
        background-color: #fff;
}

.frm-info {
        padding: 20px 0 30px;
}

.frm-info .check {
        float: left;
}

.check input[type="checkbox"] {
        display: none;
}

.check input[type="checkbox"]+label {
        position: relative;
        padding-left: 25px;
        display: inline-block;
        font-size: .9em;
        cursor: pointer;
}

.check input[type="checkbox"]+label span:first-child {
        width: 13px;
        height: 13px;
        display: inline-block;
        border: 1px solid;
        position: absolute;
        top: 1px;
        left: 2px;
}

.check input[type="checkbox"]:checked+label span:first-child:before {
        content: "";
        background: url('data:image/png;base64,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') no-repeat;
        position: absolute;
        left: 2px;
        top: 1px;
        font-size: 0.625rem;
        width: 10px;
        height: 10px;
}

.frm-info a {
        float: right;
        font-size: .9em;
}

.frm-info a:hover {
        text-decoration: underline;
}

.frm-btn button[type="submit"] {
        font-size: 1.25rem;
        height: 36px;
        line-height: 36px;
        padding: 0 16px;
        letter-spacing: .5px;
        border-radius: 2px;
        width: 50%;
        cursor: pointer;
        outline: none;
        border: none;
        text-transform: uppercase;
        margin-bottom: 10px;
}

.frm-input p {
        font-size: 0.875rem;
        margin-top: -10px;
        margin-bottom: 5px;
}

.frm-input.error input {
        border-color: #CE281C;
}

.status-msg {
        font-size: 1rem;
        font-weight: 500;
        border: 1px dashed;
        padding: 8px 10px;
        margin-bottom: 5px;
}

.status-msg.success {
        color: #3BA956;
}

.status-msg.error, .frm-input.error p {
        color: #CE281C;
}

.social-icons h3 {
        text-align: center;
        font-size: 1.25rem;
        letter-spacing: 2px;
        margin: 15px 10px;
        margin-bottom: 0;
}

ul.bottom-sc-icons {
        list-style: none;
        margin: 0;
        padding-bottom: 22px;
        padding-top: 11px;
        text-align: center;
}

ul.bottom-sc-icons li {
        display: inline-block;
        margin: 0 5px;
}

ul.bottom-sc-icons li a {
        padding: 6px 8px;
        border: 1px solid #333;
        border-radius: 2px;
}

a.facebook {
        border-color: #455797 !important;
        color: #3b5998;
}

a.google {
        border-color: #CE281C !important;
        color: #bb0000;
}

a.twitter {
        border-color: #00acee !important;
        color: #00acee;
}

a.facebook:hover, a.facebook:active {
        background-color: #3b5998;
        color: #fff;
}

a.google:hover, a.google:active {
        background-color: #bb0000;
        color: #fff;
}

a.twitter:hover, a.twitter:active {
        background-color: #00acee;
        color: #fff;
}

ul.bottom-sc-icons li span {
        letter-spacing: 1px;
        vertical-align: middle;
}

ul.bottom-sc-icons li a i {
        display: inline-block;
        margin-right: 5px;
        width: 24px;
        height: 24px;
        position: relative;
        top: 6px;
}

a.facebook i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPNJREFUSIntkz0SAUEQhV+3jYjdQZVQhmP4KYEqGU7BngInoLiDIlhOQCKnBGKJ6hZI1u5U6WVl+7LpmX7fdPcMwahmc5m7eLe+Aj1AywDnw/vBfECuPM9mr3T2ZguAGq+108spthyqtmctAA2za1IAsXa/MQeMLVJQJdYUkT2I1yB9pACQIoWLFdkHpWsdvi+fck0tYnDuLUC8tpibATF9aMvvgASKza7WmYwBGiU1UtXVbjFsReMpVkAHVzQ1ADMd/woAibOC+D8QbMAazX6biYpuibEJx+4FPjm5lsvVOtMIUf1gPhxbcv/+TDNABsgAwBNrQT5v6SrYxQAAAABJRU5ErkJggg==') no-repeat;
}

a.google i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAADMklEQVRIia2WTWhcVRTHf+fmJtaZlJI0ncRCh9S6SYNtwiQRtYuxExGVqFSTpoJb7UqqiEJFELWt4sJNNwFXVYx0SqQfYjCZJptix+ksUlJLFyI00JTMWEyTzDTJvHdc2BlmMp9az+q9/3n39z+H9859V6gQGgzapE0NqeoAEADaFB4SWADmUCJGONcSicXKMaSUeGsg4KlP1R1W9Aiwo1IR90uZcqXuaNtk9HJVgzv9AX9G5TzInurggnAVPvM1t38i4bCTFU3+E8n9PX0ZNdH/AAcwguwmkSgoOneTeLZ7u6qdRWmqVCWQBrzFKTmzzfEckunpTIFr9kJd+3UZeArhC3WlazVlG32RWGNGM+2qcgCIVYLnOrhzsHM4k/SMFiVFoprRV3zTsdul2lGQZKjvxRbHM14KnjNYn6iPr/zkX1qbaX4asPdzV6y4/c2T8cVSC2sNWZ1s2G3QawBrv2+5uhLe2YriU0xXayR69UHgANbgPp991w27FvfYt6/9mTrz6MmmU7Ml4fs//WuXa+zmWuB1MG9FpV3zPizjWd/qfePGdU6VWWXsiIFQLQYKXxlF/RsTgl6vBVCDxU5T/aEH4Ys1gtws0pGO/8lh3qroH/lbUtLZlHh/ubcDLpZZoyMYGS9R7ROgrxVowi1ZnWjoMKK/AVxabZ35YKmvzUF8Brf71+EfZmqtNXRseVzhuQLR1ZAArE3Wx48vd929cM+/j7xBU2P640PhqoMWOrHSq65GKdydFxdbvNsMwOt3n/nywj1/MA8O0COuOxH45sAjFeHHU0+qqxMb4CjybfwtWc+JPd+/+iPwQglGGjgpxnxn4cYvQ+F04PTgFuNoJ+ibNt3V+fDtI35UfHlrluy6Pvbzx5sXcgbdoy9tt1I/q1TdrleAgkk2TtOCd+7YvDjevQAicjhy1DvCxrZ6Tg/24bpngbYKJqVD6zKe+Xcu2fTjVy5+2PheVi76ZfaOvrzDFXteYO+/tHBE9KPY0NjnCJoViyY5dujsHN61p1DeBYqGsExMuei+2MGxE/nwkh3kR3AqaJcXtg7iMoD8c2wBNikkRPWmYCKIey42PFb22PI3IJgymRdjR+kAAAAASUVORK5CYII=') no-repeat;
}

a.twitter i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAlRJREFUSIntlU1IVGEUhp/zzS1HDIrShQTNjJT409TCoBZFLVyUC6NF4ZgtggrsZxHSojZRmxBaZBAtsoL+xty0aVVkIRJBtTBHDbFmZpWBGvRDTuN8p0WNzYx2Z9StZ3XPued7nhfuhQ+WKk/JQg5tuvOpJLUscVws9YoWi5E3HvRqfygQA6i+99GXXD09NtpQmZgR1IZjZxD7ZLCpot8NXnU3Vm4cegxUZc4t9ofBtINuAYiEAnsBTHpBoUWUZ8Gu6DY3geNwKxf+B2RKgIuorkfN/WA4viNLYGAlmDWakhcbH0Tb9nerJxeyORz1A7vdAiCmBtXWr1P2dZbAYiN/TUWIXB6ejr6rDccO+W5HvemdlJoNrnAA5fm3X7onfjgwBRkfOdgVr1fVp7MOWP2OoQfkrYJX4GwexZVIyH863Tj/OFouynWE1qx1IyuARqCxkF9OlYnMfkYgcAJhawEMdwG8z8qXfrDKzcXCsVZxtG9OwVDI14nStSiB8HLoQGBsTgEiaqaLjoC2Wfi8EL5FruXOnMwmaX6Weqy5ZAzL5wtXq5GhEf/D3LnJbIZbKuJWOIm1Oh+4tTZlPBzlglhXAcBQs/+GeNiF6mPQ8UIEYjxtA02BV3O9myUAGGiq6BVjOtTKZJ7oiuq5wZCv479ygJruD+s8SacsJbZMhDpF9xlMnXtuHUc5FmkOPHLbcgCKvd7xRCoZwuopEbNWXK8JO6EqnUZN+8BB3xf3ELkXznk1werodlWzE6VG0VJRsQiTio4Ipm9qVaJ3tKEykQ+8VAXXbylR3PB7xSWjAAAAAElFTkSuQmCC') no-repeat;
}

a.facebook:hover i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAA9ElEQVR42mL4//8/A5GYGYizgPgUEH/9jwmw6gMIIGINZwTi1f/xA6x6AQKIWAvC/xMGWPUCBBATA3EgloFMABBALESqM8YidhyI9wHxH3waAQKIERxOhAHIEGY0w22A+B8hjQABRGwQMaPx9xFjOAgABBATmUH7h1iFAAFErgVEA4AAwpa0Gv6TB1ZhS6YAAURNH1zFJggQQNS04Bo2QYAAorkPAAIIW0Y7gEWsHo1/EIu629gsAAggYssidNBAbCkMEEA0T6YAAURzCwACiOYWAAQQzS0ACCCaWwAQQDS3ACCAaG4BQADR3AKAAKK5BQABBgCrq6FqV8LK5gAAAABJRU5ErkJggg==') no-repeat;
}

a.google:hover i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAB+UlEQVR42mL8//8/Ax7AAsRhQOwLxMZALAHE7ED8CogfA/FeIN4ExKdxGQAQQAwgC7BgLiAuAuJH/4kD+4DYAptZAAGEzXA5IL74n3TwF4gbgZgZ2TyAAGJC85AZEJ8EYj0G0gHILC0gZkQWBAggZJdLAfE7Ilz5BYfcaiBmQQ8RgABC5mzDofErEHcAsT4Qc0LVygNxIBCfwmc4CAMEEIwRgcPwE0AsgSMhgDAjEPvgMhyEAQIIxjgLxAeA+DeS4aeBmB+P4URhgAACEVpIhoJSzwsg/gfEepQaDsIAAQTKSJ5IcQ5KPW+BeAoQX8KRWpSBmJfIlPUcIIBAFiigCQoD8XU8mmYCsTORFvQDBBAo7cphkbjOQB2gCBBATAy0BSwAAQSy4BEWCU0qWfAcIIBAcXAfTfA1AQtAcbADi7g5EIegiT0DCCBQUtJESqYXkJKpPolJcgeWjOoEEEDIGW0/BRnNFOooZPABiFkBAohQUQEqayQJGG4JNQwdTAHJAwQQssKtOCz5BsRdQGyAVNiBfGYFxAugPn2JpucTEIuB1AIEEDnF9Scs4i+h8QcD6TBzAQII3btmQPz8P3ngN7TA7EE2EyCAsIWpLJpriAV/gLgSWoTDzQMIIHyVfiEQP6S00gcIIEYimi2haM0WDmhmfERMswUgwABuaAKgqO62iAAAAABJRU5ErkJggg==') no-repeat;
}

a.twitter:hover i {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABr0lEQVR42mL8//8/Ay0BQAAxMdAYAAQQzS0ACCByLeAG4lIg3gnEh4C4D4gVkOTlgZgdxAAIIAZQHEBxKRDrI/FxYUkgvv4fE3wB4log3gjFYPUAAYSs8SIQvwFiCwIWbP+PH1wF4jAgtgWpBwggZI0PoAp+AHExEDNjMVzhP3FgPxBzgPQABBCy5i1YXBILUwjFrkQYvg9ZD0AAIUfyBLSI1ALiRUD8Gog3AnEdEDsSkQAuAvEPGAcggJB9AHLttP+UgxrkYAUIIBYkm7OB2JwKSf8GMgcggJCDaC4VDAeVO0eQBQACCDmIGIF4OYXBcwQ95QEEEHoy5AbiIiB+QaYFkegWAAQQugXyQPyTTMMvAzETugUAAYQtp6YC8T8SDf+DqwQACCBcxYEdEG8G4tdEWpCPq2gBCCB8ZY4LEN8kYDDIp5X4yi6AAILlAzkgFoViYyAOhNL4wBsgTgPi9fgUAQQQzCYuIC4H4idEBAeoxO0AYkEiinYGgABiRKuTQRnPBojtoWWRCBD/A+J3QHwLmolAFcxPYnMeQAAx0rrSBwggmtfJAAFEcwsAAgwAsqUWKV03lvUAAAAASUVORK5CYII=') no-repeat;
}

.bottom p {
        font-size: 0.9375rem;
        padding: 25px 0;
        letter-spacing: 1px;
}

.bottom p a {
        text-transform: uppercase;
        font-size: 0.875rem;
        text-decoration: underline;
        letter-spacing: 1px;
        padding: 10px;
}

.group {
        display: table;
        width: 100%;
        font-size: 1em;
        padding-top: 15px;
        padding-bottom: 10px;
}

.item {
        display: table-cell;
}

.text {
        white-space: nowrap;
        width: 1%;
        padding: 0 10px;
}

.line {
        border-bottom: 1px solid #000;
        position: relative;
        top: -.5em;
}

/*--responsive starts here--*/
@media (max-width:1440px) {
        .wrapper-frm {
                width: 32%;
        }
}

@media (max-width:1366px) {
        .wrapper-frm {
                width: 33%;
        }
}

@media (max-width:1280px) {
        .wrapper-frm {
                width: 36%;
        }
}

@media (max-width:1080px) {
        .wrapper-frm {
                width: 43%;
        }

        .container {
                padding: 40px 0 32px 0;
        }

        .footer p {
                margin: 3em 0em 5em 0;
        }

        .header h1 {
                font-size: 2.25rem;
        }
}

@media (max-width:1024px) {
        .wrapper-frm {
                width: 45%;
        }
}

@media (max-width:991px) {
        .wrapper-frm {
                width: 51%;
        }
}

@media (max-width:800px) {
        .wrapper-frm {
                width: 56%;
        }

        .header h1 {
                font-size: 2.25rem;
                letter-spacing: 3px;
        }
}

@media (max-width:768px) {
        .wrapper-frm {
                width: 61%;
        }

        .container {
                padding: 24px 0 0 0;
        }

        .footer p {
                margin: 3em 0em 17em 0;
        }

        .header h1 {
                letter-spacing: 2px;
                margin: 80px 0px 20px 0;
        }
}

@media (max-width:736px) {
        .wrapper-frm {
                width: 63%;
        }

        .container {
                padding: 20px 0 0 0;
        }

        .header h1 {
                letter-spacing: 2px;
        }
}

@media (max-width:667px) {
        .wrapper-frm {
                width: 70%;
        }

        .footer p {
                margin: 3em 0em 6em 0;
        }

        .header h1 {
                letter-spacing: 2px;
        }
}

@media (max-width:600px) {
        .wrapper-frm {
                width: 78%;
        }

        .container {
                padding: 5px 0 0 0;
        }

        .footer p {
                letter-spacing: 1px;
        }
}

@media (max-width:568px) {
        .wrapper-frm {
                width: 82%;
        }

        .container {
                padding: 0;
        }

        .header h1 {
                font-size: 33px;
                margin: 60px 0px 35px 0;
        }
}

@media (max-width:480px) {
        .wrapper-frm {
                width: 93%;
        }

        .footer p {
                line-height: 1.8em;
        }

        .footer p {
                margin: 3em 0em 3em 0;
        }

        .header h1 {
                font-size: 1.875rem;
                letter-spacing: 1px;
        }
}

@media (max-width:440px) {
        .header h1 {
                font-size: 1.625rem;
                letter-spacing: 1px;
        }
}

@media (max-width:414px) {
        .wrapper-frm {
                width: 95%;
        }

        .footer p {
                margin: 2.5em 0em;
        }

        .header h1 {
                line-height: 40px;
                margin: 44px 0px 28px 0;
                font-size: 1.5625rem;
        }
}

@media (max-width:384px) {
        .footer p {
                margin: 2em 0em;
        }
}

@media (max-width:375px) {
        .wrapper-frm {
                width: 98%;
        }

        .header h1 {
                margin: 35px 0px 20px 0;
                font-size: 1.4375rem;
        }
}

@media (max-width:320px) {
        .footer p {
                margin: 1em 0em;
        }

        .header h1 {
                margin: 30px 0px 15px 0;
                font-size: 1.375rem;
        }
}
/*--//responsive end here--*/
/*--//Google reCaptcha start--*/
.g-recaptcha > div {
        margin: 0 auto;
}
/*--//Google reCaptcha end--*/

/* Password screen scraper hint */
#emailfieldHidden {
    display: none;
}

/* svg material icons */
.svg-24 { width:24px; height:24px"; };