.search .slide .tags:after, .search .slide ul:after, .nav-bar:after, #main:after, .main-holder:after, .page:after, .columns:after, .open-share .social-network:after, .breadcrumbs:after, .blog-holder:after, .cycle-gallery-box .share:after, .cycle-gallery-box .share .social-network:after, .single-gallery .top-holder:after, .fifteen-gallery .top-holder:after, .single-gallery-for-switching .top-holder:after, .tags:after, .list-holder .blog-list:after {
  content: " ";
  display: block;
  clear: both; }

.search .slide ul, .share-and-win-sub-nav #nav ul, .share-and-win-sub-nav nav ul, #nav ul.category, .logos, .accordion, .accordion .slide ul, .columns ol, .open-share .social-network, .breadcrumbs, .girl-block ul, .nav ul, .blog-holder > ul, .user-link, .cycle-gallery-box .pagination ul, .cycle-gallery-box .share .social-network, .tags, .list-holder .blog-list, .list-horoscope {
  margin: 0;
  padding: 0;
  list-style: none; }

.full-width {
  padding-left: 9999px;
  padding-right: 9999px;
  margin-left: -9999px;
  margin-right: -9999px; }

a {
  transition: all .3s ease; }

.like {
  width: 200px; }

.btn {
  display: inline-block;
  background: #e70094;
  color: #fff;
  padding: 6px 8px; }
  .btn:hover {
    background: #e91851; }

.cosmogirl-inner-girl {
  color: #99cc33; }

.cosmogirl-fashion {
  color: #3dcecf; }

.cosmogirl-beauty {
  color: #ff0d9e; }

.cosmogirl-love {
  color: #ff9e9f; }

.cosmogirl-blog {
  color: #fd4f0a; }

.cosmogirl-cosmo-tv {
  color: #999; }

.SansPro {
  font-family: 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif; }

.search-layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: all 0.3s linear; }
  .search-layer .cross span {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 35px; }
    .search-layer .cross span, .search-layer .cross span::after {
      display: block;
      background: white;
      border-radius: 4px;
      position: relative;
      top: 29px;
      height: 2px; }

/* ---------------------------------------------------------
   1. General reset
   ---------------------------------------------------------*/
/* remove default margin and padding for all tags */
html {
  box-sizing: border-box;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0;
  color: #000;
  background: #fff;
  font: 18px/1.25 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  height: 100%;
  overflow-x: hidden; }

* {
  max-height: 1000000px; }

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

img {
  border-style: none;
  vertical-align: top; }

/* styles for default page links */
a {
  text-decoration: none;
  color: #333;
  /* &:hover{
        text-decoration:underline;
    } */ }

/* set typography styles for common tags */
input, textarea, select {
  font: 100% 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
  color: #333;
  vertical-align: middle; }

form, fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

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

button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  cursor: pointer; }

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  margin: 0;
  padding: 4px 7px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #c3c3c3; }
  input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    border-color: #767676;
    outline: none; }

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

input[type="checkbox"], input[type="radio"] {
  padding: 0; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  margin: 0 0 1.2em; }

p {
  margin: 0 0 1.2em; }

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

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

@font-face {
  font-family: 'brandon';
  src: url('brandon_light-webfont.eot');
  src: url('brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_light-webfont.woff2') format('woff2'), url('brandon_light-webfont.woff') format('woff'), url('brandon_light-webfont.ttf') format('truetype'), url('brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'brandon';
  src: url('brandon_reg-webfont.eot');
  src: url('brandon_reg-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_reg-webfont.woff2') format('woff2'), url('brandon_reg-webfont.woff') format('woff'), url('brandon_reg-webfont.ttf') format('truetype'), url('brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon';
  src: url('brandon_light_it-webfont.eot');
  src: url('brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_light_it-webfont.woff2') format('woff2'), url('brandon_light_it-webfont.woff') format('woff'), url('brandon_light_it-webfont.ttf') format('truetype'), url('brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg');
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'brandon';
  src: url('brandon_bld-webfont.eot');
  src: url('brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_bld-webfont.woff2') format('woff2'), url('brandon_bld-webfont.woff') format('woff'), url('brandon_bld-webfont.ttf') format('truetype'), url('brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'brandon';
  src: url('brandon_bld_it-webfont.eot');
  src: url('brandon_bld_it-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_bld_it-webfont.woff2') format('woff2'), url('brandon_bld_it-webfont.woff') format('woff'), url('brandon_bld_it-webfont.ttf') format('truetype'), url('brandon_bld_it-webfont.svg#brandon_grotesquebold_italic') format('svg');
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'brandon_grotesqueblack';
  src: url('brandon_blk-webfont.eot');
  src: url('brandon_blk-webfont.eot?#iefix') format('embedded-opentype'), url('brandon_blk-webfont.woff2') format('woff2'), url('brandon_blk-webfont.woff') format('woff'), url('brandon_blk-webfont.ttf') format('truetype'), url('brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url('../../fonts/icomoon.eot?-n9gqon');
  src: url('../../fonts/icomoon.eot?#iefix-n9gqon') format('embedded-opentype'), url('../../fonts/icomoon.woff?-n9gqon') format('woff'), url('../../fonts/icomoon.ttf?-n9gqon') format('truetype'), url('../../fonts/icomoon.svg?-n9gqon#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SansProSemibold';
  src: url('../../fonts/SourceSansPro-Semibold.ttf?-n9gqon') format('truetype'); }

@font-face {
  font-family: 'SansProLight';
  src: url('../../fonts/SourceSansPro-Light.ttf?-n9gqon') format('truetype'); }

@font-face {
  font-family: 'SansProBold';
  src: url('../../fonts/SourceSansPro-Bold.ttf?-n9gqon') format('truetype'); }

@font-face {
  font-family: 'SansPro';
  src: url('../../fonts/SourceSansPro-Regular.ttf?-n9gqon') format('truetype'); }

@font-face {
  font-family: 'ShadowsIntoLight';
  src: url('../../fonts/ShadowsIntoLight.ttf') format('truetype'); }

@font-face {
  font-family: 'ShadowsIntoLightTwo';
  src: url('../../fonts/ShadowsIntoLightTwo-Regular.ttf') format('truetype'); }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-close:before {
  content: "\e626"; }

.icon-edit:before {
  content: "\e602"; }

.icon-arrow-doble:before {
  content: "\e609"; }

.icon-login2:before {
  content: "\e612"; }

.icon-login:before {
  content: "\e60a"; }

.icon-youtube:before {
  content: "\e607"; }

.icon-search:before {
  content: "\e60b"; }

.icon-arrow-bottom:before {
  content: "\e600"; }

.icon-arrow-left:before {
  content: "\e601"; }

.icon-arrow-right:before {
  content: "\e603"; }

.icon-arrow-top:before {
  content: "\e604"; }

.icon-instagram:before {
  content: "\e611"; }

.icon-star:before {
  content: "\e60c"; }

.icon-star2:before {
  content: "\e60e"; }

.icon-heart:before {
  content: "\e60f"; }

.icon-share:before {
  content: "\e60d"; }

.icon-arrow-up:before {
  content: "\e617"; }

.icon-facebook:before {
  content: "\e605"; }

.icon-googleplus:before {
  content: "\e606"; }

.icon-pinterest:before {
  content: "\e610"; }

.icon-sina-weibo:before {
  content: "\e608"; }

.icon-horoscope-aries:before {
  content: "\e61a"; }

.icon-horoscope-taurus:before {
  content: "\e61b"; }

.icon-horoscope-gemini:before {
  content: "\e61c"; }

.icon-horoscope-cancer:before {
  content: "\e61d"; }

.icon-horoscope-leo:before {
  content: "\e61e"; }

.icon-horoscope-virgo:before {
  content: "\e61f"; }

.icon-horoscope-libra:before {
  content: "\e620"; }

.icon-horoscope-scorpio:before {
  content: "\e621"; }

.icon-horoscope-sagittarius:before {
  content: "\e622"; }

.icon-horoscope-capricorn:before {
  content: "\e623"; }

.icon-horoscope-aquarius:before {
  content: "\e624"; }

.icon-horoscope-pisces:before {
  content: "\e625"; }

.icon-post:before {
  content: "\e619"; }

.icon-file:before {
  content: "\e614"; }

.icon-arrow-down:before {
  content: "\e616"; }

.icon-grid:before {
  content: "\e618"; }

.icon-arrow-doble:before {
  content: "\e609"; }

.icon-login2:before {
  content: "\e612"; }

.icon-login:before {
  content: "\e60a"; }

.icon-youtube:before {
  content: "\e607"; }

.icon-search:before {
  content: "\e60b"; }

.icon-arrow-bottom:before {
  content: "\e600"; }

.icon-arrow-left:before {
  content: "\e601"; }

.icon-arrow-right:before {
  content: "\e603"; }

.icon-arrow-top:before {
  content: "\e604"; }

.icon-instagram:before {
  content: "\e611"; }

.icon-star:before {
  content: "\e60c"; }

.icon-star2:before {
  content: "\e60e"; }

.icon-heart:before {
  content: "\e60f"; }

.icon-share:before {
  content: "\e60d"; }

.icon-images:before {
  content: "\e615"; }

.icon-play:before {
  content: "\e613"; }

.icon-viewall:before {
  content: "\e618";
  font-size: 40px; }

#header {
  position: relative;
  z-index: 100; }
  #header .container {
    overflow: visible; }

.top-banner {
  position: relative;
  width: 100%;
  height: 133px; }

.top-banner-bg {
  width: 100%;
  height: 175px; }

.top-banner-full .ad-block {
  position: absolute;
  top: 5%;
  left: 50%; }
.top-banner-full .social-share {
  overflow: hidden;
  margin-top: 0;
  padding-top: 77px; }
  .top-banner-full .social-share li {
    display: inline-block;
    float: right; }
  .top-banner-full .social-share .ico {
    height: 42px;
    width: 47px; }
  .top-banner-full .social-share .ico.cosmopolitan {
    background: url("../images/CG_sprite-1.png") -166px -5px;
    width: 133px; }
  .top-banner-full .social-share .ico.weibo {
    background: url("../images/CG_sprite-1.png") -123px -2px; }
  .top-banner-full .social-share .ico.instagram {
    background: url("../images/CG_sprite-1.png") -82px -2px; }
  .top-banner-full .social-share .ico.youtube {
    background: url("../images/CG_sprite-1.png") -42px -2px; }
  .top-banner-full .social-share .ico.facebook {
    background: url("../images/CG_sprite-1.png") 0px -2px; }
  .top-banner-full .social-share .ico:hover {
    background-position-y: -41px; }

.top-banner-split .logo {
  left: 34%;
  margin: 0 -34%; }
.top-banner-split .ad-left-block, .top-banner-split .ad-right-block {
  position: absolute;
  top: 5%;
  width: 300px;
  height: 100px; }
.top-banner-split .ad-right-block {
  right: 2%; }

.style-1 .logo {
  left: 17%; }
.style-1 .ad-block {
  position: absolute;
  top: 10%;
  right: 1%; }

.logo {
  width: 394px;
  margin: 30px 20px;
  position: absolute;
  top: 0;
  z-index: 1; }
  .logo img {
    display: block;
    max-width: 195px; }

.search {
  float: left;
  position: relative; }
  .search .slide {
    display: none;
    position: absolute;
    background: #383838;
    top: 0;
    right: 0;
    z-index: 10;
    width: 230px;
    padding: 5px 0 0 5px;
    text-align: center;
    font: 14px/16px Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .search .slide button[type="submit"] {
      position: absolute;
      top: 0;
      right: 0;
      height: 32px; }
    .search .slide .tags {
      clear: both; }
    .search .slide ul {
      padding: 10px 10px 4px; }
      .search .slide ul li {
        display: inline-block;
        vertical-align: top;
        padding: 0 2px 6px; }
        .search .slide ul li:before {
          display: none; }
        .search .slide ul li a {
          color: #fff; }
          .search .slide ul li a:hover {
            text-decoration: underline;
            color: #999; }
  .search .opener {
    color: #fff;
    border: 0;
    background: #000;
    font-size: 20px;
    padding: 8px 10px 8px;
    position: relative;
    z-index: 10;
    outline: none;
    display: block;
    line-height: 18px;
    width: 39px;
    height: 100%;
    border-left: 2px solid #222; }
    .search .opener:hover {
      background: #999; }
  .search button[type="submit"] {
    color: #000;
    border: 0;
    background: none;
    font-size: 20px;
    padding: 10px 10px 0;
    position: relative;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    outline: none; }
  .search input[type="search"] {
    width: 220px;
    float: left;
    height: 25px;
    padding: 4px 30px 4px 4px;
    border: 0;
    box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    font-style: normal;
    background: #fff;
    font: 13px Microsoft JhengHei, Arial, Helvetica, sans-serif; }

.login-form {
  float: right;
  position: relative;
  z-index: 10;
  font-size: 16px;
  line-height: 18px; }
  .login-form .logged {
    display: none; }
    .login-form .logged .slide {
      width: 246px; }
    .login-form .logged .login {
      padding: 6px 24px 4px 6px;
      font-size: 13px;
      line-height: 13px;
      text-transform: capitalize;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
      max-width: 88px; }
      .login-form .logged .login:after {
        content: "\e616";
        top: 50%;
        margin: -5px 0 0;
        left: auto;
        right: 0;
        font-size: 20px; }
  .login-form .not-logged {
    display: block; }
  .login-form .slide {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 226px;
    background: #383838;
    padding: 12px; }
    .login-form .slide .button-box .login-links a {
      display: inline-block;
      height: 20px; }
  .login-form input[type="email"], .login-form input[type="password"], .login-form input[type="text"] {
    width: 203px;
    float: left;
    height: 25px;
    border: 0;
    background: #fff;
    margin: 0 0 10px;
    font: italic 13px Microsoft JhengHei, Arial, Helvetica, sans-serif; }
  .login-form .button-box {
    overflow: hidden;
    width: 100%;
    clear: both; }
  .login-form .link {
    color: #999;
    text-decoration: underline;
    font-size: 14px;
    line-height: 1;
    vertical-align: top;
    margin-right: 18px; }
    .login-form .link:hover {
      color: #c2c2c2; }
  .login-form .btn.gray {
    display: inline-block;
    vertical-align: top;
    background: #999;
    min-width: 65px;
    color: #fff;
    padding: 4px 6px;
    text-align: center;
    transition: all .3s ease;
    margin: 0 0 4px; }
    .login-form .btn.gray:hover {
      background: #c2c2c2; }
  .login-form dl {
    overflow: hidden;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #999;
    padding: 0 0 10px;
    margin: 0 0 10px; }
    .login-form dl a {
      color: #c2c2c2; }
      .login-form dl a:hover {
        color: #999; }
    .login-form dl dt {
      float: left;
      text-decoration: underline;
      margin: 0 4px 0 0;
      font-weight: normal; }
    .login-form dl dd {
      overflow: hidden;
      text-decoration: underline; }
  .login-form .forgot {
    display: none; }
    .login-form .forgot strong {
      display: block;
      padding: 0 0 5px; }
    .login-form .forgot p {
      text-align: right; }
    .login-form .forgot .email {
      text-align: right;
      display: inline-block;
      color: #fff;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
      text-decoration: underline; }
      .login-form .forgot .email:hover {
        color: #999; }
  .login-form p {
    margin: 5px 0 0;
    font-size: 14px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .login-form p a {
      color: #fff;
      float: right;
      margin: 0 0 0 4px;
      text-decoration: underline; }
      .login-form p a:hover {
        color: #999; }
  .login-form input[type="submit"] {
    border: 0;
    background: #e70094;
    margin-right: 18px;
    color: #fff;
    transition: all .3s ease; }
    .login-form input[type="submit"]:hover {
      background: #e91851; }
  .login-form .login {
    background: #e70094;
    color: #fff;
    padding: 10px 10px 8px 32px;
    text-transform: uppercase;
    position: relative;
    display: block; }
    .login-form .login:hover {
      background: #e91851; }
    .login-form .login:after {
      content: "\e60a";
      position: absolute;
      top: 10px;
      left: 4px;
      font-size: 22px;
      font-family: 'icomoon'; }
  .login-form .open-close.active.logged .login:after {
    content: "\e617"; }
  .login-form .open-close.active .login {
    background: #e91851; }
    .login-form .open-close.active .login:after {
      content: "\e612"; }

.nav-bar i.fa.fa-search {
  line-height: 50px;
  float: right;
  display: block;
  width: 50px;
  text-align: center;
  cursor: pointer; }
.nav-bar .search-textbox {
  right: 11px;
  top: 8px;
  vertical-align: middle;
  position: absolute; }

body.active .sub-nav {
  left: 100px;
  font-family: 'SansProSemibold';
  -ms-transform: translate(-199px, 0);
      transform: translate(-199px, 0); }

#header .open {
  float: left;
  width: 41px;
  height: 36px;
  margin: 0 75px 0 11px;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2; }

#header .open:before, #header .open:after, #header .open span {
  background: #fff;
  border-radius: 4px;
  position: absolute;
  top: 26px;
  left: 20%;
  right: 20%;
  height: 3px;
  margin-top: -2px; }

#header .open:before, #header .open:after {
  content: '';
  top: 17px; }

#header .open:after {
  top: 35px; }

#header .open:hover:before, #header .open:hover:after, #header .open:hover span, #header .open span:hover, #header .open:hover span:hover {
  background-color: #e91851; }

.nav-bar {
  background: #222;
  color: #fff;
  position: relative;
  height: 50px; }

.share-and-win-sub-nav #nav, .share-and-win-sub-nav nav {
  float: left; }
  .share-and-win-sub-nav #nav ul, .share-and-win-sub-nav nav ul {
    font-size: 16px;
    line-height: 18px;
    overflow: hidden;
    float: left; }
    .share-and-win-sub-nav #nav ul li, .share-and-win-sub-nav nav ul li {
      float: left;
      padding: 9px 10px;
      text-transform: uppercase;
      position: relative;
      background: #999999; }
      .share-and-win-sub-nav #nav ul li.active, .share-and-win-sub-nav nav ul li.active {
        background: #000000; }
        .share-and-win-sub-nav #nav ul li.active a, .share-and-win-sub-nav nav ul li.active a {
          color: #fff; }
      .share-and-win-sub-nav #nav ul li:after, .share-and-win-sub-nav nav ul li:after {
        content: '';
        position: absolute;
        background: #fff;
        top: 0px;
        left: 0;
        height: 40px;
        width: 2px; }
      .share-and-win-sub-nav #nav ul li:first-child:after, .share-and-win-sub-nav nav ul li:first-child:after {
        display: none; }
      .share-and-win-sub-nav #nav ul li a, .share-and-win-sub-nav nav ul li a {
        color: #fff;
        display: block; }
        .share-and-win-sub-nav #nav ul li a strong, .share-and-win-sub-nav nav ul li a strong {
          font-size: 20px;
          font-family: Arial; }
          .share-and-win-sub-nav #nav ul li a strong:hover, .share-and-win-sub-nav nav ul li a strong:hover {
            color: #999; }
          .share-and-win-sub-nav #nav ul li a strong:active, .share-and-win-sub-nav nav ul li a strong:active {
            color: #e91851; }
        .share-and-win-sub-nav #nav ul li a:hover, .share-and-win-sub-nav nav ul li a:hover {
          color: #999; }
        .share-and-win-sub-nav #nav ul li a:active, .share-and-win-sub-nav nav ul li a:active {
          color: #e91851; }
      .share-and-win-sub-nav #nav ul li .active a, .share-and-win-sub-nav nav ul li .active a {
        color: #e91851; }

#nav {
  float: left; }
  #nav ul.category {
    font-size: 16px;
    line-height: 18px;
    float: left; }
    #nav ul.category a, #nav ul.category li, #nav ul.category ul {
      cursor: pointer; }
      #nav ul.category a:hover, #nav ul.category li:hover, #nav ul.category ul:hover {
        cursor: pointer; }
    #nav ul.category li {
      float: left;
      padding: 0px;
      position: relative;
      font-family: 'SansPro';
      font-size: 22px;
      z-index: 2;
      text-transform: lowercase; }
      #nav ul.category li.cosmogirl-inner-girl.active a {
        background-color: #99cc33; }
      #nav ul.category li.cosmogirl-fashion.active a {
        background-color: #3dcecf; }
      #nav ul.category li.cosmogirl-beauty.active a {
        background-color: #ff09de; }
      #nav ul.category li.cosmogirl-love.active a {
        background-color: #ff9e9f; }
      #nav ul.category li.cosmogirl-blog.active a {
        background-color: #fd4f0a; }
      #nav ul.category li.cosmogirl-tv.active a {
        background-color: #999999; }
      #nav ul.category li:after {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        height: 24px;
        width: 1px; }
      #nav ul.category li:first-child:after {
        display: none; }
      #nav ul.category li a {
        color: #fff;
        display: block; }
        #nav ul.category li a strong {
          font-size: 20px;
          font-family: Arial; }
          #nav ul.category li a strong:hover {
            color: #999; }
          #nav ul.category li a strong:active {
            color: #e91851; }
      #nav ul.category li .active a {
        color: #e91851; }
    #nav ul.category > li > a {
      padding: 16px; }
    #nav ul.category > li > ul.category-level-2 {
      padding: 0 30px 9px 0;
      position: absolute;
      overflow: visible;
      top: 50px;
      left: 0px;
      display: none; }
      #nav ul.category > li > ul.category-level-2 li {
        display: block;
        float: none;
        padding: 0;
        font-size: 17px;
        width: 170px;
        text-transform: lowercase; }
      #nav ul.category > li > ul.category-level-2 .cosmogirl-inner-girl {
        background-color: #7aa229; }
        #nav ul.category > li > ul.category-level-2 .cosmogirl-inner-girl a:hover {
          color: #494949; }
      #nav ul.category > li > ul.category-level-2 .cosmogirl-fashion {
        background-color: #32a8a9; }
        #nav ul.category > li > ul.category-level-2 .cosmogirl-fashion a:hover {
          color: #144545; }
      #nav ul.category > li > ul.category-level-2 .cosmogirl-beauty {
        background-color: #d10b82; }
        #nav ul.category > li > ul.category-level-2 .cosmogirl-beauty a:hover {
          color: #500432; }
      #nav ul.category > li > ul.category-level-2 .cosmogirl-love {
        background-color: #d48384; }
        #nav ul.category > li > ul.category-level-2 .cosmogirl-love a:hover {
          color: #5c3939; }
      #nav ul.category > li > ul.category-level-2 li a {
        padding: 10px 15px; }
      #nav ul.category > li > ul.category-level-2 li:first-child a {
        padding-top: 19px; }
      #nav ul.category > li > ul.category-level-2 li:last-child a {
        padding-bottom: 19px; }
    #nav ul.category > li:hover > ul.category-level-2 {
      display: block; }
    #nav ul.category .cosmogirl-inner-girl:hover {
      background-color: #99cc33; }
    #nav ul.category .cosmogirl-fashion:hover {
      background-color: #3dcecf; }
    #nav ul.category .cosmogirl-beauty:hover {
      background-color: #ff0d9e; }
    #nav ul.category .cosmogirl-love:hover {
      background-color: #ff9e9f; }
    #nav ul.category .cosmogirl-blog:hover {
      background-color: #fd4f0a; }
    #nav ul.category .cosmogirl-tv:hover {
      background-color: #999; }

.item-nav {
  float: right; }
  .item-nav .follow {
    float: left;
    color: #fff;
    position: relative;
    z-index: 10;
    background: #000;
    padding: 9px 8px 9px;
    text-transform: uppercase;
    border-left: 2px solid #222;
    font-size: 16px;
    line-height: 18px; }
    .item-nav .follow:hover {
      background: #999;
      border-color: #999; }
  .item-nav .search-btn {
    float: left; }
    .item-nav .search-btn .opener {
      padding: 0; }
    .item-nav .search-btn .search-textbox {
      display: none;
      right: 90px; }
  .item-nav .login-form .open-close.active .login {
    background-color: #222; }
  .item-nav .login-form .open-close.active.not-logged .select {
    width: 0px;
    height: 0px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fdd4d8 transparent;
    position: absolute;
    top: 30px;
    right: 14px; }
  .item-nav .login-form .not-logged .login {
    background-color: #222;
    padding: 16px 10px;
    text-transform: none; }
    .item-nav .login-form .not-logged .login:after {
      display: none; }
  .item-nav .login-form .not-logged .slide {
    background-color: #fdd4d8;
    width: 297px;
    padding: 17px 16px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
    .item-nav .login-form .not-logged .slide input[type="text"], .item-nav .login-form .not-logged .slide input[type="password"], .item-nav .login-form .not-logged .slide input[type="submit"] {
      width: 100%; }
    .item-nav .login-form .not-logged .slide input[type="submit"] {
      margin-bottom: 10px;
      border-radius: 2px;
      height: 32px;
      font-size: 15px; }
    .item-nav .login-form .not-logged .slide .btn {
      width: 100%;
      text-align: center;
      border-radius: 2px;
      height: 32px;
      font-size: 15px; }
      .item-nav .login-form .not-logged .slide .btn.btn-facebook {
        background-color: #3b5998; }
        .item-nav .login-form .not-logged .slide .btn.btn-facebook:hover {
          background-color: #2f4678; }
        .item-nav .login-form .not-logged .slide .btn.btn-facebook :first-child {
          position: absolute;
          left: 25px;
          top: 174px; }
    .item-nav .login-form .not-logged .slide .forget-password {
      text-align: right;
      margin-bottom: 18px; }
      .item-nav .login-form .not-logged .slide .forget-password .link {
        margin: 0; }
    .item-nav .login-form .not-logged .slide .registration {
      text-align: center;
      margin-top: 7px; }
      .item-nav .login-form .not-logged .slide .registration .link {
        margin: 0; }
  .item-nav .login-form .logged .login {
    background-color: #222;
    padding: 9px 24px 9px 6px;
    line-height: 16px;
    text-transform: none; }
    .item-nav .login-form .logged .login:after {
      top: 22px; }
  .item-nav .login-form .link {
    color: #333;
    font-size: 12px; }

.logos {
  float: left;
  height: 35px;
  display: table; }
  .logos li {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 18px; }
    .logos li a {
      display: block;
      padding: 5px 4px 4px; }
    .logos li.hover-style a {
      background: #000; }
      .logos li.hover-style a:hover {
        background: #999; }

.sub-nav {
  position: absolute;
  top: -90px;
  bottom: 0;
  left: -370px;
  width: 200px;
  z-index: 200;
  opacity: 0.95;
  background: #383838;
  -ms-transform: translate(-370px, 0);
      transform: translate(-370px, 0);
  transition: transform 0.3s ease; }
  .sub-nav:after {
    position: absolute;
    background: #383838;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100%;
    content: "";
    transition: all .3s ease .1s; }
  .sub-nav .nav-holder {
    padding: 140px 0 0;
    font-size: 16px;
    line-height: 18px; }

.accordion {
  width: 170px; }
  .accordion li {
    padding: 8px 0 8px 6px;
    text-transform: uppercase;
    position: relative; }
    .accordion li.active {
      background: rgba(102, 102, 102, 0.5); }
      .accordion li.active:before {
        position: absolute;
        background: rgba(102, 102, 102, 0.5);
        top: 0;
        bottom: 0;
        right: 100%;
        width: 100%;
        z-index: 1;
        content: ""; }
      .accordion li.active > a {
        color: #e70094; }
        .accordion li.active > a:before {
          content: "\e604";
          color: #fff; }
    .accordion li > a {
      color: #fff;
      display: block;
      position: relative; }
      .accordion li > a strong {
        font-size: 20px;
        font-family: Arial; }
        .accordion li > a strong:hover {
          color: #999; }
        .accordion li > a strong:active {
          color: #e70094; }
      .accordion li > a:hover {
        color: #999; }
      .accordion li > a:active {
        color: #e70094; }
    .accordion li > a.opener:before {
      content: "\e600";
      font-family: 'icomoon';
      position: absolute;
      top: 0;
      right: 4px;
      font-size: 14px; }
  .accordion li.active a.opener:before {
    content: "\e604"; }
  .accordion .slide ul {
    padding: 5px 0 0 14px; }
    .accordion .slide ul a strong {
      font-size: 20px;
      font-family: Arial; }
      .accordion .slide ul a strong:hover {
        color: #999; }
      .accordion .slide ul a strong:before {
        display: none; }
    .accordion .slide ul a:hover {
      color: #999; }
    .accordion .slide ul a:before {
      display: none; }

.side-nav-close-btn {
  padding-bottom: 30px !important; }
  .side-nav-close-btn > a.closer:before {
    content: "\e626";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 25px; }

#wrapper {
  position: relative; }

.top-ad {
  text-align: center; }

#main {
  background: #fff;
  padding: 0 0 30px; }

.main-holder #sidebar {
  padding-top: 0; }

.page {
  max-width: 1430px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10; }

.container {
  width: 1230px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.3s ease 0s; }

.theme {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.columns h2 {
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  display: inline-block;
  background: #fff;
  padding: 0 5px;
  margin: 0; }
.columns ol {
  text-align: left;
  border: 1px solid #ccc;
  padding: 20px 10px 10px;
  margin: -10px 0 0;
  font-size: 14px;
  line-height: 18px; }
  .columns ol li {
    padding: 0 0 10px 40px;
    position: relative; }
    .columns ol li a {
      color: #666;
      font: italic 14px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 230px;
      display: inline-block; }
      .columns ol li a:hover {
        color: #e70094; }
  .columns ol .ol-item-index {
    font-size: 20px;
    line-height: 1;
    font-style: italic;
    margin-right: 10px; }
.columns .editor-picks {
  text-align: center;
  width: 300px; }
  .columns .editor-picks ol li {
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    line-height: 1;
    border-bottom: 1px solid #efefef;
    font-style: italic; }
  .columns .editor-picks ol .slash {
    color: #acacac;
    padding: 0 0 0 5px; }
.columns .picture-holder {
  margin: 0 0 6px; }
.columns .girl-block h2 {
  font-style: normal; }
.columns .col {
  float: left;
  width: 300px;
  margin: 0 0 0 10px; }
  .columns .col:first-child {
    margin: 0; }
.columns .box {
  position: relative;
  box-shadow: 0 1px 0 #999999;
  border: 1px solid #ccc;
  margin: 0 0 10px;
  width: 300px;
  float: left;
  overflow: hidden; }
  .columns .box.image {
    box-shadow: none;
    border: 0;
    text-align: center; }
  .columns .box.beauty {
    width: 610px; }
  .columns .box.horoscope {
    overflow: visible;
    height: 450px;
    top: 10px; }
  .columns .box.horoscope-gallery {
    width: 608px; }
  .columns .box.large {
    width: 920px;
    box-shadow: none;
    border: 0; }
  .columns .box img {
    width: 100%;
    height: auto; }
    .columns .box img.first {
      height: 199px; }
.columns .title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  padding: 4px 6px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  font-style: italic; }
  .columns .title span {
    padding: 4px 15px;
    background: rgba(0, 0, 0, 0.8); }
.columns img {
  vertical-align: top; }
.columns .img-box {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000; }
  .columns .img-box a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff; }
    .columns .img-box a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%; }
    .columns .img-box a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.9) 100%); }
    .columns .img-box a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      -ms-transform: scale(1.03, 1.03);
      transform: scale(1.03, 1.03); }
      .columns .img-box a:hover:after {
        background-color: rgba(0, 0, 0, 0.3);
        transition: background-color 0.3s ease;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
    .columns .img-box a span strong {
      font-size: 20px;
      padding: 0 0 0 2px;
      font-family: Arial;
      line-height: 0; }
.columns .img-des {
  position: absolute;
  width: 100%;
  bottom: -25px; }
  .columns .img-des .img-des-title {
    padding: 10px 10px 0px 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'SansProSemibold';
    display: inline-block; }
    .columns .img-des .img-des-title a.white {
      color: white; }
  .columns .img-des .img-des-article-title {
    font-size: 26px;
    font-weight: 200;
    padding: 10px 10px 15px 15px; }
    .columns .img-des .img-des-article-title a {
      color: white; }
  .columns .img-des .img-des-article-big-title {
    font-size: 30px;
    padding: 10px 10px 15px; }
    .columns .img-des .img-des-article-big-title a {
      color: white; }
.columns .text-holder {
  text-align: center;
  padding: 10px 4px;
  font-size: 14px;
  line-height: 16px; }
  .columns .text-holder h1 {
    font-size: 22px;
    line-height: 24px;
    margin: 10px 0; }
.columns.section-landing .stamp1 {
  width: 610px; }

.columns {
  float: left; }

.col-1, .col-2, .col-3, .col-4 {
  width: 300px; }

.col-1 {
  margin: 0 5px 0 0; }

.col-2 {
  margin: 0 5px; }

.col-3 {
  margin: 0 0 0 5px; }

.col-4 {
  margin: 0 0 0 5px; }
  .col-4 .box {
    margin: 0 5px 10px; }

.col-3-cg {
  width: 100%; }

.hero-panel {
  width: 920px;
  position: relative;
  float: left; }

.grid-wrapper {
  width: 100%;
  overflow: hidden;
  clear: both; }

.grid-container {
  clear: both;
  width: 100%;
  position: relative; }

.homepage-landing .col-4 {
  margin: 10px 0 0 5px; }

.section-landing .hero-panel, .horoscope-landing .hero-panel {
  width: 1230px;
  float: left; }
.section-landing .col-1, .horoscope-landing .col-1 {
  margin: 10px 5px 0 -5px; }
.section-landing .col-2, .horoscope-landing .col-2 {
  margin: 10px 5px 0; }
.section-landing .col-3, .horoscope-landing .col-3 {
  margin: 0 5px; }
.section-landing .columns .box, .horoscope-landing .columns .box {
  margin: 0 5px 10px; }

.section-landing .columns .title, .sub-section-landing .columns .title, .gallery-landing .columns .title {
  display: none;
  visibility: hidden; }

.horoscope-landing .col-3 {
  margin: 9px 5px 0; }
.horoscope-landing .col-4 {
  margin: -4px 0 0 5px; }

.load-more-meta {
  display: none;
  visibility: hidden; }

.open-share {
  z-index: 2;
  display: inline-block;
  float: right; }
  .open-share:hover .social-network {
    top: -96px;
    opacity: 1; }
  .open-share .social-network {
    position: absolute;
    transition: all .3s ease;
    top: 0;
    right: 0;
    width: auto;
    opacity: 0;
    float: left; }
    .open-share .social-network a {
      display: block;
      font-size: 20px; }
      .open-share .social-network a [class^="icon-"], .open-share .social-network a [class*=" icon-"] {
        color: #fff; }
        .open-share .social-network a [class^="icon-"] i:before, .open-share .social-network a [class*=" icon-"] i:before {
          color: #fff;
          font-size: 23px; }
    .open-share .social-network .icon-facebook {
      background: #4d67a4; }
      .open-share .social-network .icon-facebook:hover {
        background: #3c5080; }
    .open-share .social-network .icon-sina-weibo {
      background: #faa90e; }
      .open-share .social-network .icon-sina-weibo:hover {
        background: #d5900c; }
    .open-share .social-network .icon-twitter {
      background: #26a7df;
      line-height: 30px; }
      .open-share .social-network .icon-twitter:hover {
        background: #2295c7; }
  .open-share a.opener {
    position: relative;
    float: right;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    padding: 0;
    color: #d9d9d9; }
    .open-share a.opener:hover {
      color: #d9d9d9; }
      .open-share a.opener:hover i {
        position: relative;
        z-index: 1; }
      .open-share a.opener:hover:after {
        background-image: none !important; }
  .open-share .opener, .open-share [class^="icon-"], .open-share [class*=" icon-"] {
    width: 38px;
    height: 32px;
    font-size: 23px;
    text-align: center;
    line-height: 35px; }

.more {
  font-size: 20px;
  color: #999999;
  height: 55px;
  display: block;
  text-align: center;
  background: #eeeeee;
  padding: 15px;
  overflow: hidden;
  clear: both;
  position: relative;
  margin-bottom: 47px; }
  .more span {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0;
    position: relative; }
    .more span div {
      display: inline-block;
      margin: -4px 0 0 5px; }
      .more span div p {
        margin: 0;
        height: 7px; }
        .more span div p:after {
          content: "\e616";
          font-family: 'icomoon';
          color: white;
          font-size: 12px; }
  .more .loader {
    position: absolute;
    bottom: 8px;
    right: 440px;
    display: none; }
  .more:hover {
    background: #c2c2c2; }

.breadcrumbs {
  padding: 8px 9px 7px;
  color: #666;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px; }
  .breadcrumbs li {
    float: left;
    padding: 0 8px 0 0;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .breadcrumbs li:after {
      float: left;
      content: '>';
      margin: 0 4px 0 0; }
    .breadcrumbs li:first-child:after {
      display: none; }
  .breadcrumbs a {
    color: #666; }
    .breadcrumbs a:hover {
      text-decoration: none;
      color: #e70094; }

#content {
  float: right;
  width: 760px; }
  #content .more {
    margin-bottom: 0;
    width: 530px; }
  #content .post-section .more {
    width: 439px; }
  #content .btn-hold .more {
    width: 609px; }

.banner {
  position: relative;
  margin: 0 0 21px; }
  .banner .text-holder {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 54px 50px 12px;
    color: #fff;
    font: 15px/20px Microsoft JhengHei, Arial, Helvetica, sans-serif;
    box-shadow: inset 0 -83px 52px -22px rgba(0, 0, 0, 0.8); }
    .banner .text-holder a {
      color: #fff;
      text-decoration: underline; }
      .banner .text-holder a:hover {
        text-decoration: none; }

.post-holder {
  margin: 0 -5px -2px;
  letter-spacing: -4px; }

/*share trigger opener styles*/
.share-trigger {
  position: absolute;
  right: 0px;
  margin-top: -25px;
  width: 30px;
  height: 30px;
  background: rgba(51, 51, 51, 0.3);
  z-index: 30;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  transition: background .3s; }
  .share-trigger:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    display: block;
    width: 18px;
    height: 20px;
    background: url(../images/share.svg) no-repeat 50% 50%;
    background-size: contain; }
  .share-trigger:hover {
    background: rgba(51, 51, 51, 0.5); }

.stamp-cg-long-block, .stamp-cg-square-block, .stamp-cg-square-big-block {
  margin: 0 10px 10px 0;
  border: 1px solid #bababa;
  overflow: hidden; }

.stamp-cg-long-block, .stamp-cg-square-block, .stamp-cg-square-big-block, .left-columns, .right-columns {
  float: left;
  display: inline-block;
  position: relative; }

.right-most {
  margin-right: 0px; }

.stamp-cg-long-block {
  width: 300px;
  height: 610px; }

.stamp-cg-square-block {
  width: 300px;
  height: 300px; }
  .stamp-cg-square-block .img-des .img-des-article-title {
    font-size: 22px; }

.stamp-cg-square-big-block {
  width: 610px;
  height: 610px; }
  .stamp-cg-square-big-block .img-des .img-des-title {
    font-size: 16px; }
  .stamp-cg-square-big-block .img-des .img-des-article-title {
    font-size: 32px; }

.left-columns {
  width: 620px;
  float: left; }

.right-columns {
  width: 610px;
  float: left; }

.ad {
  text-align: center;
  vertical-align: middle; }
  .ad ._title {
    height: 50px;
    font-family: 'SansProLight';
    color: #ccc;
    font-size: 14px;
    line-height: 50px; }

.content-section {
  border-top: 1px solid; }

#sidebar {
  float: right; }
  #sidebar .most-read-block {
    text-align: center;
    text-align: center;
    background-color: #f3f3f3;
    margin: 10px 10px 0 0;
    border: 1px solid #e1e1e1; }
  #sidebar .most-read {
    height: 23px;
    width: 132px;
    margin: -2px auto;
    font-size: 14px;
    background-color: #898989;
    color: #ffffff;
    padding: 2px 0; }

.girl-block {
  border: 5px solid #00bec0;
  margin: 0 0 10px;
  padding: 9px;
  text-align: left; }
  .girl-block .block-holder {
    border: 1px dotted #000;
    padding: 12px; }
  .girl-block h2 {
    margin: 0 0 5px; }
  .girl-block ul li {
    margin: 0 0 10px; }
  .girl-block .img-box {
    vertical-align: middle;
    display: inline-block;
    width: 91px;
    margin: 0 5px 0 0;
    position: relative; }
    .girl-block .img-box:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: 0;
      transition: all 0.3s ease; }
  .girl-block .text-block {
    display: inline-block;
    vertical-align: top;
    width: 95px; }
    .girl-block .text-block h2 {
      font: 700 18px/20px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      margin: 0 0 3px; }
      .girl-block .text-block h2 a {
        color: #00bec0; }
        .girl-block .text-block h2 a:hover {
          text-decoration: none;
          color: #007172; }

.htagcloud {
  margin: 0 0 10px;
  font-family: arial; }

.popularity {
  list-style: none;
  text-align: left;
  border: 1px solid #ccc;
  padding: 19px 12px 12px;
  margin: -10px 0 10px; }
  .popularity li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    line-height: 30px; }
    .popularity li.popular {
      font-size: 26px; }
    .popularity li.v-popular {
      font-size: 23px; }
    .popularity li.vv-popular {
      font-size: 18px; }
    .popularity li.vvv-popular {
      font-size: 16px; }
    .popularity li.vvvv-popular {
      font-size: 15px; }
    .popularity li.vvvvv-popular {
      font-size: 13px; }
  .popularity a {
    color: #999; }
    .popularity a:hover {
      color: #c2c2c2;
      text-decoration: underline; }

.blog-block {
  list-style: none;
  text-align: left;
  padding: 21px 14px 12px;
  margin: 0;
  font: 14px/16px; }
  .blog-block li {
    margin: 0 0 20px; }
    .blog-block li:first-child {
      padding-top: 0;
      border-top: 0; }
  .blog-block .img-box {
    vertical-align: middle;
    display: inline-block;
    width: 91px;
    margin: 0 5px 0 0;
    position: relative; }
    .blog-block .img-box:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: 0;
      transition: all .3s ease; }
  .blog-block .thumbnail {
    width: 91px;
    height: 91px; }
  .blog-block .text-block {
    display: inline-block;
    vertical-align: top;
    width: 160px; }
    .blog-block .text-block p {
      margin: 0; }
      .blog-block .text-block p span {
        color: #666;
        transition: all .3s ease; }
      .blog-block .text-block p a {
        color: #000; }
        .blog-block .text-block p a:hover {
          color: #c2c2c2; }
          .blog-block .text-block p a:hover span {
            color: #c2c2c2; }
        .blog-block .text-block p a.link {
          color: #333;
          font-weight: bold; }
          .blog-block .text-block p a.link:hover {
            color: #c2c2c2; }
    .blog-block .text-block h3 {
      font-size: 16px;
      color: #000000; }
  .blog-block .section {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: #f3f3f3;
    margin-bottom: 3px; }
    .blog-block .section strong {
      line-height: 0;
      font-size: 18px;
      margin: 0 0 0 1px; }

.stamp {
  margin: 0 5px 10px; }

.stamp3 {
  top: 204px;
  left: 930px;
  width: 300px;
  height: 250px; }

#footer {
  font: 14px/16px 'SansProLight';
  text-align: center;
  position: relative;
  display: table-footer-group;
  overflow: hidden;
  z-index: 100;
  height: 340px; }
  #footer .footer-holder {
    width: 1430px;
    margin: 0 auto; }

.footer-background-1 {
  background-color: #4B4B4B;
  position: relative;
  top: -342px;
  width: 1430px;
  height: 291px;
  z-index: -1; }

.footer-background-2 {
  background-color: #353535;
  position: relative;
  top: -342px;
  width: 1430px;
  height: 49px;
  z-index: -1; }

.gray-section {
  padding: 63px 13px 12px;
  text-align: left;
  background-color: #4B4B4B; }
  .gray-section .footer-upper {
    width: 1230px;
    margin: 0 auto; }
    .gray-section .footer-upper .logos {
      width: 300px;
      vertical-align: top;
      float: none;
      display: inline-block; }
      .gray-section .footer-upper .logos .logo-cg {
        background: url("../images/CG_logo_footer_white.png");
        width: 153px;
        height: 121px; }
      .gray-section .footer-upper .logos .logo-cosmo {
        float: left;
        background: url("../images/cosmo_logo_footer_white.png");
        margin-top: 65px;
        margin-left: -1px;
        width: 94px;
        height: 16px; }
      .gray-section .footer-upper .logos .logo-cb {
        float: left;
        background: url("../images/cosmobody_logo_footer_white.png");
        width: 80px;
        height: 38px;
        margin-left: 25px;
        margin-top: 58px; }
    .gray-section .footer-upper .non-logos {
      width: 927px;
      display: inline-block; }
      .gray-section .footer-upper .non-logos .nav-container {
        min-height: 173px; }
      .gray-section .footer-upper .non-logos .nav-columns {
        display: inline-block;
        vertical-align: top;
        padding: 0 5px 0 0;
        width: 150px;
        margin: 0 0 40px 0; }
      .gray-section .footer-upper .non-logos .title {
        font: 14px/16px 'SansProLight';
        color: #fff;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
        margin: 0 0 4px; }
      .gray-section .footer-upper .non-logos .others {
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle; }
        .gray-section .footer-upper .non-logos .others a {
          border-right: 1px solid #aaa;
          padding: 0 13px;
          transition: all .3s ease;
          color: #aaa; }
          .gray-section .footer-upper .non-logos .others a:hover {
            color: #fff;
            text-decoration: none; }
        .gray-section .footer-upper .non-logos .others a:first-child {
          padding-left: 0; }
        .gray-section .footer-upper .non-logos .others a:last-child {
          padding-right: 0;
          border-right: 0px none transparent; }
      .gray-section .footer-upper .non-logos .social-share {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        width: 323px; }
        .gray-section .footer-upper .non-logos .social-share div {
          display: inline-block; }
        .gray-section .footer-upper .non-logos .social-share .ico {
          height: 42px;
          width: 41px;
          background: url("../images/CG_sprite-1.png") 0px 80px; }
        .gray-section .footer-upper .non-logos .social-share .ico.weibo {
          background-position: -123px 80px; }
          .gray-section .footer-upper .non-logos .social-share .ico.weibo.ico:hover {
            background-position: -123px 119px; }
        .gray-section .footer-upper .non-logos .social-share .ico.instagram {
          background-position: -82px 80px; }
          .gray-section .footer-upper .non-logos .social-share .ico.instagram.ico:hover {
            background-position: -82px 119px; }
        .gray-section .footer-upper .non-logos .social-share .ico.youtube {
          background-position: -42px 80px; }
          .gray-section .footer-upper .non-logos .social-share .ico.youtube.ico:hover {
            background-position: -42px 119px; }
        .gray-section .footer-upper .non-logos .social-share .ico.facebook {
          background-position: 0px 80px; }
          .gray-section .footer-upper .non-logos .social-share .ico.facebook.ico:hover {
            background-position: 0px 119px; }

.copyright {
  background-color: #353535;
  color: #7f7f7f;
  display: block;
  padding: 20px 0 15px; }

.nav ul a {
  color: #aaa; }
  .nav ul a:hover {
    color: #fff;
    text-decoration: none; }

.blog-holder {
  padding: 40px 0 0; }
  .blog-holder > ul > li {
    float: left;
    width: 239px;
    margin: 0 0 0 8px;
    border: 1px solid #d3d3d3;
    position: relative; }
    .blog-holder > ul > li:first-child {
      margin: 0; }
    .blog-holder > ul > li.news {
      background: #333940;
      border: none; }
      .blog-holder > ul > li.news .box-img {
        position: relative;
        text-align: center;
        margin: 8px 0 0; }
        .blog-holder > ul > li.news .box-img:after {
          content: "";
          position: absolute;
          top: -8px;
          left: 0;
          background: #fff;
          height: 63px;
          width: 100%; }
        .blog-holder > ul > li.news .box-img img {
          position: relative;
          z-index: 5; }
      .blog-holder > ul > li.news .text {
        padding: 0 10px 10px;
        font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
        color: #fff;
        margin: -10px 0 0; }
        .blog-holder > ul > li.news .text p {
          margin: 0 0 10px; }
      .blog-holder > ul > li.news h2 {
        font: italic 26px/28px 'Cantata One', Microsoft JhengHei, 'Times New Roman', Times, serif;
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 8px;
        text-align: center;
        border-bottom: 1px solid #fff;
        padding: 0 0 3px; }
        .blog-holder > ul > li.news h2 span {
          color: #eb22af; }
    .blog-holder > ul > li.polling .title {
      margin: 0 0 0 -15%; }
    .blog-holder > ul > li.polling .img {
      padding: 17px 10px 2px; }
  .blog-holder > ul .form-register {
    overflow: hidden; }
    .blog-holder > ul .form-register input[type="text"] {
      width: 201px;
      height: 27px;
      color: #797979;
      border: none;
      margin: 0 auto 15px;
      font: italic 14px/27px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      text-align: center; }
    .blog-holder > ul .form-register button {
      width: 77px;
      height: 27px;
      color: #fff;
      display: block;
      margin: 0 auto;
      background: #e70094;
      text-transform: uppercase;
      text-align: center;
      border: none;
      font: 14px/27px 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
      transition: background .3s ease; }
      .blog-holder > ul .form-register button:hover {
        background: #e91851; }
  .blog-holder .title {
    position: absolute;
    background: #fff;
    top: -14px;
    left: 50%;
    margin: 0 0 0 -25%;
    padding: 0 4px;
    font-style: italic;
    text-transform: uppercase; }
    .blog-holder .title em {
      text-transform: uppercase;
      color: #ff7800;
      font-style: italic; }
    .blog-holder .title mark {
      color: #4a00a6;
      text-transform: capitalize;
      background: none;
      font-style: italic; }
    .blog-holder .title .pink {
      color: #e70094; }
  .blog-holder .text-box {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    font-size: 15px;
    line-height: 20px; }
    .blog-holder .text-box p {
      margin: 0 0 12px; }
    .blog-holder .text-box .txt {
      position: relative;
      bottom: 30px; }
    .blog-holder .text-box .btn {
      text-transform: uppercase;
      padding: 4px 12px;
      margin: 0 0 10px; }
    .blog-holder .text-box h2 {
      font-size: 18px;
      line-height: 20px;
      font-weight: normal;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
      margin: 0 0 5px; }
      .blog-holder .text-box h2 a {
        color: #e70094; }
        .blog-holder .text-box h2 a:hover {
          color: #e91851; }
  .blog-holder .img {
    padding: 10px; }
  .blog-holder .text-area {
    padding: 10px 18px 0;
    font-size: 14px;
    line-height: 16px; }
    .blog-holder .text-area .btn {
      display: block;
      margin: 0 0 9px;
      text-align: center;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
  .blog-holder .frame {
    padding: 5px 0 0; }
  .blog-holder .box {
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .blog-holder .box a {
      float: left;
      margin: 0 10px 0 0;
      position: relative;
      width: 99px; }
      .blog-holder .box a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent;
        transition: all .3s ease; }
      .blog-holder .box a:hover:after {
        background: rgba(0, 0, 0, 0.7); }
    .blog-holder .box img {
      float: left; }
    .blog-holder .box h2 {
      font-size: 14px;
      line-height: 16px;
      font-weight: normal;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
      margin: 0 0 2px; }
      .blog-holder .box h2 a {
        color: #e70094; }
        .blog-holder .box h2 a:hover {
          color: #e91851;
          background: none; }
          .blog-holder .box h2 a:hover:after {
            display: none; }
    .blog-holder .box .text {
      overflow: hidden; }
  .blog-holder .link-holder {
    text-align: center;
    margin: 20px 0 6px;
    font: italic 700 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .blog-holder .link-holder a {
      color: #e70094; }
      .blog-holder .link-holder a:hover {
        color: #e91851; }
  .blog-holder .picture-holder {
    text-align: center;
    margin: 0 0 12px; }
  .blog-holder .text-holder {
    padding: 0 15px 20px;
    font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif; }
    .blog-holder .text-holder p {
      margin: 0 0 9px; }
  .blog-holder .text-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    text-align: center;
    padding: 0 0 20px; }
    .blog-holder .text-block .black-holder {
      display: block;
      background: rgba(0, 0, 0, 0.7);
      padding: 9px 10px;
      font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      color: #fff;
      margin: 0 0 18px; }
    .blog-holder .text-block .btn {
      text-transform: uppercase;
      font: 15px/18px 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
      padding: 4px 16px; }

.user-link {
  text-align: center;
  letter-spacing: -4px;
  color: #333; }
  .user-link li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
    letter-spacing: 0; }
  .user-link .number {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 3px; }
  .user-link .icon-heart {
    color: #ccc;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle; }
    .user-link .icon-heart:hover {
      color: #e70094; }
  .user-link .btn {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px; }

.article-content {
  display: none; }

.article-content.active {
  display: block;
  color: #333; }

.container.article {
  z-index: 0; }

.container.gallery {
  z-index: 0; }

/* @import 'components/buttons';
@import 'components/inputs';
@import 'components/lists'; */
.masonry-area {
  position: relative; }

.stamp {
  margin: 0 5px 10px; }

.stamp2 {
  top: -5px;
  width: 300px;
  box-shadow: none;
  border: 0;
  text-align: center; }

.stamp3 {
  width: 300px;
  height: auto; }

.stamp4 {
  width: 300px;
  box-shadow: 0 1px 0 #999999;
  border: 1px solid #ccc;
  margin: 0 5px 10px;
  overflow: hidden; }

.homepage-grid .stamp2 {
  margin-top: 10px; }
.homepage-grid .stamp3 {
  margin-top: 220px; }

.cycle-gallery {
  position: relative;
  float: left;
  overflow: hidden;
  width: 765px;
  margin: 0 0 10px;
  height: 448px; }
  .cycle-gallery .mask {
    position: relative;
    height: 448px;
    overflow: hidden; }
    .cycle-gallery .mask .slideset {
      width: 99999px;
      float: left; }
    .cycle-gallery .mask .slide {
      float: left;
      position: relative;
      width: 765px; }
      .cycle-gallery .mask .slide div.img-box a img {
        vertical-align: top;
        height: 448px;
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%; }
      .cycle-gallery .mask .slide div.img-box a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.9) 100%); }
      .cycle-gallery .mask .slide .text-holder {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        padding: 35px 40px;
        font-size: 30px;
        line-height: 32px;
        text-align: left; }
        .cycle-gallery .mask .slide .text-holder .category {
          font-size: 16px; }
        .cycle-gallery .mask .slide .text-holder a {
          color: #fff; }
        .cycle-gallery .mask .slide .text-holder p {
          margin: 0; }
      .cycle-gallery .mask .slide.active {
        z-index: 1; }
  .cycle-gallery .btn-next, .cycle-gallery .btn-prev {
    position: absolute;
    top: 200px;
    right: 0px;
    color: #fff;
    z-index: 1;
    width: 50px;
    height: 104px;
    background: rgba(0, 0, 0, 0.25);
    margin: -30px 0 0;
    text-align: center; }
    .cycle-gallery .btn-next:hover, .cycle-gallery .btn-prev:hover {
      background: rgba(0, 0, 0, 0.55); }
    .cycle-gallery .btn-next i, .cycle-gallery .btn-prev i {
      position: absolute;
      top: 50%;
      left: 20px;
      margin: -10px 0 0; }
  .cycle-gallery .btn-prev {
    right: auto;
    left: 0px; }

.cycle-gallery-box {
  position: relative;
  margin: 0 0 27px;
  height: 486px;
  overflow: hidden; }
  .cycle-gallery-box .mask {
    position: relative;
    overflow: hidden;
    height: 486px; }
    .cycle-gallery-box .mask .slideset {
      width: 99999px;
      float: left;
      height: 486px; }
    .cycle-gallery-box .mask .slide {
      float: left; }
      .cycle-gallery-box .mask .slide.active {
        z-index: 1; }
  .cycle-gallery-box .img-box {
    display: block;
    position: relative; }
    .cycle-gallery-box .img-box:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      background: transparent;
      transition: all .3s ease; }
    .cycle-gallery-box .img-box:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      -ms-transform: scale(1.03, 1.03);
      transform: scale(1.03, 1.03); }
  .cycle-gallery-box .col {
    float: left;
    width: 786px;
    height: 100%;
    overflow: hidden; }
  .cycle-gallery-box .image {
    width: 785px;
    height: 484px; }
  .cycle-gallery-box .image-box {
    background-color: #000;
    border: 1px solid #d3d3d3;
    border-right: 0px none #fff; }
  .cycle-gallery-box .description-box {
    text-align: center;
    min-height: 486px;
    padding: 101px 60px 60px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    width: 444px;
    border: 1px solid #d3d3d3; }
    .cycle-gallery-box .description-box .description {
      color: #666666;
      font-size: 15px;
      line-height: 22px; }
    .cycle-gallery-box .description-box p {
      margin: 0 0 40px; }
    .cycle-gallery-box .description-box h1 {
      color: #000000;
      font: 36px 'SansProSemibold';
      margin: 0 0 19px; }
      .cycle-gallery-box .description-box h1:hover {
        color: #e91851; }
  .cycle-gallery-box .tag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 29px auto 0;
    padding: 5px 0;
    font-family: 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif; }
  .cycle-gallery-box .title {
    z-index: 10;
    padding: 4px 15px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    font-family: 'SansProSemibold'; }
  .cycle-gallery-box .btn {
    text-transform: uppercase;
    font: italic 18px/20px 'SansPro', Microsoft JhengHei, Arial, Helvetica, sans-serif;
    margin: 20px auto 28px;
    min-width: 150px; }
  .cycle-gallery-box .pagination {
    position: absolute;
    right: 175px;
    bottom: 30px;
    text-align: center;
    z-index: 10; }
    .cycle-gallery-box .pagination ul li {
      display: inline-block;
      vertical-align: top;
      padding: 0 7px; }
      .cycle-gallery-box .pagination ul li.active a {
        background: #e91851; }
      .cycle-gallery-box .pagination ul li a {
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #cccccc; }
        .cycle-gallery-box .pagination ul li a:hover {
          background: #b3b3b3; }
  .cycle-gallery-box .share {
    height: 30px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    margin-top: 30px; }
    .cycle-gallery-box .share:hover a.opener {
      background: rgba(0, 0, 0, 0.1); }
    .cycle-gallery-box .share:hover .social-network {
      transition: all .3s ease; }
    .cycle-gallery-box .share:hover .slides {
      width: 30px; }
    .cycle-gallery-box .share .slides {
      overflow: hidden;
      display: inline-block;
      vertical-align: top;
      width: 0;
      transition: all .3s ease; }
    .cycle-gallery-box .share .social-network {
      width: 30px;
      transition: all .3s ease;
      background: rgba(0, 0, 0, 0.1); }
      .cycle-gallery-box .share .social-network li {
        float: left;
        font-size: 20px;
        line-height: 20px; }
        .cycle-gallery-box .share .social-network li a {
          display: block;
          font-size: 20px;
          padding: 5px 6px;
          color: #fff; }
          .cycle-gallery-box .share .social-network li a i {
            display: block; }
          .cycle-gallery-box .share .social-network li a:hover:after {
            display: none; }
        .cycle-gallery-box .share .social-network li .icon-facebook {
          background: #4d67a4; }
          .cycle-gallery-box .share .social-network li .icon-facebook:hover {
            background: #3c5080; }
        .cycle-gallery-box .share .social-network li .icon-sina-weibo {
          background: #faa90e; }
          .cycle-gallery-box .share .social-network li .icon-sina-weibo:hover {
            background: #d5900c; }
    .cycle-gallery-box .share a.opener {
      width: 30px;
      z-index: 10;
      height: 30px;
      font-size: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      padding: 4px 0 0;
      color: #666; }

.beauty .horoscope-gallery .text-holder, .section-yoursay .horoscope-gallery .text-holder {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  text-align: left; }
  .beauty .horoscope-gallery .text-holder h1, .section-yoursay .horoscope-gallery .text-holder h1 {
    color: #e70094;
    font-style: normal;
    padding: 0; }
.beauty .horoscope-gallery .mask .hero, .section-yoursay .horoscope-gallery .mask .hero {
  height: 310px; }

.section-yoursay .horoscope-gallery .mask {
  height: 402px; }
.section-yoursay .horoscope-gallery .text-holder {
  padding: 20px; }

.horoscope-gallery {
  position: relative;
  float: left;
  overflow: hidden;
  width: 610px;
  font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
  color: #333;
  text-align: center;
  border: 1px solid #d7d7d7; }
  .horoscope-gallery .mask {
    position: relative;
    overflow: hidden;
    height: 440px; }
    .horoscope-gallery .mask .slideset {
      width: 99999px;
      float: left; }
    .horoscope-gallery .mask .slide {
      float: left;
      position: relative;
      width: 608px;
      height: 440px; }
      .horoscope-gallery .mask .slide.active {
        z-index: 1; }
    .horoscope-gallery .mask .hero {
      width: 100%;
      height: 411px; }
  .horoscope-gallery .text-holder {
    padding: 20px 10px 15px 37px; }
    .horoscope-gallery .text-holder p {
      margin: 0; }
  .horoscope-gallery .btn-next, .horoscope-gallery .btn-prev {
    position: absolute;
    top: 50%;
    right: -30px;
    color: #fff;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #000;
    opacity: 0.5;
    border-radius: 50%;
    margin: -39px 0 0;
    text-align: center; }
    .horoscope-gallery .btn-next:hover, .horoscope-gallery .btn-prev:hover {
      background: #e91851; }
    .horoscope-gallery .btn-next i, .horoscope-gallery .btn-prev i {
      position: absolute;
      top: 50%;
      left: 14px;
      margin: -7px 0 0; }
  .horoscope-gallery .btn-prev {
    right: auto;
    left: -30px; }
    .horoscope-gallery .btn-prev i {
      left: auto;
      right: 14px;
      margin: -10px 0 0; }

.single-gallery {
  position: relative;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  text-align: center; }
  .single-gallery .top-holder {
    padding: 9px 0 7px;
    border-bottom: 1px solid #bfbfbf; }
  .single-gallery .btn-gallery {
    float: left;
    margin: -9px 0 -7px;
    background: #333;
    color: #fff;
    font-size: 20px;
    height: 38px;
    line-height: 40px;
    width: 45px; }
    .single-gallery .btn-gallery:hover {
      background: #c2c2c2; }
  .single-gallery .number {
    width: 300px;
    margin: 0 auto;
    color: #000; }
  .single-gallery .mask {
    position: relative;
    overflow: hidden;
    height: 396px; }
    .single-gallery .mask .slideset {
      width: 99999px;
      float: left; }
    .single-gallery .mask .slide {
      float: left;
      position: relative;
      padding: 0 0 22px;
      height: 396px; }
      .single-gallery .mask .slide img {
        vertical-align: top; }
      .single-gallery .mask .slide .text-holder {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        color: #fff;
        padding: 10px;
        font-size: 30px;
        line-height: 32px; }
        .single-gallery .mask .slide .text-holder p {
          margin: 0; }
  .single-gallery .btn-next, .single-gallery .btn-prev {
    position: absolute;
    top: 50%;
    right: -30px;
    color: #fff;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #000;
    opacity: 0.5;
    border-radius: 50%;
    text-align: center;
    margin: -9px 0 0; }
    .single-gallery .btn-next i, .single-gallery .btn-prev i {
      position: absolute;
      top: 50%;
      left: 14px;
      margin: -7px 0 0; }
    .single-gallery .btn-next:hover, .single-gallery .btn-prev:hover {
      background: #e91851; }
  .single-gallery .btn-prev {
    right: auto;
    left: -30px; }
    .single-gallery .btn-prev i {
      left: auto;
      right: 14px; }

.fifteen-gallery {
  position: relative;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  text-align: center; }
  .fifteen-gallery .top-holder {
    padding: 9px 0 7px;
    border-bottom: 1px solid #bfbfbf; }
  .fifteen-gallery .btn-gallery {
    float: left;
    margin: -9px 0 -7px;
    background: #333;
    color: #fff;
    font-size: 20px;
    height: 38px;
    line-height: 40px;
    width: 45px; }
    .fifteen-gallery .btn-gallery:hover {
      background: #c2c2c2; }
  .fifteen-gallery .number {
    width: 300px;
    margin: 0 auto;
    color: #000; }
  .fifteen-gallery .mask {
    position: relative;
    overflow: hidden;
    height: 396px; }
    .fifteen-gallery .mask .slideset {
      width: 99999px;
      float: left; }
    .fifteen-gallery .mask .slide {
      float: left;
      position: relative;
      padding: 0 0 22px;
      height: 396px; }
      .fifteen-gallery .mask .slide img {
        vertical-align: top; }
      .fifteen-gallery .mask .slide .text-holder {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        color: #fff;
        padding: 10px;
        font-size: 30px;
        line-height: 32px; }
        .fifteen-gallery .mask .slide .text-holder p {
          margin: 0; }
  .fifteen-gallery .btn-next, .fifteen-gallery .btn-prev {
    position: absolute;
    top: 50%;
    right: -30px;
    color: #fff;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #000;
    opacity: 0.5;
    border-radius: 50%;
    text-align: center;
    margin: -9px 0 0; }
    .fifteen-gallery .btn-next i, .fifteen-gallery .btn-prev i {
      position: absolute;
      top: 50%;
      left: 14px;
      margin: -7px 0 0; }
    .fifteen-gallery .btn-next:hover, .fifteen-gallery .btn-prev:hover {
      background: #e91851; }
  .fifteen-gallery .btn-prev {
    right: auto;
    left: -30px; }
    .fifteen-gallery .btn-prev i {
      left: auto;
      right: 14px; }

.single-gallery-for-switching {
  position: relative;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  text-align: center; }
  .single-gallery-for-switching .top-holder {
    padding: 9px 0 7px;
    border-bottom: 1px solid #bfbfbf; }
  .single-gallery-for-switching .btn-gallery {
    float: left;
    margin: -9px 0 -7px;
    background: #333;
    color: #fff;
    font-size: 20px;
    height: 38px;
    line-height: 40px;
    width: 45px; }
    .single-gallery-for-switching .btn-gallery:hover {
      background: #c2c2c2; }
  .single-gallery-for-switching .number {
    width: 300px;
    margin: 0 auto;
    color: #000; }
  .single-gallery-for-switching .mask {
    position: relative;
    overflow: hidden;
    height: 396px; }
    .single-gallery-for-switching .mask .slideset {
      width: 99999px;
      float: left; }
    .single-gallery-for-switching .mask .slide {
      float: left;
      position: relative;
      padding: 0 0 22px;
      height: 396px; }
      .single-gallery-for-switching .mask .slide img {
        vertical-align: top; }
      .single-gallery-for-switching .mask .slide .text-holder {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        color: #fff;
        padding: 10px;
        font-size: 30px;
        line-height: 32px; }
        .single-gallery-for-switching .mask .slide .text-holder p {
          margin: 0; }
  .single-gallery-for-switching .btn-next, .single-gallery-for-switching .btn-prev {
    position: absolute;
    top: 50%;
    right: -30px;
    color: #fff;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #000;
    opacity: 0.5;
    border-radius: 50%;
    text-align: center;
    margin: -9px 0 0; }
    .single-gallery-for-switching .btn-next i, .single-gallery-for-switching .btn-prev i {
      position: absolute;
      top: 50%;
      left: 14px;
      margin: -7px 0 0; }
    .single-gallery-for-switching .btn-next:hover, .single-gallery-for-switching .btn-prev:hover {
      background: #e91851; }
  .single-gallery-for-switching .btn-prev {
    right: auto;
    left: -30px; }
    .single-gallery-for-switching .btn-prev i {
      left: auto;
      right: 14px; }

.gallery-in-single {
  width: auto;
  height: 397px;
  margin-left: auto;
  margin-right: auto; }

.single-gallery-item {
  display: none; }
  .single-gallery-item .title {
    color: #e70094;
    font-size: 25px;
    margin-top: 20px; }

.gallery-container {
  position: relative;
  width: 100%;
  margin: 0 0 200px 0; }

.single-image-gallery-control-panel {
  visibility: visible;
  position: absolute;
  width: 100%;
  margin-top: 0px; }

.multiple-image-gallery-control-panel {
  visibility: visible; }

.single-gallery-item-for-switching .title {
  color: #e70094;
  font-size: 25px;
  margin-top: 20px; }

.multiple-gallery-item .title {
  color: #e70094;
  font-size: 25px;
  margin-top: 20px; }

#multiple-image-cell {
  padding: 12.5px 16px; }
  #multiple-image-cell ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #multiple-image-cell ul li {
      cursor: pointer; }
    #multiple-image-cell ul .fifteen-image {
      margin: 5px;
      float: left;
      height: 117px;
      width: 161px;
      display: inline-block; }

.scroll-image-row:nth-child(2n) {
  margin: 12px 0; }

.hide {
  visibility: hidden; }

.gallery-landing-hero-image {
  width: 590px;
  height: 410px; }

.gallery-landing-hero-text-holder {
  position: absolute;
  right: 0;
  top: 0;
  width: 330px;
  height: 410px;
  color: #fff;
  padding: 10px;
  line-height: 32px;
  font: 14px/1.25 'Oswald', Microsoft JhengHei, Arial, Helvetica, sans-serif; }
  .gallery-landing-hero-text-holder .gallery-landing-hero-title {
    font-size: 30px;
    color: #e70094; }
  .gallery-landing-hero-text-holder .gallery-landing-hero-summary {
    font: 14px/1.25 'Oswald', Microsoft JhengHei, Arial, Helvetica, sans-serif;
    color: black; }

.tags-holder {
  margin: 0 0 14px; }
  .tags-holder span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    color: #000; }

.tags {
  display: inline-block;
  vertical-align: middle; }
  .tags li {
    float: left;
    padding: 0 1px 0 0; }
    .tags li:before {
      float: left;
      content: '\002F';
      margin: 0 4px 0 0; }
    .tags li:first-child:before {
      display: none; }
  .tags a {
    color: #999; }
    .tags a:hover {
      color: #c2c2c2; }

.list-gallery {
  padding-left: 10px;
  position: relative;
  float: left;
  width: 450px; }
  .list-gallery .list-gallery-holder:not(:last-of-type) {
    margin-bottom: 6px; }
  .list-gallery .list-gallery-holder img {
    width: 145px;
    height: 145px;
    object-fit: cover;
    object-position: 50% 50%; }
  .list-gallery .list-gallery-holder > div {
    display: inline-block;
    width: 275px;
    margin: 5px; }
  .list-gallery .list-gallery-holder .category {
    text-transform: uppercase;
    font: 14px 'SansProSemibold'; }
  .list-gallery .list-gallery-holder ._title {
    margin: 5px 0; }
  .list-gallery .list-gallery-holder .content {
    color: grey;
    font-size: 15px;
    line-height: 1.7; }

.list-gallery .category, .cycle-gallery .category {
  text-transform: uppercase; }

.post-section {
  width: 100%;
  margin: 0 0 12px;
  padding: 0 0 0 20px; }
  .post-section.large {
    margin-bottom: 30px; }
    .post-section.large .post-holder {
      margin-bottom: 10px; }
    .post-section.large .post {
      width: 210px; }
      .post-section.large .post .picture-holder {
        margin-bottom: 0; }
      .post-section.large .post .image {
        width: 100%;
        height: 178px; }
      .post-section.large .post .text-box {
        min-height: 55px; }
        .post-section.large .post .text-box:after {
          content: '';
          display: inline-block;
          height: 55px;
          width: 1px;
          overflow: hidden;
          margin: 0 0 0 -5px;
          vertical-align: middle; }
        .post-section.large .post .text-box h2 {
          vertical-align: middle;
          display: inline-block;
          white-space: normal;
          font-family: 'Cantata One', Microsoft JhengHei, 'Times New Roman', Times, serif; }
  .post-section h2 {
    width: 100%;
    font: 16px 'SanProSemibold';
    line-height: 22px;
    margin: 0 0 5px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 1; }
    .post-section h2:before {
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: 50%;
      background: #000;
      height: 1px;
      z-index: -1; }
    .post-section h2 .style-white {
      display: inline-block;
      vertical-align: top;
      background: #fff;
      font-size: 13px;
      font-weight: bold; }
    .post-section h2 img {
      vertical-align: middle;
      width: 30px; }
    .post-section h2 .text {
      padding: 2px 13px 3px;
      vertical-align: 0px;
      background-color: #000;
      font-style: normal; }
      .post-section h2 .text._title {
        color: #fff;
        font-family: 'SansProSemibold'; }
      .post-section h2 .text:not(._title) {
        font-family: 'SansProSemibold'; }
  .post-section.shopping {
    padding: 0; }
    .post-section.shopping h1 {
      font-size: 22px;
      line-height: 20px;
      margin: 20px 0 19px;
      width: 100%;
      text-align: center; }
    .post-section.shopping .post {
      position: relative;
      width: 240px; }
      .post-section.shopping .post > a {
        height: 150px;
        width: 240px;
        display: block;
        position: relative; }
        .post-section.shopping .post > a:after {
          content: '';
          vertical-align: middle;
          display: inline-block;
          min-height: 150px; }
        .post-section.shopping .post > a img, .post-section.shopping .post > a .image {
          display: inline-block;
          vertical-align: middle;
          white-space: normal;
          max-width: 240px;
          width: 100%;
          height: 100%; }
        .post-section.shopping .post > a:hover .text-area {
          opacity: 1; }
        .post-section.shopping .post > a .text-area {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          white-space: nowrap; }
          .post-section.shopping .post > a .text-area:after {
            content: '';
            vertical-align: middle;
            display: inline-block;
            min-height: 150px; }
          .post-section.shopping .post > a .text-area .text {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
            width: 100%; }
          .post-section.shopping .post > a .text-area span {
            display: block; }
            .post-section.shopping .post > a .text-area span.price {
              color: #e70094; }
        .post-section.shopping .post > a .brand, .post-section.shopping .post > a .product-name, .post-section.shopping .post > a .price {
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%; }
      .post-section.shopping .post .picture-holder {
        margin: 0; }
    .post-section.shopping .post-gallery .slideset {
      padding-left: 5px; }
    .post-section.shopping .post-gallery .btn-prev, .post-section.shopping .post-gallery .btn-next {
      top: 43%; }
    .post-section.shopping .post-gallery .slide {
      width: 244px; }
    .post-section.shopping .post-gallery .post {
      margin: 0;
      border: 0px none white;
      width: 244px; }
      .post-section.shopping .post-gallery .post > a.picture-holder {
        margin: 0;
        padding-left: 1px;
        border: 1px solid #c3c3c3;
        width: 244px; }
        .post-section.shopping .post-gallery .post > a.picture-holder img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: 50% 50%; }
        .post-section.shopping .post-gallery .post > a.picture-holder.overlayer:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.9) 100%); }
      .post-section.shopping .post-gallery .post .text-area {
        color: #333;
        margin: 9px 9px 0; }
      .post-section.shopping .post-gallery .post .text-holder {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        text-align: left; }
  .post-section .post {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d3d3d3;
    color: #666;
    letter-spacing: 0;
    margin: 0 5px 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center; }
    .post-section .post .picture-holder {
      display: block;
      margin: 0 0 10px;
      position: relative; }
      .post-section .post .picture-holder:before {
        position: absolute;
        content: '';
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: 0;
        background: #000;
        opacity: 0;
        transition: all 0.3s ease; }
      .post-section .post .picture-holder:hover:before {
        opacity: .2; }
    .post-section .post .text-box {
      padding: 0 5px; }
    .post-section .post h2 {
      font: 700 18px/20px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      margin: 0; }
      .post-section .post h2 a {
        color: #e70094; }
        .post-section .post h2 a:hover {
          text-decoration: none;
          color: #e91851; }
    .post-section .post p {
      margin: 0 0 10px; }
  .post-section .post-gallery.style .post {
    width: 215px; }
  .post-section .post-gallery .post {
    margin: 0 auto;
    display: block; }

.post-gallery {
  position: relative;
  overflow: hidden; }
  .post-gallery:after, .post-gallery:before {
    position: absolute;
    left: 0;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #fff;
    content: '';
    z-index: 10; }
  .post-gallery:after {
    left: auto;
    right: 0; }
  .post-gallery.style .slide {
    width: 225px; }
  .post-gallery .gholder {
    width: 100%; }
    .post-gallery .gholder:after {
      content: "";
      display: block;
      clear: both; }
  .post-gallery .gmask {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left; }
    .post-gallery .gmask .slideset {
      float: left;
      width: 99999px; }
      .post-gallery .gmask .slideset .product-name {
        color: #ffffff; }
  .post-gallery .slide {
    float: left;
    width: 180px; }
  .post-gallery .btn-next, .post-gallery .btn-prev {
    position: absolute;
    top: 50%;
    right: -25px;
    color: #fff;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #000;
    opacity: 0.5;
    border-radius: 50%;
    margin: -30px 0 0;
    text-align: center; }
    .post-gallery .btn-next i, .post-gallery .btn-prev i {
      position: absolute;
      top: 50%;
      left: 14px;
      margin: -9px 0 0; }
    .post-gallery .btn-next:hover, .post-gallery .btn-prev:hover {
      background: #e91851; }
  .post-gallery .btn-prev {
    right: auto;
    left: -25px; }
    .post-gallery .btn-prev i {
      left: auto;
      right: 14px; }

div.content-blocks {
  padding-top: 27px;
  padding-bottom: 46px;
  float: left; }
  div.content-blocks h1 {
    font-family: "SansProBold" !important;
    font-size: 27px;
    margin-left: 10px;
    margin-bottom: 12px; }
    div.content-blocks h1 .highlight {
      text-transform: uppercase;
      font-family: 'ShadowsIntoLight' !important;
      font-size: 26px;
      font-weight: 100;
      color: #e91851; }
  div.content-blocks > div {
    float: left; }
  div.content-blocks div.content-block {
    width: 230px; }
    div.content-blocks div.content-block img {
      width: 100%;
      border: 1px solid #d3d3d3;
      object-fit: cover;
      object-position: 50% 50%; }
    div.content-blocks div.content-block.first img {
      height: 360px; }
    div.content-blocks div.content-block.first ._title {
      margin-top: 17px;
      margin-bottom: 5px; }
    div.content-blocks div.content-block.first ._title, div.content-blocks div.content-block.first .content {
      margin-left: 10px;
      margin-right: 15px; }
    div.content-blocks div.content-block.second {
      margin-bottom: 21px;
      margin-left: 14px; }
      div.content-blocks div.content-block.second img {
        height: 145px; }
      div.content-blocks div.content-block.second ._title {
        line-height: 1;
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 10px; }
      div.content-blocks div.content-block.second ._title, div.content-blocks div.content-block.second .content {
        margin-left: 7px;
        margin-right: 10px; }
    div.content-blocks div.content-block .content {
      font-size: 13px;
      line-height: 1.4;
      color: #7f7f7f;
      font-family: 'SansPro' !important; }
    div.content-blocks div.content-block ._title {
      font-family: 'SansProSemibold' !important; }

div.content-blocks:not(:last-child) {
  padding-right: 12px;
  border-right: 1px dotted #000; }

div.content-blocks:not(:first-child) {
  padding-left: 12px; }

.related-article {
  margin-bottom: 50px; }
  .related-article h1._title {
    text-transform: uppercase;
    font-size: 22px;
    color: #333;
    font-family: 'SansProSemiBold';
    margin-bottom: 15px; }
  .related-article .img-des .img-des-title {
    font-size: 13px; }
  .related-article .img-des .img-des-article-title {
    font-size: 18px; }
  .related-article .stamp-cg-square-block {
    width: 222px;
    height: 222px; }

#main {
  padding: 0; }

.list-holder {
  background: url('../images/bg-border.png');
  padding: 10px; }
  .list-holder .blog-list {
    background: #fff;
    padding: 10px 5px; }
    .list-holder .blog-list li {
      float: left;
      padding: 0 10px;
      font-size: 14px;
      text-align: center; }
      .list-holder .blog-list li p {
        margin: 0;
        text-transform: uppercase; }
      .list-holder .blog-list li img {
        display: block;
        margin: 0 0 10px;
        width: 180px; }
      .list-holder .blog-list li .img-box {
        position: relative; }
        .list-holder .blog-list li .img-box:after {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          content: '';
          background: transparent;
          transition: all .3s ease; }
      .list-holder .blog-list li a {
        display: block;
        color: #333; }
        .list-holder .blog-list li a:hover {
          color: #e91851; }
          .list-holder .blog-list li a:hover .img-box:after {
            background: rgba(0, 0, 0, 0.7); }

.registration-button {
  display: block;
  margin: 20px 0 0 0;
  text-align: center; }

#registration, #forget-password, #reset {
  padding: 8px 9px 7px;
  width: calc(100% - 304px);
  font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
  display: inline-block; }
  #registration h2, #forget-password h2, #reset h2 {
    width: 100%;
    text-align: center;
    position: relative;
    margin: -22px 0 0 0; }
    #registration h2 span, #forget-password h2 span, #reset h2 span {
      font-style: italic;
      display: inline-block;
      background: #fff;
      padding: 0 5px;
      margin: 0;
      text-transform: uppercase; }
  #registration form, #forget-password form, #reset form {
    padding: 20px 0; }
    #registration form div h3, #forget-password form div h3, #reset form div h3 {
      font-style: italic;
      text-transform: uppercase;
      width: 100%; }
    #registration form div div.registration-label, #forget-password form div div.registration-label, #reset form div div.registration-label {
      width: 110px;
      display: inline-block; }
      #registration form div div.registration-label span, #forget-password form div div.registration-label span, #reset form div div.registration-label span {
        color: #e70094;
        padding: 0 4px; }
    #registration form div div.registration-input, #forget-password form div div.registration-input, #reset form div div.registration-input {
      width: 290px;
      display: inline-block;
      margin: 0 40px 0 0; }
      #registration form div div.registration-input input, #forget-password form div div.registration-input input, #reset form div div.registration-input input {
        width: 100%; }
    #registration form div .registration-radio, #forget-password form div .registration-radio, #reset form div .registration-radio {
      display: inline-block;
      width: 19px;
      height: 19px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%; }
    #registration form div .registration-radio-label, #forget-password form div .registration-radio-label, #reset form div .registration-radio-label {
      padding: 0 50px 0 0; }
    #registration form div #reg-areacode, #forget-password form div #reg-areacode, #reset form div #reg-areacode {
      width: 80px;
      display: inline-block;
      margin: 0 10px 0 0; }
    #registration form div #reg-cellnumber, #forget-password form div #reg-cellnumber, #reset form div #reg-cellnumber {
      display: inline-block;
      margin: 0 0 0 10px; }
    #registration form div textarea, #forget-password form div textarea, #reset form div textarea {
      width: 500px;
      height: 100px; }
    #registration form div .registration-select, #forget-password form div .registration-select, #reset form div .registration-select {
      font-size: 16px; }
    #registration form div .registration-checkbox-rows, #forget-password form div .registration-checkbox-rows, #reset form div .registration-checkbox-rows {
      width: 700px; }
      #registration form div .registration-checkbox-rows .registration-checkbox-label, #forget-password form div .registration-checkbox-rows .registration-checkbox-label, #reset form div .registration-checkbox-rows .registration-checkbox-label {
        margin: 0 50px 0 0; }
        #registration form div .registration-checkbox-rows .registration-checkbox-label .registration-checkbox, #forget-password form div .registration-checkbox-rows .registration-checkbox-label .registration-checkbox, #reset form div .registration-checkbox-rows .registration-checkbox-label .registration-checkbox {
          width: 19px;
          height: 19px; }
    #registration form div div.registration-success-splash, #forget-password form div div.registration-success-splash, #reset form div div.registration-success-splash {
      width: 860px;
      height: 300px;
      background: black; }
    #registration form #registration-error-msg, #forget-password form #registration-error-msg, #reset form #registration-error-msg {
      color: #e70094; }
    #registration form button.registration-submit, #forget-password form button.registration-submit, #reset form button.registration-submit {
      background: #e70094;
      color: white;
      width: 150px;
      height: 40px;
      border: 0;
      font-size: 16px;
      font-style: italic; }
      #registration form button.registration-submit:focus, #forget-password form button.registration-submit:focus, #reset form button.registration-submit:focus {
        outline: 0; }
    #registration form button.registration-promo-button, #forget-password form button.registration-promo-button, #reset form button.registration-promo-button {
      background: #e70094;
      color: white;
      width: 170px;
      height: 40px;
      border: 0;
      font-size: 16px;
      font-style: italic;
      text-transform: uppercase; }
      #registration form button.registration-promo-button:focus, #forget-password form button.registration-promo-button:focus, #reset form button.registration-promo-button:focus {
        outline: 0; }

.registration-picture-holder {
  display: inline-block;
  float: right; }

.share_win.quick {
  width: 100%;
  text-align: center; }
  .share_win.quick div.share_win-input #quickLoginUsername, .share_win.quick #quickLoginPassword {
    text-align: center;
    width: 80%; }

.share_win {
  width: calc(100% - 304px);
  font: 14px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
  display: inline-block;
  float: left; }
  .share_win h2 {
    width: 100%;
    text-align: center;
    position: relative;
    margin: -22px 0 0 0; }
    .share_win h2 span {
      font-style: italic;
      display: inline-block;
      background: #fff;
      padding: 0 5px;
      margin: 0;
      text-transform: uppercase; }
  .share_win form {
    padding: 20px; }
    .share_win form div h3 {
      font-style: italic;
      text-transform: uppercase;
      width: 100%; }
    .share_win form div div.share_win-label {
      width: 110px;
      display: inline-block;
      vertical-align: top; }
      .share_win form div div.share_win-label span {
        color: #e70094;
        padding: 0 4px; }
    .share_win form div div.share_win-input {
      width: 87%;
      display: inline-block; }
      .share_win form div div.share_win-input input {
        width: 100%; }
      .share_win form div div.share_win-input input[type='file'] {
        background: black;
        position: relative;
        top: -20px;
        height: 38px;
        opacity: 0;
        margin: -8px 0;
        width: 103%;
        left: -5px; }
      .share_win form div div.share_win-input textarea {
        width: 100%;
        height: 100px; }
      .share_win form div div.share_win-input a.btn.file-upload {
        display: inline-block;
        padding: 10px 5px;
        background: #999;
        text-align: center;
        height: 38px; }
      .share_win form div div.share_win-input a.file-upload.error {
        display: inline-block;
        padding: 10px 5px;
        background: #e70094;
        text-align: center;
        height: 38px; }
    .share_win form div .share_win-radio {
      display: inline-block;
      width: 19px;
      height: 19px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%; }
    .share_win form div .share_win-radio-label {
      padding: 0 50px 0 0; }
    .share_win form div #reg-areacode {
      width: 80px;
      display: inline-block;
      margin: 0 10px 0 0; }
    .share_win form div #reg-cellnumber {
      display: inline-block;
      margin: 0 0 0 10px; }
    .share_win form div .share_win-select {
      font-size: 16px;
      width: calc(100% - 115px); }
    .share_win form div .share_win-checkbox-rows {
      width: 700px; }
      .share_win form div .share_win-checkbox-rows .share_win-checkbox-label {
        margin: 0 50px 0 0; }
        .share_win form div .share_win-checkbox-rows .share_win-checkbox-label .share_win-checkbox {
          width: 19px;
          height: 19px; }
    .share_win form div div.share_win-success-splash {
      width: 860px;
      height: 300px;
      background: black; }
    .share_win form #share_win-error-msg {
      color: #e70094; }
    .share_win form button.share_win-submit {
      background: #e70094;
      color: white;
      width: 150px;
      height: 40px;
      border: 0;
      font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      font-size: 16px;
      font-style: italic;
      display: block;
      margin: 2.5em auto; }
      .share_win form button.share_win-submit:focus {
        outline: 0; }
    .share_win form button.share_win-promo-button {
      background: #e70094;
      color: white;
      width: 170px;
      height: 40px;
      border: 0;
      font-size: 16px;
      font-style: italic;
      text-transform: uppercase; }
      .share_win form button.share_win-promo-button:focus {
        outline: 0; }
  .share_win .picture-holder {
    display: inline-block;
    float: right; }
  .share_win .g-recaptcha {
    width: calc(100% - 115px);
    display: inline-block; }
  .share_win #coverImagePreview {
    display: none;
    width: auto;
    max-height: 250px; }

#home .head-section {
  width: 920px; }
  #home .head-section .hero-panel {
    margin-top: 10px;
    margin-bottom: 13px;
    float: none; }
    #home .head-section .hero-panel .cycle-gallery {
      width: 920px;
      height: 411px; }
      #home .head-section .hero-panel .cycle-gallery .btn-prev, #home .head-section .hero-panel .cycle-gallery .btn-next {
        top: 180px; }
      #home .head-section .hero-panel .cycle-gallery .mask .slide .hero {
        height: 411px; }
  #home .head-section .post-section.shopping {
    padding: 0; }
    #home .head-section .post-section.shopping h2 {
      margin-bottom: 10px; }
    #home .head-section .post-section.shopping .post-gallery .btn-prev, #home .head-section .post-section.shopping .post-gallery .btn-next {
      top: 50%; }
    #home .head-section .post-section.shopping .post-gallery .slide {
      width: 230px; }
    #home .head-section .post-section.shopping .post-gallery .post {
      margin: 0;
      border: 0px none white;
      width: 230px;
      overflow: hidden; }
      #home .head-section .post-section.shopping .post-gallery .post .text-area {
        color: #333;
        margin-top: 9px; }
      #home .head-section .post-section.shopping .post-gallery .post .text-holder {
        left: 13px;
        right: 13px;
        bottom: 2px;
        color: #fff;
        width: auto; }
        #home .head-section .post-section.shopping .post-gallery .post .text-holder .text span {
          font-size: 15px;
          font-family: 'SansProLight';
          color: #fff;
          white-space: normal; }
#home .post-section.shopping {
  padding-top: 45px;
  padding-bottom: 35px; }
#home .landing-ad {
  float: left;
  margin-left: 10px;
  margin-top: 13px; }
#home .newsletter {
  float: left;
  width: 300px;
  height: auto;
  position: relative;
  margin-left: 10px;
  margin-top: 10px; }
  #home .newsletter div {
    background-image: url('../images/pink_patten.png');
    padding: 10px; }
    #home .newsletter div .letterBlock {
      background: white; }
    #home .newsletter div .title {
      background: white;
      font-size: 26px;
      font-weight: bold;
      font-style: italic;
      font-family: 'ShadowsIntoLightTwo' !important;
      text-align: center;
      letter-spacing: 2px;
      margin-bottom: -5px; }
    #home .newsletter div .slogan {
      background: white;
      font-size: 16px;
      text-align: center;
      font-family: 'HanziPen TC' !important;
      color: #444444; }
    #home .newsletter div .fa-envelope {
      text-align: center;
      display: block;
      font-size: 45px;
      color: pink;
      margin-top: 13px; }
    #home .newsletter div .email {
      font-size: 14px;
      margin: auto;
      display: block;
      margin-top: 10px;
      height: 26px;
      width: 220px; }
    #home .newsletter div .submit {
      margin: auto;
      display: block;
      background: #e70094;
      color: #fff;
      border-radius: 2px;
      width: 220px;
      height: 35px;
      border: 0;
      text-transform: uppercase;
      font-size: 15px;
      font-family: 'SansProSemibold' !important;
      margin-top: 13px;
      margin-bottom: 23px; }
#home div.newsletter:after {
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  height: 10px;
  width: 10px;
  background: inherit;
  z-index: 1; }
#home div.newsletter:before {
  position: absolute;
  content: "";
  top: 10px;
  right: 10px;
  height: 10px;
  width: 10px;
  background: inherit;
  z-index: 1; }
#home .content-section .giveaway {
  width: 230px;
  border: none; }
#home .content-section .giveaway, #home .content-section .content-blocks {
  height: 650px; }

.instagram-facebook {
  overflow: hidden;
  min-height: 400px;
  background: #e5e5e5; }
  .instagram-facebook .follow-me {
    padding: 28px 0 0 10px;
    overflow: hidden; }
    .instagram-facebook .follow-me i.fa.fa-facebook-official {
      float: left;
      color: #4d67a4;
      font-size: 30px;
      line-height: 33px; }
  .instagram-facebook .icon, .instagram-facebook .block_title {
    float: left; }
  .instagram-facebook .icon {
    width: 25px !important;
    height: 26px !important;
    margin-top: 3px;
    border-radius: 5px; }
  .instagram-facebook .block_title {
    font-family: "SansProBold" !important;
    font-size: 27px;
    margin-left: 10px;
    margin-bottom: 12px; }
    .instagram-facebook .block_title .highlight {
      text-transform: uppercase;
      font-family: 'ShadowsIntoLight' !important;
      font-size: 26px;
      font-weight: 100;
      color: #e91851; }
  .instagram-facebook .col {
    float: left;
    width: 300px; }
  .instagram-facebook .col-1, .instagram-facebook .col-2, .instagram-facebook .col-3 {
    margin: 0 10px 0 0; }
  .instagram-facebook .big-box {
    width: 300px;
    height: 300px; }
  .instagram-facebook .big-box.big-box-one {
    margin: 0 0 10px 0; }
  .instagram-facebook .big-box.big-box-twelve {
    float: left; }
  .instagram-facebook .small-box {
    float: left;
    width: 145px;
    height: 145px; }
  .instagram-facebook .small-box.small-box-two {
    margin-right: 10px; }
  .instagram-facebook .small-box.small-box-four, .instagram-facebook .small-box.small-box-six, .instagram-facebook .small-box.small-box-eight {
    margin-right: 10px; }
  .instagram-facebook .small-box.small-box-four, .instagram-facebook .small-box.small-box-five, .instagram-facebook .small-box.small-box-six, .instagram-facebook .small-box.small-box-seven, .instagram-facebook .small-box.small-box-ten, .instagram-facebook .small-box.small-box-eleven {
    margin-bottom: 10px; }
  .instagram-facebook .small-box.small-box-ten {
    margin-right: 10px; }
  .instagram-facebook .iframe-container {
    float: right;
    width: 300px;
    height: 455px;
    overflow: hidden; }

.social.instagram {
  float: left;
  padding-bottom: 52px; }
  .social.instagram .ig-image:hover {
    display: block;
    position: relative; }
    .social.instagram .ig-image:hover:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      background: transparent;
      transition: all .3s ease; }
    .social.instagram .ig-image:hover:hover:after {
      background: rgba(0, 0, 0, 0.3); }
  .social.instagram .follow-btn {
    float: left;
    width: 130px;
    text-align: center;
    margin: 5px 0 0 15px;
    background: #41729A;
    color: #ffffff;
    font: 13px 'SansProSemibold';
    padding: 3px 0;
    border-radius: 3px; }

.social.facebook {
  overflow: hidden;
  padding-bottom: 52px; }

.fb-ig-ad-area {
  padding: 0 0 52px 0; }

.container.article {
  width: 100%;
  padding: 24px 0 0 10px; }

.article, .social-holder {
  float: left; }

.article {
  width: 765px;
  padding: 0 10px; }
  .article img {
    max-width: 745px; }
  .article .title {
    color: #000000;
    font-family: 'SansPro', Microsoft JhengHei, Arial, Helvetica;
    margin: 0; }
  .article .author {
    margin: 24px 0 13px 0;
    color: #BEBEBE;
    font-size: 15px; }
  .article .content-wrapper {
    font-size: 16px;
    color: #444444;
    line-height: 25px;
    font-family: 'SansPro', Microsoft JhengHei, Arial, Helvetica;
    padding-bottom: 20px;
    border-bottom: 1px solid #ABABAB; }
  .article .fb-like {
    padding-bottom: 14px; }
  .article .tags-holder {
    padding: 15px 0; }
    .article .tags-holder img {
      width: 25px; }
    .article .tags-holder span {
      color: #595959; }
    .article .tags-holder .tags {
      font-size: 16px; }
      .article .tags-holder .tags a:after {
        content: "\00a0"; }

.social-holder {
  width: 145px; }

.social-list {
  margin: 0;
  list-style-type: none; }
  .social-list li {
    font-family: 'Oswald';
    height: 45px;
    width: 135px;
    position: relative;
    left: -40px;
    padding: 11px 0;
    margin: 0 0 6px 0;
    color: #ffffff;
    font-weight: 100;
    font-size: 16px; }
  .social-list i {
    width: 20px;
    margin: 0 20px;
    font-size: 22px; }
  .social-list .facebook {
    background-color: #4D67A4; }
    .social-list .facebook:hover {
      background-color: #3c5080; }
  .social-list .weibo {
    background-color: #FAA90F; }
    .social-list .weibo:hover {
      background-color: #d5900c; }
  .social-list .twitter {
    background-color: #26A7E0; }
    .social-list .twitter:hover {
      background-color: #2295c7; }
  .social-list .email {
    background-color: #6D6E72; }
    .social-list .email:hover {
      background-color: #525355; }

.fixed {
  position: fixed; }

.container.article.static {
  min-height: 500px;
  padding: 67px 10px 70px 10px;
  font-family: 'SansPro'; }
  .container.article.static h1 {
    font-family: 'SansProBold'; }

.fb_iframe_widget {
  padding-bottom: 45px; }

.article-loading {
  text-align: center !important; }

.horoscope-landing .horoscope-gallery {
  height: 454px; }
  .horoscope-landing .horoscope-gallery .mask {
    height: 100%; }
    .horoscope-landing .horoscope-gallery .mask .hero {
      height: 400px; }
  .horoscope-landing .horoscope-gallery .text-holder {
    padding: 10px 37px 0; }

.weekly-horoscope {
  float: left;
  text-align: center;
  overflow: visible;
  top: 6px;
  height: 447px; }
  .weekly-horoscope .head {
    margin: -14px 0 0;
    display: inline-block; }
  .weekly-horoscope h2 {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    margin: -10px 0 4px; }
    .weekly-horoscope h2 span {
      display: inline-block;
      vertical-align: top;
      background: #fff;
      padding: 0 3px; }
  .weekly-horoscope .date-holder {
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    color: #999; }

.horoscope {
  width: 300px;
  border: 1px solid #f1f1f1;
  margin: 6px 0 0; }

.list-horoscope {
  overflow: hidden;
  font: 700 15px/18px Microsoft JhengHei, Arial, Helvetica, sans-serif;
  margin: 0; }
  .list-horoscope li {
    float: left;
    width: 99px;
    height: 97px;
    border: 1px solid #f1f1f1; }
    .list-horoscope li.pink .picture-holder {
      border: solid #e70094;
      border-width: 1px 1px 0;
      transition: all .3s ease; }
    .list-horoscope li.pink .text-box {
      background: #e70094; }
    .list-horoscope li.pink a:hover .text-box {
      background: #e91851; }
    .list-horoscope li.pink a:hover .picture-holder {
      border-color: #e91851; }
      .list-horoscope li.pink a:hover .picture-holder .box-text {
        color: #e91851; }
  .list-horoscope a {
    color: #fff; }
    .list-horoscope a:hover .text-box {
      background: #c2c2c2; }
  .list-horoscope .text-box {
    display: block;
    background: #999;
    padding: 1px 10px;
    transition: all .3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .list-horoscope .text-box i {
      display: inline-block;
      vertical-align: middle;
      margin: 0 3px; }
  .list-horoscope .picture-holder {
    position: relative; }
    .list-horoscope .picture-holder .box-text {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
      text-align: center;
      padding: 10px 15px;
      color: #e70094;
      font: 24px/28px Microsoft JhengHei, Arial, Helvetica, sans-serif;
      transition: all .3s ease; }

.horoscope-image {
  background: url('../images/horoscope-sprite.png') no-repeat;
  width: 98px;
  height: 95px;
  position: relative; }

.horoscope-aries {
  background-position: -8px -8px; }

.horoscope-taurus {
  background-position: -112px -8px; }

.horoscope-gemini {
  background-position: -216px -8px; }

.horoscope-cancer {
  background-position: -320px -8px; }

.horoscope-leo {
  background-position: -424px -8px; }

.horoscope-virgo {
  background-position: -528px -8px; }

.horoscope-libra {
  background-position: -8px -105px; }

.horoscope-scorpio {
  background-position: -112px -105px; }

.horoscope-sagittarius {
  background-position: -216px -105px; }

.horoscope-capricorn {
  background-position: -320px -105px; }

.horoscope-aquarius {
  background-position: -424px -105px; }

.horoscope-pisces {
  background-position: -528px -105px; }

.zodiac-image {
  background: url('../images/horoscope-sprite.png') no-repeat;
  width: 97px;
  height: 92px; }

.zodiac-rat {
  background-position: -21px -207px; }

.zodiac-ox {
  background-position: -113px -206px; }

.zodiac-tiger {
  background-position: -216px -204px; }

.zodiac-rabbit {
  background-position: -318px -205px; }

.zodiac-dragon {
  background-position: -423px -203px; }

.zodiac-snake {
  background-position: -527px -203px; }

.zodiac-horse {
  background-position: -18px -295px; }

.zodiac-goat {
  background-position: -115px -296px; }

.zodiac-monkey {
  background-position: -212px -298px; }

.zodiac-rooster {
  background-position: -320px -298px; }

.zodiac-dog {
  background-position: -423px -294px; }

.zodiac-pig {
  background-position: -527px -292px; }

.horoscope-weekly .hero {
  width: 100%;
  height: 100%;
  margin-bottom: 20px; }
  .horoscope-weekly .hero img {
    width: 100%;
    height: auto; }
.horoscope-weekly .horoscope-content {
  margin-bottom: 20px;
  overflow: hidden; }
  .horoscope-weekly .horoscope-content .item {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden; }
  .horoscope-weekly .horoscope-content .image {
    width: 94px;
    height: 94px;
    margin-right: 10px;
    float: left; }
  .horoscope-weekly .horoscope-content .text-block {
    overflow: hidden; }
  .horoscope-weekly .horoscope-content .left-block, .horoscope-weekly .horoscope-content .right-block {
    float: left;
    width: 45%;
    padding-right: 35px; }
  .horoscope-weekly .horoscope-content .luck {
    background: url('../images/img-horoscope-luck.jpg') 0 0 no-repeat; }
  .horoscope-weekly .horoscope-content .love {
    background: url('../images/img-horoscope-love.jpg') 0 0 no-repeat; }
  .horoscope-weekly .horoscope-content .work {
    background: url('../images/img-horoscope-work.jpg') 0 0 no-repeat; }
  .horoscope-weekly .horoscope-content .wealth {
    background: url('../images/img-horoscope-wealth.jpg') 0 0 no-repeat; }
  .horoscope-weekly .horoscope-content .health {
    background: url('../images/img-horoscope-health.jpg') 0 0 no-repeat; }
  .horoscope-weekly .horoscope-content .star {
    background: url('../images/ico-horoscope-star.png') 0 0 no-repeat;
    width: 17px;
    height: 16px;
    display: inline-block;
    margin-right: 2px; }
    .horoscope-weekly .horoscope-content .star.empty {
      background-position: -19px 0; }
  .horoscope-weekly .horoscope-content .description {
    display: block; }

.all-horoscope h1 {
  font-size: 16px; }
.all-horoscope .slide {
  width: 101px;
  height: 99px; }
.all-horoscope .post {
  width: 99px;
  height: 97px; }
.all-horoscope .text-box {
  display: block;
  background: #999;
  padding: 1px 10px;
  transition: all .3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  .all-horoscope .text-box i {
    display: inline-block;
    vertical-align: middle;
    margin: 3px; }
.all-horoscope a {
  color: #fff; }
  .all-horoscope a:hover .text-box {
    background: #c2c2c2; }

#section .hero-panel {
  padding-top: 10px; }
#section .content-section .giveaway {
  width: 230px;
  border: none; }
#section .content-section .giveaway, #section .content-section .content-blocks {
  height: 650px; }

#gallery-section {
  margin: 25px 0 0 10px;
  width: 1220px; }
  #gallery-section #content {
    margin-right: 13px; }
  #gallery-section .content-body {
    padding-bottom: 5px; }
  #gallery-section h1.title {
    margin: 5px 0 10px; }
  #gallery-section p.author {
    color: #BEBEBE;
    font-size: 15px;
    margin-bottom: 8px; }
  #gallery-section .fb-like.fb_iframe_widget {
    padding-bottom: 25px; }
  #gallery-section .galleria {
    width: 759px;
    height: 600px;
    background: #cccccc; }
    #gallery-section .galleria .galleria-container {
      border: 1px solid #cccccc; }
    #gallery-section .galleria .galleria-bar {
      height: 43px;
      bottom: auto;
      top: 0;
      background: #fff; }
    #gallery-section .galleria .galleria-stage {
      background-color: #fff;
      top: 30px;
      bottom: 0; }
    #gallery-section .galleria .galleria-counter {
      background: none; }
    #gallery-section .galleria .galleria-image-nav-left, #gallery-section .galleria .galleria-image-nav-right {
      position: absolute;
      color: #fff;
      z-index: 1;
      width: 50px;
      height: 104px;
      background: rgba(0, 0, 0, 0.6);
      margin: -30px 0 0;
      text-align: center; }
      #gallery-section .galleria .galleria-image-nav-left i, #gallery-section .galleria .galleria-image-nav-right i {
        color: white;
        font-size: 31px;
        line-height: 104px; }
    #gallery-section .galleria .galleria-image-nav-left {
      left: 0; }
    #gallery-section .galleria .galleria-image-nav-right {
      right: 0; }
    #gallery-section .galleria i {
      color: black;
      font-size: 18px;
      line-height: 40px; }
    #gallery-section .galleria .galleria-thumblink {
      text-align: center; }
      #gallery-section .galleria .galleria-thumblink i:before {
        font-size: 32px;
        line-height: 40px; }
    #gallery-section .galleria .galleria-popout, #gallery-section .galleria .galleria-play {
      text-align: center; }
    #gallery-section .galleria .galleria-play {
      left: 50px; }
      #gallery-section .galleria .galleria-play .fa-play {
        display: inline-block; }
      #gallery-section .galleria .galleria-play .fa-pause {
        display: none; }
      #gallery-section .galleria .galleria-play.playing .fa-play {
        display: none; }
      #gallery-section .galleria .galleria-play.playing .fa-pause {
        display: inline-block; }
    #gallery-section .galleria .galleria-info {
      left: 107px; }
      #gallery-section .galleria .galleria-info .galleria-counter span {
        font-size: 16px;
        color: #999; }
  #gallery-section .descriptions {
    padding: 30px 20px;
    color: #555;
    border: 1px solid #cccccc; }
    #gallery-section .descriptions .desc {
      margin-top: -35px; }
    #gallery-section .descriptions .title {
      position: relative;
      top: -65px;
      left: -20px;
      font-size: 16px;
      z-index: 3;
      color: white;
      background: rgba(0, 0, 0, 0.4);
      width: 759px;
      height: 35px; }
      #gallery-section .descriptions .title span {
        line-height: 35px;
        padding-left: 15px;
        font-family: 'SansProLight'; }
  #gallery-section .landing-ad {
    display: none; }

.galleria-lightbox-box .galleria-lightbox-shadow {
  background: none; }
.galleria-lightbox-box .galleria-lightbox-close {
  width: 25px;
  height: 25px;
  top: 12px;
  right: 12px;
  font: 31px/24px 'SansProLight', Microsoft JhengHei, Arial, Helvetica, sans-serif; }
.galleria-lightbox-box .galleria-lightbox-next i:before, .galleria-lightbox-box .galleria-lightbox-prev i:before {
  line-height: 40px; }

.lightbox-descriptions, .lightbox-social-holder {
  position: fixed;
  color: #fff;
  z-index: 100000; }

.lightbox-descriptions {
  top: 20%;
  width: 20%;
  left: 50%;
  text-align: left;
  transition: margin 0.2s ease; }
  .lightbox-descriptions .desc {
    width: 300px;
    height: 230px;
    margin-bottom: 20px;
    overflow-y: auto;
    font-family: 'SansProLight'; }

.lightbox-social-holder {
  top: 20%;
  left: 50%;
  transition: margin 0.2s ease; }

.search-page.container {
  min-height: 200px; }
  .search-page.container .content-block span.reminder, .search-page.container .content-block input.keywords, .search-page.container .content-block .count {
    margin-left: 10px; }
  .search-page.container .content-block input.keywords {
    font-family: SansProSemiBold;
    font-size: 45px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd; }
  .search-page.container .content-block span.reminder {
    display: block;
    padding-top: 10px;
    padding-bottom: 25px;
    color: #bbb; }
  .search-page.container .content-block .count {
    font-size: 16px;
    color: #e91851;
    padding-bottom: 20px; }
  .search-page.container .content-block .columns {
    margin-right: -5px; }
  .search-page.container .content-block #load-more {
    width: 100%;
    display: none; }
    .search-page.container .content-block #load-more .loader {
      right: 300px; }
  .search-page.container .content-block ::-webkit-input-placeholder {
    font: italic lighter 18px Georgia;
    color: #ccc; }
  .search-page.container .content-block ::-moz-placeholder {
    opacity: 1;
    font: italic lighter 18px Georgia;
    color: #ccc; }
  .search-page.container .content-block :-moz-placeholder {
    font: italic lighter 18px Georgia;
    color: #ccc; }
  .search-page.container .content-block :-ms-input-placeholder {
    font: italic lighter 18px Georgia;
    color: #ccc; }
  .search-page.container .content-block .placeholder {
    font: italic lighter 18px Georgia;
    color: #ccc; }
  .search-page.container .ad-block {
    float: left;
    width: 300px; }

@media only screen and (max-width: 1620px) {
  body {
    overflow: auto; }
    body.active {
      overflow-x: hidden; }
      body.active .sub-nav {
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        left: 2px; }
    body .sub-nav {
      width: 170px; }
  .sub-nav {
    -ms-transform: translate(-170px, 0);
        transform: translate(-170px, 0); } }

@media print {
  .page {
    padding: 0; }
    .page:before {
      display: none; }
  * {
    background: none !important;
    color: #000 !important; }
  body {
    color: #000;
    background: #fff; }
  #header img {
    display: none; }
  .logo {
    position: static;
    margin: 0 auto; }
    .logo img {
      display: block !important; }
  .block-inform, .tabset, .post-section, .star-gallery, .description img, .illustration img, .social-btn, .social-list, .block-text .img-box, .social-bar, .post-section.large, .template-gallery, .box-fb, .block-zodiac, .related-videos img, .horoscope-box, .more, .list-holder, .blog-holder, .cycle-gallery, .btn, .box img, ol.list, .open-share, .beauty, .post-section.shopping, .cycle-gallery-box, .banner, .gray-section, .advertising-holder, .block-post, .pagination-page, .post-hold, .block-hero, .breadcrumbs, .nav-bar, #sidebar, #nav, .carousel, .sosial-networks, .search-form {
    display: none !important; }
  #content {
    width: 100%; }
  .modules .box, .related-videos li, .columns .box {
    border: 0;
    box-shadow: none; }
  .modules .box, .columns .box {
    position: static !important;
    text-align: left !important;
    float: left;
    width: 100%; }
  .columns .title {
    display: none; }
  .columns .box .text-holder, .modules h1, .modules .text-block {
    text-align: left; } }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  img {
    width: 100%;
    height: auto;
    max-width: 100%; } }