html,
body{
    background-color: #f3f3f3;
    font-family: 'Open Sans',Arial,sans-serif;
    /*
    font-family: 'Didact Gothic',Arial,sans-serif;
    font-family: 'Questrial',Arial,sans-serif;
    font-family: 'Muli',Arial,sans-serif;
    */
    height:100%;
    margin:0;
    padding:0;
}

.wrapper{
    min-height:100%;
    position:relative;
}

.logo_head img{
    margin-bottom: 25px;
    margin-top: 45px;
    max-width: 312px;
    max-height: 130px;
}

.full_width{
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.main_message{
    color: #ffffff;
    background-color: #0e5396;
    padding-bottom: 30px;
}

.main_message .coming-soon{
    color: #ffffff;
    font-size: 75px;
    font-family: 'Open Sans',Arial,sans-serif;
    /*
    font-family: 'Didact Gothic',Arial,sans-serif;
    font-family: 'Questrial',Arial,sans-serif;
    font-family: 'Muli',Arial,sans-serif;
    */
    font-weight: 300;
    margin-top: 10px;
}

.main_message h1{
    margin-top: 24px; 
    font-size: 40px; 
    text-transform: uppercase; 
    font-weight: 300;
    color: #ffffff;
    font-family: 'Open Sans',Arial,sans-serif;
}

@media (max-width: 480px){
    .main_message .coming-soon{
        font-size: 40px;
    }
    
    .main_message h1{
        font-size: 32px;
    }
}

@media (max-width: 280px){
    .main_message .coming-soon{
        font-size: 32px;
    }
    
    .main_message h1{
        font-size: 20px;
    }
}

input[type="text"]:focus{
    border-color: #136b9e;
}

/* Counter */
#backCounter{
    margin: 6px 0 0 0;
}

.counter-group{
  display: inline-block;
}

.counter-group:before,
.counter-group:after{
  content: " ";
  display: table;
}

.counter-group:after{
  clear: both;
}

.counter-block{
  float: left;
  margin: 0 10px;
}

.counter-block .counter{
  position: relative;
  width: 40px;
  height: 35px;
  overflow: hidden;
  margin: 0 auto;
}

.counter-block .counter .number{
  width: 46%;
  height: 98%;
  color: #fefefe;
  position: absolute;
  font-size: 35px;
  font-weight: 800;
  line-height: 35px;
  top: -10000px;
}

.counter-block .counter .number.tens{
  left: 0;
}

.counter-block .counter .number.units{
  left: 50%;
}

.counter-block .counter .number.hundreds{
  display: none;
}

.counter-block .counter .number.show{
  top: 0;
  z-index: 2;
}

.counter-block .counter .number.hidden-down{
  top: 100%;
}

.counter-block .counter .number.hidden-up{
  top: -100%;
  z-index: 100;
}

.counter-block .counter.with-hundreds{
  width: 57px;
}

.counter-block .counter.with-hundreds .number{
  width: 30.66%;
}

.counter-block .counter.with-hundreds .number.tens{
  left: 33.33%;
}

.counter-block .counter.with-hundreds .number.units{
  left: 66.66%;
}

.counter-block .counter.with-hundreds .number.hundreds{
  display: block;
  left: 0;
}

.counter-block .counter-caption{
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  text-transform: uppercase;
}

@media (max-width: 480px){
    .counter-block{
        margin: 0 3px;
    }
    
    .counter-block .counter{
        width: 26px;
        height: 23px;
    }
    
    .counter-block .counter .number{
        font-size: 23px;
        line-height: 23px;
    }
    
    .counter-block .counter.with-hundreds{
        width: 40px;
    }
}

@media (max-width: 280px){
    
}

.notified{
    margin-bottom: 24px;
}

.notified p{
    color: #535353;
    font-size: 19px;
    font-weight: 300;
    margin: 21px 0 5px 0;
}

.notified input{
    border-color: #1886c5;
    font-size: 14px;
    margin: 0;
}

.ui-dialog a.button{
    color: #ffffff;
}

.notified a.button,
.ui-dialog a.button{
    font-family: 'Open Sans',Arial,sans-serif;
    /*
    font-family: 'Didact Gothic',Arial,sans-serif;
    font-family: 'Questrial',Arial,sans-serif;
    font-family: 'Muli',Arial,sans-serif;
    */
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.social_connect p{
    margin: 0;
    color: #535353;
    font-size: 19px;
    font-weight: 300;
    margin: 24px 0 14px 0;
}

.icon-facebook,
.icon-twitter,
.icon-vimeo,
.icon-pinterest,
.icon-youtube,
.icon-googleplus{
    color: #ffffff;
    font-size: 20px;
    margin: 3px;
    max-height: 33px;
    max-width: 33px;
    padding: 6px;
    transition: background-color 300ms ease-out;
    -webkit-transition: background-color 300ms ease-out;
}

.icon-facebook{
    background-color: #3b5998;
}

.icon-facebook:hover{
    background-color: #2d4575;
}

.icon-twitter{
    background-color: #56a3d9;
}

.icon-twitter:hover{
    background-color: #4d90bf;
}

.icon-vimeo{
    background-color: #5da9d5;
}

.icon-vimeo:hover{
    background-color: #5498c0;
}

.icon-pinterest{
    background-color: #cb211d;
}

.icon-pinterest:hover{
    background-color: #b61f1b;
}

.icon-youtube{
    background-color: #bf221f;
}

.icon-youtube:hover{
    background-color: #a01c1a;
}

.icon-googleplus{
    background-color: #dd4b39;
}

.icon-googleplus:hover{
    background-color: #c74434;
}

.clear_footer{
    height: 100px;
}

footer{
    color: #747474;
}

.footer p{
    font-size: 12px;
    margin: 25px 0 25px 0;
}

.footer a{
    color: #747474;
}

.footer a:hover{
    color: #0e5396;
}

div.success_msg{
    background: #0e5396;
    display: none;
    padding: 14px 26px 10px 26px;
    position: relative;
    text-align: left;
}

div.email_error{
    background: #e21f25;
    display: none;
    margin-top: 9px;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: center;
}

div.success_msg .close_msg,
div.email_error .close_msg{
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 8px;
    position: absolute;
    right: 5px;
    top: 5px;
}

div.success_msg span,
div.success_msg p,
div.email_error p{
    color: #ffffff;
    font-family: 'Open Sans',Arial,sans-serif;
    margin: 0;
}

div.success_msg span{
    font-size: 20px;
    font-weight: 600;
}

div.success_msg p{
    font-size: 13px;
    line-height: 18px;
}

div.email_error p{
    font-size: 19px;
    line-height: 19px;
}

.full_width{
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    width: 100%;
}

.project_description{
    padding: 40px 0 40px 0;
}

.project_description h3{
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: 300;
    margin-top: 0;
}

.project_description h2{
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: 300;
    margin-top: 0;
    font-size: 1.6875rem; 
}

.project_description p{
    font-size: 16px;
    font-weight: 300;
}

.backg_white{
    background: white;
}

.project_description img,
.backg_white img{
    margin-bottom: 15px;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    margin-top: 10px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* Modifications to jQuery UI Dialog */
.ui-widget-header{
    background-color: transparent;
    border: none;
}

.ui-dialog{
    font-family: 'Open Sans',Arial,sans-serif;
}

.ui-dialog h3{
    color: #1486c4;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 25px;
    margin-top: 0;
}

.ui-dialog p{
    color: #696a6f;
    font-size: 16px;
    font-weight: 400;
}

.ui-dialog input{
    margin-bottom: 10px;
}

.ui-dialog span{
    color: #696a6f;
    font-size: 12px;
    font-weight: 400;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
    background: transparent;
    border: none;
}

.ui-state-active .ui-icon{
    background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-widget-overlay{
    background-color: #000000;
    opacity:0.7;
    filter:Alpha(Opacity=70);
}