body {
	font-size: 0.9em;
	background: url("/images/bg.svg") repeat;
	font-family: -apple-system, Arial;
}

a:hover{
	color: white;
}

a {
	color: #333333;
}

a:hover {
	color: #666666;
}

a:hover {
	text-decoration: none;
}

.slider img {
	width: 100%;
}

.horizontal-menu > li {
	display: inline;
}

.horizontal-menu > li::before {
	content: "|";
	margin: 0 0.5em;
}

.horizontal-menu > li:first-child::before {
	content: none;
}

.top-menu > li > a {
	color: #333333;
}

.top-menu > li > a:hover {
	color: gray;
}

.bottom-menu > li > a {
	font: bold 11pt Arial;
	font-weight: bold;
	color: #e3e3e3 !important;
}

.bottom-menu > li > a:hover {
	color: white !important;
}

.gallery > div {
	margin-top: 1em;
}

.banner {
	margin: 20px 0px;
}

.gallery img, .banner img {
	width: 100%;
}

.footer {
	padding-top: 1em;
	padding-bottom: 0em;
	background: #323232;
	color:white
}

.footer .icons {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.footer .icons a {
	font-size: 2em;
	color:white;
	margin: 6px;
	/* background-color: #323232; */
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 7.5px;
	padding-left: 7.5px;
}

.footer .fb-like {	
	/* background-color: #323232; */
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.footer .copyright {
	margin-top: 30px;
	text-align: left;
	font-size: 17px !important;
}
		
.footer .icons a img{
	width: 28px;
}

.top-header {
	color: #333333;
	font-size: 20px;
	margin-bottom: 0px;
	padding: 10px 0 5px 0;
}

.top-subheader {
	font-size: 12px;
	color: #808080;
	margin-top: -8px;
	margin-bottom: 10px;
	font-weight: normal;
}

@media (min-width: 576px) { 
	.top-header {
		font-size: 24px;
	}
	
	.top-subheader {
		font-size: 14px;
	}
}

@media (min-width: 768px) { 
	.top-header {
		font-size: 32px;
	}
	
	.top-subheader {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.top-slider {
	visibility: hidden;
}

.top-slider .slide{
	position: relative;
}

.top-slider .slide .title{
	position: absolute; 
	bottom: 12px; 
	right: 16px;
}

.top-slider .slide .title h2 {
	/* font-size: 40px; */
	/* line-height: 15px; */
	color: #f3faeb;
}

.top-slider .slide .title{
	width: 100%;
	height: 100%;
}

.top-slider .slide .title h3,
.author-works-slider .slide .title h3 {
	font-size: 3.5em;
	line-height: 20px;
	font-family: 'Calibri', sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: #f44500;
	font-weight: 700;
}

.top-slider .slick-active .title h2,
.author-works-slider .slick-active .title h2 {
	transition: all 3s;
	animation: fadeInLeft 1s both;
}

.top-slider .slick-active .title h3, 
.author-works-slider .slick-active .title h3 {
	transition: all 3s;
	animation: fadeInRight 1s both;
}

.top-slider .slide h2, .top-slider .slide h3, 
.author-works-slider .slide h2, .author-works-slider .slide h3 {
	display: none;
}

.top-slider .slick-active h2,
.author-works-slider .slick-active h2 {
	display: block;
	position: absolute;
	bottom: 18%;
	right: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	font-size: 3.5em;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	text-transform: uppercase;
}

.top-slider .slick-active h3, .author-works-slider .slick-active h3{
	display: block;
	position: absolute;
	bottom: 10%;
	right: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	font-size: 3.5em;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	text-transform: uppercase;
}

.top-slider img {
	width: 100%;
}


/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	.top-slider .slide .title h3,
	.author-works-slider .slide .title h3 {
		font-size: 1.5em;
	}

	.top-slider .slick-active h2,
	.author-works-slider .slick-active h2 {
		font-size: 1.5em;
	}

	.top-slider .slick-active h3, 
	.author-works-slider .slick-active h3{
		font-size: 1.5em;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.top-slider .slide .title h3,
.author-works-slider .slide .title h3 {
	font-size: 2em;
}

.top-slider .slick-active h2,
.author-works-slider .slick-active h2 {
	font-size: 2em;
}

.top-slider .slick-active h3, 
.author-works-slider .slick-active h3{
	font-size: 2em;
}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.top-slider .slide .title h3,
.author-works-slider .slide .title h3 {
	font-size: 3.0em;
}

.top-slider .slick-active h2,
.author-works-slider .slick-active h2 {
	font-size: 3.0em;
}

.top-slider .slick-active h3, 
.author-works-slider .slick-active h3{
	font-size: 3.0em;
}
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	.top-slider .slide .title h3,
.author-works-slider .slide .title h3 {
	font-size: 3.5em;
}

.top-slider .slick-active h2,
.author-works-slider .slick-active h2 {
	font-size: 3.5em;
}

.top-slider .slick-active h3, 
.author-works-slider .slick-active h3{
	font-size: 3.5em;
}
}
/* 
.recent-works-slider img {
	height: 100px;
	overflow: hidden;
}

@media (min-width: 576px) { 
	.recent-works-slider img {
		height: 150px;
	}
}

@media (min-width: 768px) { 
	.recent-works-slider img {
		height: 200px;
	}
} */

.recent-works-slider .slide{
	overflow: hidden;
	margin: 2px 15px;
	display:flex;
  align-items:center;
  justify-content:center;
}

.recent-works-slider {
	visibility: hidden;
}

.like-button {
	cursor: pointer;
}

.desktop-search-panel {
	background-color: #323232;
	padding: 3px; 
	margin-right: 1px;
}

.subscribe-panel {
	background-color: #323232;
	padding: 6px; 
	margin-right: 1px;
}

.desktop-search-panel input[type="text"] {
	height: 26px;
	font-size: 12px;
	line-height: 14px;
	color: #e3e3e3;
	background-color: transparent;
	border: 0px !important;
	border-bottom: 0px solid #e3e3e3 !important;
	border-radius: 0;
	outline: none;
	box-shadow:none !important;
}

.search-panel input[type="text"], 
.subscribe-panel input[type="text"]{
	height: 26px;
	font-size: 12px;
	line-height: 14px;
	color: #e3e3e3;
	background-color: transparent;
	border: 0px !important;
	border-bottom: 1px solid #e3e3e3 !important;
	border-radius: 0;
	outline: none;
	box-shadow:none !important;
}

.subscribe-panel .subscribe-button {
	margin-top:4px; 
	float:left;
	font: normal 12pt  Arial;
	color:#e3e3e3
}

.subscribe-panel .subscribe-button:hover {
	color: white !important;
}

.search-panel .input-group-append, .desktop-search-panel .input-group-append {
	border-bottom: 0px solid #e3e3e3 !important;
	border-radius: 0;
}

.search-panel .input-group-append i, .desktop-search-panel .input-group-append i {
	/* color: gray; */
}

.search-panel span, .desktop-search-panel span {
	height: 26px;
}

.desktop-search-panel span div {
	border: 0px !important;
	border-bottom: 0px solid #e3e3e3 !important;
	border-radius: 0;
}

.search-panel span div{
	border: 0px !important;
	border-bottom: 1px solid #e3e3e3 !important;
	border-radius: 0;
}

.search-input {
	margin-left: 10px;
	margin-right: 10px;
	width: 120px;
	height: 16px;
	border-radius: 5px;
	border: 0px Solid #000;
}

.search-button {
}

.like-icon {
	color:gray;
	/* vertical-align: middle; */
}

.top-menu a {
	font-size: 13pt;
}

.top-menu a:hover {
	color:rgb(94, 94, 94) !important;
}

.slick-initialized { 
	visibility: visible !important;
}

.bottom-menu  {
	list-style-type: none;
}

.bottom-menu > li {
	margin: 0px 2px;
}
	
.top-navbar .navbar-collapse .navbar-nav .nav-link {
	margin-top: 8px;
	margin-bottom: 0px;
	color:rgb(228, 228, 228);
}

@media (max-width: 768px) { 
	.bottom-menu > li {
		display: inline;
	}
}

@media (min-width: 768px) { 
	.bottom-menu > li {
		display: inline;
	}
}

@media (min-width: 992px) { 
	.top-navbar .navbar-collapse .navbar-nav .nav-link {
		padding-top:6.2px;
		padding-bottom:2px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 9pt;
	}

	.top-navbar .navbar-collapse {
		height: 26px;
	}

	.desktop-header-menu {
		list-style: none;
		display: block;
	}
	
	.desktop-header-menu li {
		float: left;
		height: 25px;
		margin: 0px 4px;
		padding: 0 3px 0 3px;
		position: relative;
		list-style: none;
		display: block;
	}
	
	.desktop-header-menu a {
		display: block;
		text-decoration: none;
		border: none;
		font: bold 11pt Arial;
		font-weight: bold;
		color: #e3e3e3 !important;
	}
	
	.desktop-header-menu a:hover { 
		color: white !important;
	}
	
	.desktop-header-menu a.sign-btn-link:hover {
		/* color: red !important; */
	}

	.desktop-header-menu .navbar-nav {
		height: 26px;
	}
	
	.desktop-header-menu .navbar-nav .nav-item {
		padding-top: 2px;
		padding-bottom: 0px;
	}

	.desktop-header-menu .navbar-nav .red-line-menu  {
		font-size: 14pt;
    margin-top: -2px;
	}
}

.academy-title {
	width:100%;
	text-align: center;
	color: #31302E;
	font: normal 14pt Arial;
	padding: 10px 0 5px 0;
	float: left;
}

.academy-title p {
	color: gray;
}

.academy-title-red {
	font: normal 12pt Arial;
	color: #FF0000;
}

.academy-title-logo img {
	width: 100%;
}

.author-works-slider {
	visibility: hidden;
}

.author-works-slider img {
	width: 100%;
}

.orange-line-7 {
	width: 100%;
	height: 7px;
	background-color: #FF9933;
	padding-top: 1px
}

.slick-next {
	z-index: 10;
	margin-right: 30px
}

.slick-prev {
	z-index: 10;
	margin-left: 30px
}

.author-description .author-name {
	font:normal 18pt arial; 
	padding: 3px 14px;
	color:#e3e3e3;
	background-color: #323232;
}

.author-image {
	/* border: thin solid gray; */
}

.author-image img{
	max-width: 100%;
}

.spoiler-body {
	position: relative;
	overflow: hidden;
}

.spoiler-title {
	cursor: pointer;
	transform: rotate(0deg); 
	transform-origin: 50% 50% 0px;
}

.spoiler-title i{
	vertical-align: bottom;
	color: #62615e;
}

.spoiler-title.closed i {
	/* margin-top: -4px; */
}

.orange-line-20 {
	background-color: #FF9933;
	padding-top: 1px;
}

.orange-line-27 {
	height: 27px;
	background-color: #FF9933;
	margin-top: 50px;
}

.top-navbar {
	opacity: .90;
	background-color: #323232;
	z-index: 1000;
}

.top-navbar.dark{
	opacity: 1;
	background-color: #323232;
}

@media (min-width: 992px) { 
	.top-navbar {
		background-color: #1e1d1c;
	}
}

.invert-color {
	filter: invert(100%);
}


.top-navbar-logo img {
	height: 38px;
}

.top-navbar-contact {
	margin-right: 0px;
}

.top-navbar-contact img {
	height: 24px;
}

.last-updating-time{
    color: #F44500;
}

.recent-work img {
	margin-left: auto;
	margin-right: auto;
}

.recent-work {
	height: 260px;
}

@media (max-width: 500px) { 
	.recent-work {
		height: 350px;
	}
}

.main-works-list img {
	width: 100%;
	max-width: 200px;
}

.author-label {
	font-size: 12pt;
	font-weight: bold;
	font-family: -apple-system, Arial;
	color: #6c6c6c;
}

.author-label:hover {
	color: #F44500;
}

@media (max-width: 700px) { 
	.author-label {
		font-size: 9pt;
	}
}

.fixed-top {
	position: fixed;
	padding: 0px 16px;
	padding-top:2px;
	padding-bottom:3px;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

@media (min-width: 1200px){
	.container {
			max-width: 1149px;
	}
	
	.no-p-x {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

.ask-for-purchase-area hr {
	margin: 0px;
	border-color:gray;
	font-size:10pt
}

.ask-for-purchase-area .ask-for-purchase {
	color:red;
}

@media (max-width: 991px){	
	.ask-for-purchase-area  {
		font-size:  10pt;
	}
}

@media (max-width: 400px){	
	.ask-for-purchase-area  {
		font-size:  9pt;
	}
}

@media (max-width: 360px){	
	.ask-for-purchase-area  {
		font-size:  8pt;
	}
}

.bottom-menu .red-line-menu{
	font-size: 12pt;
}

.menuline {
	background-color: gray;
	border: 0px;
	margin: 0px;
	height: 1pt;
}

@media (max-width: 991px){	
	.recent-works-row {
		background-color:  rgba(177,220,212,.2);
	}
}

@media (min-width: 992px){	
	.recent-works-slider {
		background-color: transparent;
	}

	.recent-works-slider .slick-list {
		margin: 10px;
	}
}

img.portrait {
	height: 100%;
}

img.landscape {
	width: 100%;
}

@media (min-width: 500px) { 
	img.landscape {
		width: auto;
		height: 100%;
	}
}

.spoiler-button-area{
	/* height: 20px; */
	height: 30px;
	z-index: 1;
}

.slick-dots {
	bottom: auto;
	padding-top: 4px;
}

#greyline {
	display: none;
	opacity: 0.8;
	width: 100%;
	height: 1pt;
	margin-top: 70px;
	background-color: #414141;
}

@media (max-width: 768px) { 
	.slick-dots {
		bottom: auto;
		padding-top: 10px;
	}
	#greyline {
		display: block;
	}
}

.recent-works-slider li {
	margin-left: -6px;
	margin-right: -6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.recent-works-slider.slick-dotted{
	margin-bottom: 0px;
}

.recent-works-slider .slick-dots li button:before {
	color: #666;
	opacity: .9;
	font-family: 'slick';
	font-size: 3.6px;
	line-height: 20px;
}

.recent-works-slider .slick-dots li.slick-active button:before {
	color:white !important;
	opacity: .9;
}

.top-navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
	background-image: url('/images/cancel.svg');
	height: 18px !important;
}

#top-navbar-mobile-content{
	margin-left: 20px;
	margin-right: 20px;
}

.slick-slider { 
	display: table; 
	table-layout: fixed; 
	width: 100%; 
}

#top-navbar-mobile-button:focus {
	outline: 0px dotted;
	outline: 5px auto -webkit-focusring-color;
}


.mobile-footer {
	background: #323232;
	color:white;
	height: 100%;
}

.mobile-footer .icons a {
	color:white;
}

.mobile-footer a img{
	width: 32px;
}

.mobile-footer li {
	margin: 0px;
}

.mobile-footer span {
	font-size: 8pt;
}

.mobile-footer li a{
	font-size: 7pt;
}

.top-menu span{
	font-size: 14pt;
	margin-top: 4.5px;
}

.ask-for-purchase-area.desktop span, 
.ask-for-purchase-area.desktop a, 
.ask-for-purchase-area.desktop i,
.ask-for-purchase-area.desktop div {
	color:#e3e3e3;
}

.ask-for-purchase-area.desktop a:hover{
	color: white;
}

@media (max-height: 500px) { 
	#top-navbar-mobile-content a{
		font-size: 10pt;
		margin-top: 0px;
	}

	#top-navbar-mobile-content .search-panel{
		margin-top: 4px !important;
	}
}

.fa-search {
	-webkit-text-stroke: 0.7px white;
	color: #9e9e9e
}

.search-panel .fa-search, .desktop-search-panel .fa-search {
	-webkit-text-stroke: 1.4px #323232 !important;
}

.fa-facebook-f {
	-webkit-text-stroke: 0.5px white;
}

.collapsing-container {
	height: 0px;
	overflow-y: hidden;
}

.show-more-btn {
	margin-left:auto; 
	margin-right:auto;
	background-color: #323232;
	color:#e3e3e3;
	font: bold 11pt Arial;
	font-weight: bold;
}

.show-more-btn:hover {
	color: white;
}

.back-btn {
	padding: 1px 10px;
	color: #e3e3e3;
	background-color: #323232;
}

.back-btn:hover {
	color: white;
}

.red-color {
	color:rgb(200, 2, 2) !important;
}

.red-line {
	padding-left:5px;
	padding-right:5px;
	margin-top: -3.2px;
	color:rgb(200, 2, 2);
	font-weight: bold;
	font-size: 12pt;
}

.red-line-menu {
	padding-left:0px;
	padding-right:0px;
	color:rgb(200, 2, 2);
	font-size: 16pt;
	font-weight: 800;
	margin-top:0px;
}

.desktop-header-menu .search-form input[type="text"] {
	height: 26px;
	font-size: 12px;
	line-height: 14px;
	color: #e3e3e3;
	background-color: transparent;
	border: 0px !important;
	border-bottom: 0px solid #e3e3e3 !important;
	border-radius: 0;
	outline: none;
	box-shadow:none !important;
}

.desktop-header-menu span div {
	border: 0px !important;
	border-bottom: 1px solid #e3e3e3 !important;
	border-radius: 0;
}

.desktop-header-menu .fa-search {
	-webkit-text-stroke: 1.5px #1e1d1c;
	color: #9e9e9e
}

.desktop-header-menu form {
	margin-left: 0px;
}

@media (min-width: 1220px) { 
	.desktop-header-menu form {
		margin-left: -250px;
	}
}

@keyframes fadeInLeft {
	0% {
		 opacity: 0;
		 transform: translateX(-20px);
	}
	100% {
		 opacity: 1;
		 transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		 opacity: 0;
		 transform: translateX(40px);
	}
	100% {
		 opacity: 1;
		 transform: translateX(0);
	}
}

/* 
.subscribe-panel {
	position: fixed;
	left: 0;
	right: 0;
} */

/* ==== Slider Image Transition === */
/* @keyframes fadeOutRight {
	0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
	100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
} */

.fa-facebook-f.main-page {
	margin-top: 5px;
	color: #2c46fe;
	font-size:16px;
	-webkit-text-stroke: 0;
}

.gold-brush {
	background: url("/images/gold.jpg") repeat;
	background-size: 70%;
}

.gold-border-brush {
	border: 2px solid #40c4c8;
	padding: 4px;
	opacity: 0.5;
	border-image: url("/images/gold.jpg") repeat;
	-moz-border-image: url("/images/gold.jpg") 30 round round;
	-webkit-border-image: url("/images/gold.jpg") 30 round round; 
	-o-border-image: url("/images/gold.jpg") 30 round round;
	border-image: url("/images/gold.jpg") 30 round round;
}

.metal-brush.top {
	background: rgb(0,0,0);
	background: linear-gradient(360deg, #323232 0%, rgba(145,145,145,1) 100%);
	margin-bottom: -1px;
} 

.metal-brush.bottom {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, #323232 0%, rgba(145,145,145,1) 100%);
	margin-top: -1px;
} 

.gray-brush {
	background-color: #323232;
}

.author-carousel-top.outer-border {
	height: 8px;
}

.author-carousel-top.inner-border {
	height: 8px;
}

.author-carousel-bottom.inner-border {
	height: 16px;
	margin-top:-1px;
}

.author-carousel-bottom.outer-border {
	height: 16px;
}

.metal-outer-border {
	border-top: #323232 1px solid;
	height: 6px;
}

.author-description.expansion-disabled .spoiler-button-area {
	display: none !important;
}

@font-face {
  font-family: 'Sansita';
  src: url('/fonts/Sansita One.ttf');
}

.navbar-default .navbar-brand span {
  color: #ec3258;
  font: 800 32px/1.2em "Sansita", sans-serif;
}

header#header .header-content {
  padding: 0;
}

header#emailform .header-content {
  min-height: auto;
  padding: 30px 0;
  margin-top: 0;
}

#subheader p, #description p {
  font-size: 1.2em;
}

#subheader .button span {
  vertical-align: super;
  margin-right: 15px;
}

.slick-next.slick-arrow {
	margin-right: 50px;
}

.slick-prev.slick-arrow {
	margin-left: 50px;
}

.slick-prev:before, .slick-next:before {
	font-size: 28px;
	/* color:gray; */
}

.small-work-image {
	width: 100%;
}

@media (min-width: 634px) { 
	.small-work-image {
		width: auto;
		max-height: 250px;
		max-width: 100%;
	}
}

.small-work-image.fixed {
	width: auto;
	max-height: 250px;
	max-width: 100%;
}

.main-hidden-title {
	display: none;
}

.btn-signup {
	background-color: #323232;
	color: #e3e3e3;
}

.btn-signup:hover{
	color: white;
}

.error-label {
	color:red;
}

.top-menu a {
	font-size: 12pt;
}

.footer-email a{
	font: bold 11pt Arial;
	font-weight: bold;
	color: #e3e3e3 !important;
}

.footer-email a:hover {
	color: white !important;
}

.footer-info {
	background-color: rgb(24, 24, 24);
	padding-left: 40px;
}

.footer-info p {
	text-align: left;
	color: #aeaeae;
}

.sign-btn {
	margin-right: 35px;
	font-weight: bold;
	color: #ff511b  !important;
	font: bold 11pt Arial;
}

.sign-btn:hover {
	color: #fd3c00 !important;
}

.sign-btn-top-navbar {
	font-weight: bold;
	font-size: 18px;
	padding-top: 50px;
	text-align: center;
	color: rgb(228, 228, 228) !important;
}

.sign-btn-top-navbar:hover {
	color: white !important;
}

.sign-btn-top-navbar-desktop {
	font-weight: bold;
	font-size: 18px;
	color: #f61a1a  !important;
}

.sign-btn-top-navbar-desktop:hover {
	color: red !important;
}

.main-secondary-nav {
	background-color: rgb(25, 23, 24);
	padding: 1px; 
	margin-right: 1px;
}

.main-secondary-nav .navbar {
	padding: 0px;
}

.main-secondary-nav .navbar .navbar-nav, 
.main-secondary-nav .navbar .nav-link  {
	color: #ff6535 !important;
}

.main-secondary-nav .navbar .nav-link:hover  {
	color: #ff2b09 !important;
}

.main-secondary-nav-after {
	height: 24px;
	margin-top:0px;
	margin-left: 0px;
	margin-right: 1px;
	background-color: black;
}

.secondary-menu {
	margin-top: 30px;
}

.secondary-menu .main-secondary-nav .navbar  {
	padding: 0px;
}

.secondary-menu a {
	
}

.main-secondary-nav-after-2 {
	margin-top:0px;
	margin-left:-1000px;
	margin-right:-1000px;
	background-color: black;
	height: 30px;
}

.nav-link.right {
	text-align: right;
}