﻿body 
{
    font-family: 'Open Sans', sans-serif;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/**** 
     ---- IE TWEEKS ----
                        ****/
a img {
    border: 0;
}
a:active{
    background-color: transparent;
}
/**** 
     ---- IE TWEEKS END ----
                             ****/

select  {/*-webkit-appearance: none; 
-moz-appearance: none;
appearance: none; } 
*/
}

@supports (-webkit-appearance:none) {
    img {
        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img {
        image-rendering: -ms-interpolation-mode: bicubic;
        image-rendering: -ms-optimize-contrast;
    }
}



img {
    /*
    image-rendering: optimizeSpeed; */ /* Legal fallback                 */
    /*image-rendering: -moz-crisp-edges; /* Firefox                        */
    /*image-rendering: -o-crisp-edges; /* Opera                          */
    /*image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    /* image-rendering: crisp-edges; /* CSS3 Proposed                  */
    /*-ms-interpolation-mode: bicubic; /* IE8+                           */
}


h1,h2,h3, h4 { font-family: 'Montserrat', sans-serif; font-weight:900; letter-spacing: 2px; text-transform:uppercase; color:#605F73; }
p { font-family: 'Merriweather', serif;  letter-spacing: 2px;     font-size: 12px; font-weight: 100;  }
.index-main ul li { font-family: 'Merriweather', serif;  letter-spacing: 2px;     font-size: 12px; font-weight: 100;  }

div[class^="col"]{padding-left:10px; padding-right:10px;}

.row { margin:0px; }
.col-cont { width:94%; max-width:980px; margin:0px auto; }
.nopad { padding:0px !important; margin:0px !important; }
.nopad-sm-clear { padding:0px !important; margin:0px !important; }

#header { max-height:106px; border-bottom: 6px solid #605F73; position:fixed; width:100%; background-color:#ffffff; z-index:10; }
#header img { max-height:100px; }

#header .navbar-collapse { width:auto; padding:0px; }
#header .navbar { float:right;  margin: 0px; margin-top: 49px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; }
#header .navbar-nav>li>a { padding-top: 5px; padding-left:0px; padding-right:0px; padding-bottom: 5px; margin: 10px 15px; font-weight:600; font-size:13px; letter-spacing: 2px; color:#717082; }
#header .navbar ul.navbar-nav > li:hover > a { border-bottom:2px solid; background-color:Transparent; }
#header #navbar ul ul { position:fixed; padding:0; margin:0; left:0; width:100%; right:0; list-style-type:none; background:#fff; display:none; z-index:1; }
#header #navbar ul > li:hover ul { display:block; }
#header #navbar ul ul li a { padding: 10px 15px; color:#717082; font-size:13px; display:block; float:left; text-decoration:none; text-transform:uppercase; }
.serviceul a { float:none !important; }
.sub-nav-cont { width:100%; max-width:980px;     margin: 0 auto; }

/* Mobile menu */
#mob-menu { position: fixed; top: 0;  bottom: 0;  right: 0; left: 0; z-index: 100; background: #fff; display:none; overflow-y:scroll; }
#mob-menu a {  font-family: 'Montserrat', sans-serif; font-size:18px; color: #605F73; text-transform: uppercase; }
#mob-menu .fa { position: absolute; right:20px; top:0px; font-size:30px; color:#FDC52F; cursor: pointer; }
#menu-open { position: absolute; right:20px; font-size:30px; color:#FDC52F; cursor: pointer; display: none; margin-top: 55px; }
#mob-menu ul li .fa { padding: 4px 16px; right: 0px; color: #605F73; font-size: 37px; } 
#mob-menu ul ul {  list-style-type: none; display:none; }
.open-mobile-menu { position: absolute; z-index: 1000; -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

/* HOME */
#home-banner { background-color:#3C4159; position:relative; color:#ffffff; margin-top:106px; background-size: cover;
    background-repeat: no-repeat; }
#home-banner h1 { color:#ffffff; }
.banner-height { height:50vh; }
#home-banner p {  color:#ffffff; font-size:18px !important; font-weight:100; text-transform:none; }
.iris-yellow { color:#FDC52F; }
.iris-bk-yellow { background:#FDC52F !important; }

.grey-back { background-color: #eee; padding:5px 0px; }
.white-back { background-color::#eee;  padding:5px 0px; }
.center-cont { text-align: center;}

.info-block { margin:20px auto; max-width: 300px; }
.info-block-header {     background-size: cover;  padding: 45px 5px; min-height:154px; text-align:center; background-color:#595959;  }
.info-block-header span { min-width: 80%; max-width: 230px; max-width:80%; font-family: 'Montserrat', sans-serif; color:#fff; border:2px solid #fff; text-transform:uppercase; padding:10px; display: inline-block; letter-spacing: 2px;}
.info-block-text { padding:20px 15px; text-align:center; background-color:#ffffff; }

a .info-block-text p {
    text-decoration:none;
    color:#333;
}
a.home-info-links {
    text-decoration: none;
}

.info-block-small { margin:0px 0px 0px 0px; text-align:center; }
.info-block-small h3 { font-size:17px;}
.info-block-text-small { padding:10px 10px; text-align:center; background-color:#eeeeee; }

a.main-button { cursor:pointer; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in;  -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background-color 0.5s ease; background-color:#605F73; text-decoration:none; padding:17px 0px; color:#ffffff; font-size:12px; text-align:center; display:block; font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing: 2px; }
a.main-button:hover { background-color:#4c4c5c; }

a.main-button-white  { cursor:pointer; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in;  -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background-color 0.5s ease; background-color:#fff; text-decoration:none; padding:17px 0px; color:#605F73; font-size:12px; text-align:center; display:block; font-family: 'Montserrat', sans-serif; text-transform:uppercase; max-width: 300px;
    font-weight: 600; letter-spacing: 2px; }
a.main-button-white:hover { background-color:#605F73; color:#fff; }

br.clear { margin: 50px 0px; display: block; content: " "; }

.home-banner-center {     /* position: absolute; */
    /* bottom: 20%; */
    max-width: 980px;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
}

.home-news { color:#000;     margin: 40px 0px;  display: block;  overflow: auto;}
.home-news-date { color:#000;      font-family: 'Montserrat', sans-serif; border: 3px solid; letter-spacing: 2px;     padding: 15px 0px !important; }
.home-news-text { color:#000;   text-align: left !important; }
.home-news-text span { color:#000;   font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing: 2px; font-weight:600; margin-bottom:6px; display: block; }
.home-new-text p { color:#000;   font-size:12px; }

a.news-click { text-decoration:none; color:#000; }
a.news-click:hover .home-news-date { background-color:#FDC52F;  transition: background-color 0.5s ease-in-out; }


/* CONTENT PAGES */

#content-banner { background-color:#595959; position:relative; margin-top:106px; color:#ffffff;     background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
#content-banner h1 { color:#ffffff; }
#content-banner p {  color:#ffffff; font-size:18px !important; font-weight:100; text-transform:none; }
.banner-height-small { height:30vh; min-height:300px; }

.index-main { padding:50px 0px !important; position:relative; overflow:auto; }

.clients-cont { margin:40px auto 20px auto; padding:10px 30px !important; }
.clients-cont span { width:80%; margin-bottom:20px; font-family: 'Montserrat', sans-serif; color:#605F73; font-size:15px; font-weight:600; border:2px solid #605F73; text-transform:uppercase; padding:20px 0px; display: inline-block; letter-spacing: 2px; }

a.client-hover .clients-cont span {
    background-size: 100% 200%;
    background-color: transparent;
    background-image: linear-gradient(to bottom, transparent 50%, #605F73 50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
a.client-hover:hover .clients-cont span {
    background-position: 0 -100%;
    color:#fff;
}

 #map, #map2 {
        height: 400px;
        width:100%;
      }

.messageBox {   position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; /* background-color: #000; top: 0; background-color: rgba(63,70,82,0.8); */ }
.messageBoxClose { position:absolute; right:0; top:0; cursor:pointer; padding:5px 10px;  background-color:#BBBBBB;  }
.messageBoxClose .fa { color:#ffffff; font-size:16px; }
.messageBoxCont {     width: 100%;
    font-weight: 100;
    height: 0px;
    text-align: center;
    background-color: #edf7e6;
    /* max-width: 350px; */
    left: 0;
    margin: 0 auto;
    position: absolute;
    box-shadow: 2px 0px 8px -4px #000;
   
    bottom: 0px; }
.messageBoxHeader { /*font-family: 'Open Sans', sans-serif;*/ color: #605F73; font-weight: normal;  font-size:22px; padding:20px 5px 5px 5px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #605F73;}
.messageBoxText { /*font-family: 'Open Sans', sans-serif;*/ color: #605F73; padding: 5px; font-size: 13px;}
.addheight { height:135px;  -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.error-background { background-color:#f4a5a1 !important;
}
    
.pdf-cont { margin:5px 0px; overflow:auto; background-color:#F8F8F8; padding:10px; text-decoration:none; font-family: 'Montserrat', sans-serif; font-weight:900; letter-spacing: 2px; text-transform:uppercase; color:#605F73;}
.pdf-cont img {    margin-right: 20px;    float: left; }
.pdf-cont span { display:inline; }

 /* FORM */
 
 input.formInput {  text-transform:uppercase; font-family: 'Montserrat', sans-serif; border:0px !important; background-color:#F8F8F8; letter-spacing: 2px; font-size:13px !important;  padding:18px !important; margin:15px 0px ;  width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */  box-sizing: border-box;    }     
select.formInput {  text-transform:uppercase; font-family: 'Montserrat', sans-serif; border:0px !important; background-color:#F8F8F8; letter-spacing: 2px; font-size:13px !important;  padding:18px !important; margin:15px 0px;  width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */  box-sizing: border-box;    }  

::-webkit-input-placeholder {
   color: #605F73;
}

:-moz-placeholder { /* Firefox 18- */
   color: #605F73;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #605F73;  
}

:-ms-input-placeholder {  
   color: #605F73;  
}

/* TEAM */
.team-member-cont { background-color:#F8F8F8; text-align:center; }
.team-member-cont p { color: #605F73; font-family: 'Montserrat', sans-serif; font-size:13px; text-align:center; width:80%; max-width:80%; margin:5px auto; font-weight:600; text-transform: uppercase; }
.team-member-cont img { width:50%; /*height:100%;*/ margin-top:25px; margin-bottom: 10px; margin-left:auto; margin-right:auto; }
.team-header h3 { margin:20px 0px 20px 0px; font-weight: 100 !important; }

/*
.ie-width-fix { max-width:113px; }
.team-transform-outer
    .ie-width-fix {
    max-width:200px;
}
    */

/*
image-rendering: -moz-crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
*/

.bio-container { 
    position: absolute;
    top: 0px;
    /* padding-top: 30px; */
    overflow: hidden;
    bottom: 50px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-height: 0px;
    background: #eee;
}

.bio-addheight { max-height: 100%; }

.bio-container p { margin-top:50px; }

p.bio-click {
    position: absolute;
    z-index: 1000;
    bottom: 60px;
    left: 0;
    right: 0;
    cursor:pointer;
}

.bdis { display:none; }

/* FOOTER */
#footer { background-color:#3C4159; min-height:300px; color:#ffffff; padding:30px 0px; background-size: cover;
    background-repeat: no-repeat; }
#footer div[class^="col"] { padding:0px 15px; }
#footer p { color:#ffffff; }
#footer small { font-family: 'Merriweather', serif;  letter-spacing: 2px;     font-size: 10px; font-weight: 100;  }
ul.footer-nav { list-style-type: none; margin: 0px; padding:0px; }
ul.footer-nav li { display: inline; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; text-transform:uppercase; color:#605F73;  color:#ffffff; }
ul.footer-nav li a { color:#ffffff; font-size:13px;  }

.footer-bottom { line-height: 30px; }
.footer-bottom a { color:#ffffff; line-height: 30px; font-size:30px; }
.footer-bottom .fa {  font-size:30px; }
.footer-bottom span { } 

.footer-bottom ul { list-style-type: none; margin: 0px; padding:0px; } 
.footer-bottom ul li {   display:inline-block; line-height: 30px;  height: 30px;  text-align: center; vertical-align: bottom;}
.footer-bottom ul li a:hover { color:#FDC52F; }


.transition {    -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;     z-index: 1;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }


.team-transform-outer {     position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 0;
    background-color: #000;
    top: 0;
    background-color: rgba(63,70,82,0.8);
    width: 100%;

}

.team-transform-outer .team-member-cont {
    background-color: #F8F8F8;
    margin: 0 auto;
    /*margin-top:30vh;*/
        margin-top: 13%;
    max-width: 400px;
    text-align: center;
    position:relative;
    padding-bottom:0px !important;
}

.contact-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #605F73;
    font-size:18px;
  }

  .contact-text a { color:#605F73; }

  .flex-container { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   }

   .flex-item {
    display: -webkit-box;
    display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /*margin-bottom:10px;*/
        padding-bottom: 50px;
   }

   .team-width-fix { margin-bottom:20px;  }

   p.staff-role {

        padding-bottom: 8%;
   }

   .flex-button-ab {   
      position: absolute;
    bottom: 0px;
    left: 10px;
    height: 10;
    right: 10px;
    }

a.close-staff-full fa { color:#6d6d6d; }
a.close-staff-full {     color: #6d6d6d;
    position: absolute;
    right: 0px;
    padding: 10px 15px;
    font-size: 24px; cursor:pointer; z-index:200; }


span.staff-thin-text {
 font-weight:300;
 color:#6d6d6d;
}

.team-transform-outer p.staff-role { padding-bottom: 2%; }

.team-member-cont img {
    width: 125px;
}
.team-transform-outer img { width:200px; }


ul.sitemap a {
    font-size:16px;
}
