@charset "UTF-8";

/********** QPIX STYLESHEET ***********

version:   1.0 
date:      20/02/14 
author:    [qpix solutions] 
email:     [info@qpixsolutions.com] 
website:   [www.qpixsolutions.com] 

*************************************/

/****** EMBEDDED FONTS ******/



/*@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-extralight-webfont.eot');
    src: url('css/fonts/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-extralight-webfont.woff') format('woff'),
         url('css/fonts/dosis-extralight-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-extralight-webfont.svg#dosis-extralight-webfont') format('svg');
    font-weight:100;
    font-style: normal;

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

}*/
@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-regular-webfont.eot');
    src: url('css/fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-regular-webfont.woff') format('woff'),
         url('css/fonts/dosis-regular-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-regular-webfont.svg#dosis-regular-webfont') format('svg');
    font-weight:300;
    font-style: normal;

}
/*@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-medium-webfont.eot');
    src: url('css/fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-medium-webfont.woff') format('woff'),
         url('css/fonts/dosis-medium-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-medium-webfont.svg#dosis-medium-webfont') format('svg');
    font-weight:400;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-semibold-webfont.eot');
    src: url('css/fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-semibold-webfont.woff') format('woff'),
         url('css/fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-semibold-webfont.svg#dosis-semibold-webfont') format('svg');
    font-weight:500;
    font-style: normal;

}*/
@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-bold-webfont.eot');
    src: url('css/fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-bold-webfont.woff') format('woff'),
         url('css/fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-bold-webfont.svg#dosis-bold-webfont') format('svg');
    font-weight:600;
    font-style: normal;

}
/*@font-face {
    font-family: 'Dosis';
    src: url('css/fonts/dosis-extrabold-webfont.eot');
    src: url('css/fonts/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dosis-extrabold-webfont.woff') format('woff'),
         url('css/fonts/dosis-extrabold-webfont.ttf') format('truetype'),
         url('css/fonts/dosis-extrabold-webfont.svg#dosis-extrabold-webfont') format('svg');
    font-weight:700;
    font-style: normal;

}*/

@font-face {
    font-family: 'Lucida';
    src: url('css/fonts/lucida-webfont.eot');
    src: url('css/fonts/lucida-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/lucida-webfont.woff') format('woff'),
         url('css/fonts/lucida-webfont.ttf') format('truetype'),
         url('css/fonts/lucida-webfont.svg#lucida-webfont') format('svg');
    font-weight:300;
    font-style: normal;

}

@font-face {
    font-family: 'Lucida';
    src: url('css/fonts/lucida-bold-webfont.eot');
    src: url('css/fonts/lucida-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/lucida-bold-webfont.woff') format('woff'),
         url('css/fonts/lucida-bold-webfont.ttf') format('truetype'),
         url('css/fonts/lucida-bold-webfont.svg#lucida-bold-webfont') format('svg');
    font-weight:400;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height:100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 100%;
	font-family: "Dosis";
	margin:0; padding:0; font-weight:300; color:#40b449;
	position:relative;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline:none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}




/****** HTML TAGS PREFERENCES ******/

*{margin:0;padding:0;}


h1,h2,h3,h4,h5,h6{font-weight:300; letter-spacing: 0.05em; text-transform:uppercase;}

h1 { font-size: 340%; }
h2 { font-size: 280%; }
h3 { font-size: 220%; }
h4 { font-size: 180%; }
h5 { font-size: 140%; }
h6 { font-size: 100%; }

p, ol, ul, dl, address {
    font-size: 120%;
    line-height: 140%;
	font-family:'Lucida';
	font-weight:300;
	color:#808184;
	}

@media (max-width: 1199px) {
  p, ol, ul, dl, address {
	  font-size: 110%;
 }
 h1 { font-size: 320%; }
h2 { font-size: 260%; }
h3 { font-size: 200%; }
h4 { font-size: 160%; }
h5 { font-size: 120%; }
h6 { font-size: 80%; }
}
@media (max-width: 991px) {
   p, ol, ul, dl, address {
	  font-size: 100%;
 }
 h1 { font-size: 300%; }
h2 { font-size: 240%; }
h3 { font-size: 180%; }
h4 { font-size: 140%; }
h5 { font-size: 100%; }
h6 { font-size: 60%; }
}
@media (max-width: 767px) {
  p, ol, ul, dl, address {
	  font-size: 95%;
 }
 h1 { font-size: 290%; }
h2 { font-size: 230%; }
h3 { font-size: 170%; }
h4 { font-size: 130%; }
h5 { font-size: 90%; }
h6 { font-size: 50%; }
}



ul{}
ol{}
ul li{}
ol li{}

strong{font-weight:600;}
p > strong, li > strong{font-weight:400;}

a:link,a:visited {text-decoration:none; color:#40b449; }

a:hover{ text-decoration:underline; color:#55c8e8;}

a:focus{}


/****** FORMS PREFERENCES ******/

form{}
input{}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],textarea, .select-group, select,.custom-select-wrap,.custom-option{
 border: medium none;
    border-radius: 2px;
    box-shadow: 2px 2px 3px hsl(0, 0%, 33%);
    font-size: 100%;
    padding: 8px 10px;
    width: 250px;
	font-family:"Lucida";
   }

input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,textarea:hover, .select-group:hover, select-wrap:hover,.custom-select-wrap:hover, input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus, .input-group:focus, .select-group:focus, select:focus,.custom-select-wrap:focus{}

input[type="radio"]{}
input[type="checkbox"]{}

input[type="button"], button, input[type="submit"],input[type="reset"] {
   border: medium none;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
 
}

input[type="file"]{}
textarea
{
    resize:none;
    overflow:auto;
}

select{width: 270px; outline:none;  color: #000;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;}
select:focus{outline:none;}
option{outline:none;}
optgroup{}
fieldset{}
label{color: hsl(0, 0%, 70%);
    font-family: "Lucida";
    font-size: 110%;
    letter-spacing: 0.03em;}


.custom-select{position:relative;}
.custom-select-wrap{margin: 0 0 20px; cursor:pointer;}
.custom-select-text{font-size:110%; float:left;}
.custom-select-arrow{border-bottom: 2px solid hsl(0, 0%, 56%);
    border-left: 2px solid hsl(0, 0%, 56%);
    cursor: pointer;
    float: right;
    height: 12px;
    margin: 0 5px 0 0;
    width: 12px;
    transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
 }
.custom-option-wrap{ left: 0;
    position: absolute;
    top: 39px;
    width: 100%;}
.custom-option{background-color: hsl(0, 0%, 100%);
    border-radius: 0;
    border-top: 0 none;
    cursor: pointer;
    font-size: 110%;}
.custom-option:hover,.custom-option:focus{background-color:hsl(0, 0%, 90%);}




*::-webkit-input-placeholder {
    color: #fff;
	opacity:1;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
	opacity:1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
	opacity:1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
	opacity:1;
}


/*********************************************  COMMON  *********************************************/

section{position:relative; z-index:0;}

.coming_soon{font-size:300%; font-weight:600; color:#fff; margin:110px auto 0; width:400px; text-align:center; letter-spacing:0.05em;}

.sep-1{background:url(images/line-1.png); background-repeat:no-repeat; background-position:center top; width:100%; height:4px; margin:30px 0; background-size:auto 100%;}

.btn-1{background: hsl(207, 90%, 54%) none repeat scroll 0 0;
    border-radius: 30px;
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-size: 90%;
    font-weight: 500;
    padding: 15px 50px;
    text-transform: uppercase; }
	
.btn-2{ background: hsla(0, 0%, 0%, 0) url("images/glossy-btn-1.png") no-repeat scroll 0 0 / 100% 100%;
    color: hsl(0, 0%, 100%);
    font-size: 130%;
    height: 39px;
    letter-spacing: 0.03em;
    line-height: 200%;
    text-align: center;
    text-transform: uppercase;
    width: 426px; cursor:pointer;}



.inner_page{padding-top: 95px;}
@media (max-width: 767px) {
.inner_page {
    padding-top: 70px;
}
}

@media (max-width: 420px) {
	.btn-2 { font-size: 100% !important;
    height: 31px !important;
    width: 90% !important;}
}

/*********************************************  HEADER  *********************************************/

header {
    position: fixed;
    width: 100%; box-shadow: 0 1px 3px hsl(0, 0%, 86%);
	z-index: 10000;
}
.header_height{height: 95px; background:#fff;}
@media (max-width: 767px) {
.header_height{height: 70px;}
}
.my_header{position:relative; z-index:2; background:#fff;}

.header-logo{
	/* background: hsla(0, 0%, 0%, 0) url("images/logo-header.png") no-repeat scroll 0 0 / contain ; */
    display: block;
    float: left;
    height: 42px;
    margin: 30px auto 0;
    width: 165px;
	}
	
	/*.header-top{height:265px;}*/
.header-nav{
	background-color: hsla(0, 0%, 0%, 0);
    float: right;
    height: 30px;
    margin: 40px 0 0;
    padding: 0;}


.header-nav-item { position:relative;
    color: #808184;
    float: left;
    font-size: 140%;
    margin: 0 0 0 40px;
    text-transform: uppercase; letter-spacing:0.03em; height: 40px;}



.header-nav-item a:link, .header-nav-item a:visited {
  color: #808184; text-decoration:none; }

.header-nav-item a:hover {
color:#55c8e8
 }
 
 .subnav-arrow{ border-bottom: 2px solid hsl(225, 2%, 51%);
    border-left: 2px solid hsl(225, 2%, 51%);
    cursor: pointer;
    float: right;
    height: 13px;
    margin: 0 0 0 10px;
    width: 13px;
    transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */}
 
 .header-nav-item a:hover .subnav-arrow {
border-bottom: 2px solid #55c8e8;
    border-left: 2px solid #55c8e8;
 }
 

.subnav{background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 2px hsl(0, 0%, 85%);
    display: none;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 35px;}

#services_nav:hover .subnav{display:block;}

.subnav-item{font-size: 80%;
    line-height: 120%;
    margin: 8px 0 0;
    text-align: right; width:150px;}
	
.subnav-item:first-child{margin-top:0;}

 .mnbL{ background-color: #808184;
    border-radius: 10px;
    height: 5px;
    margin-bottom: 6px;
    width: 30px;}

.mnb{cursor: pointer;
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;}

.no_news{text-align:center; margin:100px 0;}

#services_nav{display:block;}
.mob-nav-item{display:none;}

@media screen and (max-width: 767px){ 
#services_nav{display:none;}
.mob-nav-item{display:block;}

.no_news{margin:0px 0 50px;}
header{margin-bottom: 20px;}

.header-logo{margin:20px 0 0 20px; height: 32px;
    width: 155px;}
	
.header-nav-item {
  float: none;
    margin: 15px auto 0px;
    text-align: center;
    width: auto;
	font-size: 110%;
	height: auto;
}

#services_nav:hover .subnav{display:none;}
.subnav-arrow{display:none;}

.header-nav {
	border: 1px solid hsl(0, 0%, 76%);
    clear: both;
    float: none;
    height: auto;
    margin-bottom: 0px;
    margin-top: 65px;
    width: 100%;
	}

.mnb{display:block;}

}

@media (min-width: 768px) {
	
	.header-logo{height: 32px;
    width: 155px;}
	
  .header-nav-item {
    font-size: 120%;
	margin-left:30px;
}
.subnav-arrow{ 
    height: 9px;
    width: 9px;
	margin-top:2px;
	}
	
	
	.subnav-item{width:186px;}
	
}
@media (min-width: 992px) {
	.header-logo{height: 42px;
    width: 165px;}
	
  .header-nav-item {
    font-size: 140%;
	margin-left:40px;
   }
   .subnav-arrow{ 
    height: 13px;
    width: 13px;
	margin-top:0px;
	}
.subnav-item{width:216px;}
}

@media (min-width: 1200px) {
  .subnav-item{width:216px;}
}

/*********************************************  FOOTER  *********************************************/

footer{position:relative; z-index:1; width:100%; margin-top:40px;  margin-bottom: 40px;}

.footer-line-1{background:url(images/line-2.png); background-repeat:no-repeat; background-position:center top; width:100%; height:82px;}

.footer-line-2{margin:50px 0 30px 0;}


	
	.footer-ready {
    margin: 65px auto 0;
    text-align: center;
    width: 90%;
}

.footer-send {
    font-family: "Dosis";
    font-size: 140%;
    margin: 30px auto 0;
    text-align: center;
    width: 80%;
}
	
.footer-send a{color:#55c8e8;}

.footer-nav{
	margin: 20px auto 0 auto;
    padding: 0;
    text-align: center;
	font-family:'Dosis';
	width: 120px;
   }


.footer-nav li{
	 color:#919294;
    display: block;
    font-size: 120%; letter-spacing:0.03em;
    margin: 0 0px 15px 0;
    text-transform: uppercase;}

.footer-nav li a {
  color: #919294; text-decoration:none; }

.footer-nav li a:hover{color: #55c8e8; text-decoration:none; }

.footer-marg-left{margin-left:0;}
.footer-marg-right{margin-right:0;}


.footer-logo {
    /* background: hsla(0, 0%, 0%, 0) url("images/logo-header.png") no-repeat scroll 0 0 / contain ; */
    display: block;
    float: none;
    height: 42px;
    margin: 20px auto 0;
    width: 165px;
}
	
	.footer-copy, .footer-dev {
    color: hsl(228, 2%, 51%);
    float: none;
    font-size: 130%;
    line-height: 140%;
	margin: 0;
    text-align: center;
}

.footer-copy{margin-top:25px;}

.footer-dev{bottom: -30px;
    font-size: 75%;
    position: absolute;
    right: 10px;}

.footer-dev a:link,.footer-dev a:visited{ color: hsl(225, 2%, 51%); text-decoration:none;}
.footer-dev a:hover{color:hsl(193, 76%, 62%);}
	
	.footer-social {
    float: none;
    margin: 30px 0 0;
    text-align: center;
}

.footer-social img{margin-left: 15px;}

@media (min-width: 768px) {
 
 .footer-nav{margin-left:0; margin-right:0;}
 .footer-ready{margin: 65px 0 0;
    text-align: center; width:auto;}
	
.footer-send{
    margin: 30px 0 0;
    width:auto;}
	
.footer-marg-left{margin-left:60px;}
.footer-marg-right{margin-right:60px;}

.footer-nav{
	    text-align: left;
   }

.footer-logo{
	float: right;
    margin: 20px 0 0 0;
    }

.footer-copy,.footer-dev{
    float: right;
    text-align: right;}
	
	.footer-social{ float: right; text-align:right;}
	
}
@media (min-width: 992px) {
 
.footer-marg-left{margin-left:100px;}
.footer-marg-right{margin-right:100px;}

}
@media (min-width: 1200px) {
  
}


/*********************************************  HOME PAGE  *********************************************/

.home_page{}

.home_slider_wrap{box-shadow:0 3px 6px hsl(0, 0%, 30%);
    position: relative;
    width: 100%;
    z-index: 1;}

.home-slide-item{text-align:center; position:relative;}
.home-slide-item img{height:auto; width: 100%; display:block;}

.home-slide-caption{color: hsl(0, 0%, 100%);
    left: 0;
    letter-spacing: 0.05em;
    line-height: 120%;
    position: absolute;
    text-align: center;
    top: 75%;
    width: 100%;
	 }
	 
.home-nutshell{background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */
    height: auto;
    padding-bottom: 100px;
    padding-top: 1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;}
	
.home-nutshell .icon{background:url(images/leaf-icon.png) no-repeat; width:47px; height:44px; margin:40px auto 0 auto;}
.home-nutshell h2{color:#fff; margin: 30px 0 0;}
.home-nutshell p{color: hsl(0, 0%, 100%);
    font-family: "Dosis";
    font-size: 120%;
    margin: 30px auto 0;
    width: 80%;}


.home-square-wrap{ margin-left: 0px;
    margin-top: 90px; position:relative; z-index:1;}
	
.home-square-wrap a:link, .home-square-wrap a:visited{text-decoration:none;}
.home-square-wrap a:hover{text-decoration:none;}
	
.home-square{ border: 2px solid hsl(0, 0%, 100%);
    border-radius: 15px;
    float: none;
    height: 160px;
    margin: 10px auto 0 auto;
    position: relative;
      transform: rotate(45deg);
	 -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    width: 160px;
	position:relative;
}

#home_square_1 > h4 {
    margin-top: 60px;
}
.home-square-overlay{background: hsla(0, 0%, 100%, 0.3) none repeat scroll 0 0;
    border-radius: 15px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;}



#home_square_1
{
	z-index:1;
	background: -webkit-linear-gradient(left, #4cb65b , #4eb971); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4cb65b, #4eb971); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4cb65b, #4eb971); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4cb65b , #4eb971); /* Standard syntax */
}
#home_square_2
{
	z-index:2;
	background: -webkit-linear-gradient(left, #4eb971 , #51bc86); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4eb971, #51bc86); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4eb971, #51bc86); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4eb971 , #51bc86); /* Standard syntax */
}

#home_square_3
{
	z-index:3;
	background: -webkit-linear-gradient(left, #51bc86 , #52be9a); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #51bc86, #52be9a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #51bc86, #52be9a); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #51bc86 , #52be9a); /* Standard syntax */
}

#home_square_4
{
	z-index:3;
	background: -webkit-linear-gradient(left, #52be9a , #53bfac); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #52be9a, #53bfac); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #52be9a, #53bfac); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #52be9a , #53bfac); /* Standard syntax */
}

#home_square_5
{
	z-index:4;
	background: -webkit-linear-gradient(left, #53bfac , #56c2c0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #53bfac, #56c2c0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #53bfac, #56c2c0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #53bfac , #56c2c0); /* Standard syntax */
}

#home_square_6
{
	z-index:5;
	background: -webkit-linear-gradient(left, #56c2c0 , #57c3d4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #56c2c0, #57c3d4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #56c2c0, #57c3d4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #56c2c0 , #57c3d4); /* Standard syntax */
}

.home-square h4 {
    color: hsl(0, 0%, 100%);
    font-size: 140%;
    line-height: 120%;
    margin: 50px auto 0;
    padding: 0;
    text-align: center;
   transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
}

.home-projects-wrap{text-align:center; margin:0 0 60px 0;}
.home-projects-wrap .sep-1{margin:60px 0 60px;}
.home-projects-wrap h3 {
    line-height: 120%;
    margin: 0;
    text-align: center;
}
	
.home-projects-wrap h1{font-size: 360%;
    line-height: 120%;
    margin: 40px 0 0;
    text-align: center;
	background: -webkit-linear-gradient(#41b550, #55c8e8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.home-projects-wrap p{margin: 20px auto 0 auto;
    text-align: center;
    width: 80%; line-height:150%;}

.home-projects-link-1, .home-projects-link-2 {
    display: block;
    margin: 20px auto 0;
    width: 165px;
}

.home-projects-link-1{margin-top: 60px;}

.home-projects-full, .home-projects-more{
    text-align: left; float:left; font-size:100%;}
.home-projects-link-1 .arrow,.home-projects-link-2 .arrow{ border-bottom: 2px solid hsl(125, 48%, 48%);
    border-left: 2px solid hsl(125, 48%, 48%); float:left;
    cursor: pointer;
    display: block;
    height: 10px;
    margin: 2px 5px 0 0;
    width: 10px;
    transform: rotate(-135deg);
	 -ms-transform: rotate(-135deg); /* IE 9 */
    -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */}

.home-projects-link-1:hover .arrow,.home-projects-link-2:hover .arrow{
	border-bottom: 2px solid hsl(193, 76%, 62%);
    border-left: 2px solid hsl(193, 76%, 62%);
	}

.home-projects-gal {
    float: none;
    margin: 30px auto 0;
    width: 90%;
}

.home-projects-gal-main{width:100%; border:1px solid #f0f0f0;}
.home-projects-gal-thumb{ float: none; display:none;
    margin-left: auto;
    margin-right: auto;
	 border: 1px solid hsl(0, 0%, 94%);
    height: 126px;
    margin-top: 30px;
    width: 166px; cursor:pointer;}
	.home-projects-gal-thumb:hover{border:1px solid hsl(193, 76%, 62%);}

.home-projects-gal-main img { display: block;
    height: 100%;
    width: 100%;}

.home-projects-gal-thumb img {
	display: block;
	width: 166px;
    height: 126px;
}


.home-believe-wrap{text-align:center; margin:0 0 60px 0;}
.home-believe-wrap .sep-1{margin:60px 0 80px;}
.home-believe-wrap img{width:90%;}

.home-story-wrap{margin:40px 0 10px;}
#story_btn2{display:none;}
.home-story-wrap h3{ text-align:center;}
.story-btn{margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
}
.story-sub {
    font-size: 120%;
    line-height: 120%;
    margin: 10px 20px -70px;
    text-align: center;
}

#story_1{}
#story_2{display:none;}
#slide_11,slide_12{zoom: 1; position:relative;}

.stage{
height: 365px;
    left: 0;
    position: relative;
    top: 20px;
    width: 100%;
	z-index: 100;
}

#stage_1{

}

#stage_2{

}

#s1_building{ background: hsla(0, 0%, 0%, 0) url("images/story-1-building.png") no-repeat scroll 0 0; background-size:contain;
    top: 171px;
    height: 194px;
    left: 130px;
    position: absolute;
    width: 951px;
    z-index: 80;}

#s1_man1{background: hsla(0, 0%, 0%, 0) url("images/story-1-man-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 81px;
    left: 355px;
    position: absolute;
    top: 98px;
    width: 42px;
    z-index: 49;}
#s1_man2{background: hsla(0, 0%, 0%, 0) url("images/story-1-man-2.png") no-repeat scroll 0 0; background-size:contain;
    height: 81px;
    left: 356px;
    position: absolute;
    top: 98px;
    width: 42px;
    z-index: 50; opacity:0;}
#s1_cloud1{background: hsla(0, 0%, 0%, 0) url("images/story-1-cloud-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 69px;
    left: 230px;
    position: absolute;
    top: 45px;
    width: 103px;
    z-index: 30;}
#s1_cloud2{background: hsla(0, 0%, 0%, 0) url("images/story-1-cloud-2.png") no-repeat scroll 0 0; background-size:contain;
    height: 146px;
    left: 675px;
    position: absolute;
    top: 2px;
    width: 360px;
    z-index: 30;}
#s1_cloud3{background: hsla(0, 0%, 0%, 0) url("images/story-1-cloud-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 69px;
    left: 845px;
    position: absolute;
    top: 45px;
    width: 103px;
    z-index: 29; opacity:0;}
#s1_box1{ background: hsla(0, 0%, 0%, 0) url("images/story-1-box-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 89px;
    left: 155px;
    position: absolute;
    top: 83px;
    width: 148px;
    z-index: 31; opacity:1;}
#s1_box2{background: hsla(0, 0%, 0%, 0) url("images/story-1-box-2.png") no-repeat scroll 0 0; background-size:contain;
    height: 45px;
    left: 565px;
    position: absolute;
    top: 127px;
    width: 72px;
    z-index: 31; opacity:1;}
#s1_box3{background: hsla(0, 0%, 0%, 0) url("images/story-1-box-3.png") no-repeat scroll 0 0; background-size:contain;
    height: 76px;
    left: 712px;
    position: absolute;
    top: 151px;
    width: 149px; opacity:1;}

#s1_box4,#s1_box5{background: hsla(0, 0%, 0%, 0) url("images/story-1-box-4.png") no-repeat scroll 0 0; background-size:contain;
    height: 40px;
    left: 425px;
    position: absolute;
    top: 131px;
    width: 70px; opacity:0;}
#s1_box5{left: 938px;
    top: 314px;}

#s1_box6{background: hsla(0, 0%, 0%, 0) url("images/story-1-box-5.png") no-repeat scroll 0 0; background-size:contain;
    height: 46px;
    left: 425px;
    position: absolute;
    top: 125px;
    width: 70px; opacity:0;}


#s1_box7{ background: hsla(0, 0%, 0%, 0) url("images/story-1-box-6.png") no-repeat scroll 0 0; background-size:contain;
    height: 47px;
    left: 938px;
    position: absolute;
    top: 307px;
    width: 70px; opacity:0;}


#s1_veg1{ background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 21px;
    left: 144px;
    position: absolute;
    top: 160px;
    width: 104px;
    z-index: 30; opacity:0;}

#s1_veg2{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-2.png") no-repeat scroll 0 0; background-size:contain;
    height: 24px;
    left: 258px;
    position: absolute;
    top: 157px;
    width: 104px;
    z-index: 60; opacity:0;}

#s1_veg3{ background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-3.png") no-repeat scroll 0 0; background-size:contain;
    height: 17px;
    left: 504px;
    position: absolute;
    top: 164px;
    width: 110px;
    z-index: 30; opacity:0;}

#s1_veg4{ background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-4.png") no-repeat scroll 0 0; background-size:contain;
    height: 15px;
    left: 628px;
    position: absolute;
    top: 171px;
    width: 47px;
    z-index: 104; opacity:0;}
	
#s1_veg5{ background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-5.png") no-repeat scroll 0 0; background-size:contain;
    height: 19px;
    left: 699px;
    position: absolute;
    top: 217px;
    width: 110px;
    z-index: 30; opacity:0;}

#s1_veg6{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-6.png") no-repeat scroll 0 0; background-size:contain;
    height: 31px;
    left: 808px;
    position: absolute;
    top: 205px;
    width: 110px;
    z-index: 30; opacity:0;}
	
#s1_veg7{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-9.png") no-repeat scroll 0 0; background-size:contain;
    height: 123px;
    left: 190px;
    position: absolute;
    top: 20px;
    width: 253px;
    z-index: 40; opacity:0;}

#s1_veg10{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-10.png") no-repeat scroll 0 0; background-size:contain;
    height: 123px;
    left: 190px;
    position: absolute;
    top: 20px;
    width: 253px;
    z-index: 40; opacity:0;}

#s1_veg11{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-11.png") no-repeat scroll 0 0; background-size:contain;
    height: 123px;
    left: 190px;
    position: absolute;
    top: 20px;
    width: 253px;
    z-index: 40; opacity:0;}
	
#s1_veg12{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-12.png") no-repeat scroll 0 0; background-size:contain;
    height: 222px;
    left: 640px;
    position: absolute;
    top: 85px;
    width: 333px;
    z-index: 40; opacity:0;}

#s1_veg13{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-13.png") no-repeat scroll 0 0; background-size:contain;
    height: 225px;
    left: 640px;
    position: absolute;
    top: 85px;
    width: 332px;
    z-index: 40; opacity:0;}

#s1_veg14{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-14.png") no-repeat scroll 0 0; background-size:contain;
    height: 221px;
    left: 640px;
    position: absolute;
    top: 85px;
    width: 332px;
    z-index: 40; opacity:0;}
	
	
#s1_flag1{background: hsla(0, 0%, 0%, 0) url("images/story-1-flag-1.png") no-repeat scroll 0 0; background-size:contain;
    height: 137px;
    left: 401px;
    position: absolute;
    top: 35px;
    width: 149px;
    z-index: 30; opacity:0;}

#s1_flag2{background: hsla(0, 0%, 0%, 0) url("images/story-1-flag-2.png") no-repeat scroll 0 0; background-size:contain;
    height: 173px;
    left: 676px;
    position: absolute;
    top: 0;
    width: 216px;
    z-index: 30; opacity:0;}
	
#s1_flag3{background: hsla(0, 0%, 0%, 0) url("images/story-1-flag-3.png") no-repeat scroll 0 0; background-size:contain;
    height: 247px;
    left: 873px;
    position: absolute;
    top: 108px;
    width: 191px;
    z-index: 30; opacity:0;}
	

#s1_vegF{background: hsla(0, 0%, 0%, 0) url("images/story-1-veg-final.png") no-repeat scroll 0 0; background-size:contain;
    height: 170px;
    left: 130px;
    position: absolute;
    top: 90px;
    width: 221px;
    z-index: 30; opacity:0;}

#s1_scaleF{ background: hsla(0, 0%, 0%, 0) url("images/story-1-scale-final.png") no-repeat scroll 0 0; background-size:contain;
    height: 145px;
    left: 540px;
    position: absolute;
    top: 97px;
    width: 126px;
    z-index: 30; opacity:0;}
	
#s1_handF{background: hsla(0, 0%, 0%, 0) url("images/story-1-hand-final.png") no-repeat scroll 0 0; background-size:contain;
    height: 147px;
    left: 875px;
    position: absolute;
    top: 110px;
    width: 190px;
    z-index: 30; opacity:0;}
	
#s1_arrowsF,#s1_arrowsF2{background: hsla(0, 0%, 0%, 0) url("images/story-1-arrows-final.png") no-repeat scroll 0 0; background-size:contain;
    height: 26px;
    left: 410px;
    position: absolute;
    top: 180px;
    width: 65px;
    z-index: 30; opacity:0;}

#s1_arrowsF2{left: 740px; top: 180px;}

	.story-sub {
margin-bottom:0px;
}
@media (max-width: 1199px) {
	.stage {
    height: 325px;}
	.story-sub {
    font-size: 160%;
	}
	
  #s1_building{height: 153px; width: 751px;  left: 110px;}
  #s1_box1 {
    height: 65px;
    left: 135px;
    top: 107px;
    width: 108px;
}

#s1_box2 {
   height: 30px;
    left: 470px;
    top: 142px;
    width: 48px;
}

#s1_box3 {
    height: 61px;
    left: 568px;
    top: 155px;
    width: 119px;
}

#s1_man1, #s1_man2 {
    height: 62px;
    left: 290px;
    top: 114px;
    width: 32px;
}
#s1_cloud1 {
    height: 49px;
    left: 191px;
    top: 80px;
    width: 73px;
}
#s1_cloud2 {
    height: 122px;
    left: 533px;
    top: 30px;
    width: 300px;
}
#s1_cloud3 {
    height: 49px;
  left: 675px;
    top: 80px;
    width: 73px;
}

#s1_box4 {
    height: 29px;
    left: 346px;
    top: 143px;
    width: 52px;
}

	
	#s1_box5{
   height: 29px;
   left: 748px;
    top: 287px;
     width: 52px;}

#s1_box6{
   height: 33px;
    left: 346px;
    top: 139px;
    width: 50px;
}


#s1_box7{
    height: 34px;
    left: 748px;
    top: 282px;
    width: 50px;
}

#s1_veg1 {
    height: 15px;
    left: 129px;
    top: 164px;
    width: 74px;
}

#s1_veg2{
   height: 18px;
    left: 220px;
    top: 162px;
    width: 74px;
}

#s1_veg3{
    height: 13px;
    left: 408px;
    top: 167px;
    width: 80px;
}

#s1_veg4{
   height: 11px;
    left: 510px;
    top: 173px;
    width: 32px;
}
	
#s1_veg5{ 
  height: 14px;
    left: 559px;
    top: 208px;
    width: 80px;
}
/*1999*/
#s1_veg6{
   height: 23px;
    left: 648px;
    top: 200px;
    width: 80px;
   }
	
#s1_veg7{
    height: 106px;
    left: 150px;
    top: 40px;
    width: 223px;
}

#s1_veg10{
   height: 105px;
    left: 151px;
    top: 41px;
    width: 220px;
}

#s1_veg11{
   height: 107px;
    left: 150px;
    top: 40px;
    width: 223px;
}
	
#s1_veg12{
   height: 162px;
    left: 530px;
    top: 114px;
    width: 243px;}

#s1_veg13{
     height: 225px;
    left: 530px;
    top: 112px;
    width: 242px;
}

#s1_veg14{
    height: 161px;
    left: 530px;
    top: 115px;
    width: 242px;
}
	
	#s1_vegF{
   height: 132px;
    left: 50px;
    top: 110px;
    width: 171px;
}

#s1_scaleF{
   height: 121px;
    left: 440px;
    top: 114px;
    width: 106px;
}
	
#s1_handF{
    height: 124px;
    left: 725px;
    top: 120px;
    width: 160px;}
	
#s1_arrowsF{
     height: 22px;
    left: 310px;
    top: 170px;
    width: 55px;}

#s1_arrowsF2{ height: 22px;
    left: 610px;
    top: 170px;
    width: 55px;}
	.story-sub {
margin-bottom:0px;
}
}

@media (max-width: 991px) {
	
	.stage {
    height: 293px;
}
.story-sub {
    font-size: 140%;
	}
	
  #s1_building{height: 121px;
    left: 75px;
    width: 591px;}
	
	#s1_box1 {
    height: 47px;
    left: 105px;
    top: 125px;
    width: 78px;
}

#s1_box2 {
    height: 24px;
    left: 355px;
    top: 148px;
    width: 38px;
}

#s1_box3 {
    height: 46px;
    left: 437px;
    top: 161px;
    width: 89px;
}

#s1_man1,#s1_man2 {
    height: 44px;
    left: 217px;
    top: 131px;
    width: 23px;
}
#s1_cloud1 {
  height: 36px;
    left: 144px;
    top: 103px;
    width: 53px;
}
#s1_cloud2 {
   height: 93px;
    left: 407px;
    top: 65px;
    width: 230px;
}
#s1_cloud3 {
    height: 36px;
    left: 518px;
    top: 105px;
    width: 53px;
}
#s1_box4 {
  height: 22px;
    left: 262px;
    top: 150px;
    width: 38px;
}
#s1_box5 {
    height: 22px;
    left: 578px;
    top: 264px;
    width: 38px;
}

#s1_box6{
  height: 25px;
    left: 262px;
    top: 147px;
    width: 38px;
}


#s1_box7{
   height: 26px;
    left: 578px;
    top: 260px;
    width: 38px;
}

#s1_veg1 {
    height: 11px;
    left: 93px;
    top: 166px;
    width: 54px;
}

#s1_veg2{
  height: 13px;
    left: 164px;
    top: 165px;
    width: 54px;
}

#s1_veg3{
   height: 10px;
    left: 308px;
    top: 168px;
    width: 60px;
}

#s1_veg4{
 height: 8px;
    left: 394px;
    top: 173px;
    width: 26px;
}
	
#s1_veg5{ 
     height: 11px;
    left: 429px;
    top: 201px;
    width: 60px;
}
	
/*991*/
#s1_veg6{
  height: 17px;
    left: 500px;
    top: 195px;
    width: 60px;
   }
	
#s1_veg7{
   height: 83px;
    left: 110px;
    top: 70px;
    width: 173px;
}

#s1_veg10{
  height: 81px;
    left: 111px;
    top: 70px;
    width: 170px;
}

#s1_veg11{
  height: 82px;
    left: 110px;
    top: 70px;
    width: 173px;
}
	
#s1_veg12{
 height: 116px;
    left: 416px;
    top: 126px;
    width: 173px;}

#s1_veg13{
    height: 117px;
    left: 416px;
    top: 125px;
    width: 172px;
}

#s1_veg14{
   height: 116px;
    left: 415px;
    top: 128px;
    width: 172px;
}

#s1_vegF{
  height: 117px;
    left: 35px;
    top: 100px;
    width: 141px;
}

#s1_scaleF{
 height: 99px;
    left: 335px;
    top: 104px;
    width: 86px;
}
	
#s1_handF{
  height: 108px;
    left: 560px;
    top: 110px;
    width: 140px;}
	
#s1_arrowsF{
   height: 18px;
    left: 240px;
    top: 150px;
    width: 45px;}

#s1_arrowsF2{height: 18px;
    left: 470px;
    top: 150px;
    width: 45px;}
	.story-sub {
margin-bottom:-30px;
}
}

@media (max-width: 767px) {
	.stage {
    height: 253px;
	width: 580px;
}

.story-sub {
margin-bottom:-50px;
}
#s1_building {
    height: 97px;
    left: 50px;
    width: 471px;
	top: 156px;
}
#s1_box1 {
    height: 35px;
    left: 75px;
    top: 122px;
    width: 58px;
}

#s1_box2 {
    height: 17px;
    left: 278px;
    top: 139px;
    width: 28px;
}

#s1_box3 {
    height: 30px;
    left: 338px;
    top: 153px;
    width: 59px;
}
#s1_man1,#s1_man2 {
    height: 33px;
    left: 164px;
    top: 125px;
    width: 17px;
}
#s1_cloud1 {
  height: 25px;
    left: 106px;
    top: 107px;
    width: 37px;
}
#s1_cloud2 {
    height: 69px;
    left: 309px;
    top: 81px;
    width: 170px;
}
#s1_cloud3 {
    height: 25px;
    left: 393px;
    top: 115px;
    width: 37px;
}
#s1_box4 {
  height: 17px;
    left: 200px;
    top: 139px;
    width: 30px;
}
#s1_box5 {
    height: 17px;
    left: 451px;
    top: 230px;
    width: 30px;
}

#s1_box6{
 height: 20px;
    left: 200px;
    top: 137px;
    width: 30px;
}


#s1_box7 {
    height: 21px;
    left: 451px;
    top: 227px;
    width: 30px;
}

#s1_veg1 {
     height: 9px;
    left: 65px;
    top: 151px;
    width: 44px;
}

#s1_veg2{
  height: 11px;
    left: 120px;
    top: 150px;
    width: 44px;
}

#s1_veg3{
  height: 8px;
    left: 238px;
    top: 152px;
    width: 50px;
}

#s1_veg4{
 height: 6px;
    left: 306px;
    top: 157px;
    width: 18px;
}
	
#s1_veg5{ 
    height: 9px;
    left: 334px;
    top: 179px;
    width: 50px;
}
/*767*/
#s1_veg6{
 height: 14px;
    left: 390px;
    top: 174px;
    width: 50px;
   }
	
#s1_veg7{
   height: 66px;
    left: 80px;
    top: 80px;
    width: 138px;
}

#s1_veg10{
  height: 65px;
    left: 81px;
    top: 80px;
    width: 136px;
}

#s1_veg11{
 height: 66px;
    left: 80px;
    top: 80px;
    width: 139px;
}
	
#s1_veg12{
height: 96px;
    left: 320px;
    top: 118px;
    width: 143px;}

#s1_veg13{
    height: 96px;
    left: 322px;
    top: 117px;
    width: 140px;
}

#s1_veg14{
  height: 95px;
    left: 320px;
    top: 119px;
    width: 142px;
}

#s1_vegF{
 height: 87px;
    left: 50px;
    top: 90px;
    width: 111px;
}

#s1_scaleF{
 height: 76px;
    left: 280px;
    top: 97px;
    width: 66px;
}
	
#s1_handF{
 height: 81px;
    left: 470px;
    top: 100px;
    width: 105px;}
	
#s1_arrowsF{
   height: 14px;
    left: 205px;
    top: 130px;
    width: 35px;}

#s1_arrowsF2{height: 14px;
    left: 395px;
    top: 130px;
    width: 35px;}

}

@media (max-width: 580px) {
	.stage {
    height: 203px;
	width: 360px;
	overflow: hidden;
}

#s1_building {
    height: 66px;
    left: 20px;
    width: 321px;
	top:136px;
}
#s1_box1 {
    height: 22px;
    left: 40px;
    top: 115px;
    width: 38px;
}
#s1_box2 {
    height: 12px;
    left: 174px;
    top: 126px;
    width: 19px;
}
#s1_box3 {
    height: 30px;
    left: 217px;
    top: 134px;
    width: 43px;
}
#s1_man1,#s1_man2 {
    height: 25px;
    left: 95px;
    top: 113px;
    width: 13px;
}
#s1_cloud1 {
 height: 18px;
    left: 58px;
    top: 103px;
    width: 27px;
}
#s1_cloud2 {
    height: 54px;
    left: 194px;
    top: 78px;
    width: 130px;
}
#s1_cloud3 {
    height: 18px;
    left: 257px;
    top: 103px;
    width: 27px;
}
#s1_box4 {
   height: 13px;
    left: 120px;
    top: 124px;
    width: 23px;
}
#s1_box5 {
    height: 13px;
    left: 294px;
    top: 186px;
    width: 23px;
}
#s1_box6{
 height: 16px;
    left: 120px;
    top: 122px;
    width: 23px;
}


#s1_box7 {
   height: 17px;
    left: 294px;
    top: 183px;
    width: 23px;
}

#s1_veg1 {
   height: 7px;
    left: 27px;
    top: 133px;
    width: 34px;
}

#s1_veg2{
  height: 7px;
    left: 63px;
    top: 132px;
    width: 34px;
}

#s1_veg3{
 height: 7px;
    left: 148px;
    top: 134px;
    width: 40px;
}

#s1_veg4{
  height: 4px;
    left: 195px;
    top: 138px;
    width: 13px;
}
	
#s1_veg5{ 
   height: 7px;
    left: 212px;
    top: 152px;
    width: 38px;
}
/*580*/
#s1_veg6{
 height: 11px;
    left: 251px;
    top: 149px;
    width: 36px;
   }
	
#s1_veg7{
  height: 44px;
    left: 40px;
    top: 80px;
    width: 93px;
}

#s1_veg10{
 height: 44px;
    left: 40px;
    top: 79px;
    width: 93px;
}

#s1_veg11{
height: 45px;
    left: 40px;
    top: 80px;
    width: 94px;
}
	
#s1_veg12{
 height: 69px;
    left: 201px;
    top: 107px;
    width: 103px;
}

#s1_veg13{
   height: 71px;
    left: 201px;
    top: 107px;
    width: 104px;
}

#s1_veg14{
  height: 71px;
    left: 200px;
    top: 109px;
    width: 106px;
}

#s1_vegF{
height: 56px;
    left: 30px;
    top: 90px;
    width: 71px;
}

#s1_scaleF{
  height: 53px;
    left: 160px;
    top: 97px;
    width: 46px;
}
	
#s1_handF{
height: 58px;
    left: 255px;
    top: 100px;
    width: 75px;}
	
#s1_arrowsF{
   height: 10px;
    left: 119px;
    top: 115px;
    width: 25px;
}
#s1_arrowsF2{height: 10px;
    left: 220px;
    top: 115px;
    width: 25px;
}


}

@media (max-width: 360px) {
	.stage {
    width: 340px;
}
}

#s2_building {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-building.png") no-repeat scroll 0 0 / contain ;
    bottom: 0;
    height: 194px;
    left: 110px;
    opacity: 1;
    position: absolute;
    width: 952px;
    z-index: 1;
}

#s2_glass {
  background: hsla(0, 0%, 0%, 0) url("images/story-2-glass.png") no-repeat scroll 0 0 / contain ;
    bottom: 6px;
    height: 178px;
    left: 302px;
    opacity: 1;
    position: absolute;
    width: 280px;
    z-index: 41;
}

#s2_man1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-1.png") no-repeat scroll 0 0 / contain ;
    height: 104px;
    left: 220px;
    opacity: 1;
    position: absolute;
    top: 243px;
    width: 59px;
    z-index: 30;
}
#s2_man4 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-4.png") no-repeat scroll 0 0 / contain ;
    height: 80px;
    left: 774px;
    opacity: 0;
    position: absolute;
    top: 97px;
    width: 65px;
    z-index: 30;
}

#s2_man5 {
   background: hsla(0, 0%, 0%, 0) url("images/story-2-man-5.png") no-repeat scroll 0 0 / contain ;
    bottom: 12px;
    height: 134px;
    left: 370px;
    opacity: 0;
    position: absolute;
    width: 36px;
    z-index: 43;
}

#s2_man6 {
  background: hsla(0, 0%, 0%, 0) url("images/story-2-man-6.png") no-repeat scroll 0 0 / contain ;
    bottom: 12px;
    height: 134px;
    left: 484px;
    opacity: 0;
    position: absolute;
    width: 35px;
    z-index: 43;
}


#s2_man7 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-5.png") no-repeat scroll 0 0 / contain ;
    bottom: 32px;
    height: 134px;
    left: 625px;
    opacity: 0;
    position: absolute;
    width: 36px;
    z-index: 43;
}

#s2_man8 {
   background: hsla(0, 0%, 0%, 0) url("images/story-2-man-6.png") no-repeat scroll 0 0 / contain ;
    bottom: 61px;
    height: 134px;
    left: 717px;
    opacity: 0;
    position: absolute;
    width: 35px;
    z-index: 43;
}

#s2_man9 {
     background: hsla(0, 0%, 0%, 0) url("images/story-2-man-5.png") no-repeat scroll 0 0 / contain ;
    bottom: 114px;
    height: 134px;
    left: 808px;
    opacity: 0;
    position: absolute;
    width: 36px;
    z-index: 43;
}

#s2_man10 {
  background: hsla(0, 0%, 0%, 0) url("images/story-2-man-6.png") no-repeat scroll 0 0 / contain ;
    bottom: 165px;
    height: 134px;
    left: 899px;
    opacity: 0;
    position: absolute;
    width: 35px;
    z-index: 43;
}




#s2_table1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-table-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 8px;
    height: 65px;
    left: 150px;
    opacity: 1;
    position: absolute;
    width: 238px;
    z-index: 44;
}
#s2_chair1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-chair-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 11px;
    height: 99px;
    left: 219px;
    opacity: 1;
    position: absolute;
    width: 64px;
    z-index: 29;
}
#s2_laptop1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-laptop-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 65px;
    height: 24px;
    left: 245px;
    opacity: 1;
    position: absolute;
    width: 56px;
    z-index: 45;
}
#s2_bubble1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-bubble-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 119px;
    height: 57px;
    left: 260px;
    opacity: 1;
    position: absolute;
    width: 97px;
    z-index: 33;
}
#s2_man2 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-2.png") no-repeat scroll 0 0 / contain ;
    bottom: 18px;
    height: 111px;
    left: 220px;
    opacity: 0;
    position: absolute;
    width: 57px;
    z-index: 31;
}
#s2_product1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-productivity-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 118px;
    height: 56px;
    left: 170px;
    opacity: 0;
    position: absolute;
    width: 228px;
    z-index: 33;
}
#s2_wallgarden1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-wallgarden-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 48px;
    height: 136px;
    left: 120px;
    opacity: 0;
    position: absolute;
    width: 462px;
    z-index: 27;
}
#s2_man3 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-3.png") no-repeat scroll 0 0 / contain ;
    height: 81px;
    left: 785px;
    opacity: 0;
    position: absolute;
    top: 96px;
    width: 41px;
    z-index: 30;
}

#s2_man11 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-man-3.png") no-repeat scroll 0 0 / contain ;
    height: 81px;
    left: 465px;
    opacity: 0;
    position: absolute;
    top: 96px;
    width: 41px;
    z-index: 30;
}

#s2_bin1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-bin-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 39px;
    height: 53px;
    left: 602px;
    opacity: 0;
    position: absolute;
    width: 52px;
    z-index: 30;
}
#s2_air1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-air-1.png") no-repeat scroll 0 0 / contain ;
    bottom: 96px;
    height: 51px;
    left: 788px;
    opacity: 0;
    position: absolute;
    width: 241px;
    z-index: 60;
}
#s2_wallgarden2 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-wallgarden-2.png") no-repeat scroll 0 0 / contain ;
    bottom: 0;
    height: 194px;
    left: 1048px;
    opacity: 0;
    position: absolute;
    width: 32px;
    z-index: 0;
}
#s2_sustain1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-sustain-1.png") no-repeat scroll 0 0 / contain ;
    height: 61px;
    left: 200px;
    opacity: 0;
    position: absolute;
    top: 47px;
    width: 234px;
    z-index: 30;
}
#s2_roof1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-roof-1.png") no-repeat scroll 0 0 / contain ;
    height: 176px;
    right: 69px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 560px;
    z-index: 30;
}
#s2_plant1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-plant-1.png") no-repeat scroll 0 0 / contain ;
    height: 68px;
    left: 1010px;
    opacity: 0;
    position: absolute;
    top: 134px;
    width: 34px;
    z-index: 0;
}
#s2_plant2 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-plant-2.png") no-repeat scroll 0 0 / contain ;
    height: 52px;
    left: 910px;
    opacity: 0;
    position: absolute;
    top: 150px;
    width: 95px;
    z-index: 0;
}
#s2_plant3 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-plant-3.png") no-repeat scroll 0 0 / contain ;
    height: 59px;
    left: 640px;
    opacity: 0;
    position: absolute;
    top: 143px;
    width: 114px;
    z-index: 0;
}
#s2_solar1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-solar-1.png") no-repeat scroll 0 0 / contain ;
    height: 112px;
    left: 130px;
    opacity: 0;
    position: absolute;
    top: 60px;
    width: 108px;
    z-index: 28;
}
#s2_insul1 {
    background: hsla(0, 0%, 0%, 0) url("images/story-2-insul-1.png") no-repeat scroll 0 0 / contain ;
    height: 44px;
    left: 725px;
    opacity: 0;
    position: absolute;
    top: 58px;
    width: 155px;
    z-index: 30;
}

@media (max-width: 1199px) {
#s2_building {
    height: 188px;
    left: 10px;
    width: 922px;

}
#s2_table1 {
    bottom: 8px;
    height: 63px;
    left: 50px;
    width: 228px;
}

#s2_chair1 {
    bottom: 13px;
    height: 88px;
    left: 114px;
    width: 57px;
}
#s2_man1 {
    height: 95px;
    left: 112px;
    top: 210px;
    width: 54px;
}
#s2_laptop1 {
    bottom: 60px;
    height: 24px;
    left: 134px;
    width: 49px;
}
#s2_bubble1 {
    bottom: 103px;
    height: 57px;
    left: 149px;
    width: 82px;
}
#s2_glass {
    bottom: 5px;
    height: 172px;
    left: 198px;
    width: 268px;
}

#s2_man2 {
    bottom: 18px;
    height: 103px;
    left: 112px;
    width: 51px;
}
#s2_man5 {
    bottom: 13px;
    height: 116px;
    left: 262px;
    width: 31px;
}
#s2_man6 {
    bottom: 12px;
    height: 115px;
    left: 376px;
    width: 30px;
}
#s2_man7 {
    bottom: 32px;
    height: 116px;
    left: 505px;
    width: 31px;
}
#s2_man8 {
    bottom: 61px;
    height: 115px;
    left: 597px;
    width: 30px;
}
#s2_man9 {
    bottom: 111px;
    height: 112px;
    left: 688px;
    width: 31px;
}
#s2_man10 {
    bottom: 160px;
    height: 115px;
    left: 769px;
    width: 30px;
}
#s2_wallgarden1 {
    bottom: 46px;
    height: 131px;
    left: 21px;
    width: 447px;
}
#s2_product1 {
    bottom: 115px;
    height: 52px;
    left: 70px;
    width: 208px;
}
#s2_bin1 {
    bottom: 39px;
    height: 43px;
    left: 486px;
    width: 42px;
}
#s2_air1 {
    bottom: 96px;
    height: 47px;
    left: 666px;
    width: 221px;
}
#s2_wallgarden2 {
    bottom: 0;
    height: 187px;
    left: 920px;
    width: 31px;
}
#s2_roof1 {
    height: 170px;
    right: -30px;
    top: -22px;
    width: 541px;
}
#s2_man3 {
    height: 72px;
    left: 678px;
    top: 74px;
    width: 36px;
}
#s2_man4 {
    height: 71px;
    left: 668px;
    top: 75px;
    width: 58px;
}
#s2_insul1 {
    height: 40px;
    left: 625px;
    top: 40px;
    width: 140px;
}
#s2_man11 {
    height: 72px;
    left: 365px;
    top: 70px;
    width: 36px;
}
#s2_solar1 {
    height: 102px;
    left: 30px;
    top: 37px;
    width: 98px;
}
#s2_plant2 {
    height: 47px;
    left: 789px;
    top: 117px;
    width: 85px;
}
#s2_plant3 {
    height: 54px;
    left: 525px;
    top: 113px;
    width: 104px;
}
#s2_plant1 {
    height: 58px;
    left: 885px;
    top: 105px;
    width: 29px;
}
}


@media (max-width: 991px) {
#s2_building {
    height: 144px;
    left: 10px;
    width: 707px;
}
#s2_table1 {
    bottom: 4px;
    height: 54px;
    left: 40px;
    width: 198px;
}
#s2_chair1 {
    bottom: 8px;
    height: 77px;
    left: 89px;
    width: 50px;
}
#s2_man1 {
    height: 83px;
    left: 89px;
    top: 197px;
    width: 47px;
}
#s2_laptop1 {
    bottom: 52px;
    height: 18px;
    left: 109px;
    width: 42px;
}
#s2_bubble1 {
    bottom: 93px;
    height: 43px;
    left: 123px;
    width: 72px;
}
#s2_glass {
    bottom: -7px;
    height: 143px;
    left: 151px;
    width: 208px;
}

#s2_man2 {
    bottom: 13px;
    height: 89px;
    left: 89px;
    width: 46px;
}

#s2_man5 {
    bottom: 10px;
    height: 95px;
    left: 226px;
    width: 26px;
}

#s2_man6 {
    bottom: 12px;
    height: 94px;
    left: 291px;
    width: 25px;
}

#s2_man7 {
    bottom: 25px;
    height: 95px;
    left: 395px;
    width: 26px;
}

#s2_man8 {
    bottom: 46px;
    height: 94px;
    left: 460px;
    width: 25px;
}

#s2_man9 {
    bottom: 84px;
    height: 95px;
    left: 528px;
    width: 26px;
}

#s2_man10 {
    bottom: 122px;
    height: 94px;
    left: 597px;
    width: 25px;
}

#s2_wallgarden1 {
    bottom: 35px;
    height: 101px;
    left: 18px;
    width: 342px;
}
#s2_product1 {
    bottom: 93px;
    height: 37px;
    left: 60px;
    width: 151px;
}
#s2_bin1 {
    bottom: 29px;
    height: 33px;
    left: 376px;
    width: 32px;
}
#s2_air1 {
    bottom: 71px;
    height: 36px;
    left: 514px;
    width: 171px;
}
#s2_wallgarden2 {
    bottom: 0;
    height: 146px;
    left: 707px;
    width: 24px;
}
#s2_roof1 {
    height: 131px;
    right: -27px;
    top: 21px;
    width: 417px;
}
#s2_man3 {
    height: 66px;
    left: 512px;
    top: 89px;
    width: 33px;
}
#s2_man4 {
    height: 64px;
    left: 503px;
    top: 90px;
    width: 53px;
}
#s2_insul1 {
    height: 32px;
    left: 472px;
    top: 63px;
    width: 110px;
}
#s2_man11 {
    height: 67px;
    left: 270px;
    top: 86px;
    width: 34px;
}
#s2_solar1 {
    height: 91px;
    left: 27px;
    top: 59px;
    width: 88px;
}
#s2_plant2 {
    height: 36px;
    left: 594px;
    top: 134px;
    width: 65px;
}
#s2_plant3 {
    height: 44px;
    left: 405px;
    top: 129px;
    width: 84px;
}
#s2_plant1 {
    height: 50px;
    left: 673px;
    top: 122px;
    width: 25px;
}
}


@media (max-width: 440px) {
	.story-btn{ font-size: 100%;
    line-height: 240%;
    width: 300px;}
}
@media (max-width: 767px) {

#s2_building {
    height: 113px;
    left: 15px;
    width: 555px;
}

#s2_glass {
    bottom: 3px;
    height: 104px;
    left: 127px;
    width: 163px;
}
#s2_man1 {
    height: 71px;
    left: 89px;
    top: 168px;
    width: 40px;
}

#s2_table1 {
    bottom: 4px;
    height: 48px;
    left: 40px;
    width: 173px;
}
#s2_chair1 {
    bottom: 10px;
    height: 70px;
    left: 89px;
    width: 45px;
}
#s2_laptop1 {
    bottom: 47px;
    height: 15px;
    left: 107px;
    width: 35px;
}
#s2_bubble1 {
    bottom: 86px;
    height: 33px;
    left: 114px;
    width: 59px;
}
#s2_man2 {
    bottom: 18px;
    height: 71px;
    left: 90px;
    width: 37px;
}
#s2_wallgarden1 {
    bottom: 27px;
    height: 80px;
    left: 21px;
    width: 269px;
}
#s2_product1 {
    bottom: 80px;
    height: 27px;
    left: 64px;
    width: 111px;
}
#s2_man5 {
    bottom: 10px;
    height: 82px;
    left: 202px;
    width: 22px;
}
#s2_man6 {
    bottom: 9px;
    height: 83px;
    left: 251px;
    width: 22px;
}
#s2_man7 {
    bottom: 16px;
    height: 82px;
    left: 313px;
    width: 22px;
}
#s2_bin1 {
    bottom: 19px;
    height: 28px;
    left: 301px;
    width: 27px;
}
#s2_man8 {
    bottom: 34px;
    height: 77px;
    left: 368px;
    width: 20px;
}
#s2_man9 {
    bottom: 65px;
    height: 79px;
    left: 421px;
    width: 21px;
}
#s2_man10 {
    bottom: 95px;
    height: 81px;
    left: 473px;
    width: 21px;
}
#s2_air1 {
    bottom: 56px;
    height: 28px;
    left: 410px;
    width: 131px;
}
#s2_wallgarden2 {
    bottom: 0;
    height: 113px;
    left: 561px;
    width: 19px;
}
#s2_roof1 {
    height: 103px;
    right: -25px;
    top: 40px;
    width: 339px;
}
#s2_solar1 {
    height: 71px;
    left: 30px;
    top: 70px;
    width: 68px;
}
#s2_man11 {
    height: 56px;
    left: 210px;
    top: 89px;
    width: 28px;
}
#s2_plant3 {
    height: 38px;
    left: 325px;
    top: 122px;
    width: 72px;
}
#s2_man3 {
    height: 56px;
    left: 412px;
    top: 90px;
    width: 28px;
}
#s2_man4 {
    height: 53px;
    left: 405px;
    top: 91px;
    width: 43px;
}
#s2_insul1 {
    height: 26px;
    left: 382px;
    top: 70px;
    width: 90px;
}
#s2_plant1 {
    height: 40px;
    left: 538px;
    top: 118px;
    width: 20px;
}
#s2_plant2 {
    height: 31px;
    left: 479px;
    top: 127px;
    width: 55px;
}

}
@media (max-width: 580px) {
#stage_2{width:340px;}
#s2_building {
    height: 60px;
    left: 28px;
    width: 294px;
}
#s2_glass {
    bottom: 2px;
    height: 55px;
    left: 88px;
    width: 86px;
}
#s2_laptop1 {
    bottom: 20px;
    height: 10px;
    left: 71px;
    width: 23px;
}
#s2_table1 {
    bottom: 2px;
    height: 20px;
    left: 40px;
    width: 73px;
}
#s2_chair1 {
    bottom: 3px;
    height: 37px;
    left: 62px;
    width: 25px;
}
#s2_man1 {
    height: 44px;
    left: 61px;
    top: 160px;
    width: 25px;
}
#s2_man2 {
    bottom: -20px;
    height: 66px;
    left: 61px;
    width: 24px;
}
#s2_product1 {
    bottom: 39px;
    height: 18px;
    left: 44px;
    width: 71px;
}
#s2_bubble1 {
    bottom: 40px;
    height: 22px;
    left: 78px;
    width: 37px;
}
#s2_man5 {
    bottom: 1px;
    height: 49px;
    left: 113px;
    width: 13px;
}
#s2_man6 {
    bottom: 2px;
    height: 47px;
    left: 146px;
    width: 14px;
}
#s2_man7 {
    bottom: 9px;
    height: 43px;
    left: 187px;
    width: 12px;
}
#s2_man8 {
    bottom: 19px;
    height: 41px;
    left: 215px;
    width: 11px;
}
#s2_man9 {
    bottom: 35px;
    height: 43px;
    left: 242px;
    width: 12px;
}
#s2_man10 {
    bottom: 51px;
    height: 44px;
    left: 270px;
    width: 12px;
}
#s2_roof1 {
    height: 54px;
    right: 6px;
    top: 90px;
    width: 172px;
}
#s2_solar1 {
    height: 38px;
    left: 40px;
    top: 105px;
    width: 37px;
}
#s2_wallgarden2 {
    bottom: 0;
    height: 60px;
    left: 317px;
    width: 10px;
}
#s2_man11 {
    height: 31px;
    left: 130px;
    top: 114px;
    width: 16px;
}
#s2_bin1 {
    bottom: 12px;
    height: 14px;
    left: 182px;
    width: 15px;
}
#s2_air1 {
    bottom: 30px;
    height: 16px;
    left: 239px;
    width: 73px;
}
#s2_wallgarden1 {
    bottom: 15px;
    height: 42px;
    left: 31px;
    width: 147px;
}
#s2_plant3 {
    height: 16px;
    left: 200px;
    top: 135px;
    width: 31px;
}
#s2_plant1 {
    height: 20px;
    left: 305px;
    top: 132px;
    width: 10px;
}
#s2_plant2 {
    height: 19px;
    left: 267px;
    top: 135px;
    width: 35px;
}
#s2_man3 {
    height: 31px;
    left: 242px;
    top: 114px;
    width: 16px;
}
#s2_man4 {
    height: 31px;
    left: 238px;
    top: 115px;
    width: 25px;
}
#s2_insul1 {
    height: 14px;
    left: 225px;
    top: 104px;
    width: 48px;
}
}

@media (min-width: 768px) {
	
	.home-story-wrap h3{ text-align:left; font-size: 180%;}
	.story-sub{text-align:left; margin-left:0; margin-right:0;  font-size: 160%;}
	/*.story-btn{ margin-left:0; margin-right:0;}*/
	.home-projects-wrap h3{
    margin: 0 0 0 15px;
    text-align: left;}
	
	.home-projects-wrap h1{
    margin: 40px 0 0 15px;
    text-align: left;
	}
  
  .home-projects-link-1,.home-projects-link-2{margin: 20px 0 0 15px;  width: 195px;}
  
  .home-projects-link-1 {
    margin-top: 40px;
}

.home-projects-full, .home-projects-more {
    font-size: 120%;
	}

  .home-projects-gal{float:right;  width: 94.52%; margin: 0 20px 0 0;}
  
  .home-projects-wrap p{margin: 20px 0 0 15px;
    text-align: left;
   }
	
	.home-nutshell p{
    width: 450px;}
	
	.home-square-wrap{ margin-left: 15px;}
   .home-square{ float: left;
    height: 100px;
    width: 100px;
	margin-left:10px;
	margin-top:0;
}
.home-square h4{ 
    font-size: 80%;
    margin: 35px auto 0;
}
#home_square_1 > h4 {
    margin-top: 45px;
}
.home-projects-gal-thumb{display:block;}
}
@media (min-width: 992px) {
	
/*	.story-btn{float:right; margin-top:0;}*/
	.home-square-wrap{ margin-left: 35px;}
   .home-square{
    height: 130px;
    width: 130px;
	margin-left: 15px;
}
.home-square h4 {
    font-size: 100%;
    margin: 45px auto 0;
}
#home_square_1 > h4 {
    margin-top: 55px;
}

.home-projects-gal-thumb{ border: 1px solid hsl(0, 0%, 94%);
    float: left;
    margin-right: 24px;
    margin-top: 30px;
	margin-left:0;
     height: 96px;
    width: 129px;}
	.home-projects-gal .home-projects-gal-thumb:nth-child(3n+1){margin-right:0;}
	
	 .home-projects-link-1,.home-projects-link-2{ width: 225px;}
  
.home-projects-full, .home-projects-more {
    font-size: 140%;
	}
	
	.home-projects-link-1 .arrow, .home-projects-link-2 .arrow {
    height: 12px;
    margin: 4px 5px 0 0;
    width: 12px;
}

}

@media (min-width: 1200px) {
	.home-square:hover .home-square-overlay{display:block;}
	.home-square-wrap{ margin-left: 70px;}
  .home-square{
    height: 150px;
    width: 150px;
	margin-left: 15px;
}
.home-square h4 {
    font-size: 110%;
    margin: 55px auto 0;
}
#home_square_1 > h4 {
    margin-top: 65px;
}
.home-projects-gal-thumb{ 
    height: 126px;
    width: 166px;}
	
}

#bx-pager{text-align:center;}

/********************************************** ABOUT PAGE *********************************************/


.inner_banner{
    position: relative;
    width: 100%;
    z-index: 1;}

.inner_banner img{ 
	display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
	/*max-height: 585px;*/
}

.inner_banner_content{position:absolute; left:0; top:0; width:100%;}
.inner_banner_content .caption{ color: hsl(0, 0%, 100%);
    font-size: 440%;
    letter-spacing: 0.05em;
    line-height: 120%;
    text-align: left;
    text-shadow: 2px 2px 3px hsl(0, 0%, 30%);
    width: 300px;   margin: 100px 0 0;
}
.inner_banner_content .icon{   margin: 20px 0 0; background: hsla(0, 0%, 0%, 0) url("images/schaduf-icon.png") no-repeat scroll 0 0 / cover ;
    height: 118px;
    width: 130px;
}
.inner_banner_content .text{width: 71%; margin: 110px 0 0; float:right;}
.inner_banner_content .text p{ line-height: 127%; margin-bottom: 15px; color: hsl(0, 0%, 100%);
    letter-spacing: 0.03em;
    text-shadow: 3px 3px 3px hsl(0, 0%, 20%);
    }

.history_text{margin: 60px 0 0;
}
.history_text h3{}
.history_text p{letter-spacing: 0.03em;
    margin: 30px 0 0;  width: 95%;}
.history_quote {
    margin: 95px 0 0;
}
.history_quote h3{line-height: 120%;}
.history_quote h3 strong{font-weight:600;}
.sep-2{border-radius:5px; width:100%; height:3px; margin:30px 0; background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */}

.history_img{margin-top:20px;}
.history_img img{ border: 2px solid hsl(0, 0%, 85%);
    width: 95%;}
.history_thumbs{margin-top:20px;}
.history_thumbs img{border: 2px solid hsl(0, 0%, 85%);
    margin-bottom: 15px;
    margin-right: 6%;
    width: 45%; cursor:pointer; height: 111.5px;}
.history_thumbs img:nth-child(even){margin-right:0;}

.team_img{float:right !important; margin-top:40px;}
.team_img h3{}
.team_img img{width:100%; border:1px solid #b0b0b0; margin-top: -15px;max-width: 460px; }
.team_bio h5{ margin-top: 10px; line-height:120%;}
.team_bio p{font-size:100%;  margin-top: 12px;}

.team_thumbs{float:right !important; margin-top:20px;}
.team_thumbs .cont{float:left;  margin-left: 30px;}
.team_thumbs .cont h5{color:#c5c5c4;}
.team_thumbs .cont:hover h5{color:inherit;}
.team_thumbs .cont .img_cont {
   cursor: pointer;
    display: block;
    float: left;
    height: 68px;
    margin-right: 25px;
    margin-top: 10px;
    position: relative;
    width: 68px;
}
.team_thumbs .cont .img_cont:nth-last-child(3) {
    margin-right: 0;
}
.team_thumbs .cont img {
   border: 1px solid hsl(0, 0%, 93%);
    cursor: pointer;
    height: 98%;
    opacity: 0.8;
    width: 98%;
}
.team_thumbs .cont .img_cont div {
    background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */
    border: 1px solid hsl(0, 0%, 93%);
    color: hsl(0, 0%, 100%);
    opacity:0;
    font-size: 200%;
    height: 98%;
    left: 0;
    line-height: 200%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 98%;
	transition:opacity 0.2s linear;
}
.team_thumbs .cont .img_cont:hover div{opacity:1}
.team_thumbs .cont .img_marg{margin-right:0;}
.team_thumbs .cont .sep{margin-bottom: 15px;
    margin-top: 5px; width:100%; height:10px; background:#c5c5c4; }
  .team_thumbs .cont:hover .sep{background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */}
.team_thumbs .cont:hover img{opacity:1;}
@media screen and (max-width: 1368px){}
@media screen and (max-width: 1320px){
	
	.inner_banner_content .caption{font-size: 420%; margin: 80px 0 0;}
	.inner_banner_content .text{margin: 100px 0 0;}
	.inner_banner_content .icon{  height: 109px;
    margin: 20px 0 0;
    width: 120px;
}

	.inner_banner_content .text {
    width: 66%;
}
.inner_banner_content .text p{font-size:110%;}


}

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

@media (max-width: 1199px) {
	.team_thumbs .cont .img_cont div{font-size:180%;}
	
	.team_thumbs .cont {
    margin-left: 20px;
}
.team_thumbs .cont .img_cont{
    height: 58px;
    width: 58px;}
.team_thumbs .cont .sep{height: 8px;}
	.history_text h3{}
.history_text p{
    margin: 30px 0 0;  width: 95%;}
.history_quote {
    margin: 95px 0 0;
}
.history_quote h3 {
    font-size: 190%;
}
	.history_thumbs img {height:87px;}
	
	.inner_banner_content .caption{font-size: 380%; margin: 60px 0 0;}
	.inner_banner_content .text{margin: 70px 0 0;}
	.inner_banner_content .icon{  height: 100px;
    margin: 20px 0 0;
    width: 110px;
}

	.inner_banner_content .text {
    width: 72%;
}
  .inner_banner_content .text p{font-size:100%;}
}

@media (max-width: 1062px) {
	
	
		.inner_banner_content .caption{font-size: 340%; margin: 60px 0 0;}
	
	.inner_banner_content .icon{ height: 91px;
    margin: 20px 0 0;
    width: 100px;
}

	.inner_banner_content .text {
    width: 70%;
}
  .inner_banner_content .text p{font-size:95%;}
}

@media (max-width: 991px) {
  
  .team_thumbs .cont .img_cont div {
    font-size: 150%;
}

 
	.team_thumbs .cont {
    margin-left: 20px;
}
.team_thumbs .cont .img_cont{
    height: 48px;
    margin-right: 10px;
    width: 48px;}
.team_thumbs .cont .sep{height: 8px;}

.team_bio p {
    font-size: 90%;
}

  .history_thumbs img {
    margin-right: 5%;
	 height: 62px;
  }
  .history_quote h3 {
    font-size: 170%;
}

  .inner_banner_content .caption{font-size: 280%; margin: 40px 0 0; max-width: 250px;}
	.inner_banner_content .text{margin: 50px 0 0;}
	.inner_banner_content .icon{ height: 82px;
    margin: 20px 0 0;
    width: 90px;
}

  .inner_banner_content .text {
    width: 80%;
}

.commfarms_page .inner_banner_content .text{width:70%;}

  .inner_banner_content .text p{font-size:85%;}
  
}

@media screen and (max-width: 840px){
	
	  .inner_banner_content .caption{font-size: 220%; margin: 40px 0 0; max-width: 200px;}
	
	.inner_banner_content .icon{ height: 73px;
    margin: 20px 0 0;
    width: 80px;
}

	  .inner_banner_content .text {
    width: 90%;
}

  .inner_banner_content .text p{font-size:75%;}
	}

@media (max-width: 767px) {

 .team_thumbs .cont .img_cont {
    height: 58px;
    margin-right: 25px;
    width: 58px;
}
.team_thumbs .cont .img_cont div {
    font-size: 150%;
    line-height: 240%;
}

.team_img h3 {
    text-align: center;
}
.team_thumbs .cont {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.team_img img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.team_bio h5 {
    font-size: 100%;
    margin-top: 15px;
    text-align: center;
}
.team_bio p {
    font-size: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}
.history_img,.history_thumbs{text-align:center;}
.history_img img{width:90%}
.history_thumbs img {
     width: 42%; height:auto; float:none; margin-right:auto; margin-left:auto; margin-top:25px; display:block;
}
.history_thumbs img:nth-child(2n) {
    margin-right: auto;
}
.history_quote h3 {
    font-size: 150%;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

.sep-2 {
    margin: 20px auto;
    width: 90%;
}

.history_quote {
    margin: 10px 0 0;
}
	
	.history_text {
    margin: 30px 0 0;
}
	.history_text h3 {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
.history_text p {
    margin: 30px auto 0;
    text-align: center;
    width: 90%;
}
	

	.inner_banner_content .caption {
    font-size: 300%;
    margin: 40px auto 0;
    text-align: center;
    width: 90%;
	max-width:none;
}
.inner_banner_content .icon {
    height: 73px;
    margin: 20px auto 0;
    width: 80px;
}
	.inner_banner_content .text{margin: 20px auto;   float: none; width:90%;}
	.inner_banner_content .text p {
    font-size: 90%; text-align:center; color:hsl(220, 1%, 57%); text-shadow:none; 
}

}

 @media screen and (max-width: 680px){ 
 
 .inner_banner_content .caption {
    font-size: 280%;
    margin: 40px auto 0;

}
.inner_banner_content .icon {
    height: 73px;
    margin: 30px auto 0;
    width: 80px;
}
  }
   
   @media screen and (max-width: 540px){ 
   
   .inner_banner_content .caption {
    font-size: 260%;
    margin: 30px auto 0;
 
}
.inner_banner_content .icon {
     height: 64px;
    margin: 30px auto 0;
    width: 70px;
}
  }
   
   @media screen and (max-width: 480px){ 
   
    .inner_banner_content .caption {
    font-size: 220%;

    width: 90%;
}
.inner_banner_content .icon {
     height: 55px;
    margin: 15px auto 0;
    width: 60px;
}

  }
   
   
   @media screen and (max-width: 360px){ 
    .inner_banner_content .caption {
		 font-size: 200%;
    margin: 20px auto 0}

  }
   @media screen and (max-width: 320px){ 
    .inner_banner_content .caption {
		 font-size: 180%;}

  }
  
  
/*********************************************  CONTACT PAGE  *********************************************/

.google-map{width:100%; max-width:1440px; height:680px; margin:0 auto; position:relative; z-index:0;}
.google-map iframe{}
.google-map .overlay{background:rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.google-map .contact_cont{position:absolute; left:0; top:0; z-index:2; width:100%;}

.contact_cont h1{color: hsl(0, 0%, 100%);
    font-size: 440%;
    letter-spacing: 0.05em;
    line-height: 120%;
    margin: 80px 0 0;
    text-shadow: 2px 2px 3px hsl(0, 0%, 30%);}
	
.contact_cont p{ color: hsl(0, 0%, 100%) !important;
    margin: 10px 0 0; line-height: 163%;}
	.contact_cont a:link,.contact_cont a:visited{color: hsl(0, 0%, 100%) !important;}
.contact_cont .showmap,.google-map .hidemap{ margin: 20px 0 0;  box-shadow: 2px 2px 3px hsl(0, 0%, 33%);
    width: 250px;}
.google-map .hidemap{ border-radius: 5px;
    display: none;
    left: 40px;
    position: absolute;
    top: 110px;}
.contact_page form{margin: 100px 0 0;}

.contact_page label{ color: hsl(0, 0%, 100%);
    display: block;
    margin: 15px 0 5px; font-size:100%;}
.contact_page input,.contact_page select,.contact_page textarea{color: hsl(225, 2%, 51%);
    font-size: 70%;
    font-weight: 300;}
	.contact_page select {
    padding: 3px 5px;
}
	.contact_page select option{padding:5px;}
.contact_page input[type="submit"] {  box-shadow: 2px 2px 3px hsl(0, 0%, 33%);
    margin: 20px 0 0;
	 display: block;
    width: 280px;
	font-size: 100%;
	color:#fff;
}
div.wpcf7-validation-errors {
    border: 2px solid hsl(0, 100%, 72%) !important;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid hsl(0, 100%, 72%) !important;
}
div.wpcf7-response-output {
    color: hsl(0, 0%, 100%);
    font-size: 110%;
    left: 0;
    padding: 10px 20px !important;
    position: absolute;
    top: 30px;
	margin:0 !important;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0 !important;
    border: 1px solid hsl(0, 100%, 50%) !important;
    font-family: "Dosis" !important;
    font-size: 80% !important;
    padding: 6px !important;
    position: absolute !important;
    right: -15% !important;
    top: -147% !important;
    z-index: 100;
	left: auto !important;
}
	
.contact_page textarea{ height: 180px;
    width: 440px;}

@media (max-width: 1199px) {
	.contact_page textarea{
    width: 340px;}
 .contact_cont h1{font-size: 400%;}
}

@media (max-width: 991px) {
 .contact_cont h1{font-size: 380%;}
 .contact_cont p{font-size:90%;}
}

@media (max-width: 767px) {
	
	.use-floating-validation-tip span.wpcf7-not-valid-tip {
    right: 0 !important;
    top: -145% !important;
}

div.wpcf7-response-output {
    left: 10% !important;
    top: 23px !important;
	width: 67% !important;
}

	.google-map {
    height: 1110px;}
	.contact_page form {
    margin: 90px auto 0;
    text-align: center;
    width: 90%;
}
.contact_page input {
    width: 89%;
}
.contact_page select {
    width: 93%;
}
.contact_page textarea {
    height: 150px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
 .contact_cont h1 {
    font-size: 340%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
	margin-top: 20px;
}
.contact_page input[type="submit"] {
    margin: 20px auto 0;
    width: 94%;
}

.contact_cont p {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center; font-size:100%;
}
.contact_cont .showmap{ margin: 20px auto 0;
    width: 250px;}
	
	.google-map .hidemap{ margin: 20px auto 0;
    width: 250px;}
}


/*********************************************  ECO SOLUTIONS PAGE  *********************************************/

.prod-title h3,.prod-title2 h3{margin:40px 0 30px; line-height:120%;}
.prod-wrap a:link,.prod-wrap a:visited{text-decoration:none; color:#fff;}
.prod-wrap a:hover{text-decoration:none;}
.product-cont{
    margin-bottom: 30px;
    position: relative;
    width: 100%; 
}
.product-cont-marg{margin-left:3%;}
.product-cont-marg2{margin-left:17.5%;}
.product-cont-marg3{margin-left:10%;}
.ml1{margin-left:10% !important;}
.product-cont h3{color:#fff; padding:60px 60px 0 60px; line-height: 120%; position:absolute; text-shadow:2px 2px 3px hsl(0, 0%, 10%);}

.product-cont img{width:100%; display:block; height:100%; border:2px solid #c6c6c6; max-width:500px;}

@media (max-width: 1199px) {
	 .product-cont h3{
   font-size: 180%;
    padding: 50px 50px 0 50px;}
 
}
@media (max-width: 991px) {
  .product-cont h3{
    font-size: 150%;
    padding: 30px 30px 0 30px;}
}
@media (max-width: 767px) {
 
 .prod-title h3,.prod-title2 h3{text-align:center;}
 .ml1{margin-left:0% !important;}
 .product-cont {
    margin-bottom: 30px;
	margin-left:auto;
	margin-right:auto;
    width: 100%;
}
.product-cont-marg,.product-cont-marg2,.product-cont-marg3{margin-left:0;}
 .product-cont img{margin-left: auto;
    margin-right: auto;
    text-align: center; width:98%;}
 .product-cont h3{text-align:center; padding-left:0; width:100%;}
}

/*********************************************  COMMUNITY FARMS PAGE  *********************************************/


.community-wrap a:link,.community-wrap a:visited{text-decoration:none; color:#fff;}
.community-wrap a:hover{text-decoration:none;}
.comm-cont{
    margin-bottom: 30px;
    width: 97%;   border-radius: 5px;
    height: 260px;
	background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */
}
.comm-cont-marg{margin-left:15px;}

.comm-cont img {
    max-height: 150px;
    max-width: 310px;
    text-align: center;
	margin:0 auto;
    vertical-align: middle;
    width: auto;
}
#vapiano{padding-top:80px; width:70%;}
.community-wrap .sep-1 {
    background-size:100% 100%;
}

.involved h3{margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;}
.involved p{font-size: 110%;
    margin: 0 auto 20px;
    text-align: center;
    width: 90%; max-width:700px;
}
.involved .btn-2{ margin: 30px auto 10px;
    width: 360px;
}

@media (max-width: 1199px) {
 
 .comm-cont{height:240px;}
 .comm-cont img {
  max-height: 130px;
    max-width: 280px;
}
}
@media (max-width: 991px) {
  .comm-cont{height:220px;}
  .comm-cont img {
    max-height: 120px;
    max-width: 240px;
}
}

@media (max-width: 767px) {
	 .comm-cont{height:240px;margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.comm-cont-marg{margin-left:auto;}
	.comm-cont img {
  max-height: 120px;
    max-width: 250px;
}
}
@media (max-width: 460px) {
	 .comm-cont{height:200px;}
	 .involved .btn-2{
    width: 90%;
}
.comm-cont img {
 max-height: 100px;
    max-width: 210px;
}
}


/*********************************************  ECO CONSULTING PAGE  *********************************************/

.ecoconsulting_page .prod-title, .wallgardens_page .prod-title h3, .roofgardens_page .prod-title h3{margin-left:20px;}
.ecoconsulting_page .prod-title p{width:60%; margin-left:20px;}
.eco-icons{text-align:center; margin:60px 0 30px}
.eco-icons > div {
    margin-right: 1.5%;
}
.ecoconsulting_page .eco-p1 p{width:100%;}
.ecoconsulting_page .eco-p2 p{margin-top:30px; margin-bottom:20px; width:100%;  margin-left: 10px;}
.eco-icons .eco-marg{margin-right:0;}
.eco-icons img{text-align:center; width: 85%;}
.eco-icons h3{text-align:center; margin: 20px 0; line-height:120%;}
.eco-icons p{font-size: 95%;
    margin: 0 auto;
    text-align: center;
    width: 80%;}
.go-green{text-align:center; }
.go-green h3{margin: 20px 0;}
.go-green p{font-size: 110%; margin:0 20px;}
.go-green .btn-2{margin: 30px auto 20px;}
.go-green .btn-2.energy{float:right; margin-right:15px;}
.go-green .btn-2.envir{float:left; margin-left:15px;}

@media (max-width: 1199px) {
.go-green .btn-2{font-size: 120%;
    width: 380px;}
}

@media (max-width: 991px) {
	.eco-icons h3 {
    font-size: 160%;}
.go-green .btn-2 {
    font-size: 110%;
    height: 35px;
    width: 360px;
}
.go-green .btn-2.energy{margin-right:5px;}
.go-green .btn-2.envir{margin-left:5px;}
}

@media (max-width: 767px) {
	.eco-icons img{max-width: 156px;}
	.ecoconsulting_page .prod-title, .wallgardens_page .prod-title h3, .roofgardens_page .prod-title h3{margin-left:auto; margin-right:auto;}
	.ecoconsulting_page .prod-title p{text-align:center;width:90%; margin-left:auto; margin-right:auto;}
	.eco-icons > div {
    margin-right:auto;
	margin-left:auto;
}
.eco-icons .eco-marg{margin-right:auto;}

	.eco-icons h3 {
    font-size: 180%;}
	.eco-icons p{margin-bottom:40px;}
	.eco-icons p.p-marg{margin-bottom:0;}
	.go-green .btn-2 {margin-top:30px; margin-bottom:0;}
.go-green .btn-2.energy{float:none; margin-right:auto;margin-left:auto;}
.go-green .btn-2.envir{float:none; margin-left:auto;margin-right:auto;}
}

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


/*********************************************  WALL GARDENS PAGE  *********************************************/

.wallgardens_page .eco-icons,.roofgardens_page .eco-icons{margin-top:10px;}
.wallgardens_page .prod-title h3, .wallgardens_page .prod-title2 h3,.roofgardens_page .prod-title h3, .roofgardens_page .prod-title2 h3,.ecoconsulting_page .prod-title h3, .ecoconsulting_page .prod-title2 h3 {
    margin-left:20px;
}
.benefits-nav{float:right;  margin: 50px 20px 0;}
.benefits-nav .text{  color: hsl(228, 2%, 51%);
    float: left;
    font-size: 110%;
    letter-spacing: 0.03em;
    line-height: 120%;
    margin: 2px 15px 0 0;
}
.benefits-nav .left,.benefits-nav .right{border-bottom: 2px solid hsl(125, 48%, 48%); float:left;
    border-left: 2px solid hsl(125, 48%, 48%); float:left;
    cursor: pointer;
    display: block;
    height: 15px;
    margin: 4px 5px 0 0;
    width: 15px;
    transform: rotate(-315deg);
	 -ms-transform: rotate(-315deg); /* IE 9 */
    -webkit-transform: rotate(-315deg); /* Chrome, Safari, Opera */}
.benefits-nav .right{ transform: rotate(-135deg);
	 -ms-transform: rotate(-135deg); /* IE 9 */
    -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */}

.wallgardens_page .eco-icons p,.roofgardens_page .eco-icons p{margin-top:20px; font-size:110%;  width: 70%;}

#benefits_cont{
    width: 100%;
}
#benefits_row_0, #benefits_row_1, #benefits_row_2, #benefits_row_3{display:none;opacity:0;}
#benefits_row_0{display:block;opacity:1;}
.outdoor-marg{margin-left: 20.25%;}

.wallgardens_page .prod-title2 p,.roofgardens_page .prod-title2 p {
 font-size: 110%;
    margin-left: 15px;
    width: 90%; margin-bottom: 15px;
}
.wallgardens_page .prod-title2 h3,.roofgardens_page .prod-title2 h3{margin-top:20px; margin-left:15px;}
.wallgardens_page .prod-title2 img,.roofgardens_page .prod-title2 img{width:95%;  border: 2px solid hsl(0, 0%, 85%);}

.wallgardens_page .prod-wrap .prod-title h3,.roofgardens_page .prod-wrap .prod-title h3{ margin-top: 10px; margin-left:15px;}
.getown-cont{ margin-bottom: 30px;  text-align:center;
    position: relative; height:583px; margin-left:2.5%;
    width:95%; background: -webkit-linear-gradient(left, #40b44a , #4bbf9e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #40b44a, #4bbf9e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #40b44a, #4bbf9e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #40b44a , #4bbf9e); /* Standard syntax */}
  
  .getown-bg2{background: -webkit-linear-gradient(left, #4cbfa4 , #55c8e8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4cbfa4, #55c8e8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4cbfa4, #55c8e8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4cbfa4 , #55c8e8); /* Standard syntax */}

.getown-cont img { margin: 60px 0 0;}
.getown-cont h3 {
    color: hsl(0, 0%, 100%);
    line-height: 120%;
    padding: 20px 0;
 
}
.getown-cont p { color: hsl(0, 0%, 100%);
    font-size: 100%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 72%;}


.roofrow{text-align:center; margin-top: 10px;}
.roofcol{width:16.5%; float:left;}
.roofcol img {
    text-align: center;
    width: 85%;
}

.roofcol p {
    font-size: 110%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 70%;
}


@media (max-width: 1199px) {
.wallgardens_page .eco-icons p,.wallgardens_page .prod-title2 p,.roofgardens_page .eco-icons p,.roofgardens_page .prod-title2 p{font-size:100%;}
.getown-cont img {
    margin: 50px 0 0;
    max-height: 87px;
    max-width: 85px;
}
.getown-cont p {
    font-size: 95%;
}

.roofcol p {font-size:100%;}
}

@media (max-width: 991px) {
	
	.wallgardens_page .eco-icons p,.wallgardens_page .prod-title2 p,.roofgardens_page .eco-icons p,.roofgardens_page .prod-title2 p{font-size:90%;}
.getown-cont img {
    margin: 30px 0 0;
    max-height: 77px;
    max-width: 75px;
}
.getown-cont p ,.benefits-nav .text {
    font-size: 90%;
}
.benefits-nav .left, .benefits-nav .right {
    height: 10px;
    margin: 4px 5px 0 0;
    width: 10px;
}
	.roofcol p {font-size:90%;}
}

@media (max-width: 767px) {
	
	.benefits-nav {
     float: none;
    margin: 0 auto 60px;
    width: 285px;
}
.wallgardens_page .prod-title2 h3,.roofgardens_page .prod-title2 h3,.wallgardens_page .prod-wrap .prod-title h3, .roofgardens_page .prod-wrap .prod-title h3{margin-left:auto; margin-right:auto;}

.wallgardens_page .eco-icons p,.roofgardens_page .eco-icons p{width: 200px;}
.wallgardens_page .prod-title2,.roofgardens_page .prod-title2{text-align:center;}
.wallgardens_page .prod-title2 p,.roofgardens_page .prod-title2 p{ margin-left: auto;
    margin-right: auto;
    text-align: center;}
	.wallgardens_page .prod-title2 img,.roofgardens_page .prod-title2 img {
    width: 90%;  margin-top: 20px;  margin-bottom: 10px;
}

.getown-cont {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    width: 90%;
}

.roofcol{float:none; width:100%;}
.roofcol p{width: 200px; margin-bottom: 40px;}
.roofcol img{max-width: 156px;}
}


/*********************************************  PROJECTS PAGE  *********************************************/


.projects-wrap{}
.back_proj{margin: 60px auto 20px;}
.project-item{margin-right:2.5%; margin-bottom:30px;}
.project-item:hover .overlay{opacity:1;}
.project-item:hover .project-caption{
 }
.project-item .overlay{ max-width: 365px; height: 100%; opacity:0; transition:opacity 0.2s linear;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; background: -webkit-linear-gradient(left, rgba(64,180,76,0.8) , rgba(85,200,231,0.8)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(64,180,76,0.8) ,rgba(85,200,231,0.8)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(64,180,76,0.8), rgba(85,200,231,0.8)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(64,180,76,0.8) , rgba(85,200,231,0.8)); /* Standard syntax */}
.project-item img{width:100%; display:block; max-width:365px;}
.project-marg{margin-right:0;}
.project-caption{ max-width: 365px; position:absolute;left:0;bottom:0;width:100%; height:84px; background: -webkit-linear-gradient(left, rgba(64,180,76,0.8) , rgba(85,200,231,0.8)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(64,180,76,0.8) ,rgba(85,200,231,0.8)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(64,180,76,0.8), rgba(85,200,231,0.8)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(64,180,76,0.8) , rgba(85,200,231,0.8)); /* Standard syntax */}
.project-caption .name{ color: hsl(0, 0%, 100%);
    line-height: 120%;
    margin: 15px 0 0 20px;}
.project-caption .type{ color: hsl(0, 0%, 100%);
    line-height: 120%;
    margin: 0 0 0 20px;}

@media (max-width: 1199px) {
.project-caption{height: 74px;}
}

@media (max-width: 991px) {
.project-caption{height: 64px;}
	
}

@media (max-width: 767px) {
.project-item img{margin-left:auto; margin-right:auto;}
.project-item .overlay{margin-left:auto; margin-right:auto;}
.project-caption{margin-left:auto; margin-right:auto;}

}

@media (max-width: 400px) {
	.project-item img,.project-item .overlay,.project-caption{width:90%}
}


/*********************************************  SINGLE PROJECTS PAGE  *********************************************/

.single-project-gall{}
.single-project-gall .main{margin:60px 0 0 0; text-align:center;}
.single-project-gall .main img{border: 2px solid hsl(0, 0%, 85%);
    max-height: 560px;
    max-width: 770px; width: 90%;}
	.single-project-gall .thumb_cont{margin-top:35px;}
.single-project-gall .thumb {cursor: pointer;
    float: left;
    margin-right: 10%;
    margin-top: 25px;
    width: 40%;}
.single-project-gall .thumb:last-child{margin-right:0;}
.single-project-gall .thumb img{width:100%; border: 2px solid hsl(0, 0%, 85%);}

@media (max-width: 767px) {
.single-project-gall .thumb {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.single-project-gall .thumb:last-child {
    margin-right: auto;
}
}

/*********************************************  THANK YOU PAGE  *********************************************/

.thank_page h1{margin: 80px 0 40px;
    padding: 0 20px;
    text-align: center;

}

.thank_page p{
    margin: 0 0 50px;
    text-align: center; padding: 0 20px;
}
/*********************************************  BLOG MAIN PAGE  *********************************************/

.blog_main{margin: 40px 0 0}
.blog_main .sep-1{margin:40px 0;}
.blog_main .title{}
.blog_main .date,.blog_main .author{color: hsl(225, 2%, 51%);
    font-size: 130%;
    line-height: 150%;
    text-align: right;}
.blog_main .author{margin-bottom: 20px;}
.blog_main .excerpt{margin: 40px 0;}
.blog_main .excerpt p{}
.blog_main .link{margin-top:10px; float: right;}
.blog_main .link a:link, .blog_main .link a:visited{color: hsl(193, 75%, 62%);
    font-size: 140%;}
.blog_main .link a:hover{}

.archive_main{background: -webkit-linear-gradient(left, #41b552 , #55c8e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #41b552, #55c8e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #41b552, #55c8e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #41b552 , #55c8e7); /* Standard syntax */
    border-radius: 5px;
    float: right;
    width: 80%;
	margin-bottom:30px;
	padding: 2px;
}
.archive_cont{background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border-radius: 3px;
    padding: 30px;}
.archive_cont h3{line-height: 120%;  margin-bottom: 20px;}
.archive_cont ul{list-style: outside none disc;
    margin: 30px 0 0 20px;}
.archive_cont ul li{ margin: 0 0 15px; line-height: 120%;}
.archive_cont ul li a:link,.archive_cont ul li a:visited{color: hsl(225, 2%, 51%);}
.archive_cont ul li a:hover{}

 @media (max-width: 1199px) {
  .blog_main .date, .blog_main .author {
    font-size: 110%;
}
.blog_main .link a:link, .blog_main .link a:visited{ font-size: 120%;}
.blog_main .link {
    margin-top: 20px;
}
.blog_main .sep-1 {
    margin: 30px 0;
}
   }
  
  @media (max-width: 991px) {
  
  .blog_main .date, .blog_main .author {
    font-size: 90%;
}
.blog_main .link a:link, .blog_main .link a:visited{ font-size: 100%;}
.archive_cont h3 {font-size: 160%;}
   }
   
   @media (max-width: 767px) {
	   
	   .blog_main {
    padding-top: 30px;
}
 
 .blog_main .title {
    text-align: center;
}
.blog_main .date, .blog_main .author {
    float: none;
    font-size: 100%;
    text-align: center;
} 
.blog_main .date{margin-top:20px;}

.blog_main .excerpt p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}
.blog_main .link {
    float: none;
    text-align: center;
}
.blog_main .link a:link, .blog_main .link a:visited{ font-size: 120%;}

.archive_main {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.archive_cont {
    text-align: center;
}

   }
  
 .blog_archive .sep-1 {
    background-size: 100% 100%;
}

.comments_wrapper{}


.comments textarea {
    border: 1px solid hsl(0, 0%, 76%);
    box-shadow: none;
    display: block;
    width: 50%;  color: hsl(225, 2%, 51%);
}
.comments label {
    color: hsl(225, 2%, 51%);
    display: block;
    margin: 20px 0;
}
.comments .comment-reply-title {
    margin-bottom: 10px;
}
.comments .btn-2 {
    font-size: 90%;
    margin: 20px 0;
    width: 200px;
}
.comments #comments-list ul {
    margin: 20px 0;
}
.comments #comments-list ul li{}
.comments .comment-author{font-size:20px;}
.comments .comment-author cite {
    padding-left: 10px;
}
.comments .comment-meta.commentmetadata {
    color: hsl(228, 2%, 51%);
    font-size: 16px;
    margin: 20px 0;
}

.comments .comment-meta.commentmetadata a {
    color: hsl(228, 2%, 51%);
}
.comments .comment-body p {
    font-size: 18px;
    margin: 0 0 20px;
}
.comments .comment-body .reply { font-size: 16px;
    margin-bottom: 50px;
}
.comments-title {
    margin-bottom: 40px;
}
 @media (max-width: 767px) {
.comments_wrapper{width:90%; margin:0 auto;}
.comments textarea {
    width: 90%;
}
.comments .comment-body p {
    font-size: 16px;
}
.comments .comment-author {
    font-size: 18px;
}
.comments .comment-meta.commentmetadata {
    font-size: 14px;
}
 }
 
/*********************************************  PRODUCTS PAGE  *********************************************/

.product-banner-photos{ margin-top: 30px;}
.product-banner-photos a:link,.product-banner-photos a:visited{position:relative;}

.product-banner-photos .info-wrap{float:left;}

.product-banner-photos img{border: 1px solid hsl(0, 0%, 80%);
    margin-right: 30px;
    width: 70px; margin-bottom: 20px;}

.product-banner-photos .info{  border-radius: 5px;
    box-shadow: 0 0 2px hsl(0, 0%, 55%);
    left: -47px;
    max-width: none;
    padding: 0 20px;
    position: absolute;
    top: 50px;
    width: auto;}


	.product-banner-photos .info .name{width: auto;}
.product-banner-photos .info .arrow{ background: hsla(0, 0%, 0%, 0) url("images/glossy-arrow.png") no-repeat scroll 0 0;
    height: 13px;
    left: 46%;
    position: absolute;
    top: -12px;
    width: 27px;}

.product-banner-photos img:hover{border: 1px solid hsl(0, 0%, 100%);}
.single_product_info h3{line-height: 120%;
    margin: 50px 0 30px;}
.single_product_info .text{}
.single_product_info .text p{}
.single_product_info .text a:link,.single_product_info .text a:visited{}
.single_product_info .text a:hover{}
.single_product_info .text ul,.single_product_info .text ol{
    margin: 20px 0;}
	.single_product_info .text ul{list-style-type: disc;}
.single_product_info .text li{ margin: 15px 0 0 20px;}
.single_product_info .text strong{font-weight:400;}
.single_product_info img{max-width:526px; border: 2px solid hsl(0, 0%, 78%);
    width: 90%;}
	
.single_product_info .btn-2{margin-top: 30px;
    width: 300px;}


@media screen and (max-width: 1320px){

.product-banner-photos img {
   width: 60px;
}

}

 @media (max-width: 1199px) {
  .product-banner-photos img {
    width: 50px;
}
 
   }
   
   @media (max-width: 991px) {
  
  .product-banner-photos img {
    width: 40px;
}
   }
   
  
  @media screen and (max-width: 840px){
	   .product-banner-photos img {
    margin-bottom: 15px;
    margin-right: 30px;
}
  }
  
    @media (max-width: 767px) {
  .single_product_info{text-align:center;}
  .single_product_info .text{width:90%; margin:30px auto 0;}
  .single_product_info .btn-2 {
    margin-left: auto;
    margin-right: auto;}
	
	 .product-banner-photos img {
    margin-bottom: 20px;
    margin-right: 30px;
    width: 70px;
}
   }
/*********************************************  MEDIA QUERIES  *********************************************/

 @media (max-width: 1440px) {
  
   }
   
 @media (max-width: 1366px) {
  .home-slide-caption{font-size: 340%; }
   }
   
    @media (max-width: 1280px) {

  .home-slide-caption{font-size: 320%;}
   }
   
    @media (max-width: 1152px) {

  .home-slide-caption{font-size: 300%; }
   }
   
    @media (max-width: 1024px) {
  
  .home-slide-caption{ font-size: 260%;
   }
   }
   
   @media screen and (max-width: 900px){ 
  .home-slide-caption{font-size: 240%;
    }}
   
   
   @media screen and (max-width: 767px){
  .home-slide-caption{font-size: 220%;
   }}
   
   @media screen and (max-width: 680px){ 
  .home-slide-caption{font-size: 200%;
   }}
   
   @media screen and (max-width: 540px){ 
  .home-slide-caption{font-size: 180%;
   }}
   
   @media screen and (max-width: 480px){ 
  .home-slide-caption{font-size: 140%;
    }}
   
   
   @media screen and (max-width: 360px){ 
  .home-slide-caption{font-size: 120%;
   }}
	


@media (min-width: 768px) {


}

@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {


}




@media screen and (max-width: 2560px){}
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1800px){}
@media screen and (max-width: 1700px){}
@media screen and (max-width: 1650px){}
@media screen and (max-width: 1540px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1368px){}
@media screen and (max-width: 1320px){}
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1170px){}
@media screen and (max-width: 1062px){}
@media screen and (max-width: 1050px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 900px){}
@media screen and (max-width: 800px){}
@media screen and (max-width: 782px){}
@media screen and (max-width: 767px){}
@media screen and (max-width: 747px){}
@media screen and (max-width: 680px){}
@media screen and (max-width: 602px){}
@media screen and (max-width: 540px){}
@media screen and (max-width: 501px){}
@media screen and (max-width: 500px){}
@media screen and (max-width: 400px){}
@media screen and (max-width: 384px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 340px){}
@media screen and (max-width: 320px){}
@media screen and (max-width: 300px){}
/* For printing */
@media print{}

/* Fix for some Chrome & Safari browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {}

/*********************************************  COMMON CLASSES  *********************************************/

.c,.clear{clear:both}

.fL{float:left}
.fR{float:right}
.fC{margin-left:auto;margin-right:auto}

.taL{text-align:left}
.taR{text-align:right}
.taC{text-align:center}
.taJ{text-align:justify}

.bgN{background:none}

.c1{color:#ffffff;}
.c2{color:#000000}

.bg1{background:#55c8e8;}
.bg2{background:#808184;}
.bg3{}
.bg4{}
.bg5{}

.crD{cursor:default}
.crN{cursor:none}
.crA{cursor:auto}
.crH{cursor:help}
.crC{cursor:crosshair}
.crT{cursor:text}
.crW{cursor:wait}
.crP{cursor:pointer}

.dN{display:none}
.dI{display:inline}
.dB{display:block}
.dL{display:list-item}
.dIB{display:inline-block}
.dIH{display:inherit}

.fw1{font-weight:normal}
.fw2{font-weight:100}
.fw3{font-weight:200}
.fw4{font-weight:300}

.fsN{font-style:normal}
.fsI{font-style:italic}
.fsO{font-style:oblique}

.w1{width:100%}

.ofA{overflow:auto}
.ofH{overflow:hidden}
.ofS{overflow:scroll}
.ofV{overflow:visible}

.pIH{position:inherit;}
.pA{position:absolute;}
.pR{position:relative;}
.pS{position:static;}
.pF{position:fixed;}

.tdN{text-decoration:none;}
.tdU{text-decoration:underline;}

.ttC{text-transform:capitalize;}
.ttU{text-transform:uppercase;}
.ttL{text-transform:lowercase;}
.ttN{text-transform:none;}

.ls1{letter-spacing: 0.01em;}
.ls2{letter-spacing: 0.02em;}
.ls3{letter-spacing: 0.03em;}
.ls4{letter-spacing: 0.04em;}
.ls5{letter-spacing: 0.05em;}

.ws1{word-spacing: 0.1em;}
.ws2{word-spacing: 0.2em;}
.ws3{word-spacing: 0.3em;}

.circle{border-radius: 50%;}

.thN{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zIn1{z-index:-2;}
.zIn1{z-index:-1;}
.zI0{z-index:0;}
.zI1{z-index:1;}
.zI2{z-index:2;}

.mt1{margin-top:40px !important;}

#nav-posts .prev {
	float: left;
}

#nav-posts .next {
	float: right;
}