@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
#Contents * {
	box-sizing: border-box;
}
#Contents {
	    padding-top: 1px;
}

body, html {
  height: 100%;
    margin: 0 auto;

}
p{
line-height:22px;
}

@font-face {
  font-family: helvetica;
  src: url(../fonts/Helvetica.ttf);
}

@font-face {
  font-family: helveticabold;
  src: url(../fonts/Helvetica-Bold.ttf);
}

.topbg {
  /* The image used */
  background-image: url("../images/01_christmasbg.jpg");

  /* Full height */
  height: 631px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
overflow-x: none;
}

.topmsg {
	    color: white;
    background-image: url(../images/black-bg.png);
    background-position: center 400px;
    width: 755px;
    height: 322px;
    margin: 0 auto;
    font-family: helvetica;
    background-repeat: no-repeat;
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 400px 120px;
    z-index: 2;
    position: relative;
}

.bottom {
  /* The image used */
  background-image: url("../images/bottom-bg.jpg");

  /* Full height */
  height: 490px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
overflow-x: none;
}


.goldbox {
	background-color: #af8848;
    padding: 10px 15px;
    display: table;
    margin: -20px auto 40px auto;
}

.topmsg h2 {
	font-family: helveticabold;
font-size:30px;
}

.theme {
    background-image: url(../images/02-xmasbgbeidge.jpg);
font-size:17px;
line-height:24px;
height:392px;
  font-family: helvetica;
 text-align: center;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

    margin: 0 auto;
}

.themetitle {
	font-size:18px;
	    letter-spacing: 10px;
    padding-top: 130px;
    text-transform: uppercase;
width: 965px;
 margin: 0 auto;
}

.themecontent {
width: 800px;
 margin: 0 auto;
font-family: helvetica;
}

 h3 {
    font-size: 38px !important;
    color: #a8792b !important;
    font-style: italic;
    font-weight: 200 !important;
}

.grey {
background-color:#f6f5f4;
font-family: helvetica;
font-size:15px;
margin-top:6px;
margin-bottom:20px;
}

.slider {
  background-image: url(../images/slider-bg.jpg);
background-repeat: no-repeat;
    background-size: contain;
}

.sliderbox{
    padding: 25px 0;
}

.whitebx {
	background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    position: absolute;
    z-index: 9;
    width: 280px;
    font-size: 14px;
}

.carousel {
	height: auto;
/*	height: 22em; */
	    margin: 2em 5em 3em 0em;
	position: relative;
}

.centeralign {
	text-align:center;
}

.video {
    padding: 20px 0;
}

.video iframe {
	width:90%;
display: inline;
margin: 0 auto;
padding-left: 138px;
}

.videoframe:before {
  background-image: url(../images/video-left.jpg);
width: 145px;
    content: " ";
    position: absolute;
    /* left: -16px; */
    /* top: -6px; */
    height: 410px;
    background-size: contain;
}

.videoframe:after {
  background-image: url(../images/video-right.jpg);
width: 145px;
    content: " ";
    position: absolute;
    /* left: -16px; */
    /* top: -6px; */
    height: 410px;
    background-size: contain;
}

.videoframe {
	padding:10px 0;
}

.find, a.find, a.find:link , a.find:visit, a.find:active {
	font-style: italic;
    font-weight: bold;
color:#303030 !important;
}

a.find:hover {
color:#ef072d;
}

.findmore, a.findmore, a.findmore:link , a.findmore:visit, a.findmore:active {
	font-style: italic;
    font-weight: bold;
color:#303030 !important;
font-size:24px;
}

a.findmore:hover {
color:#ef072d;
}

 .img-container {
  margin: 20px;

}

.img-container img {
   width: 100px;
   height: auto;
   border: 1px solid #ccc;
   border-radius: 5px;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
display: inline-block;
}
.img-container img:hover{
  transform: scale(0.97);
 -webkit-transform: scale(0.97);
 -moz-transform: scale(0.97);
 -o-transform: scale(0.97);
  opacity: 0.75;
 -webkit-opacity: 0.75;
 -moz-opacity: 0.75;
  transition: .3s;
 -webkit-transition: .3s;
 -moz-transition: .3s;
}