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

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon_tt', "fa";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon_tt_phone:before {
    content: "\e901";
}
.icon_tt_quote:before {
    content: "\e902";
}
.icon_tt_mobile:before {
    content: "\e000";
}
.icon_tt_desktop:before {
    content: "\e002";
}
.icon_tt_profile-male:before {
    content: "\e040";
}
.icon_tt_profile-female:before {
    content: "\e041";
}
.icon_tt_genius:before {
    content: "\e046";
}
.icon_tt_map:before {
    content: "\e903";
}
.icon_tt_mobile2:before {
    content: "\e904";
}
.icon_tt_chat:before {
    content: "\e900";
}

/* vertical alignment styles */

.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

/* columns of same height styles */

.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}
.col-xs-height {
    display: table-cell;
    float: none!important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none!important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none!important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none!important;
    }
}

body{overflow-x:hidden;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px;}
.text-muted{color:#777}
.text-primary{color:white}
.fa.text-primary { color: #00788d;}
.accent-color, .icon_tt_phone.active-color { color: #00788d;}
.fa.active-color  { padding: 0 9px;}
a,a:hover,a:focus,a:active,a.active{outline:0; text-decoration: none;}

footer a:hover,footer a:focus, a:active,a.active{ border-bottom: 1px solid #00788d;}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:700}
.pad9h { padding: 0 9px;}
.img-cente#00788d{margin:0 auto}
.bg-light-gray{background-color:#f7f7f7}
.bg-darkest-gray{background-color:#222}
.btn-xl{color:#fff;border-color:white; background: rgba(95, 158, 160, 0.67); font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;border-radius:3px;font-size:18px;padding:20px 40px}
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{color:#fff; background: cadetblue; }

.navbar-default{border-color:transparent}
.navbar-default .navbar-brand{color:#fed136;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,cursive}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{color:#fec503}
.navbar-default .navbar-brand img { position: relative; top: -20px;}
.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.02)}
.navbar-default .navbar-toggle{border: none;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color: transparent}
.navbar-default .navbar-nav>.active>a{border-radius:0;color:#fff;background-color: transparent;}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff; background: transparent;}

.navbar-default .navbar-phone { padding: 16px; float: right;}
.navbar-bphone {float: right; margin: 15px 0 0 90px; }
.navbar-nav>li>a { padding-bottom: 4px;}
.navbar a {color: white;}


h2.title { font-size: 3.5em; line-height: 1.3em; }

.big-text { font-size: 2em; line-height: 1.4em; font-weight: normal; padding: 0 2em;}



section#contact{background-color:#00788d; background-image:url(../img/map-image.png);background-position:center;background-repeat:no-repeat; padding: 2em;background-size: contain;}
section#contact .section-heading{color:#fff}

/* FORM */
#contact-form { margin: 0 auto 90px; }

.form-group { margin-bottom: 28px; position: relative; }
.form-group.bottom-margin {	margin-bottom: 0 !important; }
.form-group.checkbox { margin: 0 !important; padding: 9px !important; }
.form-group.has-error, input.has-error { color: #F3565D !important; }
.form-group .help-block { position: absolute; margin: 2px 0 0 0; opacity: 0; filter: alpha(opacity=0); font-size: 13px; }

div.help-error.has-error{ padding: 0 0 9px 29px; color: orange; }

.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    padding: 15px 9px;
}

.form-control { height: 3em; border: none; border: 0;   -webkit-box-shadow: none; -moz-box-shadow: none;  box-shadow: none;  outline: 0 none; background: transparent; color: white }
.form-actions { margin: 30px 0; }

#contact h3 {text-align: center; margin: 40px;}

#contact input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]), #contact input:placeholder-shown {
  display: block;
  width: 100%;
  padding-left: 30px;
  border: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
  
  line-height: 1;
  color: #212121;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: transparent;
  color: white;
}

#contact input:not([type="radio"]):not([type="file"]):not([type="button"]):empty + label {
  position: absolute;
  top: 12px;
  padding: 0 0 0 29px; 
  color: white;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#contact input:not([type="radio"]):not([type="file"]):not([type="button"]), #contact input:focus:not([type="radio"]):not([type="file"]):not([type="button"]) {
  padding-left: 30px;
  border-bottom: 1px solid white;
}

#contact input:focus:not([type="radio"]):not([type="file"]):not([type="button"]) {
  outline: 0;
  box-sizing: 0;
}

#contact .has-success input:not([type="radio"]):not([type="file"]):not([type="button"]) + label, #contact input:focus:not([type="radio"]):not([type="file"]):not([type="button"]) + label {
  color: white;
  font-weight: 700;
  font-size: 12px;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}

#contact .has-error input:not([type="radio"]):not([type="file"]):not([type="button"]) + label  {
  color: orangered;
    -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}

#contact textarea {min-height: 220px;}

/* upload file */
.file_input_textbox {height:25px; width:80% !important; float:left; }
.file_input_div {position: relative;  }
.file_input_button { border:1px solid #F0F0EE;  margin:0px; cursor: pointer;background: whitesmoke; }
.file_input_hidden {font-size:45px;position:absolute;right:0px;top:0px;cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; }
.important-note { margin: 2em; color: white;}
.green-haze.btn {
    color: #FFFFFF;
    background-color: #44b6ae;
}

.green-haze.btn:hover{
    outline-offset: -2px;
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}

#contact label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

#contact label.error{
	padding: 9px;
	font-size: .8em;
	font-weight: normal;
	color: #B1585E;
	display: block;
    margin-bottom: 9px !important;
}
#contact label.error::before{
	content: "!";
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: #B1585E;
	color: white;
	text-align: center;
	line-height: 15px;
	margin: 0 10px 0 0;
}

.contact-tabs {
  text-align: center;
  background: #eaeaeb;
  margin-bottom: 2em;
  min-height: 56px;
}

.contact-tabs .tabs { width: 99%; margin: 0 auto;}

.contact-tabs .tab {
  float: left;
  width: 33%;
}

.contact-tabs .tab.half {width: 49% !important;}

#contact .contact-tabs .tab label {
  padding: 17px 0 14px 0;
  color: darkgray;
}

.contact-tabs .tab [type=radio] {
  display: none;   
}

#contact .contact-tabs .tab [type=radio]:checked ~ label {
  z-index: 2;
  color: #00788d;
  position: relative;
}

#contact .contact-tabs .tab [type=radio]:checked ~ label:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50px;
    border-width: 0 9px 9px;
    border-style: solid;
    border-color: #00788d transparent;
    display: block;
    width: 0;
}  
#contact .contact-tabs .tab [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}

.upload_file label { color: white; font-size: 2em; padding: 1em;}


footer{padding:25px 0;text-align:center; background: #f5f5f5}
footer span.copyright{line-height:40px;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}
footer ul.quicklinks{margin-bottom:0;line-height:40px;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}
ul.social-buttons{margin-bottom:0}
ul.social-buttons li a{display:block;background-color:#222;height:40px;width:40px;border-radius:100%;font-size:20px;line-height:40px;color:#fff;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s; }
ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{background-color:#fed136}
.btn:focus,.btn:active,.btn.active,.btn:active:focus{outline:0}

::-moz-selection{text-shadow:none;}
::selection{text-shadow:none;}
img::selection{background:0 0}
img::-moz-selection{background:0 0}
body{webkit-tap-highlight-color:#fed136}

.btn-transition-white {
    color: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.7);
    font-weight: 600;
    font-size: 19px;
    -webkit-transition: color .4s;
    transition: color .4s;
}

header { padding-top: 120px;}
header .btn { margin: 2em;}    

#messaging, #mail_response { background-color: #00788d; color: white; }
.real-time-msg h2.title { margin: 3.5em 0.5em; }


.mail_response { padding-top: 9em; text-align: center; }
.mailer { font-size: 120px;}
.mailer .fa-smile-o, .mailer .fa-frown-o { font-size: .7em; position: relative; top: -.4em;}
.mail_response .fa-check, .mail_response .fa-exclamation-triangle { font-size: 6em;}

@media (min-width:768px){.navbar-default{background-color:rgba(34,34,34,0.8);padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:0}
.navbar-default .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.navbar-default .navbar-nav>.active>a{border-radius:3px}
.navbar-default.navbar-shrink{background-color:rgba(34,34,34,0.8);padding:10px 0}
.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em}
}


@media (max-width:767px){
body { font-size: 11px;}
.navbar-bphone { display: none;}
.navbar-default { background-color: rgba(34,34,34,0.8); }
#contact .contact-tabs .tab label{ font-size: 1.4em; padding: 5px 0;}
}



@media (min-width: 768px) and (max-width: 991px) {
.navbar-bphone { margin: 15px 0 0 30px;}
.navbar-default .navbar-phone { display: none !important}
div.intro { width: 50%; display: inline-block; float: left; }
}

@media (min-width:992px) and (max-width: 1199px){
.navbar-default .navbar-phone { display: none !important}
}

@media (min-width:1200px){
.navbar-default .navbar-phone { display: none !important}
}