@charset "utf-8";

$pad: 0px;
html {height: 100%;}
html, body {height: 100%;}
body {
	/* padding-top: 70px; */
	background-color: #fff;
}

hr {
	margin: 5px 0px;
	border: 0;
	border-top: 1px solid #8eb2b5;
}

iframe{border:none; border-width:0; margin:0; padding:0;}
.stripebg {background-image: url('../images/wp_stripe_tile.png'); background-color: #EFEFEF;}
.hiddendiv {display: none;}

.boxborder {border: 1px solid rgba(210,210,210,1.00);}
.margin25 {padding: 25px 0px;}
.margin5 {padding: 5px 0px; margin: 20px 0px;}

.margin25-10:nth-child(3n+3){padding-top: 80px; }

/*navigation */
.affix {position: fixed !important; top: 20px;}

.navbar-default {
	background-color: rgba(251,251,251,0.95);	
	border-color: #D4E0E0
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand>div, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #1f2323;	font-size:18px;	text-shadow:none;/*	height:50px; */     
	background-color: transparent;
	padding-right:80px;
}
.navbar-default .navbar-text {color: #79A0A3}
.navbar-default .navbar-nav>li>a {color: #6f9da1}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #89BABD;
	background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #79A0A3;
	background-color: transparent
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-toggle {border-color: #ddd}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd}
.navbar-default .navbar-toggle .icon-bar {background-color: #888}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #D4E0E0}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #F9F9F9;
	color: #555;
	text-align:left;
}

.navbar-inner{background:none; background-color:rgba(162,68,70,1.00); filter:none; border:none; box-shadow:none;}

.navbar .nav > li > a{
	background-color: transparent;
	font-size:18px;
	text-shadow:none;
/*	height:60px; */    
/*	text-align:center; */
}

.navbar .nav >li > a:hover{background-color: transparent;	}

.navbar .nav .active >a {
	background-color: transparent;
	color:#89BABD;
    list-style: none outside none;
	border-bottom: 3px solid #17C6C9; 
}

.navbar .nav .active >a:hover{
	background-color: transparent;
	color:#89BABD;
    list-style: none outside none;
	border-bottom: 3px solid #17C6C9; 
}

.navbar .nav .disabled >a{list-style: none outside none;}
.navbar .nav .disabled >a:hover{}
.navbar{border-bottom: 1px solid #D4E0E0;}

 /*PROJECTS PAGE SUBBAR*/
.navbar-lower {
  top: 73px;
  width:100%;
}
.navbar-small{
  min-height: 00px;
  margin-bottom: 0px;
  background-color:#cdcdcd;
  border:none;
}

.navbar-small .nav > li > a {padding: 2px 2px;}

#pagecontainer {
    height:100%;
	width:100%;
    border-collapse:collapse;
    display : table;
	position: absolute; top: 00px; left: 0px;
	background-color: rgba(0,0,0,0.2); 
}

.nopadding{
	padding:0; 
	margin:0;
	background-position:center;background-size:cover;}

.nomargin{margin:0;}
.altColorPink{color:#E8A89F}

/*BOXES*/
.shadTop{box-shadow: 0px -100px 120px -40px rgba(0,0,0,0.1); border-top: 5px solid rgba(79,198,238,1.00); }

 /*TEXTS*/
.boxed{color:#14434f; border:3px solid #FFF; background-color: #dbe9ee;  margin-top: 15px;  padding: 6px 12px; white-space: nowrap; display: inline-block; }
.robmed {font-family:'Roboto', sans serif; font-weight:500;} 
.robbolder {font-family:'Roboto', sans serif; font-weight:900;} 
.robnormal {font-family:'Roboto', sans serif; font-weight:300;} 
.lightfont{font: 150% 'Catamaran' serif; align-content: center; text-align: center; color: #FFF;}
.headline{font: 40pt 'Roboto', sans serif;} 
.subtext {font: 20pt 'Catamaran', sans-serif;}
.bodytextmed{font: 22px 'Catamaran', serif; color: #000; text-align:left; line-height: 26px;}
.bodytextsm{font: 16px 'Catamaran', serif; color: #000; text-align:left; line-height: 19px;}
.headerlg{font: 24pt 'Roboto', sans serif; font-weight:500;} 
.headermed{font: 20pt 'Roboto', sans serif;} 
.headersm{font: 18pt 'Roboto', sans serif;} 
.jobtitle{font: 15pt 'Roboto', sans serif; font-weight:500;} 
.jobtitlelt{font: 15pt 'Roboto', sans serif; font-weight:300;} 
.jobtitletext{font: 13pt 'Roboto', sans serif; color:rgba(54,53,53,1.00)} 
.bodyalt{font: 15pt 'Roboto', sans serif; font-weight:500;} 

.rtheaderlg {font: 24pt 'Roboto', sans-serif;}
.rtheader {font: 18pt 'Roboto', sans-serif;}
.rttext {font: 18pt 'Catamaran', sans-serif;}
.menutext {font: 14pt 'Catamaran', sans-serif;}
.formtext {font: 12pt 'Roboto', sans-serif;}

@media (min-width: 1200px) {
.subtext {font-size: 19pt;}
.rtheaderlg {font-size: 26pt;}
.rtheader {font-size: 19pt;}
.rttext {font-size: 17pt;}
.menutext {font-size: 14pt;}
.formtext {font-size: 14pt;}
.rtborder-1 {border-right: 1px dashed #21b9ec;}
.rtborder-2 {border-right: 1px dashed #bbb;}
.headermed{font-size: 20pt;} 
.bodyalt {font-size: 16pt;}
}

@media (max-width: 768px) {
.subtext {font-size: 16pt;}
.rtheaderlg {font: 24pt 'Roboto', sans-serif;}
.rtheader {font: 18pt 'Roboto', sans-serif;}
.rttext {font: 18pt 'Catamaran', sans-serif;}
.menutext {font: 14pt 'Catamaran', sans-serif;}
.rtborder-1 {border-right: 1px dashed #21b9ec;}
.rtborder-2 {border-right: 1px dashed #bbb;}
.bodyalt {font-size: 13pt;}
.headermed{font-size: 18pt;}
.headerlg{font-size: 21pt;} 
}

@media (max-width: 620px) {
.rtheaderlg {font: 18pt 'Roboto', sans-serif;}
.subtext {font: 16pt 'Catamaran', sans-serif;}
.menutext {font: 12pt 'Catamaran', sans-serif;}
.rtborder-1 {border-right: 0px;}
.rtborder-2 {border-right: 0px;}
/*.imgbg {background-image: none;} */
.bodytextmed{font-size: 16pt;}
.bodyalt {font-size: 12pt;}
.headermed{font-size: 16pt;}
.headerlg{font-size: 19pt;} 
}

@media (max-width: 320px) {
.rtheaderlg {font: 16pt 'Roboto', sans-serif;}
.subtext {font: 14pt 'Catamaran', sans-serif;}
.menutext {font: 12pt 'Catamaran', sans-serif;}
.rtborder-1 {border-right: 0px;}
.rtborder-2 {border-right: 0px;}
/*.imgbg {background-image: none;} */
.bodyalt {font-size: 10pt;}	
.headermed{font-size: 15pt;}
.headerlg{font-size: 17pt;} 
}


/*CAROUSEL*/

div[id^='carousel-'] {
    margin: 20px auto;
    width: 400px;
}
div[id^='carousel-'] .carousel-indicators {
    margin: 5px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
div[id^='carousel-'] .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
div[id^='carousel-'] .carousel-indicators li img {
   display: block;
    opacity: 0.5;
}
div[id^='carousel-'] .carousel-indicators li.active img {opacity: 1;}
div[id^='carousel-'] .carousel-indicators li:hover img {opacity: 0.75;}
div[id^='carousel-'] .carousel-outer {position: relative;}
div[id^='carousel-'] .carousel-content {
    font-size:16px;
	line-height:1.3em;
	height:85px;
	width:100%;
	background-color:rgba(232,168,159,0.5);
	z-index:980;
	margin:5px 0px;
	padding:3px 10px;
}

/* center column styles */
/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  padding:10px;
  background: #FEFEFE;
   background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f7f7f7), color-stop(100%, #FEFEFE));
  background: -moz-linear-gradient(top, #f7f7f7 0%, #FEFEFE 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #FEFEFE 100%); } 
  
  .inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.inside-relative{
  margin-top: 5em;
}
.content {
  padding: 12px 3px;
}

/* columns of same height styles */

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
}

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none; 
  height: 100%;
}
.col-top {vertical-align: top;}
.col-middle {vertical-align: middle;}
.col-bottom {vertical-align: bottom;}

/* BUTTON MODS */
.btn{border: 1px solid transparent;}

.btn-info { 
  color: #000; 
  background-color: #F9F9F9; 
  border-color: #21b9ec;   
  font: 15pt 'Roboto', sans serif;
} 
 
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { 
  color: #555; 
  background-color: #F7F7F7; 
  border-color: #21b9ec; 
} 
 
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {background-image: none;} 
 
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { 
  background-color: #FFFFFF; 
  border-color: #21b9ec; 
} 
 
.btn-info .badge { 
  color: #FFFFFF; 
  background-color: #053E42; 
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {vertical-align: top;}
  .col-xs-middle {vertical-align: middle;}
  .col-xs-bottom {vertical-align: bottom;}
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {vertical-align: top;}
  .col-sm-middle {vertical-align: middle;}
  .col-sm-bottom {vertical-align: bottom;}
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {vertical-align: top;}
  .col-md-middle {vertical-align: middle;}
  .col-md-bottom {vertical-align: bottom;}
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {vertical-align: top;}
  .col-lg-middle {vertical-align: middle;}
  .col-lg-bottom {vertical-align: bottom;}
}

/* PAGE ANIMATION */

.m-scene .scene_element {
    animation-duration: 0.25s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;	
  }

.m-scene .scene_element--fadeIn {animation-name: fadeIn;}
.m-scene .scene_element--fadeInUp {animation-name: fadeInUp;}
.m-scene .scene_element--fadeInRight {animation-name: fadeInRight;}

  /* Reverse "exit" animations */
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }

.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.m-scene.is-exiting .scene_element--noExiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }
      
/* ANIMATION KEYFRAMES */

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutLeft {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

/* PRINT */
@media print {
body {padding-top: 0px; margin-top: 0px;}
@page {margin: 0.5cm;}
.headersm {font-size: 12pt;}
.bodytextsm {font-size: 10px;}
}

/* *** FORM - CONTACT */
.form-box {padding: 40px 20px;}
.form-top {
	padding: 25px 25px 15px 25px;
	background: #f9f9f9;
	text-align: left;
}
.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #f9f9f9;
	text-align: left;
}
.form-bottom form textarea {height: 200px;}
.form-bottom form .input-error {
	border-color: #E57869;
}

@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {
	.inner-bg { padding: 40px 0 110px 0; }
}

input[type="text"], 
textarea, 
textarea.form-control {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fefefe;
    border: 2px solid #21b9ec;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    color: #9d9892;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
textarea, textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}
input[type="text"]:focus, textarea:focus, textarea.form-control:focus {
	outline: 0;
	background: #E9F5F4;
    border: 3px solid #96CCC1;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
input[type="text"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #9d9892; }
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #9d9892; }
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #9d9892; }
label {font-weight: 400;}