@import url('https://fonts.googleapis.com/css?family=Laila:400,700|Merriweather:400,400i,700,700i');
html {
	position: relative;
	min-height: 100%;
}
#Main img  {
	max-width: 100% !important;
	height: auto !important;
    margin: 20px;
	border: 4px #341712 solid;
	box-shadow: 0px 0px 5px 0px #00573A;
}

@media(max-width:768px) {
#Main img {
	float: none !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}
img[src="https://www.paypal.com/en_US/i/scr/pixel.gif"] {
	display: none;
}
body {
	background-color: #FAF9F5;
	background-size: auto;
     display: flex;
  flex-direction: column;
  min-height: 100vh;
    opacity:0;
    	animation-name: fadeInB;
	animation-iteration-count: 1;
	animation-duration: 3s;
    animation-delay: 1;
    animation-fill-mode:forwards;
}
p a {
  word-break: break-all;
}
@keyframes fadeInB { from { opacity:0; } to { opacity:1; } }



a {
	color: #E71D7B;
}
.modal-body p, .post-item p, .post-item li, .post-item h2, .post-item h3, .post-item h4, .faqcloser p {
	opacity: 1 !important;
	transform: none !important;
}

@media(max-width:768px) {
.navbar-custom li, .faAuto, .dropdown-toggle .fa {
	opacity: 1 !important;
	transform: none !important;
}
}
 .sr h1, .sr p, .sr .fa, .sr .eventRev, .sr .agecol, .sr .divider, sr. #Main li, .sr #Main .divider, .sr #Main hr {
visibility: hidden;
}
.play-pause * {
	opacity: 1 !important;
	visibility: visible !important;
}
.err {
	border-color: red;
}
a {
}
.imglinkres {
	border: 3px solid white;
	box-shadow: 0px 0px 1px 0px black;
}
.err {
	border-color: red;
}
body {
    font-family: 'Merriweather', serif;
	font-size: 18px;
	color: #493030;
}
#docbody {
	padding-top: 0px;
	padding: 0px;
	margin: opx;
	-webkit-transition: padding-top 1.0s;
	-moz-transition: padding-top 1.0s;
	transition: padding-top 1.0s;
}
/* -- Home Picture Buttons --*/
.agecon {
	margin: auto;
	max-width: 1350px;
	margin-top: 5px;
	margin-bottom: 25px;
}
.agecat {
	height: 100%;
	width: 100%;
	background-size: cover;
    background-position: center center;
    overflow: hidden;
	display: table;
    	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.agecol {
	height: 323px;
	padding: 30px;
}
.agecell {
    position: relative;
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
    text-align: center;
	text-decoration: none !important;
    z-index: 200;
    
}
.agecat div {
    position: absolute; 
    top:0px; left:0px; bottom:0px; right:0px;
    background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 100;
        opacity:1.0;
	transition: all 1s;
  
}
.agecat:hover div {
    opacity:0;
    top:-50px; left:-50px; bottom:-50px; right:-50px;
	transition: all 1s;
}
.agecell {
	background-color: rgba(127,150,161,0.0);
	opacity: 1.0;
	border: 10px solid white;
	-webkit-transition: box-shadow 1s, background-color 2s, font-size .5s;
	-moz-transition: box-shadow 1s, background-color 2s, font-size .5s;
	transition: box-shadow 1s, background-color 2s, font-size .5s;

}
.agecell:hover {
	opacity: 0.9;
	
}
.agecell h3{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	color: white;
	font-size: 30px;
	line-height: 32px;
	text-shadow: 0px 0px 8px black;
	display: inline;
}
.agecell:hover h3 {
	text-shadow: 0px 0px 1px black;
	font-size: 40px;
}
/*
@media(max-width:768px) {
	#docbody {
	padding-top:0px !important;
		-webkit-transition:none;
        -moz-transition:none;
        transition:none;
	}
}

@media(min-width:1920px) {
	#docbody {
		 background-size: 100% auto;

}
}*/
h1 {
    	font-family: 'Laila', serif;
	color: black;
	margin-top: 25px;
	font-weight: Bold;
	/* text-shadow: 1px 1px 0px white, 2px 2px 0px black;*/
	font-size: 38px;
	color: #31383B;
}
h2, h3, h4, h5, h6 {
    	font-family: 'Laila', serif;
	font-weight: 300;
}
h3, h2, h4 {
	font-weight: bold;
}
h3, h2 {
	color: #31383B;
}
h4 {
	margin-bottom: 5px;
	margin-top: 25px;
	color: black;
}
label {
	margin-top: 20px;
}
.checkbox {
	margin-left: 10px;
}
.checkbox label {
	margin-top: 5px;
}
#Main {
}
#footer {

	width: 100%;
	padding-top: 20px;
	/* Set the fixed height of the footer here */
	background: url(/tempimg/menuback.png);
	  margin: auto auto 0 auto;
	background-size: cover;
	z-index: 49;
	color: white;
	box-shadow: 0px 0px 3px 0px black;
}
.fp {
	padding-bottom: 20px;
	padding-top: 30px;
}
.fItem {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.fItem i {
	padding-right: 6px;
}
.fFirst {
	padding-left: 0px;
}
.fLast {
	border-right: none;
}
.fItem a {
	color: white;
	text-decoration: none;
}
.MakerMark {
	position: absolute;
	right: 15px;
	bottom: 25px;
}
.MakerMark img {
	height: 35px;
}
.fpLast {
	padding-top: 15px;
	padding-right: 15px;
	text-align: right;
}
.fpLast span {
	border-radius: 50%;
	font-size: 35px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	color: white;
	background-color: #E69354;
}
.fpLast img {
	margin-bottom: 8px;
	margin-right: 4px;
}
.fspace {
	padding-left: 0px;
}

@media(max-width:992px) {
.MakerMark {
	position: relative;
	bottom: 0px;
	right: auto;
	padding: 10px;
}
.fspace {
	padding-left: 0px;
}
.MakerMark img {
	height: 35px;
}
.fp {
	text-align: center;
	padding: 10px;
	padding-bottom: 0px;
}
.fpLast {
	padding-right: 0px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.fItem {
	float: none;
	padding-right: 15px;
	padding-left: 15px;
	border-right: none;
	display: inline;
}
}

@media(max-width:768px) {
.fItem {
	display: block;
}
}
.post-item, .post-thumbnail {
	margin-bottom: 15px;
}
.post-item a {
}
.post-comm {
	text-align: justify;
}
.pad-date {
	margin-bottom: 30px;
}
a:hover {
	text-decoration: none;
}
.back1 {
	background-image: url('/tempimg/hback-1.jpeg');
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	min-height: 360px;
	margin-top: 50px;
	margin-bottom: 10px;
	box-shadow: inset 0px 0px 5px 0px black;
}
.back2 {
	background-image: url('/tempimg/hback-2.jpeg');
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	min-height: 360px;
	margin-top: 0px;
	margin-bottom: 30px;
	box-shadow: inset 0px 0px 5px 0px black;
}
/*------------------------------------- TOP HERO --------------------------------------------------*/
.topback {
    position: relative;
    width: 100%;
    background-color: black;
	margin-top: 0px;
	margin-bottom: -5px;
	box-shadow: inset 0px 0px 5px 0px black;
}
.tBack {
    position: relative;
    z-index: 800;
}
.tBackFin {
    position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
    opacity: 0;
}
.tBack img, .tBackFin img {
    width:100%;
    max-width: 1920px;
}
/*
.picHold {
	position: absolute;
	opacity: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.picIMG2 {
	background-image: url(/tempimg/back3.png);

	background-size: cover;
	background-position: center center;
	opacity: 0;
}
.picIMG3 {
	background-image: url(/tempimg/back4.png);

	background-size: cover;
	background-position: center center;
	opacity: 0;
}
.picIMG4 {
	background-image: url(/tempimg/back2.png);

	background-size: cover;
	background-position: center center;
	opacity: 0;
}
.picIMG5 {
	background-image: url(/tempimg/back5.png);

	background-size: cover;
	background-position: center center;
	opacity: 0;
}
.picIMG2 {

	animation-name: fade;
	animation-iteration-count: 1;
	animation-duration: 12s;
}
.picIMG3 {

	animation-delay: 3s;
	animation-name: fade;
	animation-iteration-count: 1;
	animation-duration: 12s;
}
.picIMG4 {
	
	animation-delay: 8s;
	animation-name: fade;
	animation-iteration-count: 1;
	animation-duration: 20s;
}
.picIMG5 {
	
	animation-delay: 15s;
	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-duration: 10s;
    animation-fill-mode: forwards; 
}
.tBackFin {
    
	animation-delay: 20s;
	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-duration: 4s;
    animation-fill-mode: forwards; 
    
}

@keyframes fade {
 0% {
opacity: 0;
}
 50% {
opacity: .7;
}
 100% {
opacity: 0;
}
}




@keyframes fadeIn {
 0% {
opacity: 0;
}
 50% {
opacity: .43;
}
 100% {
opacity: 1.0;
}
}
*/


/*------------------------------SignUp-----------------------------*/


.signBlock {
	position: relative;
	background: url(/tempimg/menuback.png);
	background-size: cover;
	margin-top: -5px;
	padding-bottom: 5px;
	padding-top: 5px;
	box-shadow: 0px 0px 3px 0px black;
	margin-bottom: 16px;
}


.filters-button-group button {
	margin: 5px;
}
.btn-primary {
	background-image: linear-gradient(to bottom, #A20056 0, #640035 100%);
	border-color: #640035;
}
.btn-primary:focus, .btn-primary:hover {
	background-image: linear-gradient(to bottom, #640035 0, #A20056 100%) !important;
	border-color: #A20056 !important;
	background-position: 0 0px;
}
.btn-primary:active, .btn-primary.active {
	background-image: linear-gradient(to bottom, #DC4193 0, #A20056 100%) !important;
	border-color: #A20056 !important;
	background-position: 0 0px;
}
/*------------------------------NAV------------------------------*/
#box {
	min-width: 100%;
	z-index: 60;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.7);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	position: relative;
	background: white;
	color: rgba(0,0,0, .8);
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5;
	position: sticky;
    top:0px;
    z-index: 1000;
}
#box:before, #box:after {
	z-index: -1;
	position: absolute;
	content: "";
	left: 0%;
	width: 55%;
	top: 80%;
	max-width: 300px;
	background: rgba(0, 0, 0, 0.7);
	box-shadow: 0px 11px 15px 4px rgba(0, 0, 0, 0.7);
	transform: rotate(-3deg);
}
#box:after {
	transform: rotate(3deg);
	right: 0%;
	left: auto;
}

@media(min-width:768px) {
#box:before, #box:after {
	bottom: 15px;
}
}

@media(max-width:768px) {
#box:before, #box:after {
	box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.7);
}
#box {
	position: relative !important;
}
.wrapper {
	height: auto !important;
}
}
.navbar-header .icon-bar {
	background-color: #E69354;
}
.navbar-toggle {
	margin-top: 15px;
	border-color: #E69354;
	padding: 8px;
	margin-bottom: 10px;
}
.navbar {
}
.navbar-header {
	position: absolute;
	right: 0px;
	top: -4px;
}
.navbar-custom {
	padding: 5px;
	background-color: #FAF9F5;
	background-image: url(/tempimg/menuback.png);
	background-size: cover;
	background-position: fixed;
	/*background-position:bottom;
	border-bottom:2px solid white;*/
	height: auto;
}
.navbar-custom .navbar-table {
	display: table;
	width: 100%;
}
.navbar-collapse {
	margin-top: 0px !important;
}
.cont-top {
/*border-bottom:1px #31383B solid;*/
}
.navbar-custom .nav li a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: white;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
}
.navbar-custom .active {
	background-color: none !important;
}
.navbar-custom .active a {
	color: #E69354 !important;
}
.navbar-custom .active ul li a {
	color: #062B3D !important;
}
.navbar-custom .nav li a:hover {
	color: #062B3D !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.itemback a:hover {
	background-image: none !important;
	background-color: none !important;
	filter: none;
	background-color: #EBE1D2 !important;
}
.itemback a:focus {
	background-image: none !important;
	background-color: none !important;
	filter: none;
	background-color: #EBE1D2 !important;
	color: #062B3D !important;
}
.navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .nav li.active a {
	color: #062B3D;
}
.navbar-nav .dropdown:hover a, .navbar-custom .navbar-nav .open .dropdown-menu, .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav .open .dropdown-menu>li>a {
	color: #5F6955;
}
.navbar {
	text-transform: uppercase;
	font-weight: 700;
}
.navbar a:focus {
	outline: 0;
}
.navbar .navbar-nav {
	letter-spacing: 1px;
}
.navbar .navbar-nav li a:focus {
	outline: 0;
}
.navbar-default, .navbar-inverse {
	border: 0;
}
.navlogo, .navwhite {
}

@media(max-width:768px) {
.pad-date {
	height: auto !important
}
.pad-center {
	text-align: center;
}
.dropdown-menu {
	border-bottom: 2px solid white !important;
	border-radius: 0px !important;
	background-color: white !important;
}
.dropdown-menu .divider {
	display: none;
}
.navbar-fixed-top {
	position: relative
}
.navbar-collapse {
	max-height: none !important;
	margin-top: 20px;
}
.navlogo-holder {
	max-width: 100%;
	padding-top: 5px;
	padding-right: 50px !important;
	min-height: 40px;
}
.navlogo, .navwhite {
	width: 100%;
	max-width: 208px;
	margin-bottom: 10px;
}
}

@media(min-width:768px) {
.navbar-table {
	height: 90px;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s;
}
.navbar-top {
	display: table-cell;
	min-height: 100%;
	vertical-align: middle;
}

.navlogo-holder {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding-right: 10px;
}
.navlogo {
	height: 100px;
}
.dropdown-menu {
	border-bottom: none;
}
.navbar-table-shrink {
	height: 60px;
}
.navbar-fixed-top.navbar-shrink .navbar-brand {
	font-size: 1.5em;
}
.navlogo {
	-webkit-transition: all 1.5s;
	-moz-transition: all 1s;
	transition: all 1.5s;
}
.navbar-custom-shrink {
	background-color: white;
	border-bottom: 2px solid #E69354;
}
.box-shrink {
/*position:fixed !important;
	top:0px;*/

}
.navlogo-shrink {
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	transition: height .5s;
	height: 50px;
}
.navlogo-holder-shrink {
}
}
@media(max-width:992px)  and (min-width: 768px) {
.navlogo {
	height: 60px;
}
}
.divider {
	border: 0;
	margin: 60px 0;
	height: 1px;
	border-top: #A5AEB5 1px solid;
	border-bottom: #A5AEB5 1px solid;
	text-align: center;
	position: relative;
	clear: both;
}
.divider.half-margins {
	margin: 30px 0;
}
.Hbutton {
	margin: 10px;
}

@media(max-width:300px) {
.Hbutton {
	margin-left: 0px;
	margin-right: 0px;
}
}
/*.btn-primary {
	border:#150F4D;
  background: #150F4D;
	background-image: linear-gradient(to bottom, #150F4D 0%, #EBE1D2 100%);
  

}
.btn-primary:hover {
	border:#150F4D;
  background: #EBE1D2;
	background-image: linear-gradient(to bottom, #EBE1D2 0%, #150F4D 100%);
}*/
 
.Hbutton {
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dividerM {
	margin-top: 80px;
	border: 0;
	height: 3px;
	border-top: #969696 1px solid;
	border-bottom: #969696 1px solid;
	text-align: center;
	position: relative;
	clear: both;
	margin-bottom: 60px;
}
.dividerM .hh {
	display: inline-block;
	height: 50px;
	width: 100%;
	position: absolute;
	top: -25px;
	left: 0px;
}
.dividerM .hh .ha {
	color: black;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin: auto;
	line-height: 50px;
	text-align: center;
	font-size: 35px;
	background: #F9F9F5; /* same as background color */
}

@media(max-width:768px) {

.dividerM {
margin-bottom: 40px;

}
.dividerM .fa {
	display: none;
}
}
.bookTable {
	display: table;
	width: 100%;
}
.bookHold {
	display: table-cell;
	height: 300px;
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 5px;
}

@media(max-width:600px) {
.dividerM .hh .ha {
	font-size: 27px;
}
.bookHold {
	height: 250px;
}
}
.bookHold img {
	width: 100%;
	max-width: 100%;
}
.sort-button-group {
display: none;
}
[src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"]{
display: none;

}