.background-yellow{
	background: url(../images/background-yellow.png) ;
	background-size: cover;
	background-position: top center;
	height: 100%;
}

.background-black{
	background: url(../images/background-black.png);
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
}

.register-container{
	background:#58585B;
	padding: 20px;
}

.register-container h3{
	font-family: 'kefa_presssregular';
	color: white;
	text-align: center;
	font-size: 36px;
	line-height: 30px;
}

.register-container p{
	font-family: 'century_gothicregular';
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: bold
}
.form-container{
	border-left: 1px solid grey;
	border-right: 1px solid grey;
}

.thank-container{
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	padding:20px
}
form{
 	padding: 24px;
}

input {
    border:1px solid #ccc;
    width:100%;
    padding:10px;
    margin-bottom: 10px !important;
}

button{
	width:100%;
	padding:10px;
	background: #be0000;
	border:none;
	color: white
}

.padding-container{
	padding-top: 20px;
	padding-bottom: 20px;
}

.content{
	background: #404041;
	padding: 20px;
	color: white;
	font-family: 'century_gothicregular';
}

.hr{
	background: #FDF6AE;
	height: 2px;
}

.floor-plan{
	color:#FFF8AD;
	font-family: 'kefa_presssregular';
	text-align: right;
	font-size: 36px;
}

.facilities{
	font-family: 'kefa_presssregular';
	text-align: center;
	color: #39388A;
	font-size: 36px;
}

.icon-title{
	color: #39388A;
	font-family: 'kefa_presssregular';
	font-size: 21px;
	text-align: center;
}

.icon-content{
	color: #000;
	font-family: 'century_gothicregular';
	font-size: 16px;
	text-align: center;
}

.margin-bottom{
	margin-bottom:30px;
}

.cd-top {
	display: inline-block; 
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	overflow: hidden;
	text-indent: 100%; 
	white-space: nowrap;
	background:url(../images/cd-top-arrow.svg) rgba(255, 255, 255, 0.9) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	border:2px solid #6a606e
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { 
	-webkit-transition: opacity .3s 0s, visibility 0s 0s; 
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { 
	visibility: visible;
	opacity: 1;
}
.no-touch .cd-top:hover { 
	background-color: #e86256;opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top { 
	  right: 20px;
	  bottom: 20px;
	}
}
@media only screen and (min-width: 1024px) {
  .cd-top { 
	  height: 40px; 
	  width: 40px; 
	  right: 30px; 
	  bottom: 80px; }
}

footer{
	text-align:center;
	padding: 20px;	
}

footer p{
	margin:0;
	font-family: 'century_gothicregular';
	font-weight:bold
}

.direction-button {
    background: #39388A;
    padding: 10px;
    font-family: 'century_gothicregular';
    font-weight: bold;
    width: 30%;
	color:white;
	text-align:center;
	
}

a{
	text-decoration:none !important	
}

 .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 30px;
               
            }
            .demo-gallery > ul > li a {
       
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }

/* pop up */

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
z-index: 100;
}

.cnt223 a{
text-decoration: none;
}

.popup{
width:100%;
height:450px;
margin: 0 auto;
position: fixed;
z-index: 101;
}

.cnt223{
min-width: 1024px;
background:url(../images/background-grey.png);
width:1024px;
min-height: 450px;
margin: 50px auto;
border:5px solid white;
position: relative;
z-index: 103;
padding: 50px 35px;
box-shadow: 0 2px 5px #000;
}
.cnt223 h2{
	font-family: 'kefa_presssregular';
	text-align: center;
	color:#39388A;
	font-size: 22px
}
.cnt223 p{
clear: both;
color: black;
font-size: 14px;
text-align:center;
	font-family: 'century_gothicregular';
	margin-bottom: 75px
}

.cnt223 p a{
color: white;
font-weight: bold;
}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}

.cnt223 .x:hover{
cursor: pointer;
}

/* pop up */

@media (max-width: 767px){
.icon-content {
    color: #000;
    font-family: 'century_gothicregular';
    font-size: 16px;
    text-align: center;
    margin-bottom: 45px;
}
.icon-title {
    color: #39388A;
    font-family: 'kefa_presssregular';
    font-size: 21px;
    text-align: center;
    margin-bottom: 0;
}
	.content {
    background: #404041;
    padding: 20px;
    color: white;
    font-family: 'century_gothicregular';
    font-size: 14px;
}
	footer p {
    margin: 0;
    font-family: 'century_gothicregular';
    font-weight: bold;
    font-size: 14px;
}
	.register-container h3 {
    font-family: 'kefa_presssregular';
    color: white;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
	margin-bottom:20px
	}
	.facilities {
    font-family: 'kefa_presssregular';
    text-align: center;
    color: #39388A;
    font-size: 24px;
	margin-top:20px;
margin-bottom:20px
}
	.register-container p {
    font-family: 'century_gothicregular';
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
	h1 {
    text-align: center;
    font-family: 'kefa_presssregular';
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    font-size: 24px !important;
}
	.background-yellow{
	background-image: url(../images/background-yellow.png) ;
	background-color:#f9f5b0;
	background-size: auto;
	background-position:top center;
	background-repeat:no-repeat;
		 min-width: 100%;
  min-height: 100%;
}
	.align-center{
		text-align:center	
	}
	.direction-button {
    background: #39388A;
    padding: 10px;
    font-family: 'century_gothicregular';
    font-weight: bold;
    width: 40% !important;
    color: white;
	margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 10px;
}
	.cnt223 {
    min-width: 90% !important;
    background: url(../images/background-grey.png);
    height: 645px;
    width: 90% !important;
    margin: 10px 0 0 0 !important;
    border: 5px solid white;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    box-shadow: 0 2px 5px #000;
    overflow-y: scroll !important;
}
.cnt223 h2 {
    font-family: 'kefa_presssregular';
    text-align: center;
    color: #39388A;
    font-size: 16px;
}
	.cnt223 p{
clear: both;
color: black;
font-size: 12px;
text-align:center;
	font-family: 'century_gothicregular';
	margin-bottom: 4px
}
.close {
    text-align: left !important;
	float:none !important;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
}

h1{
	text-align:center;
	font-family: 'kefa_presssregular';
	margin-top:45.5px !important;
	margin-bottom:50px !important;
	font-size:22px !important;
} 

a {
    color: #be0000 !important;
    text-decoration: none;
    background-color: transparent;
}

a:hover{
    color: #890000 !important;
    text-decoration: underline !important;
    background-color: transparent;
}