@charset "UTF-8";
/* CSS Document */

body {font-family: 'azo-sans-web', Helvetica, Arial, sans-serif; font-size: 12px;margin: 0; padding: 0;color: #555555;line-height:14px;font-weight: 400;}

a {color:#555;text-decoration:none;}
a:hover {color:#005aaa;}
a.reverse {color:#005aaa;text-decoration:none;}
a.reverse:hover {color:#555;text-decoration: underline}
.header { width: 100%; height: 100px; position: fixed;top:0px;left:0px;background:#FFFFFF;background: rgba(255,255,255,0.9); z-index:99999; -moz-box-shadow: 0 6px 4px -4px #b6b6b6; -webkit-box-shadow: 0 6px 4px -4px #b6b6b6;box-shadow: 0 6px 4px -4px #b6b6b6;}
.headerfix { width: 100%; height: 100px; position: relative;}
.logo {margin-top:20px;width:230px;float:left;}
.logo img {width: 230px !important;}
.menu {margin:0 auto;font-size:15px;line-height:15px;color:#888888;width:90%;}
.menuitems {float:right;margin-top:24px;}
.tagline {float:right;margin-top:20px;font-style: italic;font-weight:500;font-size:16px;color:#005aaa;display: block;width:60%;text-align: right;}
.sharedmenu {margin-top:21px;margin-left:17px;float:left;}
.menuitem {margin-left:45px;float:left;font-weight: 500;padding-bottom: 5px;}
.menuitem:hover, .menuitem.activemenu {border-bottom: 1px dotted #005aaa;}
.menuitem.activemenu a {color:#005aaa;}
.menuitem.fmenuitem {margin-left:5%;}
.menuitem.social {margin-left: 6px;}
.menuitem.first, .menuitem.first a {width:65px;}
.menuitem.noclick {width:120px;text-align: right;}
.menuitem a {cursor: pointer;}
.menu .phone {color:#686868;margin-left:30px;}
.menu .email {width:32px;height:29px;}
.menu .email a {width:32px;height:29px;background:url(../images/mailicon.png) no-repeat;display:block;position:relative;top:-6px;}
.menu .email a:hover {background-position: -32px;}
.mmenuicon {margin-top:38px;width:25px;height:25px;position:absolute;right:20px;cursor:pointer;display:none;background: url(../images/mmenuicon.png) no-repeat;background-size: 50px 25px;}
.active {background-position: -25px;}
.mmenu {width:100%;height:auto;position:fixed;top:100px;bottom:0px;left:0px;display:none;z-index:9999;overflow:scroll;}
.mmenuitem {color:#FFF;background:rgba(175,175,175,0.9);font-size:22px;line-height:22px;padding:10px 0 10px 20px;cursor:pointer;}
.mmenuitem:hover, .mmenuitem.activemenu {background:#005aaa;}
.mmenuitem a {color:#FFF;width:100%;display:block;}
.jg, .cc, .fo, .ccvid {text-indent: 25px;}

.s111 {width:100%;height:0;padding-bottom:35%;position: relative;background:url(../images/s1bg.jpg) bottom center;background-repeat:no-repeat;background-size: cover;}
.about .s111 {background:url(../images/s1aboutbg.jpg) top center;background-repeat:no-repeat;background-size: cover;}
.conservation .s111 {background:url(../images/conservationbg.jpg) top center;background-repeat:no-repeat;background-size: cover;}
.communities .s111 {background:url(../images/communities.jpg) top center;background-repeat:no-repeat;background-size: cover;}
.communication .s111 {background:url(../images/communication.jpg) top center;background-repeat:no-repeat;background-size: cover;padding-bottom: 20%;}
.experience .s111 {background:url(../images/experience.jpg) top center;background-repeat:no-repeat;background-size: cover;}
.s111 .contentblock {width:40%;padding-top:50px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);}
.s111 .contentblock h2 {font-size:22px;line-height:28px;padding:0;margin:0;font-weight: 400;}
.s111 .contentblock.left {margin-left: 5%;font-size:50px;line-height:56px;font-weight: 700;color:#FFF;float:left;}
.about .s111 .contentblock.left {width:90%;}
.s111 .contentblock.right {margin-right: 5%;font-size:22px;line-height:28px;color:#FFF;float:right;}
.s111 .disclose {position: absolute;bottom:10px;right:10px;font-size: 12px;line-height: 12px;color:#FFF;font-weight: 300;}

.bodybg {width: 100%;background: url(../images/exteriortile.jpg) repeat-x;}
.s112 {width: 100%;margin:0 auto;padding:30px 0 0 0;}
.s112 .contentblock {width:28.3%;margin-left:2%;border-radius: 5px;border:1px solid #ababab;position: relative;display:inline-block;
background: rgb(249,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGM1ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(249,255,255,1) 0%, rgba(152,197,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,255,255,1)), color-stop(100%,rgba(152,197,249,1)));
background: -webkit-linear-gradient(top,  rgba(249,255,255,1) 0%,rgba(152,197,249,1) 100%);
background: -o-linear-gradient(top,  rgba(249,255,255,1) 0%,rgba(152,197,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(249,255,255,1) 0%,rgba(152,197,249,1) 100%);
background: linear-gradient(to bottom,  rgba(249,255,255,1) 0%,rgba(152,197,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ffff', endColorstr='#98c5f9',GradientType=0 );
}
.s112 .contentblock:before{content: "";display: block;padding-top: 55%;}
.s112 .contentblock .content{position:  absolute;top: 0;left: 0;height: 100%;}
.s112 .contentblock.firstblock {margin-left: 5%;}
.s112 .contentblock .content img {height:100%;}
.s112 .module-text {width: 50%;margin:20px 10px 0 0;font-size:14px;line-height:18px;font-weight:300;position: absolute;right:0;top:0;}
.s112 .module-text span.subhead {color:#005aaa;font-size:18px;line-height:28px;font-weight:700;}
.morebutton {width:80px;height:28px;background:#7ac044;color:#FFF;font-size:14px;line-height: 28px;font-weight: 500;text-align: center;border-radius: 5px;margin-top: 10px;cursor: pointer;display:block;}
.morebutton:hover {background:#005aaa;color:#FFF;}

.cc0 {-moz-box-shadow: 0 10px 10px 0 #444; -webkit-box-shadow: 0 10px 10px 0 #444;box-shadow: 0 10px 10px 0 #444;position:relative;z-index:1;}
.s113 {width: 90%;margin:30px auto 0 auto;border-radius: 5px;border:1px solid #ababab;position: relative;padding:0 0 30px 0;
background: rgb(152,197,249);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4YzVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(152,197,249,1) 0%, rgba(249,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,197,249,1)), color-stop(100%,rgba(249,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c5f9', endColorstr='#f9ffff',GradientType=0 );
}
.s113 .subhead {color:#005aaa;font-size:18px;line-height:28px;font-weight:700;margin:20px 0 20px 20px;}
.s113 .module-text {width: 75%;max-width:956px;margin:20px 0 20px 20px;font-size:14px;line-height:18px;font-weight:300;}
.s113 .logoo {width:104px;position: absolute;top:20px;right:20px;}
.s113 .logos {padding-right:20px;max-width: 1000px;}
.s113 .logos .plogo {width:120px;margin:20px 0 0 20px;text-align: center;display: inline-block;}
.s113 .logos img {text-align: center;}

.cb {position: relative;border-bottom: 1px solid #DDD;padding: 50px 0 50px 0;}
.contentcontain {width:90%;max-width: 1280px;position: relative;height: auto;text-align: center;padding:0;margin:0 auto;}
.contentcontain.tc1 {height:0;padding-bottom: 35%;}
.contentcontain.tc1.serv {padding-bottom: 20%;}
.contentcontain h1 {font-size: 48px;line-height:48px;padding:0;margin:0;font-weight: 400;}
.contentcontain h1 span.heavy {font-weight: 700;}
.contentcontain .intro {margin:30px 0 20px 0;padding:0 105px 0 105px;}
.contentblk {width:50%;position: relative;text-align: left;font-size:17px;line-height:28px;letter-spacing: 1px;}
.contentblk p {margin:0 0 10px 0;padding:0;}
.contentblk.visual img {width:75% !important;border-radius: 7px;}
.contentblk.left {float:left;}
.contentblk.founder {border:1px dashed #dadada;width:40%;margin-right: 5%;padding:20px 0 20px 20px;}
.contentblk.right {float:right;}
.contentblk.right.visual {text-align: right;}
.contentblk h1 {font-size:36px;line-height: 36px;margin-bottom: 20px;font-weight: 700;color:#005aaa;}
.contentblk.founder h1 {font-size:24px;line-height: 24px;font-weight: 500;letter-spacing: normal;}
.conservation .contentblk h1 {font-size:28px;line-height: 28px;font-weight:500;}
.experience .contentblk h1 {font-size:24px;line-height: 24px;margin-bottom: 20px;font-weight: 500;color:#005aaa;}

.quotes {width:90%;max-width: 600px;padding:50px 0 50px 0;margin:0 auto;font-size:24px;line-height:30px;color:#888;font-style:italic;}
.quotes p.attrib {font-size:16px;text-align: right;font-style: normal;}
.bios {width: 100%;background: rgba(224,231,243,0.95);z-index: 99999;position: fixed;top: 0;left: 0;bottom:0;right:0;display: none;overflow:scroll;}
.biotxt {width: 50%;min-width: 300px;font-size: 15px;line-height: 18px;color: #465058;position: relative;left: 50%;margin-left: -25%;margin-top:10vw;margin-bottom:20px;z-index: 15;display:none;}
.video {width:50%;height:0;padding-bottom:28.125%;position: relative;top:50%;left:50%;transform: translate(-50%, -50%);display:none;}
.biotxt img {margin:0 10px 5px 0;float:left;}
.biotxt h1 {color:#005aaa;line-height: 1em;}
.bioclose {position: fixed;top: 5vw;right: 5vw;color: #FF0000;width:34px;height:34px;cursor: pointer;transition: all 0.5s ease;z-index: 99999;}
.bioclose img {width:100%;}
.bioclose:hover {transform: rotate(-90deg);}
.spacer50 {width: 100%;height:50px;position: relative;}
.vid {position: absolute;width:100%;height:100%;}
.vid iframe {width:100%;height:100%;}
#showcase {color:#005aaa;text-decoration: underline;border-bottom:1px dashed #005aaa;text-decoration: none;padding-bottom: 3px;}
#showcase:hover {color:#888;border-bottom: 1px dashed #888;}
.virbacvid {width:100%;position: relative;height: 0;padding-bottom: 56.25%;margin:20px 0 20px 0;}
.virbacvid iframe {width:100%;height:100%;}
.case ul {margin:8px 0 0 0;padding:0 0 0 8px;list-style-position: inside;list-style-type: circle;}
.case ul li {text-indent:-0.7em;margin-left:1em;}

.cinfo {width:100%;height:auto;position: relative;color:#FFF;padding:0 0 100px 0;
background: rgb(152,197,249);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4YzVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(152,197,249,1) 0%, rgba(249,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,197,249,1)), color-stop(100%,rgba(249,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(152,197,249,1) 0%,rgba(249,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c5f9', endColorstr='#f9ffff',GradientType=0 );
}
.infocontain {width:90%;position: relative;height: auto;text-align: center;padding:0;margin:0 auto;}
.infocontain:not(.home) {max-width: 1280px;}
.infocontain .infos {width:50%;min-width:320px;padding-top:50px;text-align: left;float:left;color:#555;font-size:15px;line-height:15px;font-weight:300;}
.infocontain .infos h1 {color:#FFF;}
.contactform {width:280px;position: relative;}
.contactform input, .contactform textarea {width: 100%;background: #005aaa;border-radius: 5px;font-size: 12px;color: #FFF;height: 36px;padding: 0 10px;border: 1px solid #989898;margin-top: 10px;}
.contactform input:focus, .contactform textarea:focus {outline: none;background:#FFF;color:#005aaa;}
.contactform textarea {padding-top: 10px;height:76px;}
.sendbutton {width:100px;height:36px;background:#7ac044;color:#FFF;font-size:18px;line-height: 36px;font-weight: 700;text-align: center;border-radius: 5px;margin-top: 10px;cursor: pointer;float:left;}
.sendbutton:hover {background:#005aaa;}
.contactform input.correct, .contactform textarea.correct {border: 1px solid red;}
.wrong {font-size: 13px;line-height:13px;color:red;float:left;padding:15px 0 0 20px;display:none;position:relative;}
.thankyou {font-size: 13px;line-height:13px;color:#FFF;float:left;padding:15px 0 0 20px;display:none;}
.infoimg {margin-bottom: 20px;width:230px;display: block;}
.andcopy {position: absolute;bottom:10px;left:20px;font-size:12px;color:#555;}


.copyright {font-size:11px;margin-left: 5%;}

.green {color:#7ac044;}
.clear {clear:both;}

@media only screen and (max-width : 1220px) {
.s112 .module-text {font-size:13px;line-height:14px;}
.s112 .module-text span.subhead {font-size:15px;line-height:22px;}
}

@media only screen and (max-width : 1023px), screen and (max-width : 1024px) and (orientation : portrait) {
.menu {width: 95%;}
.menuitem {margin-left: 25px;}
.tagline {width:67%;}
.menuitem.firstitem {margin-left: 0;}
.s111 .contentblock.left {font-size:44px;line-height:48px;}
.s111 .contentblock.right h2 {font-size:18px;line-height:20px;}
.s112 .contentblock {width:90%;margin:0 auto 30px auto;display:block;}
.s112 .contentblock:before{padding-top: 30%;}
.s112 .module-text {font-size:16px;line-height:20px;width:65%;margin:20px 5% 0 0;}
.s112 .module-text span.subhead {font-size:18px;line-height:28px;}
.contentblk {width:100%;font-size:15px;line-height:24px;letter-spacing: 1px;float:none;}
.contentblk.founder {width:90%;margin-top:50px;margin-right:0;font-size:15px;line-height:24px;}
.contentblk.right.visual, .contentblk.left.visual {text-align: center;margin-top: 50px;}
}

@media only screen and (max-width : 767px) {
.menuitems, .tagline {display:none;}
.mmenuicon {display:block;}
.s111 {padding-bottom: 45%;}
.s111 .contentblock.left {font-size:34px;line-height:38px;}
.s111 .contentblock.right h2 {font-size:16px;line-height:18px;}
.s112 .module-text {font-size:13px;line-height:14px;}
.s112 .module-text span.subhead {font-size:15px;line-height:22px;}
.contentblk.visual img {width: 100% !important;}
}

@media only screen and (max-width : 567px), screen and (max-width : 667px) and (orientation : portrait) {
.s111 {padding-bottom: 90%;}
.s111.sub {padding-bottom: 45%;}
.s111 .contentblock {width:80%;padding-top:20px;}
.s111 .contentblock.left {font-size:30px;line-height:34px;margin-left:5%;float:none;}
.s111 .contentblock.right {width:90%;margin:10px 5% 0  5%;padding-top:8px;float:none;}
.s111 .contentblock.right h2 {background:rgba(0,0,0,0.5);text-shadow: none;font-size:16px;line-height:16px;padding:10px;}
.disclose {display:none;}
.s112 .contentblock {width:95%;}
.s112 .contentblock:before{padding-top: 45%;}
.s112 .contentblock.firstblock {margin:0 auto 30px auto;}
.s112 .module-text {width:55%;margin:10px 2.5% 0 0;}
.s113 {width: 95%;}
.biotxt {width: 90%;left: 0;margin-left: 5%;margin-top:15vw;margin-bottom:20px;z-index: 15;display:none;}
.video {padding-bottom: 56.25%;width:100%;}
.infocontain {width:300px;}
.infocontain .infos {min-width: 300px;}
.copyright {margin-left: 2.5%;}
}
@media only screen and (max-width : 568px) and (orientation : portrait) {
.logoo {display: none;}
.s113 .module-text {width:85%;}
}