@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/hinted-HelveticaNeueLight.eot');
    src: url('../fonts/hinted-HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hinted-HelveticaNeueLight.woff2') format('woff2'),
    url('../fonts/hinted-HelveticaNeueLight.woff') format('woff'),
    url('../fonts/hinted-HelveticaNeueLight.ttf') format('truetype'),
    url('../fonts/hinted-HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/hinted-HelveticaNeueMedium.eot');
    src: url('../fonts/hinted-HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hinted-HelveticaNeueMedium.woff2') format('woff2'),
    url('../fonts/hinted-HelveticaNeueMedium.woff') format('woff'),
    url('../fonts/hinted-HelveticaNeueMedium.ttf') format('truetype'),
    url('../fonts/hinted-HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/hinted-HelveticaNeueBold.eot');
    src: url('../fonts/hinted-HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hinted-HelveticaNeueBold.woff2') format('woff2'),
    url('../fonts/hinted-HelveticaNeueBold.woff') format('woff'),
    url('../fonts/hinted-HelveticaNeueBold.ttf') format('truetype'),
    url('../fonts/hinted-HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

body {
    font-family: 'HelveticaNeue', sans-serif;
    background-color: #f4f4f4;
    font-weight: 300;
    font-size: 18px;
    color: #000000;
    overflow: hidden;
    overflow-y: auto
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    margin: 0 0 20px 0;
    font-weight: bold;
}

h1,
.h1 {
    font-size: 34px
}

h2,
.h2 {
    font-size: 28px
}

h3,
.h3 {
    font-size: 20px
}

h4,
.h4 {
    font-size: 16px
}

a {
    color: #16C9C9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

/*---------------------------
	Page Styling
----------------------------*/

.brand-logo {
    display: inline-block;
    margin-bottom: 30px;
}

.brand-logo img {
    display: inline-block;
    width: 200px;
}

.page-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px 20px;
    text-align: center;
}

.page-outer h1 {
    font-family: 'Wendy One', sans-serif;
    font-size: 48px;
}

.page-outer h1 img{
    width: 400px;
    max-width: 100%;
    height: 73px;
}

.page-outer p {
    font-style: italic;
    letter-spacing: 0.03em;
}

.msg-txt{
    width: 500px;
    max-width: 100%;
}

/*---------------------------
	Plugins Styling
----------------------------*/

.va-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.va-middle {
    display: table-cell;
    vertical-align: middle;
}

.carousel-fs,
.carousel-fs .carousel-inner,
.carousel-fs .carousel-inner .item {
    width: 100%;
    height: 100%;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

::-webkit-input-placeholder {
    color: #4d4d4d;
    opacity: 1;
    filter: alpha(opacity=100);
}

::-moz-placeholder {
    color: #4d4d4d;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-ms-input-placeholder {
    color: #4d4d4d;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-moz-placeholder {
    color: #4d4d4d;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*---------------------------
	Media Queries
----------------------------*/

@media (min-width: 480px) {

}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

/* Non Mobile ------------ */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 575px) {

}

@media (max-width: 479px) {

}