/************************************
Fonts
*************************************/
h2 {
    line-height:160%;
}
.pagecontent {
    font-size: 0.2em;
    padding: 1.2em;
    line-height:160%;
}
.pagecontent a {
    color:#ef044c;
    text-decoration:none;
}
.pagecontent h3 {
    margin: 1em 0;
    font-family:  "ProximaNovaBold", Arial, Hevetica, sans-serif;
    color:#000000;
}
.pagecontent p {
    margin:1em 0;
}

/**************************************
New
***************************************/
.first-list {
    border:none !important;
}

@font-face {
    font-family: "ProximaNovaBold";
    src: url("../font/proximanova-bold.eot") format("embedded-opentype"), url("../font/proximanova-bold.woff") format("woff"), url("../font/proximanova-bold.ttf") format("truetype"), url("../font/proximanova-bold.svg#ProximaNovaBold") format("svg");
}

@font-face {
    font-family: "ProximaNovaRegular";
    src: url("../font/proximanova-regular.eot") format("embedded-opentype"), url("../font/proximanova-regular.woff") format("woff"), url("../font/proximanova-regular.ttf") format("truetype"), url("../font/proximanova-regular.svg#ProximaNovaRegular") format("svg");
}

@font-face {
    font-family: "ProximaNovaRegularItalic";
    src: url("../font/proximanova-regularitalic.eot") format("embedded-opentype"), url("../font/proximanova-regularitalic.woff") format("woff"), url("../font/proximanova-regularitalic.ttf") format("truetype"), url("../font/proximanova-regularitalic.svg#ProximaNovaRegularItalic") format("svg");
}

* {
    margin: 0;
    padding: 0;
}

img {
    line-height: 0.2em;
}

html,
body,
.wrapper {
    min-height: 100% !important;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "ProximaNovaRegular";
    font-size: 75px;
    margin: 0;
    padding: 0;
}

.section-wrapper {
    overflow:hidden;
}


@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    body {
        font-size: 75px;
    }
}

.wrapper {
    margin: 0 auto;
    max-width: 720px;
    min-width: 320px;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .wrapper {
        margin: 0 auto;
        max-width: 1440px;
        min-width: 640px;
    }
}

.small {
    font-size: 0.14em;
}

.medium {
    font-size: 0.2em;
}

.hide {
    display: none;
}

.visible {
    display: block;
}

.clear {
    display: block;
    clear: both;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .small {
        font-size: 0.18em;
    }
}

:focus {
    outline: medium none;
}

.clear {
    clear: both;
}

.borderless {
    border: none !important;
}

.paddingless-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

*::-moz-focus-inner {
    border: 0 none;
}

::-webkit-input-placeholder {
    color: #777777;
}

::-moz-placeholder {
    color: #777777;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #777777;
}

/* ie */
input:-moz-placeholder {
    color: #777777;
}

input,
textarea,
select {
    font-family: "ProximaNovaRegular";
    border: none;
    -webkit-appearance: none;
    padding: 0;
}

.button {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ef044c;
    border-radius: 2px;
    color: #ef044c;
    display: block;
    font-size: 0.23em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 640px) {
    .button {
        font-size: 0.28em;
    }
}

.button:hover,
.button.active {
    background: none repeat scroll 0 0 #ef044c;
    color: #fff;
}

.default-content-inner {
    padding: 0.1em 0.2em 0.2em 0.2em;
    background: none repeat scroll 0 0 #eee;
}

.side-content-inner {
    padding: 0 0.2em;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.wrapper {
    height: 100%;
    width: 100%;
}

.header {
    border-bottom: 1px solid #ef044c;
    border-top: 1px solid #cbcbcb;
    height: 0.72em;
    text-align: center;
    position: relative;
}
@media (min-width: 640px) {
    .header {
        height: 0.8em;
    }
}

.header .header-inner {
    padding: 0.18em 0.15em 0;
    height: 0.54em;
}
@media (min-width: 640px) {
    .header .header-inner {
        padding: 0.19em 0.15em 0;
        height: 0.61em;
    }
}

.logo {
    height: 0.73em;
    left: 0;
    line-height: 0.38em;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 50%;
}
@media (min-width: 640px) {
    .logo {
        height: 0.81em;
        line-height: 0.48em;
    }
}

.logo.image-logo {
    margin-top: 0.24em;
    width: 1.8em;
    height: 0.29em;
}

@media (min-width: 640px) {
    .logo.image-logo {
        margin-top: 0.23em;
        width: 2.2em;
        height: 0.38em;
    }
}

.logo.image-logo.svg {
    background: url('../img/svg/logo.svg') no-repeat;
    background-size: 100% 100%;
}

.logo.image-logo.no-svg {
    background: url('../img/png/logo.png') no-repeat;
    background-size: 90% 90%;
    background-position: center center;
}

.logo.image-logo a.link {
    width: 100%;
    height: 100%;
    display: block;
}

.logo .regular-logo {
    color: #000;
    font-size: 0.3em;
}
@media (min-width: 640px) {
    .logo .regular-logo {
        font-size: 0.38em;
    }
}

.header .nav {
    display: inline-block;
    height: 0.33em;
    width: 0.33em;
}
@media (min-width: 640px) {
    .header .nav {
        height: 0.4em;
        width: 0.4em;
    }
}

.header .nav.narrow {
    width: 0.34em;
}

.header .nav.pull-left.multiple.svg {
    margin: 0 0.15em 0 0;
}

.header .nav.pull-right.multiple.svg {
    margin: 0 0 0 0.15em;
}

.header .nav.pull-right.multiple.no-svg {
    margin: 0 0 0 0.2em;
}

@media (max-width: 340px) {
    .header .nav.pull-left.multiple.svg {
        margin: 0 0.1em 0 0;
    }

    .header .nav.pull-right.multiple.svg {
        margin: 0 0 0 0.1em;
    }

    .header .nav.pull-right.multiple.no-svg {
        margin: 0 0 0 0.15em;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .header .nav.pull-left.multiple.svg {
        margin: 0 0.12em 0 0;
    }

    .header .nav.pull-right.multiple.svg {
        margin: 0 0 0 0.12em;
    }
}

.header .nav a {
    display: block;
    height: 100%;
    width: 100%;
}

.header .nav a.search.svg {
    background: url("../img/svg/search-blue.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.search.svg:hover,
.header .nav a.search.svg.active {
    background: url("../img/svg/search-pink.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.search.no-svg {
    background: url("../img/png/sprite.png") no-repeat 0 0;
    background-size: 422px 2574px;
}

.header .nav a.search.no-svg:hover,
.header .nav a.search.no-svg.active {
    background: url("../img/png/sprite.png") no-repeat -66px 0;
    background-size: 422px 2574px;
}

.header .nav a.profile.svg {
    background: url("../img/svg/profile-blue.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.profile.svg:hover,
.header .nav a.profile.svg.active {
    background: url("../img/svg/profile-pink.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.profile.no-svg {
    background: url("../img/png/sprite.png") no-repeat -122px 0;
    background-size: 390px 2379px;
}

.header .nav a.profile.no-svg:hover,
.header .nav a.profile.no-svg.active {
    background: url("../img/png/sprite.png") no-repeat -183px 0;
    background-size: 390px 2379px;
}

.header .nav a.close.svg {
    background: url("../img/svg/close-blue.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.close.svg:hover,
.header .nav a.close.svg.active {
    background: url("../img/svg/close-pink.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.close.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -200px -100px;
}

.header .nav a.close.no-svg:hover,
.header .nav a.close.no-svg.active {
    background: url("../img/png/sprite.png") no-repeat scroll -300px -100px;
}

.header .nav a.back.svg {
    background: url("../img/svg/back-arrow-blue.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.back.svg:hover,
.header .nav a.back.svg.active {
    background: url("../img/svg/back-arrow-pink.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.back.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -66px;
    background-size: 422px 2574px;
}

.header .nav a.back.no-svg:hover,
.header .nav a.back.no-svg.active {
    background: url("../img/png/sprite.png") no-repeat scroll -66px -66px;
    background-size: 422px 2574px;
}

.header .nav a.photo.svg {
    background: url("../img/svg/photo-blue.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.photo.svg:hover,
.header .nav a.photo.svg.active {
    background: url("../img/svg/photo-pink.svg") no-repeat scroll 0 0;
    background-size: 100% 100%;
}

.header .nav a.photo.no-svg {
    background: url("../img/png/sprite.png") no-repeat -244px 0;
    background-size: 390px 2379px;
    margin-right: 20px;
    width: 50px;
}

.header .nav a.photo.no-svg:hover,
.header .nav a.photo.no-svg.active {
    background: url("../img/png/sprite.png") no-repeat -305px 0;
    background-size: 390px 2379px;
}

.top-menu {
    border-bottom: 1px solid #ef044c;
    height: 0.6em;
}

/*.top-menu.svg {
    background: url('../img/svg/menu-pointer.svg') no-repeat;
    background-position: center bottom;
}

.top-menu.no-svg {
    background: url('../img/png/menu-pointer.gif') no-repeat;
    background-position: center bottom;
}*/

.top-menu.left.svg {
    background: url('../img/svg/menu-pointer.svg') no-repeat;
    background-position: 30% bottom;
}

.top-menu.left.no-svg {
    background: url('../img/png/menu-pointer.gif') no-repeat;
    background-position: 30% bottom;
}

.top-menu nav {
    font-size: 0.25em;
    overflow-x: scroll;
    overflow-y: hidden;
}

.top-menu nav ul {
    margin: 0.7em 0 0 0.7em;
    padding: 0;
    text-align: justify;
    width: 28em;
}

.top-menu nav ul li {
    display: inline-block;
    margin: 0 1.05em 0 0;
}

.top-menu nav ul li span.active {
  background-image: url('../img/svg/menu-arrow.svg');
  background-repeat: no-repeat;
  background-size: 19px 8px;
  background-position: center bottom;
}

.top-menu nav ul li a {
    display: block;
    font-family: "ProximaNovaRegular";
    color: #000;
    height: 1.8em;
    text-decoration: none;
}

.top-menu nav ul li a.active {
    font-family: "ProximaNovaBold";
}

.content {
    text-align: left;
    width: 100%;
}

.photo-gallery-wrapper {
    padding: 0.1em 0.1em 0;
    background: none repeat scroll 0 0 #eee;
}

.photo-gallery-wrapper .photo-item-wrapper {
    float: left;
    width: 25%;
}

@media (max-width: 640px) {
    .photo-gallery-wrapper .photo-item-wrapper {
        width: 33.33%;
    }
}

@media (max-width: 475px) {
    .photo-gallery-wrapper .photo-item-wrapper {
        width: 50%;
    }
}

@media (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .photo-gallery-wrapper .photo-item-wrapper {
        width: 25%;
    }
}

@media (max-width: 950px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .photo-gallery-wrapper .photo-item-wrapper {
        width: 33.33%;
    }
}

.photo-item {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #cbcbcb;
    margin: 0.1em;
    position: relative;
}

.photo-item .tutorial-ribbon {
    height: 0.6em;
    position: absolute;
    width: 0.6em;
}

.photo-item .tutorial-ribbon.svg {
    background: url("../img/svg/tutorial-label.svg") no-repeat scroll -0.05em -0.05em;
    background-size: 0.7em 0.7em;
}

.photo-item .tutorial-ribbon.no-svg {
    background: url("../img/png/sprite.png") no-repeat 0 -700px;
    background-size: 256px 1560px;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .photo-item .tutorial-ribbon.svg {
        background: url("../img/svg/tutorial-label.svg") no-repeat scroll -0.05em -0.05em;
        background-size: 0.8em 0.8em;
        height: 0.8em;
        position: absolute;
        width: 0.8em;
    }
}

.photo-item img {
    width: 100%;
    line-height: 0.1em;
    float: left;
    min-height: 100px;
}

.photo-data {
    float: left;
    padding: 0.08em 0 0.07em 0;
    text-align: center;
    width: 100%;
}

.photo-data .text {
    padding: 0.1em;
}

.photo-data .item {
    display: table-cell;
    text-align: center;
    width: 33%;
    float: left;
}

.text {
    color: #8899a6;
    display: inline-block;
    vertical-align: top;
    padding: 0.2em 0 0 0;
}

span.icon {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    color: #8899a6;
}

span.icon.no-svg {
    width: 1.2em;
    height: 1.2em;
}

span.icon.like.svg {
    background: url("../img/svg/like-light-blue.svg") no-repeat scroll 0 0.08em;
    background-size: 1.1em 1.1em;
    width: 1.1em;
}

span.icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -759px;
    background-size: 300px 1911px;
}

span.icon.comment.svg {
    background: url("../img/svg/comment-light-blue.svg") no-repeat scroll 0 0.08em;
    background-size: 1.1em 1.1em;
    width: 1.15em;
}

span.icon.comment.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -49px -759px;
    background-size: 313px 1911px;
}

span.icon.time.svg {
    background: url("../img/svg/time-light-blue.svg") no-repeat scroll 0 0.08em;
    background-size: 1.1em 1.1em;
    width: 1.1em;
}

span.icon.time.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -98px -759px;
    background-size: 313px 1911px;
}

/* ------------------------------- separator ------------------------------- */

.likes-list-wrapper,
.comments-list-wrapper,
.activities-list-wrapper {
    background: #fff;
    /*padding: 0 0 0.2em;*/
}

.followers-list-wrapper {
    background: url('../img/png/bg-followers.jpg') repeat-x;
}

.followers-list-wrapper .followers-list-title {
    text-align: center;
    font-size: 0.2em;
    padding: 1em 0 0 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .followers-list-wrapper .followers-list-title {
        font-size: 0.3em;
    }
}

.like-item,
.comment-item,
.activity-item,
.followers-item {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 0.3em 0.2em;
    position: relative;
}

.activity-item {
    border: none;
    padding: 0.3em 0.2em 0 0.2em;
}

#likes .like-item,
#comments .comment-item {
    margin: 0 0.2em;
    padding: 0.2em 0;
    border-bottom: 1px solid #ddd;
}

.compact .comment-item {
    padding-bottom: 0;
}

.followers-item .item-body .info {
    position: relative;
}

.followers-item .follow-block {
    font-size: 0.7em !important;
    min-width: 1.8em;
    position: absolute;
    top: 0.4em;
    right: 0.3em;
}

.like-item-wrapper {
    display: inline-block;
    width: 100%;
}

.like-item-wrapper.item-clicked,
.comment-item-wrapper.item-clicked,
.followers-item-wrapper.item-clicked,
.activity-item-wrapper.item-clicked {
    background: #f4f4f4;
}

.like-item .item-link,
.comment-item .item-link,
.followers-item .item-link,
.menu-item .item-link{
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.like-item .item-image,
.comment-item .item-image,
.followers-item .item-image {
    float: left;
    margin: 0;
    width: 0.75em;
}

.activity-item .item-image {
    float: left;
    width: 0.75em;
}

.like-item .item-image img,
.comment-item .item-image img,
.followers-item .item-image img {
    border-radius: 0.75em;
    height: 0.75em;
    width: 0.75em;
}

.activity-item .item-image img {
    border-radius: 0.75em;
    height: 0.75em;
    width: 0.75em;
}

.like-item .item-body,
.comment-item .item-body,
.followers-item .item-body {
    vertical-align: top;
    padding: 0 0 0 0.90em;
}

.followers-item {
    border: none;
    padding: 0.3em 0.2em 0 0.2em;
}

.followers-item .item-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
}

@media (max-width: 400px) {
    .like-item .item-body,
    .comment-item .item-body,
    .followers-item .item-body {
        padding-left: 0.88em;
    }
}

@media (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .like-item .item-body,
    .comment-item .item-body,
    .followers-item .item-body {
        padding-left: 0.95em;
    }
}

.activity-item .item-type {
    float: left;
    line-height: 0;
    padding: 0.05em 0.08em 0 0;
    vertical-align: top;
}

.activity-item .item-type .icon {
    font-size: 0.3em;
}

/* ------------------------------- separator ------------------------------- */

.activity-item .item-type span.icon.follower.svg {
    background: url("../img/svg/followers-light-blue.svg") no-repeat scroll 0 0.08em;
    background-size: 1.1em 1.1em;
    width: 1.1em;
}

.activity-item .item-type span.icon.follower.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -425px -1232px;
    background-size: 544px 3315px;
    width: 1.4em;
}

.activity-item .item-type span.icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -340px -1232px;
    background-size: 544px 3315px;
    width: 1.4em;
}

.activity-item .item-type span.icon.comment.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -510px -1232px;
    background-size: 544px 3315px;
    width: 1.4em;
}

/* ------------------------------- separator ------------------------------- */

.activity-item .item-body {
    border-bottom: 1px solid #ddd;
    padding: 0 1.2em 0.3em 1.4em;
    min-height: 0.9em;
}

.activity-item.activity-full-width .item-body {
    padding-right: 0;
}

.like-item .item-body,
.comment-item .item-body .info,
.followers-item .item-body .info {
    color: #555;
}

.like-item .item-body .title,
.comment-item .item-body .title,
.followers-item .item-body .title,
.activity-item .item-body .title {
    color: #555;
    font-size: 0.22em;
    margin: 0 3.2em 0 0;
    line-height:2em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .like-item .item-body .title,
    .comment-item .item-body .title,
    .followers-item .item-body .title,
    .activity-item .item-body .title {
        font-size: 0.3em;
        margin: 0 3.2em 0.4em 0;
    }
}

.activity-item .item-photo {
    line-height: 0;
    float: right;
    position: absolute;
    right: 0.2em;
    top: 0.3em;
}

.activity-item .item-photo img {
    max-height: 0.75em;
}

@media (max-width: 360px) {
    .activity-item .item-photo img {
        max-height: 0.6em;
    }
}

.activity-item .item-body .timing {
    font-size: 0.2em;
    color: #999;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .activity-item .item-body .timing {
        font-size: 0.26em;
        color: #999;
    }
}

.comment-item .item-timing {
    color: #8899a6;
    height: 0.2em;
    position: absolute;
    right: 1.5em;
    top: 1.9em;
}

.comment-item .item-timing span.icon {
    font-size: 1.2em;
    line-height: 1.2em;
    height: 1.2em;
    width: 0.9em;
}

.comment-item .item-timing .timing.svg {
    background: url("../img/svg/time-light-blue.svg") no-repeat scroll 0 0.1em;
    background-size: 0.85em 0.85em;
}

.comment-item .item-timing .timing.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -150px -1162px;
    background-size: 480px 2925px;
}   

.like-item .item-body .title a,
.comment-item .item-body .title a,
.followers-item .item-body .title a,
.activity-item .item-body .title a {
    color: #ef044c;
    text-decoration: none;
}

.like-item .item-body .title a:hover,
.comment-item .item-body .title a:hover,
.followers-item .item-body .title a:hover,
.activity-item .item-body .title a:hover {
    color: #000;
    text-decoration: none;
}

.like-item .item-body .body,
.comment-item .item-body .body,
.followers-item .item-body .body,
.activity-item .item-body .body {
    margin: 0 0 0.8em 0;
    font-size: 0.2em;
    color: #555;
    line-height: 1.15em;
    word-break: break-all;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .like-item .item-body .body,
    .comment-item .item-body .body,
    .followers-item .item-body .body,
    .activity-item .item-body .body {
        margin: 0 0 0.5em 0;
        font-size: 0.27em;
    }
}

.like-item .item-body .info,
.followers-item .item-body .info {
    color: #8899a6;
    font-size: 0.16em;
}
.comment-item .item-body .info {
    color:#555555;
    font-size:0.2em;
    line-height:1.3em;
    word-break: break-all;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .like-item .item-body .info,
    .comment-item .item-body .info,
    .followers-item .item-body .info {
        font-size: 0.22em;
    }
}

.like-item .item-body .info .item,
.followers-item .item-body .info .item {
    display: inline-block;
    margin-right: 1em;
}

.like-item .item-body .info span.icon,
.followers-item .item-body .info span.icon {
    width: 1.5em;
    height: 1.5em;
}

.like-item .item-body .info .text,
.followers-item .item-body .info .text {
    padding-top: 0.3em;
}

.like-item .item-body .info span.icon.photo.svg,
.followers-item .item-body .info span.icon.photo.svg,
.profile-controls-block span.icon.photo.svg {
    background: url("../img/svg/photo-solid-blue.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

.like-item .item-body .info span.icon.photo.no-svg,
.followers-item .item-body .info span.icon.photo.no-svg,
.profile-controls-block span.icon.photo.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -986px;
    background-size: 435px 2652px;
}

.like-item .item-body .info span.icon.followers.svg,
.followers-item .item-body .info span.icon.followers.svg,
.profile-controls-block span.icon.followers.svg {
    background: url("../img/svg/followers-light-blue.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

.like-item .item-body .info span.icon.followers.no-svg,
.followers-item .item-body .info span.icon.followers.no-svg,
.profile-controls-block span.icon.followers.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -70px -1015px;
    background-size: 448px 2730px;
}

.like-item .item-body .info span.icon.following.svg,
.followers-item .item-body .info span.icon.following.svg,
.profile-controls-block span.icon.following.svg {
    background: url("../img/svg/following-light-blue.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

.like-item .item-body .info span.icon.following.no-svg,
.followers-item .item-body .info span.icon.following.no-svg,
.profile-controls-block span.icon.following.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -141px -1015px;
    background-size: 448px 2730px;
}

.like-item .item-body .info span.icon.likes.svg,
.followers-item .item-body .info span.icon.likes.svg,
.profile-controls-block span.icon.likes.svg {
    background: url("../img/svg/like-light-blue.svg") no-repeat scroll 0.25em 0.1em;
    background-size: 1.25em 1.25em;
}

.like-item .item-body .info span.icon.likes.no-svg,
.followers-item .item-body .info span.icon.likes.no-svg,
.profile-controls-block span.icon.likes.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -210px -1015px;
    background-size: 448px 2730px;
}

/* ------------------------------- separator ------------------------------- */

.photo-full-image-wrapper {
    background: #fff;
    line-height: 0.1em;
}

.photo-full-image-wrapper img {
    width: 100%;
}

.photo-full-image-wrapper .info {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.photo-full-image-wrapper .info .info-block {
    display: inline-block;
    width: 32%;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .photo-full-image-wrapper .info .info-block {
        /*font-size: 1.4em;*/
    }
}

.photo-full-image-wrapper .info .info-block a {
    width: 100%;
    display: inline-block;
}

.photo-full-image-wrapper .info .info-block a:hover {
    background: #ef044c;
}

.photo-full-image-wrapper .info .info-block.pull-left {
    border-right: 1px solid #ddd;
}

.photo-full-image-wrapper .info .info-block.pull-right {
    border-left: 1px solid #ddd;
}

.photo-full-image-wrapper .info span {
    margin: 1em 0;
    line-height: 1.2em;
}

.photo-full-image-wrapper .info .text {
    color: #000;
    font-family: "ProximaNovaBold";
}

.photo-full-image-wrapper .info-block a:hover .text {
    color: #fff;
}

.photo-full-image-wrapper .info-block .icon.like.svg {
    background: url("../img/svg/like-pink.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
}

.photo-full-image-wrapper .info-block a:hover .icon.like.svg {
    background: url("../img/svg/like-white.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
    color: #fff;
}

.photo-full-image-wrapper .info-block .icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -95px;
    background-size: 313px 1911px;
    padding-right: 0.1em;
}

.photo-full-image-wrapper .info-block a:hover .icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -72px -95px;
    background-size: 313px 1911px;
}


.photo-full-image-wrapper .info-block .icon.comment.svg {
    background: url("../img/svg/comment-pink.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
}

.photo-full-image-wrapper .info-block .icon.comment.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -145px -95px;
    background-size: 313px 1911px;
    padding-right: 0.1em;
}

.photo-full-image-wrapper .info-block .icon.share.svg {
    background: url("../img/svg/share.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
    width: 1.1em;
}

.photo-full-image-wrapper .info-block .icon.share.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -218px -97px;
    background-size: 313px 1911px;
}

.comments-list-wrapper {
    background: #fff;
    /*margin: 0 0.2em;*/
    border-bottom: 1px solid #ddd;
}

.comments-list-wrapper .comment-item {
    border: none;
    margin-left: 0;
    margin-right: 0;
}

.comments-list-wrapper .view-likes {
    font-family: "ProximaNovaBold";
    padding: 0 0 0 1em;
    float:left;
}
.btn-more {
    float:right;
    margin-right: 0.25em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .comments-list-wrapper .view-likes {
        font-size: 0.25em;
    }
}

.view-likes a span.icon.like.svg {
    background: url("../img/svg/like-light-blue.svg") no-repeat scroll 0 0;
    background-size: 1em 1em;
}

.view-likes a:hover span.icon.like.svg {
    color: #57646d;
    background: url("../img/svg/like-pink.svg") no-repeat scroll 0 0;
    background-size: 1em 1em;
}

.view-likes a:hover .text {
    color: #57646d;
}

.photo-gallery-wrapper {
    border-top: 1px solid #ddd;
}

.photo-gallery-wrapper .photo-gallery-title {
    text-align: center;
    font-size: 0.2em;
    padding: 1em 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .photo-gallery-wrapper .photo-gallery-title {
        font-size: 0.27em;
    }
}

.photo-gallery-wrapper .photo-gallery-title span.topic {
    color: #555;
}

.comments-list-wrapper .controls {
    margin: 1.2em 1.4em;
    font-size: 0.16em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .comments-list-wrapper .controls {
        font-size: 0.2em;
    }
}

.comments-list-wrapper .controls .controls-item {
    display: inline-block;
    font-family: "ProximaNovaBold";
    font-size: 1.25em;
}

.comments-list-wrapper .controls .controls-item-left {
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

.comments-list-wrapper .controls .controls-item-right {
    text-align: left;
}

.controls-item a span.icon.comment.svg {
    background: url("../img/svg/comment-blue.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
}

.controls-item a:hover span.icon.comment.svg {
    background: url("../img/svg/comment-pink.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
}

.controls-item span.icon.write-comment.svg {
    background: url("../img/svg/write-comment-blue.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
    width: 1.1em;
}

.controls-item span.icon.write-comment.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -194px -220px;
    background-size: 313px 1911px;
}

.controls-item span.icon.comment.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -97px -220px;
    background-size: 313px 1911px;
}

.controls-item span.icon.no-svg {
    width: 1.2em;
    height: 1.2em;
}

.view-likes span.icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -220px;
    background-size: 313px 1911px;
}

.view-likes span.icon.no-svg {
    width: 1.1em;
    height: 1.1em;
}

.view-likes .text {
    padding: 0;
}

.controls-item a:hover span.icon.write-comment.svg {
    color: #57646d;
    background: url("../img/svg/write-comment-dark-blue.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
}

a:hover span.text {
    color: #57646d;
}

.tutorial-wrapper {
    background: #eee;
    padding: 0.1em 0.2em;
    color: #555;
}

.tutorial-wrapper div img {
    display: block;
    width: 100%;
}

.tutorial-wrapper div p {
    width: 100%;
    font-size: 0.2em;
    line-height: 1.3em;
    margin: 1em 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .tutorial-wrapper div p {
        font-size: 0.27em;
    }
}

.tutorial-wrapper div hr {
    margin: 0.3em 0;
    border: 0;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    width: 100%;
}

.content hr {
    margin: 0.1em 0.2em 0 0.2em;
    border: 0;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
}

.tutorial-wrapper .tutorial-title {
    text-align: center;
    line-height: 3;
    font-size: 0.22em;
    font-weight: bold;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .tutorial-wrapper .tutorial-title {
        font-size: 0.28em;
    }
}

/*.comment-button {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ef044c;
    border-radius: 2px;
    color: #ef044c;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    float: right;
    font-size: 0.22em;
    height: 1.5em;
    line-height: 1.5em;
    margin-top: 2.5em;
    width: 18%;
}
#comment-form-wrapper {
    height: 0.9em;
    background: #ef044c;
    padding: 0.1em;
}

#comment-form-wrapper .comment-form-inner form {
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 0.2;
}

#comment-form-wrapper .comment-form-inner form textarea {
    width: 75%;
    height: 2.1em;
    padding: 1em 0.5em;
    border: none;
    border-radius: 0.45em;
    font-size: 0.22em;
    -webkit-appearance: none;
}*/

#comment-form-wrapper
{ background:#dddddd; padding:0.1em; }
#comment-form-wrapper .comment-form-inner form
{ width: 100%; height: 100%; margin: 0; line-height: 0.2; overflow: hidden; }
#comment-form-wrapper .comment-form-inner form textarea
{ width: 75%; padding: 1em 2%; border: none; border-radius: 0.45em; font-size: 0.22em; -webkit-appearance: none; }
.comment-button
{ background: none repeat scroll 0 0 #fff; border: 1px solid #ef044c; border-radius: 2px; color: #ef044c; text-align: center; text-decoration: none; display: inline-block; float: right; font-size: 0.19em; height: 1.5em; line-height: 1.5em; width: 10%; padding: .65em 2%; }

#comment-form-wrapper .comment-form-inner form textarea.comment {
    
}

#comment-form-wrapper .comment-form-inner form textarea::-moz-placeholder {
    color: #999999;
}

#comment-form-wrapper .comment-form-inner form textarea::-webkit-input-placeholder {
    color: #999999;
    vertical-align: bottom;
}




#search-form-wrapper {
    height: 0.7em;
    border-bottom: 1px solid #dddddd;
    background: #ef044c;
    padding: 0.025em 0.1em;
}

#search-form-wrapper .search-form-inner form {
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 0.2;
}

#search-form-wrapper .search-form-inner form input[type=text] {
    width: 100%;
    height: 100%;
    padding: 0.7em 0;
    border: none;
    border-radius: 0.45em;
    font-size: 0.22em;
    -webkit-appearance: none;
}

#search-form-wrapper .search-form-inner form input[type=text].search {
    text-align: center;
}

#search-form-wrapper .search-form-inner form input[type=text]::-moz-placeholder {
    color: #999999;
}

#search-form-wrapper .search-form-inner form input[type=text]::-webkit-input-placeholder {
    color: #999999;
    vertical-align: bottom;
}

#search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
    background: url('../img/svg/search-blue.svg') no-repeat;
    background-position: 38% 1em;
    background-size: 1em 1em;
}

#search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
    background: url('../img/png/search.png') no-repeat;
    background-position: 6.2em 1em;
    background-size: 0.95em 0.95em;
}

#search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
    background: url('../img/svg/search-blue.svg') no-repeat;
    background-position: 34%;
    background-size: 1em 1em;
}

#search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
    background: url('../img/png/search.png') no-repeat;
    background-position: 6.2em;
    background-size: 0.95em 0.95em;
}

@media (min-width: 360px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 7.2em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 7.2em;
    }
}

@media (min-width: 380px) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 40% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 8em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 37%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 8em;
    }
}

@media (min-width: 400px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 8.6em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 8.6em;
    }
}

@media (min-width: 430px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 9.4em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 9.4em;
    }
}

@media (min-width: 460px) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 42% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 10.4em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 40%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 10.4em;
    }
}

@media (min-width: 500px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 11.4em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 11.4em;
    }
}

@media (min-width: 530px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 12em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 12em;
    }
}

@media (min-width: 550px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 12.6em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 12.6em;
    }
}

@media (min-width: 590px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 13.8em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 13.8em;
    }
}

@media (min-width: 610px) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 44% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 15em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 42%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 15em;
    }
}

@media (min-width: 640px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 16em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 16em;
    }
}

@media (min-width: 670px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 17em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 17em;
    }
}

@media (min-width: 700px) {
    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 17.6em 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 17.6em;
    }
}

/* ------------------------------- separator ------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 38% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 38% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 34%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 34%;
    }
}

@media (min-width: 740px) and (-webkit-min-device-pixel-ratio: 2) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 40% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 40% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 37%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 37%;
    }
}

@media (min-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 42% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 42% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 40%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 40%;
    }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
    #search-form-wrapper .search-form-inner form input[type=text].svg::-moz-placeholder {
        background-position: 44% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-moz-placeholder {
        background-position: 44% 1em;
    }

    #search-form-wrapper .search-form-inner form input[type=text].svg::-webkit-input-placeholder {
        background-position: 42%;
    }

    #search-form-wrapper .search-form-inner form input[type=text].no-svg::-webkit-input-placeholder {
        background-position: 42%;
    }
}

/* ------------------------------- separator ------------------------------- */

#main-content .profile,
#edit-profile {
    margin: 0.3em 0 0 0;
    padding: 0 0 0.2em 0;
}

#edit-profile .input-row {
    overflow:hidden;
    line-height: 0;
}

#edit-profile .membership-row {
    margin: 0 0 0.25em 0;
}

#edit-profile .membership-row p {
    font-size: 0.2em;
    line-height: 1.4;
    margin: 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #edit-profile .membership-row p {
        font-size: 0.27em;
    }
}

#edit-profile .form-control {
    width: 100%;
    clear:both;
}

#edit-profile .input-row .label-wrapper {
    float:left;
}

#edit-profile .input-row .input-wrapper {
    width: 85%;
    float:left;
}

#edit-profile .input-row .input-wrapper.middle {
    vertical-align: middle;
    width: 70%;
    margin-left:.15em;
}

#edit-profile .control {
    width: 100%;
}

#edit-profile hr {
    margin: 0.25em 0;
    border: 0;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    width: 100%;
}

#edit-profile label {
    font-size: 0.2em;
    color: #777;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #edit-profile label {
        font-size: 0.27em;
    }
}

#edit-profile input {
    font-size: 0.2em;
    width: 99%;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #edit-profile input {
        font-size: 0.27em;
    }
}

#edit-profile input[type=text] {
    width: 100%;
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    background: #f4f4f4;
    padding: 1em;
    margin: 0 0 .5em 0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#edit-profile select {
    width: 100%;
    border: none;
    -webkit-appearance: none;
    background:#f4f4f4;
    padding: 1em;
    font-size:.2em;
}
#edit-profile .country {
    overflow:hidden;
    width: 99%;
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    background: #f4f4f4 url(../svg/select-arrow.svg) no-repeat;
    margin: 0 0 .5em 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin:0 0 .2em 0 !important
}

#edit-profile textarea {
    width: 89%;
    font-size: 0.2em;
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    background: #f4f4f4;
    padding: 5%;
    margin: 0 0 .5em 0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-bottom:.5em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #edit-profile textarea {
        font-size: 0.27em;
    }
}

#edit-profile input[type=submit] {
    width: 100%;
    -webkit-appearance: none;
}

#main-content .profile-main-data,
#edit-profile .profile-main-data {
    margin: 0 0.2em;
    min-height: 1.7em;
}

#edit-profile .profile-additional-data {
    margin: 0.2em 0.2em 0 0.2em;
}

#main-content .profile-main-data .profile-photo,
#edit-profile .profile-main-data .profile-photo {
    width: 1.5em;
    height: 1.5em;
    float: left;
    margin: 0 0.22em 0 0;
}

#main-content .profile-main-data .profile-photo img,
#edit-profile .profile-main-data .profile-photo img {
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    margin-bottom:.1em;
}

#edit-profile .profile-main-data .profile-photo p {
    font-size: 0.2em;
    margin: -1em 0 0 0;
    text-align: center;
}

#edit-profile .profile-main-data .profile-photo p a {
    color: #ef044c;
    text-decoration: none;
}

#edit-profile .profile-main-data .profile-photo p a:hover {
    color: #000;
    text-decoration: none;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #edit-profile .profile-main-data .profile-photo p {
        font-size: 0.27em;
    }
}

#main-content .profile-main-data .profile-info,
#edit-profile .profile-main-data .profile-info {
    padding: 0 0 0 1.72em;
    vertical-align: top;
    min-height: 1.6em;
    line-height: 0.2;
}

#main-content .profile-main-data .profile-info div.data,
#edit-profile .profile-main-data .profile-info div.data {
    font-size: 0.22em;
    vertical-align: top;
    margin-bottom: 1em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #main-content .profile-main-data .profile-info div.data,
    #edit-profile .profile-main-data .profile-info div.data {
        font-size: 0.27em;
    }
}

#edit-profile .profile-main-data .profile-info div.data {
    /*margin: 0;*/
}

#main-content .profile-main-data .profile-info .firstname,
#edit-profile .profile-main-data .profile-info .firstname {
    font-family: "ProximaNovaBold";
    line-height: 1.2em;
}

#main-content .profile-main-data .profile-info .lastname {
    color: #444;
    margin-bottom: 1em;
}

#main-content .profile-main-data .profile-info .control {
    vertical-align: top;
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper {
    width: 50%;
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper.left {
    float: left;
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper.right {
    float: right;
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper.right .control-item-inner {
    padding-left: 0.15em;
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper.left .control-item-inner {
    padding-right: 0.15em;
}

@media (max-width: 400px) {
    #main-content .profile-main-data .profile-info .control .control-item-wrapper.right .control-item-inner {
        padding-left: 0.05em;
    }

    #main-content .profile-main-data .profile-info .control .control-item-wrapper.left .control-item-inner {
        padding-right: 0.05em;
    }
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper .button {
    font-size: 0.2em;
    height: 2em;
    line-height: 2em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #main-content .profile-main-data .profile-info .control .control-item-wrapper .button {
    font-size: 0.2em;
    height: 2em;
    line-height: 2em;
    }
}

#main-content .profile-main-data .profile-desc {
    padding: 0.2em 0 0 0;
    line-height: 0.1;
    vertical-align: top;
    word-break: break-all;
}

#main-content .profile-main-data .profile-desc p {
    font-size: 0.2em;
    margin: 0 0 0.2em 0;
    line-height: 1.4;
}

#main-content .profile-main-data .profile-desc a {
    font-size: 0.2em;
    color: #ef044c;
    text-decoration: none;
    line-height: 1.6;
    vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #main-content .profile-main-data .profile-desc p {
        font-size: 0.27em;
    }

    #main-content .profile-main-data .profile-desc a {
        font-size: 0.27em;
    }
}

#main-content .profile-main-data .profile-desc a:hover {
    color: #b1043a;
    text-decoration: none;
}

#main-content .profile-main-data .label {
    font-size: 200em;
    width: 40%;
    display: inline-block;
    font-family: "ProximaNovaBold";
    vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .profile-main-data .label {
        font-size: 200em;
    }
}

.profile-main-data .data {
    font-size: 0.1em;
    display: inline-block;
    width: 100%;
    text-align: left;
}

#main-content .profile-main-data .profile-additional-info {
    font-size: 0.2em;
    margin: 0.75em 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #main-content .profile-main-data .profile-additional-info {
        font-size: 0.27em;
    }
}

#main-content .profile-main-data .profile-additional-info .label {
    font-size: 1em;
}

#main-content .profile-main-data .profile-additional-info .data {
    font-size: 1em;
    color: #444444;
    width: 58%;
}

#main-content .profile-main-data .profile-social-info {
    font-size: 0.2em;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 1.5em 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #main-content .profile-main-data .profile-social-info {
        font-size: 0.27em;
    }
}

#main-content .profile-main-data .profile-social-info .label {
    font-size: 1em;
}

#main-content .profile-main-data .profile-social-info .data {
    font-size: 1em;
    color: #444444;
    width: 58%;
}

#main-content .profile-main-data .profile-social-info .data div {
    display: inline-block;
}

#main-content .profile-main-data .profile-social-info .data .soc-icon a {
    width: 100%;
    height: 100%;
    display: block;
}

.soc-icon.svg {
    width: 3em;
    height: 3em;
}

.soc-icon.no-svg {
    width: 50px;
    height: 50px;
}

.soc-icon.blogger.svg {
    background: url('../img/svg/social-media/blogger.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.blogger.gray.svg {
    background: url('../img/svg/social-media/blogger-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.blogger.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1650px;
    background-size: 422px 2574px;
}

.soc-icon.blogger.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2310px;
    background-size: 422px 2574px;
}

.soc-icon.facebook.svg {
    background: url('../img/svg/social-media/facebook.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.facebook.gray.svg {
    background: url('../img/svg/social-media/facebook-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.facebook.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1254px;
    background-size: 422px 2574px;
}

.soc-icon.facebook.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1914px;
    background-size: 422px 2574px;
}

.soc-icon.google-plus.svg {
    background: url('../img/svg/social-media/google-plus.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.google-plus.gray.svg {
    background: url('../img/svg/social-media/google-plus-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.google-plus.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1452px;
    background-size: 422px 2574px;
}

.soc-icon.google-plus.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2112px;
    background-size: 422px 2574px;
}

.soc-icon.instagram.svg {
    background: url('../img/svg/social-media/instagram.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.instagram.gray.svg {
    background: url('../img/svg/social-media/instagram-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.instagram.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1584px;
    background-size: 422px 2574px;
}

.soc-icon.instagram.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2244px;
    background-size: 422px 2574px;
}


.soc-icon.linkedin.svg {
    background: url('../img/svg/social-media/linkedin.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.linkedin.gray.svg {
    background: url('../img/svg/social-media/linkedin-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.linkedin.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1584px;
    background-size: 422px 2574px;
}

.soc-icon.linkedin.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2244px;
    background-size: 422px 2574px;
}

.soc-icon.pinterest.svg {
    background: url('../img/svg/social-media/pinterest.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.pinterest.gray.svg {
    background: url('../img/svg/social-media/pinterest-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.pinterest.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1386px;
    background-size: 422px 2574px;
}

.soc-icon.pinterest.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2046px;
    background-size: 422px 2574px;
}

.soc-icon.tumblr.svg {
    background: url('../img/svg/social-media/tumblr.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.tumblr.gray.svg {
    background: url('../img/svg/social-media/tumblr-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.tumblr.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1518px;
    background-size: 422px 2574px;
}

.soc-icon.tumblr.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2178px;
    background-size: 422px 2574px;
}

.soc-icon.twitter.svg {
    background: url('../img/svg/social-media/twitter.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.twitter.gray.svg {
    background: url('../img/svg/social-media/twitter-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.twitter.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1320px;
    background-size: 422px 2574px;
}

.soc-icon.twitter.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1980px;
    background-size: 422px 2574px;
}

.soc-icon.vimeo.svg {
    background: url('../img/svg/social-media/vimeo.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.vimeo.gray.svg {
    background: url('../img/svg/social-media/vimeo-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.vimeo.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1782px;
    background-size: 422px 2574px;
}

.soc-icon.vimeo.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2442px;
    background-size: 422px 2574px;
}

.soc-icon.www.svg {
    background: url('../img/svg/social-media/www.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.www.gray.svg {
    background: url('../img/svg/social-media/www-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.www.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1848px;
    background-size: 422px 2574px;
}

.soc-icon.www.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2508px;
    background-size: 422px 2574px;
}

.soc-icon.youtube.svg {
    background: url('../img/svg/social-media/youtube.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.youtube.gray.svg {
    background: url('../img/svg/social-media/youtube-gray.svg') no-repeat;
    background-size: 3em 3em;
}

.soc-icon.youtube.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -1716px;
    background-size: 422px 2574px;
}

.soc-icon.youtube.gray.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -2376px;
    background-size: 422px 2574px;
}

.profile-controls-block {
    background: #fff;
}

.profile-controls-block .inner {
    height: 0.88em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.profile-controls-block .inner .item {
    float: left;
    height: 0.88em;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.profile-controls-block .inner .item .item-inner {
    float: left;
    height: 0.88em;
    width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    .profile-controls-block .inner .item .item-inner a.medium {
        font-size: 0.27em;
        padding: 0.9em 0 0 0;
    }
}

.profile-controls-block .inner .item .item-inner a {
    width: 100%;
    height: 3em;
    display: block;
    padding: 1.4em 0 0 0;
}

.profile-controls-block a span.icon {
    padding: 0 0.5em 0 0;
}

.profile-controls-block a:hover span.icon {
    padding: 0 0.5em 0 0;
}

.profile-controls-block span.text {
    font-family: "ProximaNovaBold";
    color: #94a0a9;
}

span.icon.no-svg + span.text {
    padding-top: 0.1em;
}

.profile-controls-block a:hover span.text,
.profile-controls-block a.active span.text {
    color: #000;
}

.profile-controls-block .inner .item .item-inner.left {
    border-right: 1px solid #ddd;
}

/* ------------------------------- separator ------------------------------- */

.profile-controls-block a span.icon.photo.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -150px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.photo.no-svg,
.profile-controls-block a.active span.icon.photo.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -75px -150px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.photo.svg,
.profile-controls-block a.active span.icon.photo.svg {
    background: url("../img/svg/photo-solid-pink.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

/* ------------------------------- separator ------------------------------- */

.profile-controls-block a span.icon.followers.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -150px -150px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.followers.no-svg,
.profile-controls-block a.active span.icon.followers.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -225px -150px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.followers.svg,
.profile-controls-block a.active span.icon.followers.svg {
    background: url("../img/svg/followers-pink.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

/* ------------------------------- separator ------------------------------- */

.profile-controls-block a span.icon.following.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll 0 -175px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.following.no-svg,
.profile-controls-block a.active span.icon.following.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -75px -175px;
    background-size: 320px 1950px;
}

.profile-controls-block a:hover span.icon.following.svg,
.profile-controls-block a.active span.icon.following.svg {
    background: url("../img/svg/following-pink.svg") no-repeat scroll 0 0;
    background-size: 1.4em 1.4em;
}

/* ------------------------------- separator ------------------------------- */

.profile-controls-block a span.icon.likes.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -150px -175px;
    background-size: 320px 1950px;
    padding: 0 0.2em 0 0
}

.profile-controls-block a:hover span.icon.likes.no-svg,
.profile-controls-block a.active span.icon.likes.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -225px -175px;
    background-size: 320px 1950px;
    padding: 0 0.2em 0 0
}

.profile-controls-block a:hover span.icon.likes.svg,
.profile-controls-block a.active span.icon.likes.svg {
    background: url("../img/svg/like-pink.svg") no-repeat scroll 0.25em 0.1em;
    background-size: 1.25em 1.25em;
}

/* ------------------------------- separator ------------------------------- */

.upload-photo-wrapper {
    padding: 0 0 0.2em 0;
}

.upload-photo-wrapper .input-row {
    margin: 0 0.2em 0.15em 0.2em;
    line-height: 0;
    overflow: hidden;
}

.upload-photo-wrapper .control-row {
    margin: 0 0.2em;
    line-height: 0;
    overflow: hidden;
}

.upload-photo-wrapper input[type=submit].button {
    width: 100%;
}

#upload-photo {
    margin: 0;
}

#upload-photo input[type=text],
#upload-photo textarea,
#upload-photo select {
    width: 100%;
    color: #777777;
}

#upload-photo input[type=text].error,
#upload-photo textarea.error,
#upload-photo select.error {
    color: #fe0101;
}

#upload-photo input[type=text],
#upload-photo textarea,
#upload-photo select {
    font-size: 0.2em;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #upload-photo input[type=text],
    #upload-photo textarea,
    #upload-photo select {
        font-size: 0.27em;
    }
}

#upload-photo select {
    background: url('../img/png/select-arrow.png') no-repeat;
    background-position: right center;
}

#upload-photo hr {
    margin: 0.1em 0.2em;
    border: 0;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
}

.add-photo {
    background: #ef044c;
    height: 200px;
    margin: 0 0 0.3em 0;
    padding: 0.1em;
    text-align: center;
    vertical-align: middle;
}

.add-photo:hover {
    cursor: pointer;
}

#upload-photo .tags-list-wrapper {
    margin: 0.25em 0;
    background: #ddd;
    height: 0.9em;
    line-height: 0.9em;
    overflow-x: scroll;
    overflow-y: hidden;
    box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
}

#upload-photo .tags-list-wrapper .tags-list {
    margin: 0 0.2em;
    width: 12em;
}

#upload-photo .tags-list-wrapper .tags-list p {
    font-size: 0.2em;
    margin: 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #upload-photo .tags-list-wrapper .tags-list p {
        font-size: 0.27em;
    }
}

#upload-photo .form-error {
    background: #000;
    padding: 0.25em 0.2em;
}

#upload-photo .form-error p {
    font-size: 0.2em;
    font-family: "ProximaNovaRegularItalic";
    font-weight: bold;
    color: #fff;
    margin: 0;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 640px) {
    #upload-photo .form-error p {
        font-size: 0.27em;
    }
}

.add-photo .add-photo-icon {
    font-size: 0.3em;
    display: inline-block;
    margin: 1.8em 0 0 0;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 0.1em solid #fff;
}

.add-photo .add-photo-icon span {
    color: #fff;
}

.add-photo .add-photo-icon span.plus {
    font-size: 1.8em;
    line-height: 0.8em;
}

.add-photo .add-photo-icon span.label {
    font-size: 0.8em;
}

/* ------------------------------- separator ------------------------------- */

ul.browse-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.browse-menu li.menu-header {
    font-size: 0.2em;
    background: #f4f4f4;
    color: #8899a6;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.25em;
}

ul.browse-menu li.menu-item {
    font-size: 0.25em;
    min-height: 3.2em;
    position: relative;
    margin: 0 1em;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

ul.browse-menu li.menu-item a {
    display: block;
    position: absolute;
    width: 100%;
    padding: 1em 0;
    text-decoration: none;
    color: #000;
    vertical-align: middle;
    /*border-bottom: 1px solid #ddd;*/
    line-height: 1.5em;
}

ul.browse-menu li.menu-item.not-collapsed.svg,
ul.browse-menu li.menu-item.svg {
    background: url('../img/svg/arrow-gray.svg') no-repeat;
    background-position: right 1em;
    background-size: 1.5em 1.5em;
}

ul.browse-menu li.menu-item.not-collapsed.no-svg,
ul.browse-menu li.menu-item.no-svg {
    background: url('../img/png/arrow-gray.png') no-repeat;
    background-position: right 1em;
    background-size: 15px 26px;
}

ul.browse-menu li.menu-item.collapsed.svg {
    background: url('../img/svg/arrow-down-black.svg') no-repeat;
    background-position: right 1em;
    background-size: 1.5em 1.5em;
}

ul.browse-menu li.menu-item.collapsed.no-svg {
    background: url('../img/png/arrow-down-black.png') no-repeat;
    background-position: right 1.3em;
    background-size: 26px 15px;
}

ul.browse-menu li.menu-item.collapsed ul.browse-menu {
    display: none;
}

ul.browse-menu li.menu-item.not-collapsed ul.browse-menu {
    display: block;
}

ul.browse-menu li.menu-item ul.browse-menu {
    font-size: 4em;
    padding: 0.8em 0 0 0;
}

ul.browse-menu li.menu-item ul.browse-menu li.menu-item {
    margin: 0 0 0 1.6em;
}

ul.browse-menu li.menu-item ul.browse-menu li.menu-item a {
    color: #555;
}

ul.browse-menu li.menu-item span.icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
}

ul.browse-menu li.menu-item span.icon.svg {
    width: 1.3em;
    height: 1.3em;
    margin: 0 0.4em 0 0;
}

ul.browse-menu li.menu-item span.icon.no-svg {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    padding: 0 0.4em 0 0;
}

ul.browse-menu li.menu-item span.icon.popular-topic.svg {
    background: url('../img/svg/popular-topics-blue.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.popular-topic.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -522px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.featured-topics.svg {
    background: url('../img/svg/featured-topics.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.featured-topics.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -577px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.application-style.svg {
    background: url('../img/svg/application-style.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.application-style.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -632px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.tutorials.svg {
    background: url('../img/svg/tutorials.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.tutorials.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -742px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.sponsor.svg {
    background: url('../img/svg/sponsor.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.sponsor.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -687px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.popular-artists.svg {
    background: url('../img/svg/popular-artists.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.popular-artists.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -357px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.active-artists.svg {
    background: url('../img/svg/active-artists.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.active-artists.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -412px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.new-artists.svg {
    background: url('../img/svg/new-artists.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.new-artists.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -467px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.artist-with.svg {
    background: url('../img/svg/profile-pink.svg') no-repeat;
    background-size: 100% 100%;
}

ul.browse-menu li.menu-item span.icon.artist-with.no-svg {
    background: url('../img/png/sprite.png') no-repeat 0 -302px;
    background-size: 352px 2145px;
}

ul.browse-menu li.menu-item span.icon.photo-with.svg {
    background: url('../img/svg/photo-solid-pink.svg') no-repeat;
    background-size: 100% 100%;
    background-position: 0 -0.2em;
    width: 1.5em;
    height: 1.5em;
    margin: 0 0.3em 0 0;
}

ul.browse-menu li.menu-item span.icon.photo-with.no-svg {
    background: url('../img/png/sprite.png') no-repeat -90px -180px;
    background-size: 384px 2340px;
}

ul.browse-menu li.menu-item a.sponsor {
    background: url('../img/temp/sponsor.jpg') no-repeat;
    background-position: right 1.8em center;
    background-size: 4em;
}

ul.browse-menu li.menu-item a.sponsored {
    position: relative;
}

ul.browse-menu li.menu-item a.sponsored span.sponsor-logo {
    position: absolute;
    top: 0.9em;
    right: 1.4em;
}

ul.browse-menu li.menu-item a.sponsored span.sponsor-logo img {
    height: 1.6em;
}

ul.browse-menu li.menu-item a.sponsored span.sponsor-logo iframe {
    padding: 0;
    border: none;
    margin: 0;
}

#loadingOverlay {
            position:fixed;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background-color:#ffffff;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
            text-align: center;
        }


.top-menu nav ul li span {
    color: #000;
    display: block;
    font-family: "ProximaNovaRegular";
    height: 1.8em;
    font-weight: bold;
}

.photo-full-image-wrapper .info .info-block div {
    width: 100%;
    background: #ef044c;
}

.photo-full-image-wrapper .info-block div .text {
    color: #fff;
}

.photo-full-image-wrapper .info-block div .icon.like.svg {
    background: url("../img/svg/like-white.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
    color: #fff;
}

.photo-full-image-wrapper .info-block div .icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -72px -95px;
    background-size: 313px 1911px;
}

.photo-full-image-wrapper .info .info-block a.selected {
    background: #ef044c;
}

.photo-full-image-wrapper .info-block a.selected .text {
    color: #fff;
}

.photo-full-image-wrapper .info-block a.selected .icon.like.svg {
    background: url("../img/svg/like-white.svg") no-repeat scroll 0 0.2em;
    background-size: 1em 1em;
    color: #fff;
}

.photo-full-image-wrapper .info-block a.selected .icon.like.no-svg {
    background: url("../img/png/sprite.png") no-repeat scroll -72px -95px;
    background-size: 313px 1911px;
}

.fullempty {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 997;
}

.modalheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
}

.modalfooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.modal {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    overflow: auto;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 640px) {
    .modal {
        top: 62px;
    }
}

.modalwithfooter {
    position: fixed;
    top: 67px;
    bottom: 0.9em;
    left: 0;
    right: 0;
    z-index: 998;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.modaltransparent {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(204, 204, 204, 0.5);
}

#main-content .profile-main-data .profile-info .control .control-item-wrapper.full {
    width: 100%;
}

.ad-container {
    position: relative;
    padding-bottom: 25px;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.ad-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#post-share{
	list-style:none;
	margin:.5em 0;
}
#post-share li{
	float:left;
	text-align:center;
	width:33%;
    max-width: 160px;
}
#post-share li a{
	font-size: 0.2em;
	color:#555555;
	text-decoration:none;
	display:block;
}
#post-share .share-facebook{
	background: url('../img/svg/social-media/share-facebook.svg') no-repeat;
	background-size:100%;
	width:60%;
	margin:.5em auto 2.5em auto;
	padding-top:65%;
}
#post-share .share-twitter{
	background: url('../img/svg/social-media/share-twitter.svg') no-repeat;
	background-size:100%;
	width:60%;
	margin:.5em auto 2.5em auto;
	padding-top:65%;
}
#post-share .share-pinterest{
	background: url('../img/svg/social-media/share-pinterest.svg') no-repeat;
	background-size:100%;
	width:60%;
	margin:.5em auto 2.5em auto;
	padding-top:65%;
}
#post-share .share-google-plus{
	background: url('../img/svg/social-media/share-google-plus.svg') no-repeat;
	background-size:100%;
	width:60%;
	margin:.5em auto 2.5em auto;
	padding-top:65%;
}
#post-share .share-email{
	background: url('../img/svg/social-media/share-email.svg') no-repeat;
	background-size:100%;
	width:60%;
	margin:.5em auto 2.5em auto;
	padding-top:65%;
}


span.icon.tag.svg {
    background: url("../img/svg/tag-icon.svg") no-repeat;
    background-size: 100% 100%;
    width: 4.5em;
	height: 5em;
	float:left;
}
.tag{
	overflow:hidden;
	font-family: "ProximaNovaBold";
    padding: 0 0 0 1em;
	font-size: 0.2em;
	margin-top:.5em;
}
.tag .text {
	float:left;
	padding:0 !important;
	width:94%;
}
.tag .text a {
    text-decoration:none;
	color:#94a0a9;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	padding:.60em;
	margin:0 0 .25em .25em;
	display:block;
	float:left;
	font-weight:normal;
	
}

.box {
    background-color: #eee;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 300;
    height: 300px;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 20px;
    max-width: 768px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

#message-box{
	width:90%;
	margin:0.5em auto;
	padding:0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#ffffff;
	box-shadow:0 0 7px 0 #999999;
	-moz-box-shadow:0 0 7px 0 #999999;
  	-webkit-box-shadow:0 0 7px 0 #999999;
  	list-style:none;
	text-align:center;
}
#message-box li{
	border-bottom:1px solid #dddddd;
}
#message-box li:last-child{
	border:none;
}
#message-box a{
	color:#ef044c;
	text-decoration:none;
	padding:30px 0;
	display:block;
	font-size:0.3em;
}
.btn-cancel{
	color:#444444 !important;
}

a.more.svg {
    display: block;
    height: 0.25em;
    width: 0.4em;
    background: url("../img/svg/more.svg") no-repeat scroll 0 0;
    background-size: 0.4em 0.25em;
    text-decoration: none;

    /*background: url("../img/svg/more.svg") no-repeat scroll 0 0;
    background-size: 0.4em 0.22em;
    width: 0.4em;
    height: 0.22em;
    line-height: 0.22em;
    font-size: 1em;
    display: inline-block;*/
}

.morewrap {
    display: inline-block;
    height: 0.22em;
    width: 0.4em;
}



a.morenav.svg {
    display: block;
    height: 100%;
    width: 100%;
    background: url("../img/svg/settings.svg") no-repeat scroll 0 0;
    background-size: 0.4em 0.4em;
    text-decoration: none;

    /*background: url("../img/svg/more.svg") no-repeat scroll 0 0;
    background-size: 0.4em 0.22em;
    width: 0.4em;
    height: 0.22em;
    line-height: 0.22em;
    font-size: 1em;
    display: inline-block;*/
}

.morenavwrap {
    display: inline-block;
    height: 0.4em;
    width: 0.4em;
}

/**************************************
FOOTER
***************************************/
#footer-wrapper{
	overflow:hidden;
	border-top:#dddddd 1px solid;
    padding-bottom: 0.3em;
}
#footer{
    position:relative;
	overflow:hidden;
	border-top:#eeeeee 2px solid;
	text-align:center;
	padding: 0.7em 0;
	color:#999999;
    font-size: 0.19em;
}
@media (min-width: 640px) {
    #footer {
        font-size: 0.22em;
    }
}
.setting-icon {
    position: absolute;
    right: 0.5em;
    top: 0.4em;
    background: url("../img/svg/settings.svg") no-repeat;
    background-size: 100% 100%;
    width: 1.7em;
    height:1.7em;
}
.toplayer {
    z-index: 1000;
}