html, body {
    min-width: 320px;
}
.container {
    max-width: 1240px;
    width: auto;
}
.thumbs .likes {
    text-align: left;
    width: 60px;
}
.thumbs, .wrap-member-menu .thumbs {
    width: auto;
    text-align: center;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.thumbs .info {
    font-size: 0;
}
.thumbs .views, .thumbs .added, .thumbs .likes {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    font-size: 12px;
    box-sizing: border-box;
}
.thumbs .added {
    margin: 0;
    padding-left: 9px;
}
.thumbs .added:before {
    left: 0px;
}
.thumbs .likes {
    width: 60px;
}
.thumbs .added strong {
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.mobile_btn {
    font-weight: 400;
    display: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0;
    width: 45px;
    height: 45px;
    font-size: 20px;
    float: left;
    color: #fff;
    overflow: hidden;
    background: url('../images/menu.png') no-repeat 50% 50%;
    background-color: #333333;
    margin: 6px 0px;
}
.mobile_btn--right {
    float: right;
    background: url('../images/user.png') no-repeat 50% 50%;
    background-color: #333333;
}
.mobile_btn:hover {
    background-color: #353d4b;
}

.fullscreen {
    position: static;
}
.fotorama {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.fotorama__slider.loaded .fotorama {
    position: static;
    width: auto;
    height: auto;
}
.fotorama__slider.loaded .fotorama__preload {
    display: none;
}
.fotorama--fullscreen {
    height: 100.5vh !important;
}
.fotorama__slider {
    position: relative;
}
.fotorama__preload {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    margin-bottom: 160px;
}
@media screen and (max-width: 1260px) {
    .container {
        padding: 0 10px;
    }
    .categories ul {
        font-size: 0;
    }
    .categories li {
        width: 20%;
        font-size: 12px;
    }
    .categories .headline {
        height: auto;
    }
    .spots {
        font-size: 0;
        text-align: center;
    }
    .spot {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-top: 13px;
    }
    .sidebar, .sidebar2  {
        position: relative;
        z-index: 2;
    }
    .maincol, .maincol2 {
        margin-left: -260px;
        padding-left: 280px;
        float: right;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .maincol2 {
        margin-left: -180px;
        padding-left: 212px;
    }
    .gal-thumbs, .cont {
        width: auto;
        font-size: 0;
        margin: -11px 0 0 -20px;
        box-sizing: border-box;
    }
    .cont {
        margin: -10px 0 0 -32px;
    }
    .gal-thumbs a, .gal-thumbs .gal-manage, .cont a {
        width: auto;
        margin: 0;
        float: none;
        display: block;
    }
    .gal-thumbs .wrap_thumb, .cont .wrap_thumb {
        width: 14.28%;
        padding: 11px 0 0 20px;
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        box-sizing: border-box;
    }
    .gal-thumbs .img_hold, .cont .img_hold {
        position: relative;
        display: block;
    }
    .cont .wrap_thumb {
        width: 20%;
        padding: 11px 0 0 32px;
    }
    .gal-thumbs a:hover:before, .cont a:hover:before {
        display: none;
    }
    .gal-thumbs a:hover .img_hold::before, .cont a:hover .img_hold::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        border: 3px solid #eb5b4c;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gal-thumbs a img, .cont a img {
        width: 100%;
        height: auto;
    }
    .gal-thumbs .pics, .cont .info {
        bottom: 5px;
        top: auto;
    }
    .community-main {
        width: 100%;
        padding-right: 330px;
        margin-right: -320px;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    .video-spots {
        width: 320px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
    .list-members {
        width: auto;
        text-align: center;
        font-size: 0;
    }
    .member {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
    }
    .member .wrap {
        text-align: left;
    }
    .header {
        padding: 0 10px;
        margin: 0 -10px;
    }
    .wrap_video {
        display: table;
        width: 100%;
    }
    .wrap_album .video-side {
        display: none;
    }
    .wrap_album .video-main {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .wrap_video .video-side {
        display: table-footer-group;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .wrap_video .video-main {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .wrap_video .video-player, .wrap_album .video-player {
        float: left;
        width: 100%;
        padding-right: 330px;
        margin-right: -320px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .wrap_video .video-spots, .wrap_album .video-spots {
        width: 320px;
    }
    .player > div {
        width: 100% !important;
        height: auto !important;
    }
    .video-side .thumbs a {
        display: inline-block;
    }
    .fc-leftside {
        margin: auto;
        float: none;
    }
    .prof-side {
        display: none;
    }
    .prof-main {
        width: auto;
    }
    .categories li .txt {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 50px;
        width: auto;
    }
    .categories li {
        /* margin: -1px; */
        /* border: 1px solid rgba(53,61,75,.25); */
        /* padding-bottom: 0; */
    }
    /* .drop.categories li {
        border: 0;
    } */
    .list a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
    }
    .list a span {
        float: none;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 2px;
    }
    .inner-main {
        width: 100%;
        padding-right: 310px;
        margin-right: -300px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .search_result .pull_right {
        width: 100%;
        padding-left: 260px;
        margin-left: -240px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .search_result .thumbs, .wrap-member-menu .gal-thumbs{
        width: auto;
    }
}
@media screen and (max-width: 1220px) {
    * {
        box-sizing: border-box;
    }
    .header {
        height: auto;
        padding: 20px 10px;
    }
    .main-nav>ul {
        float: none;
        display: table;
        width: 100%;
        position: relative;
        z-index: 1;
    }
    .header .logo {
        margin: auto;
        display: block;
        float: none;
    }
    .main-nav>ul>li {
        display: table-cell;
        float: none;
    }
    .main-nav>ul>li>a, .main-nav>ul>li>span {
        display: block;
        text-align: center;
        float: none;
        font-size: 13px;
    }
    .top-nav {
        text-align: center;
        padding: 20px 0;
    }
    .search {
        float: none;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: 20px;
    }
    .search .text {
        width: 100%;
        height: 50px;
        padding: 0 50px 0 10px;
    }
    .search .submit {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 11;
    }
    .main-nav {
        height: auto;
    }
    .pagination a, .pagination span {
        min-width: 44px;
    }
    .sidebar, .maincol {
        float: none;
        width: 100%;
    }
    .sidebar .list li {
        width: 20%;
    }
    .maincol {
        padding: 0;
        margin: 0;
    }
    .cont .wrap_thumb {
        width: 25%;
    }
    .model-ava img {
        display: block;
        width: 100%;
    }
    .model-ava {
        height: 237px;
    }
    .form-comment textarea {
        width: 100% !important;
    }
    .form-comment .text {
        height: 37px;
        width: 100%;
    }
    .form-comment .submit {
        float: none;
        margin: 10px 0 0;
    }
    .field {
        height: 38px;
        margin: 0;
    }
    .member_menu .avatar img {
        width: 188px;
        margin: auto;
    }
    .wrsleectfield, .wrfield {
        padding: 0;
    }
    .selectArea.castomselect {
        height: 38px;
        width: 100% !important;
        margin-right: 0;
        margin-left: 0;
    }
    .dateselects .selectArea.castomselect {
        width: 100% !important;
        margin: 10px 0 0;
    }
    .main-nav>ul {
        z-index: 12;
    }
    .members-form input.text {
        height: 37px;
    }
}
@media screen and (max-width: 1100px) {
    .wrap_video .video-player, .wrap_album .video-player {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .wrap_video .video-spots, .wrap_album .video-spots {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .video-spots .spot:first-child {
        margin-top: 10px;
    }
    .video-spots .spot {
        margin-left: 10px;
    }
}
@media screen and (max-width: 991px) {
    .headline h2, .headline h1 {
        float: none;
        text-align: center;
        margin: 0 0 10px;
    }
    .categories li {
        width: 25%;
    }
    .footer .logo {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }
    .footer-nav {
        text-align: center;
    }
    .footer-txt {
        text-align: center;
        margin-top: 20px;
    }
    .sidebar .list li {
        width: 33.333%;
    }
    .gal-thumbs .wrap_thumb {
        width: 20%;
    }
    .sidebar2, .maincol2 {
        float: none;
        width: 100%;
    }
    .sidebar2 .list li {
        width: 20%;
    }
    .maincol2 {
        padding: 0;
        margin: 0;
    }
    .community-main, .video-spots {
        float: none;
        width: 100%;
    }
    .community-main {
        padding: 0;
        margin: 0;
    }
    .video-spots {
        text-align: center;
    }
    .video-spots .spot {
        display: none;
    }
    .video-spots .spot, .video-spots .spot:first-child {
        margin: 10px 0 0 10px;
    }
    .video-spots .spot:first-child {
        display: inline-block;
    }
    .headline h2, .headline h1 {
        white-space: normal;
    }
    .fc-leftside {
        width: auto;
    }
    .inner-main {
        margin: 0;
        padding: 0;
        float: none;
    }
    .inner-side {
        width: 100%;
        float: none;
    }
    .top10 {
        font-size: 0;
    }
    .top10 .member {
        width: 50%;
        display: inline-block !important;
    }
    .search_result .pull_right {
        padding: 0;
        margin: 0;
        float: none;
    }
    .search_result .pull_left {
        padding: 0;
        margin: 0;
        float: none;
        width: 100%;
    }
    .filter_form {
        font-size: 0;
        text-align: center;
    }
    .filter_form > div {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        text-align: left;
    }
    .sort-holder {
        font-size: 0;
        text-align: center;
        text-align: left;
    }
    .sort-holder > div {
        display: inline-block;
        vertical-align: top;
    }
    .thumb-spot {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }
    .sidebar_hide {
        display: none;
    }
    .footer-nav li {
        margin-top: 10px;
        display: inline-block;
    }
}
@media screen and (max-width: 767px) {
    .header {
        padding: 10px;
    }
    .mobile_btn {
        display: block;
    }
    .top-nav {
        padding: 0;
    }
    .top-nav ul {
        padding: 10px 0;
        margin: -10px 0 0;
    }
    .top-nav li {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }
    .search {
        margin: 10px 0 0;
    }
    .search .text {
        height: 40px;
        font-size: 14px;
    }
    .search .submit {
        width: 40px;
        height: 40px;
    }
    .main-nav>ul, .main-nav>ul>li {
        display: block;
    }
    .collapse, .main-nav>ul.collapse {
        display: none;
    }
    .collapse.in, .main-nav>ul.collapse.in {
        display: block;
    }
    tr.collapse.in {
        display: table-row;
    }
    tbody.collapse.in {
        display: table-row-group;
    }
    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
             transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
             transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
             transition-timing-function: ease;
    }
    .main-nav>ul>li {
        border-bottom: 1px solid rgba(53, 61, 75, 0.23);
    }
    .main-nav>ul>li:last-child {
        border: 0;
    }
    .main-nav .drop, .main-nav .drop.categories {
        position: static;
        box-shadow: none;
    }
    .drop.categories ul {
        font-size: 0;
    }
    .categories li {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    .total-count {
        float: none;
        text-align: center;
        padding-bottom: 7px;
        display: block;
    }
    .sort {
        float: none;
        text-align: center;
        overflow: auto;
    }
    .sort b {
        float: none;
        display: inline-block;
        margin: 0;
    }
    .sort ul {
        float: none;
        display: table;
        width: 100%;
    }
    .sort li {
        display: table-cell;
        white-space: nowrap;
        float: none;
    }
    .sort li a, .sort li span {
        font-size: 11px;
        float: none;
        display: block;
        padding: 0 10px;
    }

    .categories li {
        width: 33.333%;
    }
    .headline h2, .headline h1 {
        margin: 0;
    }
    .gal-thumbs .wrap_thumb {
        width: 25%;
    }
    .sidebar2 .list li {
        width: 25%;
    }
    .cont .wrap_thumb {
        width: 33.333%;
    }
    .cont {
        margin: -10px 0 0 -10px;
    }
    .gal-thumbs {
        margin-left: -10px;
    }
    .gal-thumbs .wrap_thumb, .cont .wrap_thumb {
        padding-left: 10px;
    }
    .info-bar {
        text-align: center;
        padding: 10px;
    }
    .info-bar .rating {
        float: none;
        width: 100%;
        display: inline-block;
    }
    .info-bar .table {
        display: block;
        font-size: 0;
        width: 100%;
    }
    .info-bar .video-info, .info-bar .video-viewed, .info-bar .socials {
        display: inline-block;
        vertical-align: middle;
        width: 33.333%;
        border: 0;
    }
    .info-bar .favorites, .info-bar .embed {
        display: inline-block;
        vertical-align: top;
        float: none;
        border: 0;
    }
    .feedback {
        width: 100%;
    }
    .fotorama__nav-wrap {
        display: none;
    }
    .fotorama__preload {
        margin: 0;
    }
}
@media screen and (max-width: 640px) {
    .thumbs .info, .thumbs a:hover .info, .thumbs em  {
        display: none;
    }
    .thumbs a, .thumbs .thumb {
        width: 145px;
    }
    .wrap-member-menu .thumbs {
        margin: -10px 0 0 -7px;
    }
    .wrap-member-menu .thumbs a {
        margin: 10px 7px 0 0;
    }
    .thumbs img {
        width: 145px;
        height: 110px;
    }
    .thumbs .sprotation {
        height: 110px;
        width: 145px;
    }
    .categories li {
        width: 50%;
    }
    .categories .headline {
        background-image: none;
    }
    .sidebar .list li {
        width: 50%;
    }
    .gal-thumbs .wrap_thumb {
        width: 33.333%;
    }
    .sidebar2 .list li {
        width: 33.333%;
    }
    .cont {
        margin: -10px 0 0 -10px;;
    }
    .cont .wrap_thumb {
        width: 50%;
        padding: 10px 0 0 10px;
    }
    .video-spots {
        /* margin: -10px 0 0; */
        padding: 0;
    }
    .video-spots .spot, .video-spots .spot:first-child {
       margin: 10px 0 0;
    }
    .model-ava {
        float: none;
        display: block;
        margin: 10px auto;
    }
    .wrap_video {
        display: block;
    }
    .wrap_video .video-side {
        display: none;
    }
    .fc-leftside {
        width: auto;
    }
    .ml152 {
        margin: 10px 0 0;
    }
    .fc-line-title {
        display: block;
        width: 100%;
        margin: 10px 0 10px;
        text-align: left;
        float: none;
    }
    .sr-membermenu {
        float: none;
        width: 100%;
    }
    .filter_form > div, .sort-holder > div {
        width: 100%;
    }
}
@media screen and (max-width: 380px) {
    .header .logo {
        width: 100%;
        max-width: 206px;
        background-size: contain;
        height: 0;
        padding-bottom: 17%;
        background-position: 50%;
    }
    .logo a {
        height: auto;
    }
    .mobile_btn {
        margin: 0;
    }
    .categories li {
        width: 100%;
    }
    .gal-thumbs .wrap_thumb {
        width: 50%;
    }
    .sidebar2 .list li {
        width: 100%;
    }
    .profile p, .profile p:nth-child(2n) {
        width: 100%;
        text-align: center;
    }
    .sidebar .list li {
        width: 100%;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
}
.mfp-wrap * {
    box-sizing: border-box;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  padding: 45px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mfp-content {
  position: relative;
  margin: auto;
  text-align: left;
  width: 100%;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding: 10px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 700px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 90%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding: 25px;
  }
}

.mfp-zoom-out .mfp-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  z-index: -1;
}

.mfp-zoom-out .mfp-preloader::after,
.mfp-zoom-out .mfp-preloader::before {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  content: '';
}

.mfp-zoom-out .mfp-preloader::before {
  background: #fb870b;
  height: 16px;
  width: 16px;
  top: 9px;
  left: 9px;
  -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

.mfp-zoom-out .mfp-preloader::after {
  width: 34px;
  height: 34px;
  background: 0 0;
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.4) transparent;
  -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

/*====== Zoom-out effect ======*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-out .mfp-with-anim, .mfp-zoom-out .mfp-iframe-scaler {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim, .mfp-zoom-out.mfp-ready .mfp-iframe-scaler {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim, .mfp-zoom-out.mfp-removing .mfp-iframe-scaler {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  .mfp-iframe-scaler {
    padding-top: 160%;
  }
}

.modal {
  max-width: 850px;
  margin: 0 auto;
}

.modal__dialog {
  background-color: #fff;
  overflow: hidden;
  padding: 40px;
}

@media screen and (max-width: 767px) {
  .modal__dialog {
    padding: 15px;
  }
}

.modal__content {
  width: 100%;
}

.shareContainer h1 {
    font-size: 1.71429em;
    line-height: 1.16667em;
    letter-spacing: 0.035em;
    color: #475055;
}

.shareContainer .panel {
    color: #475055;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.shareContainer .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #475055;
}


.shareContainer .shares {
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    max-height: 70%;
    margin: 20px 0 0;
}

.shareContainer .shares ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    display: block;
}

.shareContainer .shares li {
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin: 0 1.42857em 2.85714em 0;
    float: left;
}

.shareContainer .shares li:hover {
    background-color: #353d4b;
    color: #fff;
}

.shareContainer .shares li .icon {
    float: left;
}

.shareContainer .shares li .label {
    margin-left: 1.42857em;
    min-width: 7.14286em;
    line-height: 33px;
    vertical-align: baseline;
    float: left;
}

@media screen and (max-width: 640px), screen and (max-height: 500px) {
    .shareContainer .panel {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0;
    }
    .shareContainer .close {
        top: 10px;
        right: 10px;
    }
}

/* shares */
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px 33px;
    width: 33px;
    height: 33px;
}

.icon-close {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjgzLjggNDEwLjEgMjEuMiAyMS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yODMuOCA0MTAuMSAyMS4yIDIxLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBwb2ludHM9Ii0yNjIuNSw0MTEuNiAtMjY0LDQxMC4xIC0yNzMuMSw0MTkuMyAtMjgyLjMsNDEwLjEgLTI4My44LDQxMS42IC0yNzQuNiw0MjAuNyAtMjgzLjgsNDI5LjkgLTI4Mi4zLDQzMS40IC0yNzMuMSw0MjIuMiAtMjY0LDQzMS40IC0yNjIuNSw0MjkuOSAtMjcxLjcsNDIwLjcgIi8+PC9zdmc+');
}

.icon-share-wechat {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cpath%20fill%3D%22%239DE60B%22%20d%3D%22M18.6%205.2c-3.2-1.8-7.2-2.1-10.7-.8-2.3.8-4.4%202.4-5.6%204.4-1.2%201.9-1.6%204.2-1%206.3.6%202.4%202.2%204.4%204.2%205.7-.4%201.1-.7%202.2-1.1%203.3%201.3-.7%202.5-1.3%203.8-2%201.5.5%203.1.7%204.7.7-.4-1.2-.5-2.5-.3-3.8.3-1.8%201.3-3.4%202.6-4.6%202.2-2.1%205.4-3%208.4-2.8-.6-2.7-2.6-5-5-6.4zm-8.6%205c-.2%201.1-1.7%201.6-2.5.9-1-.7-.7-2.4.4-2.7%201.1-.5%202.4.7%202.1%201.8zm7.8-.3c0%201.2-1.6%202-2.6%201.2-1-.7-.7-2.4.4-2.7%201.1-.4%202.3.4%202.2%201.5z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M31.4%2017.5c-.8-1.8-2.3-3.2-4-4.1-3-1.5-6.8-1.5-9.9%200-2.1%201.1-3.9%203-4.4%205.4-.4%201.7%200%203.6.9%205.1%201.4%202.3%203.8%203.7%206.4%204.2%201.9.4%203.8.2%205.6-.4%201.1.4%202.1%201.1%203.1%201.6l-.9-2.7c1.2-.8%202.3-1.9%202.9-3.2%201.1-1.8%201.2-4.1.3-5.9zm-10.6.6c-.3.8-1.5%201.1-2.1.5-.7-.6-.4-1.8.5-2.1.9-.4%202%20.7%201.6%201.6zm6.2.2c-.3.8-1.5.9-2%20.3-.3-.2-.3-.6-.4-.9.1-.6.5-1.2%201.2-1.2.9-.2%201.7.9%201.2%201.8z%22%2F%3E%3C%2Fsvg%3E');
}

.icon-share-whatsapp {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%227%20-6%2033%2033%22%3E%3Cstyle%3E.st0%7Bfill%3Aurl%28%23SVGID_1_%29%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22SVGID_1_%22%20x1%3D%2223.5%22%20x2%3D%2223.5%22%20y1%3D%22-6%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355F473%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2308B825%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%20x%3D%227%22%20y%3D%22-6%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M23.7-2c-6.8%200-12.3%205.5-12.3%2012.2%200%202.3.6%204.5%201.8%206.3L11%2023l6.8-2.2c1.8%201%203.8%201.5%205.9%201.5%206.8%200%2012.3-5.5%2012.3-12.2C36%203.5%2030.5-2%2023.7-2zm0%2022.4c-2.1%200-4-.6-5.7-1.7L14%2020l1.3-3.8c-1.2-1.7-2-3.8-2-6C13.3%204.6%2017.9%200%2023.6%200%2029.4-.1%2034%204.5%2034%2010.2c0%205.6-4.6%2010.2-10.3%2010.2z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M20.8%205.1c-.2-.5-.4-.5-.7-.5h-.3c-.4%200-.8.1-1.1.4-.3.3-1.1%201-1.1%202.5s1.1%202.9%201.2%203.1c.2.2%202.1%203.3%205.1%204.5%202.4%201%203.1.9%203.6.8.8-.2%201.8-.7%202-1.4.3-.7.3-1.3.2-1.4-.1-.1-.3-.2-.6-.3-.3-.1-1.8-.9-2.1-1-.3-.1-.5-.1-.7.2-.3.4-.6.8-.8%201.1-.2.2-.5.2-.7.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3%200-.5.1-.6.2-.2.3-.3.4-.5.2-.2.2-.3.3-.5.1-.2%200-.4%200-.6.2-.2-.4-1.7-.7-2.3z%22%20class%3D%22st1%22%2F%3E%3C%2Fsvg%3E');
}

.icon-share-facebook {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22%2335528F%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.77%2033V20.22h4.29l.64-4.98h-4.93v-3.18c0-1.44.4-2.424%202.467-2.424h2.637V5.18c-.456-.06-2.022-.196-3.843-.196-3.8%200-6.405%202.32-6.405%206.583v3.673h-4.3v4.98h4.3V33h5.144z%22%2F%3E%3C%2Fsvg%3E');
}

.icon-share-twitter {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cpath%20fill%3D%22%232AA9E0%22%20d%3D%22M33%205.356c-1.214.538-2.52.902-3.888%201.066%201.398-.838%202.47-2.165%202.977-3.746-1.31.776-2.758%201.34-4.3%201.643-1.235-1.317-2.995-2.14-4.942-2.14-3.74%200-6.77%203.032-6.77%206.77%200%20.532.06%201.048.175%201.544-5.628-.282-10.616-2.977-13.956-7.073-.583%201-.917%202.164-.917%203.405%200%202.35%201.195%204.42%203.012%205.635-1.11-.035-2.154-.34-3.067-.847v.085c0%203.28%202.333%206.016%205.43%206.64-.568.154-1.166.236-1.784.236-.435%200-.86-.043-1.273-.12.862%202.69%203.362%204.646%206.325%204.7-2.317%201.817-5.236%202.9-8.408%202.9-.546%200-1.085-.033-1.615-.096C2.995%2027.878%206.554%2029%2010.377%2029%2022.83%2029%2029.64%2018.684%2029.64%209.737c0-.294-.006-.585-.02-.876%201.325-.954%202.472-2.146%203.38-3.504z%22%2F%3E%3C%2Fsvg%3E');
}

.icon-share-qq {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cpath%20fill%3D%22%233580C2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.54%2016.654c-.14-.456-.667-.737-.702-1.052-.035-.316-.35-.877-.386-1.193-.035-.317-.56-1.966-.807-2.527-.245-.56-1.578-1.473-2.244-1.58-.665-.104-1.507-.14-1.682-.14-.175%200-.526.036-.807.176-.28.14-.876.385-1.086.63-.21.247-.105.562-.35.878-.246.316-.562.702-.772.982-.21.28-.386.49-.56.912-.176.42-.352.737-.352.947%200%20.21-.175.174-.035.595.14.42%200%20.596-.035.772-.035.175-.105.456-.316.667-.21.21-.56.56-.7.667s-.317.492-.246.703c.07.21-.035.596.35.737.387.14%201.333.246%201.474.246.14%200%20.21.035.456.175.245.14.28.352.175.562-.105.21-.105.246-.386.49-.28.247-.56.527-.56.527s-.457.28-.106.49c.352.21.772.175%201.053.21s1.438.14%201.578.14h.737l.912-.49s-.135-.317.07-.317c.63%200%201.086.105%201.086.246s-.035.28.21.385c.245.105.526.035.842.07.316.035.736.035.947%200%20.21-.035.842-.07.842-.07l.596-.246.07-.247s.035-.21-.245-.42c-.28-.212-.456-.492-.63-.597-.176-.105-.21-.386-.21-.386l.42-.246.386-.596s.28-.246.456-.175c.175.07%201.052-.07%201.052-.07s-.353-1.403-.493-1.86z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23FD1E16%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.783%2022.618c-12.624%2011.577-21.145-.456-21.145-.456%209.433%2018.243%2022.828%205.754%2024.44%204.56%202.526-5.682-3.295-4.104-3.295-4.104z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23FFF506%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.776%202.097C-1.7.525%201.876%2018.487%202.042%2020.487c3.506%205.136%205.225-.646%205.225-.646C4.06%203.017%2018.777%202.098%2018.777%202.098z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2343A828%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.688%202.438c-6.868-.94-3.006%204.313-2.19%204.787%2016.01%206.09%209.078%2019.102%209.078%2019.102C37.962%2010.235%2022.4%202.672%2020.688%202.437z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}

.icon-share-tumblr {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23314358%22%20d%3D%22M.24.167h255.52v256H.24z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M168.08%20170.918c-2.97%201.416-8.647%202.648-12.88%202.754-12.784.342-15.265-8.98-15.368-15.736V108.23h32.065V84.056h-31.954V43.382H116.56c-.385%200-1.057.337-1.152%201.192-1.368%2012.448-7.192%2034.296-31.416%2043.032v20.624h16.16v52.167c0%2017.863%2013.176%2043.24%2047.96%2042.64%2011.735-.2%2024.77-5.112%2027.647-9.353l-7.68-22.766%22%2F%3E%3C%2Fsvg%3E');
}


.icon-share-google {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22%23DE4A32%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.632%207.348h-5.208c-.69%200-1.432.08-2.22.242-.8.187-1.568.587-2.31%201.2C8.818%209.834%208.28%2011%208.28%2012.282c0%201.063.38%201.994%201.14%202.793.728.86%201.784%201.297%203.17%201.313.263%200%20.542-.018.838-.052-.05.137-.102.286-.16.45-.064.153-.097.345-.097.576%200%20.385.085.714.256.987.147.283.314.548.502.796-.608.017-1.37.093-2.29.23-.928.16-1.814.483-2.658.967-.75.45-1.27.97-1.556%201.566-.295.593-.443%201.132-.443%201.616%200%20.993.455%201.846%201.363%202.56.9.763%202.26%201.153%204.085%201.17%202.18-.034%203.846-.557%205.002-1.57%201.114-.977%201.67-2.1%201.67-3.366-.015-.893-.218-1.616-.608-2.168-.414-.544-.895-1.04-1.444-1.492l-.883-.727c-.127-.128-.26-.276-.394-.446-.158-.18-.238-.404-.238-.676%200-.28.078-.526.233-.74.132-.203.275-.386.43-.547.27-.238.528-.472.768-.7.217-.23.423-.48.617-.754.396-.562.6-1.31.617-2.246%200-.51-.057-.957-.172-1.34-.14-.382-.298-.713-.478-.994-.188-.298-.38-.548-.577-.753-.204-.195-.388-.344-.552-.446h1.606l1.608-.942zm-2.855%2014.26c.43.492.647%201.07.647%201.734%200%20.816-.315%201.484-.945%202.003-.648.527-1.585.8-2.812.816-1.368-.016-2.446-.322-3.234-.917-.83-.596-1.244-1.353-1.244-2.27%200-.47.095-.868.286-1.2.166-.315.37-.578.61-.79.248-.205.492-.362.733-.473.24-.102.426-.18.56-.23.563-.17%201.114-.293%201.653-.37.547-.05.887-.068%201.02-.05.224%200%20.42.007.584.024.97.68%201.684%201.255%202.14%201.723zm-.845-7.694c-.063.35-.205.69-.425%201.022-.457.47-1.028.716-1.714.74-.543%200-1.025-.165-1.447-.497-.422-.333-.766-.738-1.033-1.215-.55-1.022-.827-2.007-.827-2.952-.017-.715.172-1.363.566-1.942.468-.553%201.055-.838%201.76-.855.534.017%201.005.175%201.416.473.402.315.726.724.972%201.227.525%201.048.788%202.087.788%203.118%200%20.238-.02.532-.056.88zm11.824%201.584v-.014h-2.74v-2.792h-1.602v2.792h-2.756v1.558h.017v.06h2.74v2.738h1.602V17.1h2.806V15.5h-.067z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}


.icon-share-reddit {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22256%22%20height%3D%22256%22%20version%3D%221%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22b%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix(-.59146%200%200%20.59146%20210.022%20142.232)%22%20x1%3D%22-344.153%22%20y1%3D%22274.711%22%20x2%3D%22-395.849%22%20y2%3D%22425.4%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-373.642%20-318.344)%22%3E%3Crect%20transform%3D%22scale(-1%201)%22%20ry%3D%2235.488%22%20rx%3D%2235.488%22%20y%3D%22328.849%22%20x%3D%22-619.146%22%20height%3D%22234.99%22%20width%3D%22235.008%22%20fill%3D%22%236bc1ff%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.5%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%220.5%2C1%22%2F%3E%3Cpath%20d%3D%22M557.057%20338.895h-110.83c-29.337%200-52.954%2023.81-52.954%2053.385v108.128c.95%2023.086%204.602%208.49%2011.555-17.075%208.08-29.713%2034.396-55.683%2066.444-75.146%2024.462-14.855%2051.84-24.34%20101.68-25.243%2028.265-.512%2025.77-36.683-15.895-44.05z%22%20fill%3D%22url(%23b)%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M369.286%20125.286c0%2013.807-10.713%2025-23.93%2025-13.214%200-23.927-11.193-23.927-25s10.71-25%2023.926-25c13.216%200%2023.93%2011.193%2023.93%2025z%22%20transform%3D%22matrix(.86567%200%200%20.8665%20122.324%20335.304)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%229.237%22%2F%3E%3Cpath%20d%3D%22M369.286%20125.286c0%2013.807-10.713%2025-23.93%2025-13.214%200-23.927-11.193-23.927-25s10.71-25%2023.926-25c13.216%200%2023.93%2011.193%2023.93%2025z%22%20transform%3D%22matrix(.86567%200%200%20.8665%20278.038%20335.784)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%229.237%22%2F%3E%3Cpath%20d%3D%22M555.575%20385.773c-15.654-6.425-31.604-14.038-43.57-5.715-13.858%206.38-13.197%2027.28-12.144%2048.572%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%2F%3E%3Cpath%20d%3D%22M497.857%20154.214c0%2032.15-36.936%2058.215-82.5%2058.215-45.563%200-82.5-26.066-82.5-58.217%200-32.15%2036.937-58.214%2082.5-58.214%2045.564%200%2082.5%2026.062%2082.5%2058.213z%22%20transform%3D%22matrix(1.036%200%200%201.0368%2069.27%20315.525)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%227.719%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M583.432%20388.987c0%2010.848-8.154%2019.643-18.214%2019.643-10.06%200-18.214-8.795-18.214-19.643%200-10.85%208.155-19.643%2018.214-19.643%2010.06%200%2018.214%208.794%2018.214%2019.643z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M476.41%20463.273c0%206.903-5.465%2012.5-12.204%2012.5-6.74%200-12.202-5.597-12.202-12.5%200-6.904%205.463-12.5%2012.202-12.5%206.74%200%2012.203%205.596%2012.203%2012.5zm63.51-1.073c0%206.905-5.463%2012.5-12.202%2012.5-6.74%200-12.202-5.595-12.202-12.5%200-6.902%205.463-12.5%2012.202-12.5%206.74%200%2012.202%205.598%2012.202%2012.5z%22%20fill%3D%22red%22%2F%3E%3Cpath%20d%3D%22M463.432%20496.487c27.11%2019.15%2047.543%2011.6%2067.143.714%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.icon-share-kakao {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23FFE812%22%20d%3D%22M256%20236c0%2011.046-8.954%2020-20%2020H20c-11.046%200-20-8.954-20-20V20C0%208.954%208.954%200%2020%200h216c11.046%200%2020%208.954%2020%2020v216z%22%2F%3E%3Cpath%20d%3D%22M128%2036C70.562%2036%2024%2072.713%2024%20118c0%2029.28%2019.466%2054.97%2048.748%2069.477-1.593%205.494-10.237%2035.344-10.58%2037.69%200%200-.208%201.76.933%202.433s2.484.15%202.484.15c3.272-.457%2037.943-24.81%2043.944-29.04%205.995.85%2012.168%201.29%2018.472%201.29%2057.438%200%20104-36.712%20104-82%200-45.287-46.562-82-104-82z%22%2F%3E%3Cpath%20fill%3D%22%23FFE812%22%20d%3D%22M70.5%20146.625c-3.31%200-6-2.57-6-5.73V105.25h-9.362c-3.247%200-5.888-2.636-5.888-5.875s2.642-5.875%205.888-5.875h30.724c3.247%200%205.888%202.636%205.888%205.875s-2.642%205.875-5.888%205.875H76.5v35.645c0%203.16-2.69%205.73-6%205.73zM123.112%20146.547c-2.502%200-4.416-1.016-4.993-2.65l-2.972-7.778-18.296-.002-2.973%207.783c-.576%201.632-2.49%202.647-4.99%202.647-1.322%200-2.642-.286-3.815-.828-1.654-.764-3.244-2.862-1.422-8.52l14.352-37.777c1.01-2.873%204.082-5.833%207.99-5.922%203.92.09%206.99%203.05%208.003%205.93l14.346%2037.758c1.826%205.672.236%207.77-1.418%208.532-1.175.54-2.493.827-3.814.827zm-11.12-21.056L106%20108.467l-5.993%2017.025h11.986zM138%20145.75c-3.17%200-5.75-2.468-5.75-5.5V99.5c0-3.31%202.748-6%206.125-6s6.125%202.69%206.125%206v35.25h12.75c3.17%200%205.75%202.468%205.75%205.5s-2.58%205.5-5.75%205.5H138zM171.334%20146.547c-3.31%200-6-2.69-6-6V99.5c0-3.31%202.69-6%206-6s6%202.69%206%206v12.896l16.74-16.74c.86-.86%202.044-1.335%203.328-1.335%201.498%200%203.002.647%204.13%201.773%201.05%201.05%201.677%202.4%201.763%203.804.087%201.415-.384%202.712-1.324%203.653L188.3%20117.22l14.77%2019.567c.965%201.28%201.374%202.857%201.15%204.445-.22%201.588-1.048%202.992-2.327%203.957-1.05.792-2.296%201.21-3.608%201.21-1.902%200-3.648-.868-4.793-2.385l-14.072-18.644-2.082%202.083v13.09c-.002%203.312-2.693%206.004-6.002%206.004z%22%2F%3E%3C%2Fsvg%3E');
}