body {
    padding-bottom: 60px;
    background: #fff;
}
h2 {
    font-weight: bold;
}
.header {
    background: #eee;
}

/* Custom container */
.container {
    margin: 0 auto;
    max-width: 960px;
}

.container > hr {
    margin: 60px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    margin: 80px 0;
    text-align: center;
}

.jumbotron h1 {
    font-size: 42px;
    line-height: 1.2;
}

.jumbotron .lead {
    font-size: 24px;
    line-height: 1.25;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 60px 0;
}

.marketing p + h4 {
    margin-top: 28px;
}

.navbar {
    background: #fff;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.09), 0 1px 3px 0 rgba(0,0,0,.07), 0 2px 1px -2px rgba(0,0,0,.12);
}

@media screen and (min-width: 768px) {
    ul.navbar-nav.nav li a {
        border-left: 1px solid rgba(255, 255, 255, .75);
        border-right: 1px solid rgba(0, 0, 0, .1);
    }
    .navbar .nav {
        width: 100%;
    }
    .navbar .nav li {
        width: 20%;
        text-align: center;
    }
    .jumbotron h1 {
        font-size: 62px;
    }
}

.grey-block .btn {
    margin: 0 0 15px 0;
}

.navbar .nav li a {
    font-weight: bold;
}

.btn-start {
    background: #8c0535;
    border-color: #6a0529;
}
.btn-start:hover {
    background: #6a0529;
    border-color: #6a0529;
}
.white-block {
    background: #fff;
}



/* Register modal ================================= */
.svg-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.reg {
    max-width:600px;
}

.reg-title {
    font-family:'Roboto Condensed', sans-serif;
    font-size:24px;
    font-weight: 400;
    color:#4c4c4c;
    padding:7px 20px;
    margin-bottom: 10px;
    border-bottom:1px solid #d9d9d9;
}

.reg-title span {
    display:block;
    float:right;
    position:relative;
    top:17px;
    width:25px;
    height:2px;
}

.reg-title span:before, .reg-title span:after {
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    pointer-events:none;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:        transform .25s;
    transition:        transform .25s, -webkit-transform .25s;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    background:#4c4c4c;
}

.reg-title span:before {
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
    transform:rotate3d(0, 0, 1, 45deg);
}

.reg-title span:after {
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
    transform:rotate3d(0, 0, 1, -45deg);
}

.reg-variant {
    /*padding-right: 15px;*/
}

#authModal .modal-dialog {
    /*width: 300px;*/
}

#authModal .reg-variant {
    display: block;
    width: 100%;
}

.reg-variant a {
    display:block;
    text-decoration: none;
    padding:10px 0 10px 15px;
    margin-bottom:10px;
    font-family:'Roboto Condensed', sans-serif;
    font-size: 16px;
    border-radius: 3px;
    color:#fff;
    -webkit-transition:all .2s;
    transition:all .2s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.fa-vkontakte:before {
    content: "\f189";
}

a.reg-facebook {
    background-color: #39589A;
}

a.reg-facebook:hover {
    background-color: #2d467b;
}

a.reg-vkontakte {
    background-color: #4A74A5;
}

a.reg-vkontakte:hover {
    background-color: #3b5c84;
}
a.reg-odnoklassniki {
    background-color: #E77E00;
}

a.reg-odnoklassniki:hover {
    background-color: #b86400;
}

a.reg-google {
    background-color: #DC4C41;
}

a.reg-google:hover {
    background-color: #b03c34;
}

a.reg-instagram {
    background: linear-gradient(145deg, #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) no-repeat;
}

a.reg-instagram:hover {
    background: linear-gradient(145deg, #4d3fc2, #a12a7b 30%, #df2146 50%, #f66017 70%, #feb94b 100%) no-repeat;
}

a.reg-classic {
    color: #212121;
    background-color: #e9e9e9;
}

a.reg-classic:hover {
    background-color: #e0e0e0;
}

.reg-variant i {
    position:relative;
    top:2px;
    margin-right:10px;
    font-size:21px;
}

.soc-btn {
    display: block;
    background: #f1f1f1;
    min-height: 45px;
    min-width: 45px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    line-height: 45px;
    text-align: center;
}

.fb-btn {
    color:#fff;
    background:#495482;
}

.fb-btn:hover {
    color: #fff;
    background:#3b456d;
}

.vk-btn {
    color:#fff;
    background:#7b95bd;
}

.vk-btn:hover {
    color:#fff;
    background:#5e759a;
}

.ok-btn {
    color:#fff;
    background:#ea8d1e;
}

.ok-btn:hover {
    color:#fff;
    background:#ef8200;
}

.reg-privilege {
    padding: 0 0 10px 0;
}

.privilege-title {
    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#494949;
    margin-top: 0;
}

.privilege-list {
    list-style:none;
    padding: 0;
    margin: 0;
}

.privilege-list li {
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#4c4c4c;
}

.privilege-list li:before {
    content:'\f058';
    font-family: FontAwesome;
    display:inline-block;
    position:relative;
    top:3px;
    line-height:1.2;
    font-size:24px;
    margin-right:7px;
    color:#a6cd49;
}

.user-auth {
    background:#ededed;
    padding:10px 0;
    text-align:center;
    border-top:1px solid #d9d9d9;
    color: #4c4c4c
}

.user-auth a {
    color: #6188c3;
    text-decoration: underline;
}

.user-auth a:hover {
    color: #0af;
    text-decoration: none;
}

.auth-social-btns .additional-auth-services {
    display: none;
}

.auth-social-btns .show-more {
    display: inline-block;
    line-height: 1.2;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
}

.auth-social-btns .show-more:hover {
    cursor: pointer;
}


/* reg media -------------------------------------- */
@media screen and (min-width: 768px) {
    .reg-variant {
        display:inline-block;
        vertical-align:top;
        width:44%;
        padding-right: 15px;
    }
    #register-finish .reg-variant {
        width: 280px;
    }
    .reg-privilege {
        padding: 0 15px 10px 20px;
        display:inline-block;
        vertical-align:top;
        width:55%;
        border-left:1px solid #d9d9d9;
    }
}