@import url('../fonts/stylesheet.css');

/* W3C Markup, IE10 Release Preview */ 
h1,.h1 {font-size:24px;font-weight:300;margin-bottom:30px;margin-top:0;}
h2,.h2 {font-size:20px;font-weight:500;margin-bottom:25px;margin-top:0;color:#ED7D31;}
h3,.h3 {font-size:16px;font-weight:500;margin-bottom:20px;margin-top:0;}
p {font-size:16px;font-weight:300;}
p.large {font-size:20px;margin-bottom:20px;}
a {color:#00A5C3;transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;-webkit-transition:color 0.25s ease-in;-o-transition:color 0.25s ease-in}
a:hover,a.active {color:#333E47}
b,strong {font-weight:700;}
ul {margin:0 0 15px 15px;padding:0;font-size:16px;line-height:1.4;font-weight:300;}
img {max-width:100%;height:auto !important}

/* Bootstrap overrides */
body {font-family:'Futura LT',Arial;line-height:1.3;color:#000000}
.container-fluid {padding:0;overflow: hidden}

/* Layout */
.fullwidth {padding:0}
.visible-xxs {display:none;}
.top-buffer15 {padding-top:15px;}
.top-buffer30 {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer50 {padding-top:50px;}
.top-buffer80 {padding-top:80px;}
.bottom-buffer3 {padding-bottom:2px;}
.bottom-buffer10 {padding-bottom:10px;}
.bottom-buffer15 {padding-bottom:15px;}
.bottom-buffer20 {padding-bottom:20px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer50 {padding-bottom:50px;}
.bottom-buffer70 {padding-bottom:70px;}
.text-center .img-responsive {margin:0 auto;}
.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}
.containergutter-0.container {  padding-left: 0px;  padding-right: 0px;}
.containergutter-0.container-fluid {  padding-left: 0px;  padding-right: 0px;}
.containergutter-100.container {  padding-left: 100px;  padding-right: 100px;}
.containergutter-100.container-fluid {  padding-left: 100px;  padding-right: 100px;}
.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {  padding-right: 10px;  padding-left: 10px;}
.gutter-10.row {  margin-right: -5px;  margin-left: -5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {  padding-right: 5px;  padding-left: 5px;}
.gutter-0.row {  margin-right: 0;  margin-left: 0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{  padding-right: 0;  padding-left: 0;}
.content-panel {padding-top:40px;padding-bottom:40px;}
.content-panel.slim {padding-top:20px;padding-bottom:20px;}

/* Format */
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.nomargin {margin:0}
.bg-grey {background-color:#F1F1F1}

#mainCarousel {position: relative}
#mainCarousel .item {width:100%;min-height:300px;background-size:cover;background-position: center}
#mainCarousel header {position: absolute;top:0;left:0;width:100%;padding-bottom:0;}
.logo {max-width:126px;}
#mainCarousel .mask {position: absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.3)}
#mainCarousel nav a {color:#FFFFFF;}
#mainCarousel nav a:hover,#mainCarousel nav a:focus {color:#FFFFFF;}

header {padding-top:20px;padding-bottom:30px;}
nav {padding-top:15px}
nav a {color:#000000;font-size:14px;font-weight:500;}
nav a:hover,nav a:focus,nav a.active {color:#ED7D31;text-decoration: none;outline: none}
nav a:first-child {margin-right:15px}

.carousel-caption {position:absolute;left:0;top:50%;right:0;bottom:auto;font-weight:500;padding-top:0;padding-bottom:0;color:#ED7D31;font-size:26px;text-shadow: none;text-align: left;line-height:1.3;margin-top:-62px}
.carousel-o {background-image:url("../images/o.svg");background-size:300px;position:absolute;right:-75px;bottom:-30px;width:250px;height:250px;}


.project-square {display:block;background-size:cover;background-position: center;height:250px;display:flex;align-items: center;   justify-content: center;-webkit-box-align: center;text-align:center;position: relative}
.project-square div {flex:1;-webkit-box-flex:1;z-index:1000;}
.project-square:hover {color:#FFFFFF;text-decoration: none}
.project-square h2 {margin-bottom:10px;color:#FFFFFF;line-height:1.2;}
.project-square h3 {color:#FFFFFF;letter-spacing: 1px}
.project-square .mask {position: absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.2);z-index:500;}

.overview {text-align: center}
.overview .logo {max-width:178px;margin:0 auto 30px auto;}
.overview p {font-size:14px;font-weight:500;}
.overview h2 {margin-top:45px;margin-bottom:10px;color:#000000}

.form-group {position: relative;margin-bottom:10px;}
.input {width:100%;font-size:14px;padding:14px 10px 6px 10px;line-height:1;border:none;}
.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
  transform: translateY(8px);
}

.placeholder {
  color: #000000;
  left: 11px;
  line-height: 1;
	font-size:13px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 13px;
	text-shadow: none;
	opacity:1;
	font-weight:300
}

.input:focus {
	outline: none;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-14px) translateX(0px) scale(0.6);
}

.input:focus ~ .placeholder {
  color: #000000;
}

input[type=submit] {color:#FFFFFF;letter-spacing: 1px;font-size:20px;background-color:#ED7D31;border:none;padding:8px 15px;}
input[type=submit]:focus {outline:none}
.overview h2 {font-size:18px;}

p.disclaimer {font-size:10px;margin:20px 0;-webkit-text-size-adjust: 100%; }

footer {padding:40px 0 20px 0;text-align: center;font-size:12px;}
footer img {max-width:120px;display:block;margin:0 auto 30px auto}
footer a{color:#000000}
.table-project {width:100%}

.project-stats {width:60%;}
.project-logo {width:40%}
.table-project tr td:first-child {padding-right:20px;border-right:1px solid #000000}
.table-project-stats {width:100%}
.table-project-stats tr td {padding:8px 0;border-top:1px solid #000000;border-right:none !important;width:100%;}
.table-project-stats tr:first-child td {border-top:none}
.table-project-stats a {color:#000000}
.table-project tr td:nth-child(2) {padding-left:20px;}

.project h2 {font-size:20px;margin-bottom:6px;color:#000000}
.project h3 {font-size:13px;margin-bottom:30px}

.project-image-thumb {opacity: 0.7;padding-bottom:10px;cursor:pointer;}
.project-image-thumb.active {opacity: 1;}

.project-image {display:none}
.project-image.active {display:block;}

#contact-thanks {display: none}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1,.h1 {font-size:30px;}
	h2,.h2 {font-size:22px;}
	h3,.h3 {font-size:16px;}
	p,ul {font-size:16px;}
	.text-sm-right {text-align:right}
	.narrow {padding-left:30px;padding-right:30px;}
	.carousel-caption {font-size:36px;padding-left:0}
	.logo {max-width:156px;}
	nav a {font-size:18px;}
	nav a:first-child {margin-right:30px}	
	.overview {text-align: center;background-image:url('../images/hortus.svg');background-size:contain;background-position:center;background-repeat: no-repeat;min-height:700px}
	.overview .logo {padding-top:50px;margin-bottom:15px;}
	.project h2 {font-size:22px;}
	.project h3 {font-size:15px;}
	.table-project tr td:first-child {padding-right:40px}
	.table-project tr td:nth-child(2) {padding-left:40px;}
	footer {padding:65px 0 40px 0;}
	footer img {max-width:178px;}
	.carousel-caption {margin-top:-72px}
	.carousel-o {background-size:450px;position:absolute;right:-75px;bottom:-30px;width:350px;height:350px;}
	.overview h2 {font-size:18px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1,.h1 {font-size:36px;}
	h2,.h2 {font-size:24px;}
	h3,.h3 {font-size:18px;}
	p,ul {font-size:18px;}
	nav {padding-top:30px}
	.logo {max-width:226px;}
	.narrow {padding-left:60px;padding-right:60px;}
	.carousel-caption {font-size:42px;}
	.project-square {height:325px}
	.overview {min-height:900px}
	.overview .logo {padding-top:100px;margin-bottom:25px;}
	.overview h2 {margin-top:35px;margin-bottom:20px;font-size:20px;}
	.project h2 {font-size:25px;}
	.project h3 {font-size:16px;}
	.carousel-caption {margin-top:-82px}
	.carousel-o {background-size:550px;position:absolute;right:-75px;bottom:-30px;width:450px;height:450px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1,.h1 {font-size:42px;}
	h2,.h2 {font-size:26px;}
	h3,.h3 {font-size:18px;}
	p,ul {font-size:18px;}
	.narrow {padding-left:100px;padding-right:100px;}
	.carousel-caption {font-size:50px;}
	.project-square {height:400px}
	.project-square h2 {font-size:30px}	
	.overview {min-height:1000px}
	.overview .logo {padding-top:150px;margin-bottom:25px;}
	.overview h2 {margin-top:75px;margin-bottom:20px;font-size:22px}
	.project h2 {font-size:27px;}
	.project h3 {font-size:18px;}
	.carousel-caption {margin-top:-92px}
	.carousel-o {background-size:650px;position:absolute;right:-100px;bottom:-60px;width:550px;height:550px;}
}