@charset "utf-8";
body {
	background-image: url(images/background_typwriter.jpg);
	background-color: #000000;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: 0px;
	
}
#greyBox .row .col-lg-4.col-md-4 {
	padding-right: px;
	padding-left: px;
	margin-bottom: 19px;
	min-height: 44px;
}


#greyBox {
	width: 76%;
	height: 753px;
	margin-top: 6%;
	background-image: url(images/TranslucentPanel2022.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 5s; /* Firefox < 16 */
	-ms-animation: fadein 5s; /* Internet Explorer */
	-o-animation: fadein 5s; /* Opera < 12.1 */
	animation: fadein 5s;
	position: relative;
	padding-top: 27%;
}
#greyBox2 {
	width: 90%;
	height: 600px;
	margin-top: 6%;
	background-image: url(images/Translucent-panel2.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 5s; /* Firefox < 16 */
	-ms-animation: fadein 5s; /* Internet Explorer */
	-o-animation: fadein 5s; /* Opera < 12.1 */
	animation: fadein 5s;
	position: relative;
	padding-top: 4%;
}

.modal-content {
	width: 187%;
	margin-left: -42%;
	padding-left: 0px;
	padding-right: 0px;
}
#greyBox .row {
	position: relative;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;


}

.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 74px;
	width: 100%;
	
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
	background-color: transparent;
}
 
.btn-primary {
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs-GRAPHIC-DESIGN.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: transparent;
	background-image: url(images/ClickTabs-GRAPHIC-DESIGN_rev.png);
}
 


.btn-primary:active, .btn-primary.active {
    background: #transparent;
    box-shadow: none;
}

.btn-primary.illus
{
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs-LLUSTRATION.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
 
.btn-primary.illus:hover, .btn-primary.illus:focus, .btn-primary.illus:active, .btn-primary.active.illus, .open.illus > .dropdown-toggle.illus.btn-primary.illus {
	background-color: transparent;
	background-image: url(images/ClickTabs-ILLUSTRATION_rev.png);
}


.btn-primary.novel
{
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_GRAPHIC-nOVELPOS.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
 
.btn-primary.novel:hover, .btn-primary.novel:focus, .btn-primary.novel:active, .btn-primary.active.novel, .open.novel > .dropdown-toggle.novel.btn-primary.novel {
	background-color: transparent;
	background-image: url(images/ClickTabs_GRAPHIC-NOVEL.png);
}

.btn-primary.mad
{
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_MAD.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
 
.btn-primary.mad:hover, .btn-primary.mad:focus, .btn-primary.mad:active, .btn-primary.active.mad, .open.mad > .dropdown-toggle.mad.btn-primary.mad {
	background-color: transparent;
	background-image: url(images/ClickTabs_MAD-REVERSE.png);
}



.btn.pg2GD {
	padding-top: 14px;
	padding-right: 24px;
	padding-left: 11px;
	padding-bottom: 8px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: 1%;
	display: block;
	height: 48px;
	width: 96%;
	border-radius: 12px 12px 0px 0px;
	position: absolute;
	bottom: 2%;
}

.btn-primary.see
{
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_SEE_EXample--Positive.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
 
.btn-primary.see:hover, .btn-primary.see:focus, .btn-primary.see:active, .btn-primary.active.see, .open.see > .dropdown-toggle.see.btn-primary.see {
	background-color: transparent;
	background-image: url(images/ClickTabs_SEE_EXample.png);
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.LinkLabel  {
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_UX_UI-DESIGN_DEV.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
	
}


.LinkLabel:hover  {
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_UX_UI-DESIGN_DEV_Rev.png);
	background-repeat: no-repeat;
	background-size: 84% auto;	
}
.LinkLabel3 {
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_ANIMATION_.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}
.LinkLabel3:hover  {
	background-color: transparent;
	color: #ffffff;
	background-image: url(images/ClickTabs_ANIMATION_REV.png);
	background-repeat: no-repeat;
	background-size: 84% auto;
}



.illustrtion {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
h6 {
	text-align: center;
	margin-left: -11px;
	padding-left: 1px;
	padding-right: 1px;
}
h4 {
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	margin-top: 20px;
}
.superLink a:hover  {
	color: #FFFFFF;

}




@media screen and (max-width:767px){
.modal-content {
	width: 98%;
	margin-left: 1%;
	padding-left: 0px;
	padding-right: 0px;
}

}
.Tabcolor {
	background-color: #D8B62C;
	position: relative;
	height: 197px;
	padding-right: 0px;
	border-top-right-radius: 34px;
	border-top-left-radius: 34px;
	border: thin solid #FFFFFF;
	padding-bottom: 4px;
	margin-right: 7px;
	margin-bottom: 11px;
}
hr {
	margin-left: -15px;
	margin-top: -6px;
	border-width: thin;
}

h1 {
	margin-left: -14px;
	margin-right: 0px;
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	color: #63030F;
	text-align: center;
	margin-top: 10px;
}
.spacer {
	margin-bottom: 26px;
}
.position {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.color {
	color: #D8B62C;
	text-align: right;
}
.superLink {
	background-image: url(images/ClickTabs.png);
	background-repeat: no-repeat;
	background-size: 83% auto;
	height: 53px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-position: 15% 0%;
	margin-top: 52px;
	padding-top: 5%;
	font-size: 1em;
	color: #63030F;
}
.anicolor {
	text-shadow: 0px 0px transparent;
}