body,
html {
    font-family: Raleway;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.loading-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #f0f0f0;
    text-align: center
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

.loading-signal {
    border: 3px solid #aaa;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.section {
    padding: 35px 0;
    transition: all ease-in-out 1s
}

.section.white {
    background: #fff;
    color: #666
}

.section.lightgray {
    background: #f2f2f2;
    color: #666
}

.learn-more {
    padding-top: 20px;
    -webkit-animation: wavey 1s linear infinite alternate;
    -moz-animation: wavey 1s linear infinite alternate;
    animation: wavey 1s linear infinite alternate
}

@-moz-keyframes wavey {
    0% {
        transform: translate(0, 0)
    }
    65% {
        transform: translate(0, -7px)
    }
    100% {
        transform: translate(0, -10px)
    }
}

@-webkit-keyframes wavey {
    0% {
        transform: translate(0, 0)
    }
    65% {
        transform: translate(0, -7px)
    }
    100% {
        transform: translate(0, -10px)
    }
}

@keyframes wavey {
    0% {
        transform: translate(0, 0)
    }
    65% {
        transform: translate(0, -7px)
    }
    100% {
        transform: translate(0, -10px)
    }
}

.learn-more i {
    font-size: 50px
}

.learn-more a {
    color: #fff;
    color: rgba(255, 255, 255, .75)
}

.learn-more a:focus,
.learn-more a:hover {
    color: #fff;
    outline: 0
}

.lightgray .learn-more a,
.white .learn-more a {
    color: #999
}

.lightgray .learn-more a:focus,
.lightgray .learn-more a:hover,
.white .learn-more a:focus,
.white .learn-more a:hover {
    color: #333;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #bbb
}

h3 {
    margin-bottom: 10px
}

p {
    font-size: 15px;
    line-height: 175%;
    margin-bottom: 10px
}

.heading-small {
    font-size: 16px
}

.main-title {
    color: #fefa12;
    text-transform: uppercase;
    font-size: 55px;
    margin-bottom: 15px;
    font-weight:600;
}

.main-title small {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    margin-top: 5px;
    line-height: 140%
}

a {
    color: #aaa;
    transition: all ease-in-out 250ms
}

a:focus,
a:hover {
    text-decoration: none;
    color: #fff;
    outline: 0
}

img {
    max-width: 100%
}

.lightgray h1,
.lightgray h2,
.lightgray h3,
.lightgray h4,
.lightgray h5,
.lightgray h6,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
    color: #444
}

.lightgray h1 small,
.lightgray h2 small,
.lightgray h3 small,
.lightgray h4 small,
.lightgray h5 small,
.lightgray h6 small,
.white h1 small,
.white h2 small,
.white h3 small,
.white h4 small,
.white h5 small,
.white h6 small {
    color: #999
}

.lightgray a,
.white a {
    color: #999;
    transition: all ease-in-out 250ms
}

.lightgray a:hover,
.white a:hover {
    text-decoration: none;
    color: #000
}

.font-s-60 {
    font-size: 60px
}

.font-s-56 {
    font-size: 56px
}

.font-s-48 {
    font-size: 48px
}

.font-s-36 {
    font-size: 36px
}

.font-s-24 {
    font-size: 24px
}

.font-s-18 {
    font-size: 18px
}

.yellow {
    color: #fff4aa
}

.red {
    color: #ff9292
}

.green {
    color: #90ff90
}

.cyan {
    color: #00b7a8
}

.orange {
    color: #ff7725
}

.white {
    color: #fff
}

hr {
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

hr.white {
    border-color: #fff;
    border-color: rgba(255, 255, 255, .5)
}

hr.gray {
    border-color: #aaa;
    border-color: rgba(0, 0, 0, .5)
}

.feature-li {
    margin-top: 30px;
    margin-bottom: 75px
}

.feature-li:nth-child(1n):focus .feature-icon,
.feature-li:nth-child(1n):focus .feature-title,
.feature-li:nth-child(1n):hover .feature-icon,
.feature-li:nth-child(1n):hover .feature-title {
    color: #c0392b
}

.feature-li:nth-child(2n):focus .feature-icon,
.feature-li:nth-child(2n):focus .feature-title,
.feature-li:nth-child(2n):hover .feature-icon,
.feature-li:nth-child(2n):hover .feature-title {
    color: #e67e22
}

.feature-li:nth-child(3n):focus .feature-icon,
.feature-li:nth-child(3n):focus .feature-title,
.feature-li:nth-child(3n):hover .feature-icon,
.feature-li:nth-child(3n):hover .feature-title {
    color: #27ae60
}

.feature-li:nth-child(4n):focus .feature-icon,
.feature-li:nth-child(4n):focus .feature-title,
.feature-li:nth-child(4n):hover .feature-icon,
.feature-li:nth-child(4n):hover .feature-title {
    color: #3498db
}

.feature-li:focus .feature-icon,
.feature-li:hover .feature-icon {
    transform: translate(0, -5px)
}

.feature-li p {
    font-size: 13px;
    line-height: 140%
}

.feature-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    min-height: 50px;
    transition: all ease-in-out 250ms
}

.feature-icon {
    text-align: center;
    transition: all ease-in-out 250ms
}

.feature-icon .fa,
.feature-icon i {
    font-size: 35px
}

.logo {
    margin: 0 0 15px
}

.featured-image,
.mini-gallery {
    padding-bottom: 50px
}

.featured-image img,
.mini-gallery img {
    display: inline-block;
    max-width: 100%
}

.mini-gallery {
    text-align: center;
    font-size: 0
}

.mini-gallery .gallery-img {
    display: inline-block;
    transition: all ease-in-out 200ms;
    transform: scale(1);
    position: relative;
    margin: 2px
}

.mini-gallery .gallery-img:hover {
    transform: scale(1.1);
    z-index: 99;
    position: relative
}

.iSoon-nav {
    position: fixed;
    right: 30px;
    z-index: 999;
    top: 50%;
    margin-top: -102.5px
}

.iSoon-nav ul.nav {
    margin: 0;
    padding: 0
}

.iSoon-nav ul.nav li {
    margin: 5px 0;
    padding: 0
}

.iSoon-nav ul.nav li.active {
    text-shadow: 0 0 3px #000
}

.iSoon-nav ul.nav li.active a {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .75)
}

.iSoon-nav ul.nav li.active a:hover {
    background: #fff
}

.iSoon-nav ul.nav li a {
    border-radius: 25px;
    width: 5px;
    height: 30px;
    display: block;
    font-size: 0;
    padding: 0;
    background: rgba(0, 0, 0, .5)
}

.iSoon-nav ul.nav li a:hover {
    background: rgba(0, 0, 0, .85)
}

.clock-container {
    display: block;
    text-align: center
}

.clock-section {
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    font-weight: 100;
    width: 100px
}

.clock-section span {
    font-size: 50px;
    font-weight: 100
}

.clock-section p {
    font-size: 20px;
    margin-bottom: 0
}

.form-horizontal.iForm {
    padding: 0
}

.form-horizontal.iForm .col-xs-10,
.form-horizontal.iForm .col-xs-11,
.form-horizontal.iForm .col-xs-12,
.form-horizontal.iForm .col-xs-2,
.form-horizontal.iForm .col-xs-3,
.form-horizontal.iForm .col-xs-8,
.form-horizontal.iForm .col-xs-9 {
    padding-left: 0;
    padding-right: 0
}

.form-horizontal.iForm .control-label {
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.form-horizontal.iForm label.error,
.form-horizontal.iForm label.success {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300
}

.form-horizontal.iForm .form-control {
    border: 0;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    font-size: 14px
}

.form-horizontal.iForm .form-control.iTextarea {
    padding: 10px
}

.form-horizontal.iForm .form-group {
    margin-bottom: 10px
}

.form-horizontal.iForm input::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.form-horizontal.iForm input:-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.form-horizontal.iForm input::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.form-horizontal.iForm input:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.form-horizontal.iForm .form-control {
    color: #fff;
    height: 30px
}

.form-horizontal.iForm .form-control.iTextarea {
    border: 2px solid #fff;
    max-width: 100%;
    height: auto
}

.form-horizontal.iForm .form-group {
    border-bottom: 2px solid #fff
}

.form-horizontal.iForm .form-group.no-border {
    border-bottom: 0
}

.form-horizontal.iForm.inverse input::-webkit-input-placeholder {
    color: #999;
    color: rgba(0, 0, 0, .5)
}

.form-horizontal.iForm.inverse input:-moz-placeholder {
    color: #999;
    color: rgba(0, 0, 0, .5)
}

.form-horizontal.iForm.inverse input::-moz-placeholder {
    color: #999;
    color: rgba(0, 0, 0, .5)
}

.form-horizontal.iForm.inverse input:-ms-input-placeholder {
    color: #999;
    color: rgba(0, 0, 0, .5)
}

.form-horizontal.iForm.inverse .form-control {
    color: #444
}

.form-horizontal.iForm.inverse .form-control.iTextarea {
    border: 1px solid #444
}

.form-horizontal.iForm.inverse .form-group {
    border-bottom: 1px solid #444
}

.form-horizontal.iForm.inverse .form-group.no-border {
    border-bottom: 0
}

.newsletter-container {
    margin: 20px 0
}

.newsletter fieldset {
    display: inline-block
}

.newsletter fieldset button,
.newsletter fieldset input {
    border: 0;
    box-shadow: none;
    padding: 15px 22px;
    background: 0 0;
    transition: all ease-in-out 250ms
}

.newsletter fieldset button:focus,
.newsletter fieldset input:focus {
    box-shadow: none;
    border: 0;
    border-color: none;
    outline: 0
}

.newsletter fieldset {
    border: 1px solid #fff
}

.newsletter fieldset button:focus,
.newsletter fieldset button:hover,
.newsletter fieldset input[type=button]:focus,
.newsletter fieldset input[type=button]:hover,
.newsletter fieldset input[type=submit]:focus,
.newsletter fieldset input[type=submit]:hover {
    background: #fff;
    color: #333
}

.newsletter input::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.newsletter input:-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.newsletter input::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.newsletter input:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.lightgray .newsletter fieldset,
.white .newsletter fieldset {
    border: 1px solid #444
}

.lightgray .newsletter fieldset button:focus,
.lightgray .newsletter fieldset button:hover,
.lightgray .newsletter fieldset input[type=button]:focus,
.lightgray .newsletter fieldset input[type=button]:hover,
.lightgray .newsletter fieldset input[type=submit]:focus,
.lightgray .newsletter fieldset input[type=submit]:hover,
.white .newsletter fieldset button:focus,
.white .newsletter fieldset button:hover,
.white .newsletter fieldset input[type=button]:focus,
.white .newsletter fieldset input[type=button]:hover,
.white .newsletter fieldset input[type=submit]:focus,
.white .newsletter fieldset input[type=submit]:hover {
    background: #444;
    color: #fff
}

.lightgray .newsletter input::-webkit-input-placeholder,
.white .newsletter input::-webkit-input-placeholder {
    color: #444;
    color: rgba(0, 0, 0, .7)
}

.lightgray .newsletter input:-moz-placeholder,
.white .newsletter input:-moz-placeholder {
    color: #444;
    color: rgba(0, 0, 0, .7)
}

.lightgray .newsletter input::-moz-placeholder,
.white .newsletter input::-moz-placeholder {
    color: #444;
    color: rgba(0, 0, 0, .7)
}

.lightgray .newsletter input:-ms-input-placeholder,
.white .newsletter input:-ms-input-placeholder {
    color: #444;
    color: rgba(0, 0, 0, .7)
}

.btn-lux {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 20px;
    transition: all ease-in-out 200ms;
    text-transform: uppercase;
    width:200px
}

.btn.btn-round {
    border-radius: 50px
}

.btn-lux {
    color: #fff;
    border-color: #fff
}

.btn-lux:focus,
.btn-lux:hover {
    background: #fff;
    color: #333;
    outline: 0
}

.inverse .btn-lux,
.lightgray .btn-lux,
.white .btn-lux {
    color: #444;
    border-color: #444
}

.inverse .btn-lux:focus,
.inverse .btn-lux:hover,
.lightgray .btn-lux:focus,
.lightgray .btn-lux:hover,
.white .btn-lux:focus,
.white .btn-lux:hover {
    background: #444;
    color: #fff;
    outline: 0
}

.social-container {
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 0
}

.social-btn {
    display: inline-block;
    text-align: center;
    padding: 32px 0;
    width: 150px;
    height: 150px;
    font-size: 60px;
    margin: 15px;
    border: 2px solid #fff;
    color: #fff
}

.social-btn:focus,
.social-btn:hover {
    background: #fff;
    outline: 0;
    color: #333
}

.social-btn.inverse {
    border-color: #333;
    color: #333
}

.social-btn.inverse:focus,
.social-btn.inverse:hover {
    background: #333;
    color: #fff;
    outline: 0
}

.contact-form {
    font-size: 20px;
    margin: 40px 0 20px
}

.contact-message-container {
    display: none
}

.tweets li,
.tweets ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tweets li {
    font-size: 20px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

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

.margin-40 {
    margin-bottom: 40px
}

.margin-50 {
    margin-bottom: 50px
}

.margin-60 {
    margin-bottom: 60px
}

@media (max-width:480px) {
    p {
        font-size: 13px
    }
    .logo {
        width: 80px;
        margin: 10px 0
    }
    .main-title {
        font-size: 28px;
        margin-bottom: 50px
    }
    .main-title small {
        font-size: 13px;
        font-weight: 300;
        margin-top: 5px
    }
    .form-horizontal.iForm {
        margin-top: 50px
    }
    .form-horizontal.iForm .control-label {
        font-size: 12px
    }
    .form-horizontal.iForm .form-control {
        font-size: 13px;
        height: auto
    }
    .form-horizontal.iForm textarea.form-control {
        height: auto
    }
    .form-horizontal.iForm label.error,
    .form-horizontal.iForm label.success {
        top: 0
    }
    .form-horizontal.iForm textarea.form-control+label.error,
    .form-horizontal.iForm textarea.form-control+label.success {
        top: 10px
    }
    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0
    }
    .social-btn {
        width: 100px;
        height: 100px;
        font-size: 40px
    }
    .newsletter fieldset {
        border: 2px solid #fff;
        display: inline-block
    }
    .newsletter fieldset input {
        width: 180px;
        padding: 15px 0 15px 15px
    }
    .newsletter fieldset button,
    .newsletter fieldset input[type=submit] {
        padding: 15px 19px
    }
    .clock_container {
        margin-top: -25px
    }
    .clock-section {
        padding: 0 5px;
        margin: 0;
        width: 65px
    }
    .clock-section span {
        font-size: 45px
    }
    .clock-section p {
        font-size: 14px
    }
    .mini-gallery {
        float: left;
        width: 100%
    }
    .mini-gallery .gallery-img {
        float: left;
        width: 48%;
        margin: 2px
    }
    .feature-li {
        margin-bottom: 30px
    }
    .btn {
        font-size: 13px
    }
    .btn-lux {
        padding: 12px 15px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .main-title {
        font-size: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .main-title {
        font-size: 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .main-title {
        font-size: 45px
    }
}