.column-group {
 clear: both;
}
.column-right {
 display: block;
 float: right;
 margin: 0 16px 0 0;
}
.remove-gutter {
 margin: 0;
}
.clear-left {
 clear: left;
}
.bordered {
 border: dashed 1px;
}
.no-display {
 display: none;
 height: 0;
 width: 0;
 margin: 0;
 padding: 0;
 position: absolute;
}
.button {
 background: #495e78;
 text-align: center;
 color: #92bcf0 !important;
}
.text-xlarge {
 font-size: 36px;
 line-height: 36px;
}
.text-large {
 font-size: 24px;
 line-height: 24px;
}
.text-normal {
 font-size: 16px;
 line-height: 16px;
}
.text-small {
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
}
.text-xsmall {
 font-size: 8px;
 line-height: 12px;
 min-height: 12px;
}
.dialog {
 border: dotted 2px #495e78;
 background: #2d333c;
}
.nobr {
 white-space: nowrap;
}
.clear {
 clear: both;
 display: block;
 height: 0px !important;
 margin: 0;
 padding: 0;
}
.bottom-bordered {
 border-bottom: solid 2px #1b212a;
}
.button-xsmall {
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 188px;
 float: right;
 margin: 0 16px 0 0;
 margin: 0;
 height: 18px;
 border-radius: 8px;
 border: solid 1px #3c536f;
 background: #78a5de;
}
.button-xsmall span {
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
}
.button-small {
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 188px;
 float: right;
 margin: 0 16px 0 0;
 margin: 0;
 height: 35px;
 border-radius: 8px;
 border: solid 1px #3c536f;
 background: #78a5de;
}
.button-small span {
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
}
.button-big {
 font-size: 24px;
 line-height: 24px;
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
 float: right;
 margin: 0 16px 0 0;
 margin: 0;
 height: 52px;
 border-radius: 8px;
 border: solid 1px #3c536f;
 background: #78a5de;
}
.button-big span {
 font-size: 24px;
 line-height: 24px;
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
}
.std-link {
 color: #3397c1;
}
.std-link-hover:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
.std-link-all {
 color: #3397c1;
}
.std-link-all:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
.outer-shadow {
 box-shadow: 0 0 5px #000000;
}
#fb-root {
 display: none;
}
#social {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
 padding-top: 2px;
}
#social iframe.twitter-follow-button {
 margin-left: 8px;
}
.breadcrumbs li:after {
 content: " / ";
}
.breadcrumbs li:last-child {
 font-weight: bold;
}
.breadcrumbs li:last-child:after {
 content: "";
}
.ad {
 margin-top: 8px;
 margin-bottom: 8px;
 text-align: center;
}
body.home div.header,
body.home div.breadcrumbs {
 display: none;
}
div.homepage div.homepage-content .newsletter-signup {
 width: 100%;
 background: #2d333c;
 padding: 8px 0 8px 0;
}
div.homepage div.homepage-content .newsletter-signup #mc-embedded-subscribe-form input {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 392px;
 margin-left: 288px;
}
div.homepage div.homepage-content .newsletter-signup #mc-embedded-subscribe-form button {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 120px;
}
div.homepage div.homepage-content div.news {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
 float: right;
 margin: 0 16px 0 0;
 margin-top: 16px;
 margin-bottom: 16px;
}
div.homepage div.homepage-content div.news h2 {
 font-size: 24px;
 line-height: 24px;
 float: left;
 padding-left: 8px;
}
div.homepage div.homepage-content div.news .news-content .news-item h3 {
 font-style: italic;
 border-bottom: dotted 2px #495e78;
 text-align: right;
 padding-right: 8px;
}
div.homepage div.homepage-content div.news .news-content .news-item .news-item-preview {
 background: #2d333c;
 padding: 8px;
}
div.homepage div.homepage-content div.news .news-content .news-item .news-item-preview p {
 margin-bottom: 16px;
}
div.homepage div.homepage-content div.news .news-content .news-item .news-item-date {
 border-top: dotted 2px #495e78;
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
 font-style: italic;
 text-align: right;
 padding-top: 4px;
 padding-right: 8px;
 margin-bottom: 16px;
}
div.homepage div.homepage-content .homepage-intro {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
 background: #2d333c;
 box-shadow: 0 0 5px #000000;
 margin-top: 40px;
 margin-bottom: 8px;
}
div.homepage div.homepage-content .homepage-intro h2 {
 font-size: 24px;
 line-height: 24px;
 margin-top: 16px;
 margin-bottom: 16px;
 text-align: center;
 text-transform: uppercase;
}
div.homepage div.homepage-content .homepage-intro p {
 margin: 8px;
}
div.homepage div.homepage-content section {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
 margin-top: 8px;
 margin-bottom: 8px;
 clear: left;
 box-shadow: 0 0 5px #000000;
}
div.homepage div.homepage-content section:nth-child(odd) {
 background: #2d333c;
}
div.homepage div.homepage-content section:nth-child(even) {
 background: #3f4754;
}
div.homepage div.homepage-content section .content h2 {
 margin-top: 8px;
 margin-bottom: 8px;
 margin-left: 16px;
}
div.homepage div.homepage-content section .content p {
 margin-right: 16px;
 margin-left: 16px;
}
div.homepage div.homepage-content section .content ul {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 201.6px;
 float: right;
 margin: 0 16px 0 0;
 margin: 0;
 list-style-type: circle;
 margin-left: 32px;
 margin-top: 16px;
 margin-bottom: 16px;
 margin-right: 16px;
}
div.homepage div.homepage-content section .content ul a {
 color: #3397c1;
}
div.homepage div.homepage-content section .content ul a:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
div.homepage div.homepage-content section img {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
 height: 171px;
 margin-top: 16px;
 margin-bottom: 16px;
}
.jumbotron {
 height: 500px;
 position: relative;
}
.jumbotron div.jumbotron-bg img {
 width: 1104px;
 height: 500px;
}
.jumbotron div.jumbotron-content {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
 margin-left: 152px;
 margin-top: 128px;
}
.jumbotron div.jumbotron-content h1 {
 margin: 0;
 padding: 0;
}
.jumbotron a {
 color: #000000;
}
.jumbotron h1 {
 font-size: 36px;
 line-height: 36px;
 color: #000000;
}
.jumbotron p {
 color: #000000;
}
.jumbotron a.call-to-action {
 font-size: 24px;
 line-height: 24px;
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
 float: right;
 margin: 0 16px 0 0;
 margin: 0;
 height: 52px;
 border-radius: 8px;
 border: solid 1px #3c536f;
 background: #78a5de;
}
.jumbotron a.call-to-action span {
 font-size: 24px;
 line-height: 24px;
 text-shadow: -1px -1px 0 #70757c, 1px -1px 0 #70757c, -1px 1px 0 #70757c, 1px 1px 0 #70757c;
}
.jumbotron .banner-buttons {
 position: absolute;
 bottom: 8px;
 left: 0;
 width: 100%;
 text-align: center;
}
.jumbotron .banner-buttons a.banner-button {
 display: inline-block;
 width: 24px;
 height: 24px;
 padding: 0;
 margin-left: 8px;
 border-radius: 12px;
 background: #000000;
 font-size: 0px;
 text-indent: -9999px;
 transition: 2s;
 border: solid 1px #888888;
}
.jumbotron .banner-buttons a.banner-button.active {
 background: #ffffff;
 transition: 2s;
}
div.gallery {
 margin: 0 0 0 0;
 padding-top: 8px;
}
div.gallery h1 {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 1072px;
 font-size: 36px;
 line-height: 36px;
 margin-top: 8px;
 margin-bottom: 8px;
}
div.gallery ul.image-list {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
div.gallery ul.image-list li {
 position: relative;
 transition: 0.5s;
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
 margin-top: 8px;
 margin-bottom: 8px;
 background: #2d333c;
 box-shadow: 0 0 5px #000000;
}
div.gallery ul.image-list li .gallery-list-item {
 margin: 27px;
 position: relative;
 transition: 0.5s;
}
div.gallery ul.image-list li .gallery-list-item:hover {
 transform: perspective(600px) rotateY(15deg) rotateX(-5deg) scale3d(1.1,1.1,1.1);
 z-index: 1;
 transition: 0.5s;
 box-shadow: 10px 10px 5px #000000;
}
div.gallery ul.image-list li .gallery-list-item img {
 width: 200px;
 height: 200px;
}
div.gallery ul.image-list li .gallery-list-item h3 {
 text-align: center;
 position: absolute;
 bottom: 0px;
 width: 200px;
 background-color: rgba(0,0,0,0.7);
 margin: 0;
}
div.gallery-view {
 clear: both;
 margin-top: 24px;
 margin-bottom: 24px;
}
div.gallery-view div.gallery-image {
 text-align: center;
}
div.gallery-view div.gallery-image span {
 background: #2d333c;
 display: inline-block;
 padding: 16px;
 margin-top: 8px;
 margin-bottom: 8px;
 box-shadow: 0 5px 5px #000000, 0 5px 5px #8799b4 inset, 0 -5px 5px #0f1114 inset, 5px 0 5px #8799b4 inset, -5px 0 5px #0f1114 inset;
 border-radius: 16px;
}
div.gallery-view div.gallery-image span h1 {
 background: #1b212a;
 font-size: 36px;
 line-height: 36px;
 text-align: center;
 margin-top: 16px;
 margin-bottom: 16px;
 padding: 16px;
 box-shadow: 0 5px 5px #000000, 0 5px 5px #51637e inset, 0 -5px 5px #090b0e inset, 5px 0 5px #51637e inset, -5px 0 5px #090b0e inset;
 border-radius: 16px;
 margin-left: 16px;
 margin-right: 16px;
}
div.gallery-view div.gallery-image span img {
 display: block;
 border: dotted 2px #495e78;
 margin: 16px;
}
div.cms-page {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 800px;
 margin-left: 152px;
 margin-bottom: 16px;
}
div.cms-page h1 {
 font-size: 36px;
 line-height: 36px;
 margin-top: 16px;
 margin-bottom: 16px;
}
div.cms-page h2 {
 margin-top: 16px;
 margin-bottom: 16px;
 font-size: 24px;
 line-height: 24px;
 clear: both;
}
div.cms-page h3 {
 font-style: italic;
}
div.cms-page ol {
 list-style-type: decimal;
 margin-left: 32px;
}
div.cms-page ul {
 list-style-type: circle;
 margin-left: 32px;
}
div.cms-page p {
 margin-top: 16px;
 margin-bottom: 16px;
}
div.cms-page iframe.youtube-player {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 800px;
 margin: 0;
 height: 528px;
 box-shadow: 0 0 5px #000000;
}
div.cms-page .cms-col-4 {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
}
div.cms-page .cms-col-3 {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 392px;
}
div.cms-page .cms-col-2 {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 256px;
}
div.cms-page .cms-col-1 {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 120px;
}
div.cms-page .cms-col-first {
 margin: 0;
 clear: both;
}
div.cms-category h1 {
 font-size: 36px;
 line-height: 36px;
 margin-top: 16px;
 margin-bottom: 16px;
 margin-left: 8px;
}
div.cms-category ul.cms-page-list li {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 528px;
 height: 120px;
 margin-top: 8px;
 margin-bottom: 8px;
 box-shadow: 0 0 5px #000000;
}
div.cms-category ul.cms-page-list li div.item-thumb {
 float: left;
 width: 150px;
 height: 100px;
 padding: 0;
 margin: 8px;
}
div.cms-category ul.cms-page-list li div.item-thumb.no-thumb {
 background: #1b212a;
}
div.cms-category ul.cms-page-list li h2 {
 margin: 8px;
}
div.cms-category ul.cms-page-list li h2 a:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
div.cms-category ul.cms-page-list li div.cms-page-preview {
 margin-right: 8px;
}
div.cms-category ul.cms-page-list li:nth-child(4n+1),
div.cms-category ul.cms-page-list li:nth-child(4n+2) {
 background: #2d333c;
}
div.cms-category ul.cms-page-list li:nth-child(4n+3),
div.cms-category ul.cms-page-list li:nth-child(4n+0) {
 background: #3f4754;
}
#cms-page-crossdresser,
#cms-page-crossdresser-converter,
#cms-page-xd-morpher,
#cms-page-universal-clothing {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 1072px;
}
#cms-page-crossdresser .xd-banner,
#cms-page-crossdresser-converter .xd-banner,
#cms-page-xd-morpher .xd-banner,
#cms-page-universal-clothing .xd-banner {
 text-align: center;
}
#cms-page-crossdresser .xd-banner img,
#cms-page-crossdresser-converter .xd-banner img,
#cms-page-xd-morpher .xd-banner img,
#cms-page-universal-clothing .xd-banner img {
 box-shadow: 0 0 5px #000000;
}
#cms-page-crossdresser .cms-col,
#cms-page-crossdresser-converter .cms-col,
#cms-page-xd-morpher .cms-col,
#cms-page-universal-clothing .cms-col {
 background: #2d333c;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 5px #000000;
 padding: 8px;
}
#cms-page-crossdresser .cms-col-2,
#cms-page-crossdresser .cms-col-3,
#cms-page-crossdresser-converter .cms-col-2,
#cms-page-crossdresser-converter .cms-col-3,
#cms-page-xd-morpher .cms-col-2,
#cms-page-xd-morpher .cms-col-3,
#cms-page-universal-clothing .cms-col-2,
#cms-page-universal-clothing .cms-col-3 {
 height: 596px;
 margin-top: 16px;
 margin-bottom: 16px;
}
#cms-page-crossdresser .cms-col-4,
#cms-page-crossdresser-converter .cms-col-4,
#cms-page-xd-morpher .cms-col-4,
#cms-page-universal-clothing .cms-col-4 {
 margin-top: 8px;
 margin-bottom: 8px;
 height: 296.8px;
}
#cms-page-crossdresser .plugin-links,
#cms-page-crossdresser-converter .plugin-links,
#cms-page-xd-morpher .plugin-links,
#cms-page-universal-clothing .plugin-links {
 list-style-type: none;
 margin-bottom: 16px;
}
#cms-page-crossdresser .plugin-links a,
#cms-page-crossdresser-converter .plugin-links a,
#cms-page-xd-morpher .plugin-links a,
#cms-page-universal-clothing .plugin-links a {
 color: #3397c1;
}
#cms-page-crossdresser .plugin-links a:hover,
#cms-page-crossdresser-converter .plugin-links a:hover,
#cms-page-xd-morpher .plugin-links a:hover,
#cms-page-universal-clothing .plugin-links a:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
#cms-page-crossdresser div.banner img {
 display: block;
 width: 1104px;
 height: 300px;
 margin-left: -16px;
}
#cms-page-crossdresser p.download {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 1072px;
 margin: 0;
 text-align: center;
}
#cms-page-crossdresser p.download a {
 display: inline !important;
}
#cms-page-crossdresser div.xd-blurb {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 336.24px;
 margin-top: 32px;
 margin-bottom: 32px;
 height: 392px;
 box-shadow: 0 0 5px #000000;
 border-radius: 32px 32px 0 0;
 background: #2d333c;
}
#cms-page-crossdresser div.xd-blurb h2 {
 text-align: center;
 background: #495e78;
 border-radius: 32px 32px 0 0;
 padding: 16px;
 margin-top: 0px;
 box-shadow: 0 0 5px #000000;
}
#cms-page-crossdresser div.xd-blurb h2 a {
 font-size: 36px;
 line-height: 36px;
}
#cms-page-crossdresser div.xd-blurb p {
 padding: 0 16px 0 16px;
}
#subscription-buttons .subscription-option-button {
 display: block;
 height: 188px;
 line-height: 36px;
 float: left;
 margin: 0 0 0 16px;
 width: 253.28px;
 background: #78a5de;
 border-radius: 8px;
 border: solid 1px #000000;
 box-shadow: 0 0 5px #000000;
 transition: 0.5s;
}
#subscription-buttons .subscription-option-button:hover {
 cursor: pointer;
 cursor: hand;
}
#subscription-buttons .subscription-option-button:hover .sign-up-button {
 box-shadow: 0 0 5px #ffffff;
 transition: 0.5s;
 border: solid 1px #ffffff;
 background: #6e8db4;
}
#subscription-buttons .subscription-option-button:first-child {
 margin: 0;
}
#subscription-buttons .subscription-option-button span {
 font-size: 24px;
 line-height: 24px;
 color: #000000;
 line-height: 36px;
}
#subscription-buttons .subscription-option-button span.savings {
 display: block;
 margin-top: 8px;
 margin-bottom: 8px;
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
}
#subscription-buttons .subscription-option-button span.savings b {
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
}
#subscription-buttons .subscription-option-button span.sign-up-button {
 display: block;
 border-radius: 8px;
 border: solid 1px #000000;
 padding: 8px;
 margin: 8px;
 background: #495e78;
}
#subscription-buttons .subscription-option-button .subscription-option-price {
 color: #883300;
}
#subscription-buttons .subscription-option-button .subscription-option-price-reg {
 display: block;
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
 text-decoration: line-through;
}
#subscription-extra-group {
 clear: both;
}
#subscription-extra-group .subscription-renewal {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 253.28px;
 text-align: center;
 font-style: italic;
 font-size: 12px;
 line-height: 12px;
 min-height: 12px;
 margin-top: 8px;
 margin-bottom: 8px;
}
#subscription-extra-group .subscription-renewal:first-child {
 margin: 0;
 margin-top: 8px;
 margin-bottom: 8px;
}
#subscription-options {
 display: block;
 float: left;
 margin: 0 0 0 16px;
 width: 800px;
 margin-top: 24px;
 margin-bottom: 24px;
 text-align: center;
}
#subscription-options a {
 color: #3397c1;
}
#subscription-options a:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
form#subscription-form {
 display: none;
}
div.bsp-info h3,
div.info-item h3 {
 border-bottom: dotted 2px #495e78;
 margin-top: 32px;
}
div.bsp-info ul,
div.info-item ul {
 margin-top: 16px;
 margin-bottom: 16px;
}
div.bsp-info ul li a,
div.info-item ul li a {
 color: #3397c1;
}
div.bsp-info ul li a:hover,
div.info-item ul li a:hover {
 color: #0cb6ef;
 border-bottom: dashed 1px;
}
