@charset "utf-8";
/* CSS Document */

/*title size fonts*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600italic,600,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

body {
	font-family: 'Open Sans', sans-serif;
	background: #ffffff;
/	font-weight: 85%;
	margin: auto;
	padding: 0px;
	color: #000000;
}


figcaption { 
	margin-top:-35px;
	margin-left:auto;
	color:#ffffff;
	font-size:90%;
}

.cap { 
	margin-top:5px;
	color:#000000;
	font-size:90%;
}

p {line-heigt:150%;}



h1, h2, h3, h4, h5, h6, h7 {
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.container {
	width: 80%;
	max-width: 980px;
	background-color: transparent;
	margin: 0 auto; 
}

image styles

.imgtr {
	opacity:0.2;
	filter:alpha(opacity=25);
}

.imgcircleshape {
  shape-outside: circle(50%);
  float: left;
  padding:10px;
}


FOR HOVER
.plus {
    width: 500px;
    height: 500px;
    border: 1px solid red;
}

.close {
    display:none;
}
FOR LINKS
a:hover, a.noline:link {
		text-decoration: none !important;
}

a:hover, a.uline:link {
		text-decoration: underline !important;
}


a:link , a:visited, a:active, a:focus {
	color:#45000D;
	text-decoration: none;
}
a:visited {
	color: #45000D;
	text-decoration: none;
}
a:hover { 
	text-decoration: none;
	color: #AA0B38;
}

a.opaimg:hover {
	opacity:0.5;
	filter:alpha(opacity=60);
	-webkit-transition: opacity .3s linear;
}

a.opaimg2:hover {
	opacity:0.3;
	filter:alpha(opacity=30);
}

a.img-opa-color {
	opacity:0.5;
	filter:alpha(opacity=60);
	-webkit-transition: opacity .3s linear;
}

a.img-opa-color:hover {
 	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity .3s linear;
}
/*FONTS*/
/*adjust size*/
.caption {
top:470px;
background-color:black;
text-align:left;
font-size:10px;
font-family:'Trebuchet MS',sans-serif;
position:absolute;
width:700px;
height:70px;
margin-bottom:0px;
}
.button {
display: inline-block;
font-size: 100%;
font-family: 'Meiryo UI';
text-decoration: none !important;
padding: 0px 5px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
margin-top: 0px;
margin-bottom: 0px;
}
	.button:hover {
		opacity: 0.9;
	}
	#content{

	font-size:90%;
	}
	#incfont{
	background-color: transparent;
	border:1px dotted #d8d8d8;
	color:#6E0C1E;
	}
	#decfont{
	background-color: transparent;
	border:1px dotted #d8d8d8;
	color:#6E0C1E;
	}
	#fontlinks{
	margin-left:0;
	margin-right:5%;
	margin-top:0px;
	margin-bottom:0px;
	text-align:right;
	}
	.buttonfont{
	color:dimgrey;
	}

/*adjust size*/

/*FONT NAMES*/
.playfair {
	font-family: 'Playfair Display', serif;
}

.helvetica {
	font-family: 'Helvetica', Arial, sans-serif;
}
.raleway {
	font-family: 'Raleway', sans-serif;
}
.opensans {
	font-family: 'Open Sans', sans-serif;
}

/*FONT COLORS*/
.black {
	color:#000000;
}
.maroon {
	color:#6E0C1E;
}
.darkmaroon {
	color:#45000D;
}
.white {
	color:#ffffff;
}
.white-opa {
	color: rgba(255,255,255,0.5);
	text-shadow: 1px 1px 3px #45000D;
}
.grayf {
	color:#666;
}
.lgrayf {
	color:#999;
}


/*FONT STYLES*/

.smfont {
	font-size:80%;
}
.smfont2 {
	font-size:70%;
}
.footerfont {
	font-size:60%;
}
.lf { font-weight:100;
}
.bf { font-weight: 600;
}
.lhxs { line-height: 10px;
}
.lh { line-height: 22px;
}
.lh2 { line-height: 28px;
}
.lh-head { line-height: 35px;
}
.lh-head2 { line-height: 40px;
}
.sh { text-shadow: 1px 1px 3px #45000D; 
}
.sh1 { text-shadow: 1px 1px 3px #e8e8e8; 
}

.center {
	text-align:center;
}
.center-item {
	text-align:center; vertical-align:central; padding-right:20%; margin: 0 auto;  max-width: 300px; width: auto;
}
.justify {text-align:justify;
}
.right {text-align:right;
}
.letterspace1 {
	letter-spacing:1px;
}
.letterspace2 {
	letter-spacing:2px;
}



/*BULLETS LIST UL LI*/

.bullet-plus {
	list-style-image:url(../graphics/icons/plus-bullet.png);
	padding-left: 25px;
	font-size:90%; 
	line-height:25px;
}

/*PADDING*/
.pad {
	padding:10%;
}
.padblocks {
	padding:5%;
}
.padgrids {
	padding:2%;
}
.padxs{
	padding:.5%;
}
.padleft {
	padding: 0% 0% 0% 10%;
}
.padright {
	padding: 0% 5% 0% 0%;
}

/*BG COLORS*/
.whitebg-opa {
	background: rgb(255, 255, 255, .5);
}
.light-maroonbg {
	background-color:#F9F2F3;
}
.darkgraybg {
	background: linear-gradient(180deg, #3d3d3d , #232323); 
	-webkit-box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
-moz-box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
}
.graybg {
	background: linear-gradient(185deg, #45000D , #6E0C1E); 
}
.maroonbg {
	background-color:#6E0C1E;
}
.maroon-gradient {
	background: linear-gradient(5deg, #45000D , #6E0C1E); 
}
.darkmaroonbg {
	background-color:#45000D;
}
.opawhite {
	 background-color: rgba(255,255,255,.7); 
}
.opagray {
	 background-color: rgba(0,0,0,0.10); 
}
.opagray2 {
	 background-color: rgba(0,0,0,0.08); 
}
.opagray3 {
-webkit-box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
-moz-box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
box-shadow: inset 1px -17px 156px -74px rgba(0,0,0,0.2);
}
.gray-dient {
	background: linear-gradient(45deg, #d8d8d8 , #c2c2c2); 
}

/*DIV STYLES*/
.shadow-dark {
-webkit-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
-moz-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
}
.shadow-light { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
.shadow-div {
-webkit-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
-moz-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
}
.borderdots {
	border:1px dotted #ccc;
}
.fixed { position: fixed;
}
.insetsh {
	-webkit-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10); 
	-moz-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10); 
	box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10);
}
.mborder {
	border:5px solid #ededed;
}
.mborder-opa {
	border:5px solid rgba(255,255,255,0.1);
}

.imgborder {
    -webkit-box-shadow: 0 10px 8px -7px #777;
       -moz-box-shadow: 0 10px 8px -7px #777;
            box-shadow: 0 10px 8px -7px #777;
}

.imgborder:hover {
	border:1px solid #6E0C1E;
}

/*QUOTE*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/*BUTTONS*/
/*light button*/
.bbutton {
	background: linear-gradient(5deg, #45000D , #6E0C1E); 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius: 12px;
	border: 3px solid rgba(110,12,30,0.2);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	font-weight:100;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.bbutton:hover {
	background: linear-gradient(5deg, #28060E , #45000D); 
	color:#ffffff;
}
.bbutton:active {
	position:relative;
	top:1px;
}

/*dark button*/
.dbutton {
	background: linear-gradient(5deg, #28060E, #510116); 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius: 12px;
	border: 3px solid rgba(110,12,30,0.2);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	font-weight:100;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
	-webkit-box-shadow:0 2 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 2 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 2 5px rgba(0, 0, 0, 0.5);
}
.dbutton:hover {
	background: linear-gradient(5deg, #28060E , #45000D); 
	color:#ffffff;
	-webkit-box-shadow:0 5 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 5 5px rgba(0, 0, 0, 0.8);
	box-shadow:0 5 5px rgba(0, 0, 0, 0.8);
}
.dbutton:active {
	position:relative;
	top:1px;
}


/*DIV BUTTONS*/
.divBtn {
	background: linear-gradient(#6E0C1E , #6E0C1E);	
	padding:5%;
	border:1px solid #ffffff;
	color:#ffffff;
}
.divBtn:hover {
	background: linear-gradient(#28060E, #45000D);	
	padding:5%;
	border:1px solid #ffffff;
	color:#FCBCC8;
}
	
/*HR STYLES*/
hr.solid {
    border: 0;
    height: 0;
    border-top: 1px dotted #45000D;
    border-bottom: 0px solid #141414;
}

hr.solid2 {
	border-top: 1.5px solid #e8e8e8;
}

hr.solid3 {
    border-top: 1px dotted #e8e8e8;
    border-bottom: 1px dotted #777;
}


hr.style18 {   
	border-top: 1px dotted #d8d8d8;
}

hr.style19 {   
	border-top: 1px dotted #683246;
	border-bottom: 0px dotted #9B7281;
}

hr.opahr {   
	border-top: 0px dotted #666;
	border-bottom: 0px dotted #666;
}


footer {
	margin:0 auto;
	padding: 15px;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
}

/*float*/
.float {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

.float:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}

.imgresponsive {
	with:100%;
	height:auto;
}

.div-top-btn {
	position:fixed; right: 50px; bottom:-2px; padding:10px;
  	  width:30px; height:55px; bottom:-30px; text-align:center;
	background: linear-gradient(5deg, #000000 , #080808);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-top-right-radius:10px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	border:1px solid #2e2e2e;
}

.shadow {
	border-bottom: 0 none;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}

.shadow:hover {
	border-bottom: 0 none;
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.55);
}

SLIDER
/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('banner-slider/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }



FOR MAP--
#dvMap {
        width: 500px;
        height: 550px;
		margin: 1%;
		position:fixed;
}

QUOTES
blockquote {
    border-top: 1px solid #000;
    border-bottom: 1px solid #ccc;
    color: #a5a4a4;
    font-style: italic;
    margin: 30px;
    padding: 30px;    
    text-align: center; 
}

Type Sizing
@media screen and (max-width: 979px){
  #cssmenu {
    margin-bottom: 0px;
    position: fixed;
	z-index:1;
  }
}

@media only screen and (min-width: 320px) {
	h1 { font-size: 30px;}
	h2 { font-size: 21px;}
	h3 {font-size: 18px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h7 { font-size: 20px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}


@media only screen and (min-width: 375px) {
	h1 { font-size: 30px;}
	h2 { font-size: 25px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h7 { font-size: 20px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}


@media only screen and (min-width: 480px) {
	h1 { font-size: 33px;}
	h2 { font-size: 25px;}
	h3 {font-size: 19px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 35px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 768px) {
	h1 { font-size: 35px;}
	h2 { font-size: 25px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 18px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1000px) {
	h1 { font-size: 35px;}
	h2 { font-size: 25px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1170px) {
	h1 { font-size: 40px;}
	h2 { font-size: 35px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1340px) {
	h1 { font-size: 55px;}
	h2 { font-size: 40px;}
	h3 {font-size: 35px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1580px) {
	h1 { font-size: 55px; }
	h2 { font-size: 40px;}
	h3 {font-size: 26px;}
	h4 {font-size: 25px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}


HIDE SHOW ON MOBILE
 .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
@media only screen
   and (min-device-width : 0px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
   
 .mobileShow { display: none;}
 /* Smartphone Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 480px){ .mobileShow { display: inline;}}
 
 .tabHide  { display: inline;}
 /* Tablet Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 1057px){ .tabHide { display: none;}}
 
 .tabShow  { display: none;}
 /* Tablet Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 1057px){ .tabShow { display: inline;} }
 
   
MOBILE CENTER
 .mobilecenter { display: inline;}
   /* Smartphone Portrait and Landscape */
@media only screen
   and (min-device-width : 0px)
   and (max-device-width : 480px){  .mobilecenter { display:block; text-align:center; vertical-align:central; margin: 0 auto;  max-width: 300px; width: auto; }}



TABLES--
.day {
	width:45%; 
}
.time {
	width:55%; 
}
RESPONSIVE DIVS--
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col2 {
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_3_of_4 { width: 75%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_4 { width: 23.8%; }
.span_1_of_3 { width: 32.26%;}
.span_1_of_5 { width: 18.72%; }


/*  GRID OF TWO  */
.span_2_of_2, .span_half {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

.full-width {
	width:50%;
	height:auto;
	font-size:53px;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.full-width { width: 80%; height:auto; font-size:250%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_3_of_4, .span_1_of_4,
	.span_1_of_5, .span_2_of_2, .span_1_of_2  { width: 100%; }
	.span_half { width: 50%; }
}


@media only screen and (max-width: 1057px) {
	.kebox  { width: 100%; }
	.container { width: 90%; }
}

FADE TEXT
ul.ppt {
	margin-top:4px;
	font-family: 'EB Garamond', serif;
	font-size: 55px;
	text-align:center;
	letter-spacing:1px;
	overflow: hidden;
	text-align:center;

}

.ppt li {
	list-style-type: none;
	color: #000000;
	top: 0px;
	left: 0px;
	overflow: hidden;
	text-align:center;
}

.ppt img {
	border: 1px solid transparent;
	padding: 0px;
	background-color: transparent;
}

.ppt { 
	margin: 0 auto;
	padding: 0;
}


DIV TABS

.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}

#tab-1 {
 display: block;   
}