/*---
PRELOADER
---*/
.preloader {
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    background-color: #000;
    z-index: 9999;
}

/*---
BODY
---*/

body, html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: "proxima-nova",sans-serif;
    color: #fff;
}

.wrapper {
    max-width: 98.750em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}



/*---
COLOURS
---*/
.white {
  color: #fff;
}

.orange {
  background-color: #e25829;
}

.blue {
  color: #1a355e;
}


/*---
HEADERS & PARAGRAPHS
---*/


h1 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    font-size: 3.5em;
    line-height: 1.1;
    color: #fff;
}


h2 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    font-size: 2.0em;
    color: #fff;
}


h3 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    letter-spacing: .025em;
    font-size: 1.85em;
    color: #fff;
}

h4 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    font-size: 1.645em;
    color: #fff;
    margin-bottom: 15px;
}

h5 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    color: #fff;
    margin-bottom: 15px;
}

h6 {
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    font-size: 0.95em;
    color: #fff;
    margin-bottom: 15px;
}


p {
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    color: #fff;
}


a{
    color: #e25829;
}



/*---
BACKGROUND VIDEO
---*/

.overlay {
    background: rgba(0,0,0,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.bg-container {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.container-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.caption {
    max-width: 50.00em;
    text-align: center;
    position: absolute;
    top: 55%;
    transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1.8s;
    animation-duration: 2s;
    animation-delay: 1.8s; 
}


.caption h1 {
    padding: 0 80px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4;

}

.caption h2.title {
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    font-size: 3.5em;
    line-height: 1.1;
    color: #fff;
}

.scroll-down {
    position: absolute;
    right:80px;
    bottom: 30px;
    font-style: italic;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 2.5s;
    animation-duration: 2s;
    animation-delay: 2.5s; 

}

.scroll-down span{
    
    font-style: normal;
}

.scroll-down a{
    
    color: #fff;
}

/*---
INDEX - ABOUT US
---*/

#page_about{
    height: 800px;
}

.centre-panel {
    background-color: #1a355e;
    padding: 100px;
    position: relative;
}

.centre-text {
    max-width: 51.375em;
    margin: 0 auto;
}

.centre-panel h3 {
    margin-bottom: 50px;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.text-centre {
    text-align: center;
}

/*---
INDEX
---*/

#page_businesses {
    background-color: #1a355e;
}

#page_businesses .row {
    max-width: 100%;
}

.tile-divider {
    width: 50px;
    height: 1px;
    background-color: #e25829;
    margin: 25px auto;
}

.content-divider {
    text-align: center;
    width: 50px;
    height: 1px;
    background-color: #e25829;
    margin: 20px auto;
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    z-index: 1;
    background-size: cover;
}

.v-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.nopadleftright{
    padding-left: 0;
    padding-right: 0;
}

.nopadright{
    padding-right: 0;
}


figure{
    height: 500px;
    margin: 0;
}

figcaption{
    height: 500px;
    padding: 100px;
    background-color: #333333;
}

figcaption p {
    padding: 0 40px;
}

.read-more a{
    text-transform: uppercase;
    font-weight: 600;
}

.read-more a:hover{ 
    color:#fff;
    transition:color .5s ease, color .5s ease;
    -webkit-transition:color .5s ease, color .5s ease;
    -moz-transition:color .5s ease, color .5s ease;
    -o-transition:color .5s ease, color .5s ease;
    -ms-transition:color .5s ease, color .5s ease;
}


/*---
PROJECTS CAROUSEL
---*/

.proj-row {
    max-width: 105.00em;
}

.proj-header {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.project-img {
    padding: 0 10px;
    position: relative;
}

.proj-number {
    position: absolute;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    color: #fff;
    z-index: 3;
    bottom: 15px;
    left: 25px;
    background-color: #1a355e;
    width: 32px;
    height: 32px;
    padding: 5px;
}

#page_proj {
    background-color: #1a355e;
    height: 600px;
    width: 100%;
    position: relative;
}

.proj-slick{
    padding: 0 20px;
}




/*---
CONTACT
---*/

.contact-section {
    padding: 100px 100px;
    background-color: #222222;
    position: relative;
}

.contact-section p {
    margin-bottom: 5px;
}

#contact_form {
    margin-top: 88px;
}

.contact-divider {
    width: 50px;
    height: 1px;
    background-color: #e25829;
    margin: 25px 0;
}

.contact-details a:hover {
    color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}



/*---
FOOTER
---*/


footer {
    background-color: #000;
    position: relative;
    height: 45px;
}

footer p {
    font-size: 0.85em;
    margin-bottom: 0;
    vertical-align: text-top;
    padding: 10px 0;
}

.backtotop {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    background-image: url(../img/site_assets/backtotop.svg);
    background-repeat: no-repeat;
    opacity: .4;
    bottom: 120px;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease
    cursor: pointer;
    z-index: 3;
}


.backtotop:hover {
    opacity: 1;
}


/*---
FORMS
---*/

.errortext{
    color: #e51937;
    font-weight: 400;
}

html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #e25829;
    border: none;
    border: 1px solid #e25829;
    padding: 10px 20px;
    font-size: 16px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    color: #fff;
    float: right;
    outline: none;
}

html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #fff;
    color: #1a355e;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  width: 100%;
  height: 2.4375rem;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius:0;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #fff;
  background-color: transparent;
  font-size:17px;
  font-family: "proxima-nova",sans-serif;
  font-weight: 400;
  box-shadow: none;
  -webkit-appearance: none;
    -moz-appearance: none; /* mobile firefox too! */
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
    border: 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    outline: none;
    box-shadow: none;
     
}

[type='text']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='color']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color:    #fff;
    font-size:17px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
}

[type='text']:moz-placeholder, [type='password']:moz-placeholder, [type='date']:moz-placeholder, [type='datetime']:moz-placeholder, [type='datetime-local']:moz-placeholder, [type='month']:moz-placeholder, [type='week']:moz-placeholder, [type='email']:moz-placeholder, [type='number']:moz-placeholder, [type='search']:moz-placeholder, [type='tel']:moz-placeholder, [type='time']:moz-placeholder, [type='url']:moz-placeholder, [type='color']:moz-placeholder,
textarea:moz-placeholder {
   color:    #fff;
   font-size:17px;
   font-family: "proxima-nova",sans-serif;
   font-weight: 400;
}

[type='text']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='color']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color:    #fff;
   font-size:17px;
   font-family: "proxima-nova",sans-serif;
   font-weight: 400;
}

.formelement-textfield.medium-6 {
    padding-left: 0;
}

.formelement.medium-6 {
    padding-left: 0;
}

.formelement {
    background-color:none;
}

.messagetext-header {
   font-size:17px;
   font-family: "proxima-nova",sans-serif;
   font-weight: 400;
   color: #fff;
}

.rederror{
  color: red;
}


input.formelement-textfield.formerror,
select.formerror
{
    border-bottom: 1px solid red;
}

#message.formerror{
    border: 1px solid red;
}

.disclaimer {
    text-align: right;
    font-size: 0.875em;
    color: #fff;
}

#formelement-submit {
  
        float: left;
}