/****** BASE COLORS ******/
/****** Maroon #922829 ******/
/****** Gold #e1b57a ******/

body {font-family: "Trebuchet MS", Helvetica, sans-serif; color: #ffffff;}
img { display:inline-block; height: auto; max-width: 100%; }
.row {margin: 0;}

html.noScroll, body.noScroll {
    max-height: 100%;
    overflow: hidden;
}

.noBG {
    background: none;
}

.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(225,181,122, 0.7);
  position: fixed;
  z-index: 999;
}

.navbar {
    background-color: rgba(145, 40, 40, 0.9);
    padding: 5px 0px 10px 0px;
    border-radius: 0;
    border: 0;
    margin: 0;
    border-bottom: 5px solid #e1b57a;
}

.kingsName {
    font-family: serif;
    color: #e1b57a;
    font-size: 36px;
    margin-top: 8px;
    text-transform: uppercase;
}

.navLink {
    color: #ddcfcf;
    font-size: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

.smNav {
    color: #ddcfcf;
    font-size: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

.navLink a {
    color: #ddcfcf;
}

.navLink a:hover, .navLink a:focus {
    color: #9d9393;
    text-decoration: none
}

.borderRight {
    border-right: 3px solid #ddcfcf;
}

.clientSignOn {
    color: #ddcfcf;
    font-size: 20px;
    margin-top: 15px;
    border: 2px solid #ddcfcf;
    padding: 7px;
    border-radius: 7px;
    
}

.intro {
    /*background: no-repeat url("../Elements/homephoto-crop.jpg");*/
    border-bottom: 5px solid #e1b57a;
    background-size: 100% auto;
    /*background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;*/
}

.introSpacer {
	height: 175px;
}

.section1 {
    background-image: url("../Elements/redtexture-comp.jpg");
    border-bottom: 5px solid #e1b57a;
}

.section1 p{
    color: #ffffff;
    font-weight:500;
    /*font-size: 18px;*/
}

.section2 {
    background: no-repeat url("../Elements/about-hr.jpg");
    border-bottom: 5px solid #e1b57a;
    background-size: 100% auto;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    max-height: 900px;
}

.aboutTitle {
    color: #ffffff;
    font-size: 42px;
    padding-top: 10px;
	padding-bottom:0;
	margin: 0;
}

.section1 .content {
    color: #ffffff;
    padding-top: 10px;
    font-size: 20px;
    height: 450px;
    overflow: scroll;
    overflow-x: hidden;
}

.section1 .content::-webkit-scrollbar {
    width: 5px;
    border-radius: 40px;
	opacity: 0.3;
}
 
 
.section1 .content::-webkit-scrollbar-thumb {
  background-color: #8b6463;
  outline: 1px solid white;
    border-radius: 80px;
	opacity: 0.3;
}

.section1 .carousel {
    /*width: 450px;*/
    border-radius: 10px;
    overflow: hidden;
    /*top: -110px;*/
}

.section1 .carousel img {
    border-radius: 30px;
    overflow: hidden;
}

.section1 .carousel-control {
    border-radius: 30px;
}

.section3 {
    border-bottom: 5px solid #e1b57a;
    color: #ffffff;
}

.section3 .item img {
	width:100%;
}

.section3 .carousel {
	top: 0;
}

.section3Header {
    /*border-bottom: 5px solid #e1b57a;*/
}

.midSection h1 {
	font-size: 30px;
}

.midSection ul {
    padding: 20px 0 40px;
}

.midSection li {
    font-size: 20px;
    padding-bottom: 10px;
}

.midSection {
    background-image: url("../Elements/redtexture-comp.jpg");
    border-bottom: 5px solid #e1b57a;
}

.midSection p{
    font-size: 24px;
}

.midSection .section3Title {
    color: #ffffff;
    font-size: 46px;
    padding: 0px;
	padding-bottom: 0;
	margin: 0;
}

.section4 {
    background: no-repeat url("../Elements/beholder-distaff2.jpg");
    border-bottom: 5px solid #e1b57a;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 540px;
}

.section4 h1 {
    color: #ffffff;
    font-size: 46px;
	margin-top: 135px;
}

.section4 p {
    color: #ffffff;
    font-size: 20px;
}

.section4 .button {
    border: 2px solid #ddcfcf;
    background-color: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 5px 15px;
    font-size: 26px;
    text-transform: uppercase;
}

.section4 .button:hover{
    color: #aaaaaa;
}

.footer {
    background-image: url("../Elements/redtexture-comp.jpg");
    border-bottom: 5px solid #e1b57a;
    background-size: 100% auto;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.footer p{
    color: #ffffff;
    font-size: 18px;
}

.footer .social {
    background-color: #e1b57a;
    border-radius: 50%;
    padding: 10px;
    color: #922829;
}

.ui-widget-header {
    background: none;
    border: 0;
    display: none;
}

#modalClose {
    cursor: pointer;
    color: #000;
    position: absolute;
    right: 10px;
    top:10px;
    z-index: 99999;
}

#modalClose:hover {
    color: #cccccc;
}

#successCarousel {
    top: 0;
    border-radius: 0;
}

#successCarousel img {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 5px solid #e1b57a;
}

#successCarousel .carousel-control {
    border-radius: 0;
    background-image: none;
}

.ui-widget.ui-widget-content {
    padding: 0;
    border: 5px solid #e1b57a;
    text-align: center;
    border-radius:10px;
}

#successCarousel .subTitle {
    color: #922829;
    font-size: 12px;
    font-style: italic;
}

#successCarousel .price {
    color: #922829;
    font-size: 32px;
    font-weight: bold;
}

#successCarousel li {
    padding-bottom: 5px;
	text-align: left;
}

#successCarousel .spacer {
    height: 20px;
}

#successCarousel h2 {
    color: #888888;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.ui-corner-all {
    border-radius: 10px;
}

.ui-widget-overlay {
    background: #e1b57a;
    opacity: 0.4;
    filter: Alpha(Opacity=40);
}

#successCarousel .carousel-control .glyphicon-chevron-left, #successCarousel .carousel-control .glyphicon-chevron-right, #successCarousel .carousel-control .icon-next, #successCarousel .carousel-control .icon-prev {
    top:70%;
}


/********** LOGIN ***********/

.loginIntro {
    background: no-repeat url("../Elements/loginbackground.jpg");
    border-bottom: 5px solid #e1b57a;
    background-size: 100% auto;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

/********** RESPONSIVE ***********/

@media screen and (min-width: 320px) and (max-width: 474px) {
	.navbar a, .clientSignOn {
		font-size: 14px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
		font-size: 14px;
	}
	
	.navBtn {
		margin-top:6%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 50px;
	}
	
	.section1 p {
		font-size: 16px;
	}
	
	.aboutTitle {
		font-size: 28px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.section1 .content {
		font-size: 16px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
		width: auto;
	}
	
	#successCarousel h2 {
		font-size: 22px;
	}
	
	#successCarousel li {
		font-size: 12px;
	}
	
	#successCarousel .subTitle {
		font-size: 10px;
	}
	
	.midSection li {
		font-size: 12px;
	}
	
	.section3Title {
		font-size: 34px;
	}
	
	.section3 h1 {
		font-size: 22px;
	}
	
	.section3 li {
		font-size: 12px;
	}
	
	.section3 .carousel {
		top: 0;
	}
	
	.section4 {
		height: auto;
		padding: 15px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		font-size: 22px;
		margin: 0;
	}
	
	.section4 p {
		font-size: 14px;
	}
	
	.section4 .button {
		font-size: 14px;
	}
	
	.footer p {
		font-size: 14px;
	}
	
	.copyright p {
		font-size: 12px;
	}
	
	.copyright img {
		width: 65px;
	}
	
	.ui-widget.ui-widget-content {
		width: 290px !important;
		margin-left: 12px;
	}
	
	.successContent h2 {
		font-size: 30px;
	}
	
	.successContent .subTitle {
		font-size: 11px;
	}
	
	.successContent p {
		font-size: 12px;
	}
	
	.midSection p{
		font-size: 12px;
	}
}

@media screen and (min-width: 375px) and (max-width: 411px) {
	.navbar a, .clientSignOn {
		font-size: 14px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
		font-size: 14px;
	}
	
	.navBtn {
		margin-top:6%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 55px;
	}
	
	.section1 p {
		font-size: 16px;
	}
	
	.aboutTitle {
		font-size: 28px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.section1 .content {
		font-size: 16px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
		width: auto;
	}
	
	#successCarousel h2 {
		font-size: 22px;
	}
	
	#successCarousel li {
		font-size: 12px;
	}
	
	#successCarousel .subTitle {
		font-size: 10px;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section3Title {
		font-size: 34px;
	}
	
	.section3 h1 {
		font-size: 22px;
	}
	
	.section3 li {
		font-size: 12px;
	}
	
	.section3 .carousel {
		top: 0px;
	}
	
	.section4 {
		height: auto;
		padding: 15px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		font-size: 22px;
		margin: 0;
	}
	
	.section4 p {
		font-size: 14px;
	}
	
	.section4 .button {
		font-size: 14px;
	}
	
	.footer p {
		font-size: 14px;
	}
	
	.copyright p {
		font-size: 12px;
	}
	
	.copyright img {
		width: 65px;
	}
	
	.ui-widget.ui-widget-content {
		width: 290px !important;
		margin-left: 12px;
	}
	
	.successContent h2 {
		font-size: 30px;
	}
	
	.successContent .subTitle {
		font-size: 11px;
	}
	
	.successContent p {
		font-size: 12px;
	}
	
	.midSection p{
		font-size: 12px;
	}
}

@media screen and (min-width: 412px) and (max-width: 479px) {
	.navbar a, .clientSignOn {
		font-size: 14px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
		font-size: 14px;
	}
	
	.navBtn {
		margin-top:6%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 60px;
	}
	
	.section1 p {
		font-size: 16px;
	}
	
	.aboutTitle {
		font-size: 34px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.section1 .content {
		font-size: 16px;
	}
	 
	.carousel {
		top: 10px;
		margin: 0 auto;
		width: auto;
	}
	
	#successCarousel h2 {
		font-size: 28px;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section3Title {
		font-size: 40px;
	}
	
	.section3 h1 {
		font-size: 26px;
	}
	
	.section3 li {
		font-size: 16px;
	}
	
	.section4 {
		height: auto;
		padding: 30px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		font-size: 30px;
		margin: 0;
	}
	
	.section4 p {
		font-size: 16px;
	}
	
	.section4 .button {
		font-size: 20px;
	}
	
	.footer p {
		font-size: 16px;
	}
	
	.copyright p {
		font-size: 12px;
	}
	
	.copyright img {
		width: 65px;
	}
	
	.ui-widget.ui-widget-content {
		width: 390px !important;
		margin-left: 12px;
	}
	
	.midSection p{
		font-size: 14px;
	}
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	.navbar a, .clientSignOn {
		font-size: 14px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
		font-size: 14px;
	}
	
	.navBtn {
		margin-top:6%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 65px;
	}
	
	.section1 p {
		font-size: 16px;
	}
	
	.aboutTitle {
		font-size: 34px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.section1 .content {
		font-size: 16px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
		width: auto;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section3Title {
		font-size: 40px;
	}
	
	.section3 h1 {
		font-size: 26px;
	}
	
	.section3 li {
		font-size: 16px;
	}
	
	.section4 {
		height: auto;
		padding: 20px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		font-size: 30px;
		margin: 0;
	}
	
	.section4 p {
		font-size: 16px;
	}
	
	.section4 .button {
		font-size: 20px;
	}
	
	.footer p {
		font-size: 16px;
	}
	
	.copyright p {
		font-size: 12px;
	}
	
	.copyright img {
		width: 65px;
	}
	
	.ui-widget.ui-widget-content {
		width: 390px !important;
		margin-left: 12px;
	}
	
	.midSection p{
		font-size: 14px;
	}
}

@media screen and (min-width: 600px) and (max-width: 731px) {
	.navbar a, .clientSignOn {
		font-size: 16px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
	}
	
	.navBtn {
		margin-top:3%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 70px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
	}
	
	#myCarousel {
		width: 450px;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section4 {
		height: auto;
		padding: 30px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		margin-top: 0;
		font-size: 30px;
	}
	
	.button {
		font-size: 18px;
	}
	
	.midSection p{
		font-size: 16px;
	}
}

@media screen and (min-width: 732px) and (max-width: 732px) {
	.navbar a, .clientSignOn {
		font-size: 16px;
		color: #ffffff;
	}
	
	.nav a {
		color: #ffffff;
	}
	
	.navBtn {
		margin-top:3%;
	}
	
	.intro {
		background: no-repeat url("../Elements/homephoto-crop-sm.jpg");
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 70px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
	}
	
	#myCarousel {
		width: 450px;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section4 {
		height: auto;
		padding: 40px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		font-size: 40px;
		margin-top: 0;
	}
	
	.midSection p{
		font-size: 16px;
	}
}

@media screen and (min-width: 733px) and (max-width: 768px) {
	.navbar a, .clientSignOn {
		font-size: 16px;
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 110px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
	}
	
	#myCarousel {
		width: 450px;
	}
	
	.midSection li {
		font-size: 14px;
	}
	
	.section4 {
		height: auto;
		padding: 50px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		margin-top: 0;
	}
	
	.midSection p {
		font-size: 16px;
	}
}


@media screen and (min-width: 769px) and (max-width: 800px) {
	.navbar a, .clientSignOn {
		font-size: 16px;
	}
	
	.intro img {
		margin: 0 auto;
	}
	
	.introSpacer {
		height: 110px;
	}
	
	.section2 {
		max-height: none;
		padding-bottom: 20px;
	}
	
	.carousel {
		top: 10px;
		margin: 0 auto;
	}
	
	#myCarousel {
		width: 450px;
	}
	
	.section4 {
		height: auto;
		padding: 40px 0;
	}
	
	.section4 h1 {
		padding-top: 0;
		margin-top: 0;
		font-size: 38px;
	}
}


@media screen and (min-width: 801px) and (max-width: 1024px) {
	.navbar a, .clientSignOn {
		font-size: 16px;
	}
	
	.section4 {
		height: 450px;
	}
	
	.section4 h1 {
		margin-top: 75px;
	}
	
	.introSpacer {
		height: 75px;
	}
}


/******** Log-In Page *********/

.loginIntro {
    height: 800px;
}

.loginPop {
    background: #ffffff;
    border: 3px solid #e1b57a;
    border-radius: 10px;
    color: #888888;
    top: 150px;
}