/*
Theme Name: IDEANOSSE -Responsive One Page Template
Theme URI: http://project.pawthemes.com/ideanosse-res/
Description: IDEANOSSE -Responsive One Page Template
Version: 1.1
Author: Metrothemes
Author URI: http://themeforest.net/user/metrothemes/profile?ref=metrothemes
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 27, 2013 */



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

}


/* Body and structure
-------------------------------------------------- */
body{
  background:#666;
  line-height:1.6em !important;
  color:#fff;
}
h2{
  font-family: 'groboldregular' ;
  font-size: 34px;
}
p{
  font-family:Arial;
}
.color {color: #fff;}

.container {

}
a:hover{
  color:#007731;
  outline: none;
}
a {
color:#fff;
text-decoration: underline;
}
.note {
    color: #FF0000;
    font-size: 30px;
    line-height: 120px;
    text-align: center;
}
.navbar-inner {
  min-height: 58px;
}
.navbar .nav {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
}
.nav .current {
  border: none;
}
.navbar .nav > li > a {
  padding-top: 20px;
  text-transform: uppercase;
  color: #A3A3A3;
  outline: none;
}
.navbar .nav > .current > a, .navbar .nav > .current > a:hover, .navbar .nav > .current > a:focus {
    background-color:transparent;
    box-shadow: none;
    text-decoration: none;
    color: #353637;
    outline: none;
}
.navbar .brand {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;

}
#note {
	color:#ff0000;
	font-size:11px;
	line-height:14px;
	margin-bottom:15px;
}
input[type="hidden"]{
	display:none;
}

li#menu-item-26 {
color:#007731 !important
}

.hide {
display:none;
}

.centered-text {text-align:center;}

div#warren {margin-left:0px}
/*
-------------------------------------------------- */

.wp-caption{}
.wp-caption-text {}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.alignright {}
.alignleft{}
.aligncenter{}

/* Home
-------------------------------------------------- */
.home{
   background: url("../img/scribble_light.png") repeat scroll 0 0 transparent;
   padding-bottom: 20px;
}
.home .logo{
  display: block;
  text-align: center;
  margin-top: 60px;
}
.home .title{
  text-align:center;
  color: #747474;
}
.home .title h2{
  line-height: 25px;
}
.home .subtitle{
   color: #747474;
    font-weight: normal;
    padding-top: 0px;
    text-align: center;
    text-transform: uppercase;
}
#slider {
  margin-bottom:20px;
  margin-top:30px;
  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  position:relative;
}

.blurb {
margin: 0px;
}

.blurb.right {
text-align: right;
}

.blurb.left {
text-align: left;
float: left;
}

.blurb p {
padding: 12px;
}

.clear {
clear:both;
}

.aside-logo {
float: left;
margin-left:0px;
}


/* Content
-------------------------------------------------- */
.main{
  background: url("../img/grass.png") repeat scroll 0 0 transparent;
}
.section {
    padding-bottom: 60px;
    padding-top: 60px;
}
.headline {
    margin: 0px 0 0px;
  font-family: 'groboldregular' ;
}

.headline h3 {
    background: url("../img/separating-lines.gif") no-repeat scroll center center transparent;
    color: #113419;
    font-size: 40px;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.box{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 2.8125%;
    position: relative;
    text-align: center;
    top: 20px;
}

.cls{
    font-size: 54px;
    height: 50px;
    line-height: 10px;
    width: 100%;
  color:#fff;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}
.cls:hover{
  color:#007731;
}
header.box-headline h4 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}

.s-details{
  padding-bottom: 20px;
}

#divider:nth-of-type(2){
height:13px;
background: url("../img/strip.png") repeat-x 0 0 transparent;
}


div#kiwi {
position: inherit;
//right: 0;
width: 250px;
float: right;
z-index: 99;
//bottom: 5px;
}

#kiwi img {
width: 100%;
height: auto;
margin-top:-130px;
}


.font {
font-family: 'groboldregular';
}

.green {
color: #007731;
}

/*** About ****/
.office {
    text-align: center;
    margin-top: 18px;
}
.office img {
    border-radius: 6px 6px 6px 6px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    height: 330px;
    width: 500px;
}
.about h2{
    color: #666666;
    font-size: 24px;
    font-weight: normal;
}
.about ul{
  list-style:none;
}
.about li{
  margin-bottom: 8px;
}
.workpro{
  margin-top: 40px;
}
.process{
  float: left;
  width: 120px;
  height: 120px;
  padding: 15px;
  font-size: 80px;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 500px;
  border: 4px dashed #007731;
  -webkit-transition: border-color 1s linear;
  -moz-transition: border-color 1s linear;
  -o-transition: border-color 1s linear;
  -ms-transition: border-color 1s linear;
  transition: border-color 1s linear 0s;
  text-align: center;
  margin-left: 30px;
  cursor: pointer;
}
.process p{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
}
.process:hover{
  border: 4px dashed #F29E0C;

}
/*Team
-------------------------------------------------- */
.m-team{
    border-bottom: 1px dashed #007731;
    border-top: 1px dashed #007731;
    margin-top: 10px;
    padding: 10px;
}
.name{
    font-size: 16px;

    font-size: 16px;
    font-weight: bold;

    text-align: center;
}
.post{
    border-bottom: 1px dotted;
    margin-bottom: 10px;
}
.m-team ul.social {
    list-style: none outside none;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.m-team .social > li {
    display: inline;
    font-size: 20px;
}
.m-team .social > li a {
    text-decoration: none;
  color:#747474;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}
.m-team .social > li a:hover{
  color:#007731;
}
/* Portfolio
-------------------------------------------------- */
#options ul {
  list-style: none outside none;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#options li {
  display: inline-block;
}
#options li a {
    color:#747474;
    font-size: 15px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 34px;
}
#options li a:hover {
    color:#E30613;
}
#options li a:current {
    color:#E30613;
}
#options li a.selected {
    color:#E30613;
}
.box{
background: RGBA(155, 190, 86, 0.3);
}
.block{
    color: #222222;
    float: left;
    margin: 4px;
    overflow: hidden;
    position: relative;
    height: 170px;
    width:  225px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    position: relative;
    text-align: center;
    top: 20px;
}

.block img {
    width: 100% !important;
}
.view-first img {
    transition: all 0.2s linear 0s;
}
.view-first .mask {
    background-color: rgba(105, 193, 231, 0.5);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.view-first:hover .mask {
    opacity: 1;
}
.view {
    background: url("../img/loading.gif") no-repeat scroll center center #F1F1F1 !important;
    cursor: default;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.view .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.view a.info {
    background-color: #000000;
    background-image: url("../img/zoom.png");
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: block;
    height: 32px;
    left: 50%;
    margin-left: -36px;
    margin-top: -16px;
    position: absolute;
    top: 50% !important;
    transition: all 0.2s linear 0s;
    width: 32px;
}
.nolink a.info {
    margin-left: -17px !important;
}
.view a.info:hover {
    background-color: #69C1E7 !important;
    border: 1px solid rgba(255, 255, 255, 0.7);
    transition: all 0.2s linear 0s;
}
.view a.link {
    background-color: #000000;
    background-image: url("../img/link.png");
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 3px 3px;
    display: block;
    height: 32px;
    left: 50%;
    margin-left: 4px;
    margin-top: -16px;
    position: absolute;
    top: 50% !important;
    transition: all 0.2s linear 0s;
    width: 32px;
}
.noinfo a.link {
    margin-left: -17px;
}
.view a.link:hover {
    background-color: #69C1E7 !important;
    border: 1px solid rgba(255, 255, 255, 0.7);
    transition: all 0.2s linear 0s;
}

.isotope-item {
    z-index: 2;
 }
.isotope-hidden.isotope-item {
    pointer-events: none;
     z-index: 1;
 }
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -ms-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     display:block;
 }
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width;
 }
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
     -ms-transition-property: -moz-transform, opacity;
     -o-transition-property: top, left, opacity;
     transition-property: transform, opacity;
 }
/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
     -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
     transition-duration: 0s;
 }
/* Client
-------------------------------------------------- */
.clients-scroll{
  margin-top: 50px;
  height:
}
.mt-client{
    background: linear-gradient(#FFFFFF, #F4F4F4) repeat scroll 0 0 transparent;
    border: 1px solid #CACACA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    height: 70px;
    margin-right: 100px;
    padding-top: 34px;
    text-align: center;
    width: 210px !important;
    float: left;
}
.clientsnav{
  margin-top: 30px;
  text-align: center;
}
#clients-next{
  text-decoration: none;
  color:#007731;
  font-size: 30px;
  cursor: pointer;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}
#clients-prev{
  text-decoration: none;
  color:#007731;
  font-size: 30px;
  cursor: pointer;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}
#clients-next:hover{
  color:#EF4135;
}
#clients-prev:hover{
  color:#EF4135;
}


/* Blogs
-------------------------------------------------- */
.blogs{

}
.blogs .post-thumb{
    height: 225px;
    margin: 6px;
    width: 360px;
}
.blogs .post-title{
    font-size: 24px;
    font-weight: normal;
    margin-left: 6px;
    margin-right: 6px;
    text-align: left;
}
.blogs .post-short{
    text-align: left;
    margin-left: 6px;
    margin-right: 6px;
}
.blogs .post-title > a{
  color: #666666;
}
.blogs .meta {
  margin: 12px;
}
.blogs .meta hr{
  margin: 6px;
 }
.blogs .meta span {
  font-size:12px;
  line-height:16px;
  display:block;
  color:#c5c5c5;
}
.blogs .meta_date {
  float:left;
}
.blogs .meta_comment{
  float:right;
}

/* single-posts
-------------------------------------------------- */
.single-posts{
  height: auto;
  padding: 14px;
}
.single-posts .post-title{
    font-weight: normal;
}
.single-posts .post-title > a{
  color: #666666;
}
.single-posts .meta {
 text-align: center;
 margin-bottom: 14px;
}
.single-posts .meta hr{
  margin: 6px;
}
.single-posts .meta span {
  color: #888888;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}
.single-posts .meta_date {

}
.single-posts .meta_com {

}
.single-posts p{
  text-align: left;
  margin: 10px 0px 20px;
}
.tags {
    padding: 5px 0 15px;
}
.button1 {
    background: none repeat scroll 0 0 #3A3A3A;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.button1:hover{
    background: none repeat scroll 0 0 #E8E8E8;
    border: 0 none;
    color: #3A3A3A;
    color: #FFFFFF;
}

.post-navigation{
  text-align: left;
}
.post-navigation .left{
  float: left;
}

.post-navigation .right{
  float: right;
}

.com{

}
.com{
    font-size: 12px;
    line-height: 15px;
    margin: 20px;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
}
.comment-text{
    position: relative;
}
.comment-reply-link {
    background: none repeat scroll 0 0 #007731;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 6px;
    padding: 4px;
    text-transform: lowercase;
}
.comment-reply-link:hover{
    background:#FC862F;
    color: #FFFFFF;
    text-decoration: none;
}
.com img{
    margin-bottom: 20px !important;
    margin-right: 20px !important;
}
.com .avatar{
    float: left;
}
.com h5{
   margin-bottom: 10px;
}
.mt ul{
  list-style: none;
  margin: 0px;
}
.leave{

}
.leave textarea{
  width: 94% !important;
}
.leave input[type="text"]{
  width: 94% !important;
}
.leave #submit-button{
  width: 94% !important;
}
input, select, textarea{
  color: #666;
}
/* Sidebar
-------------------------------------------------- */
.sidebar{

}

.side_bar_widget {
    text-align: left;
    padding: 10px;
}

.side_bar_widget h4 {
    font-family: bebasneueregular;
    font-size: 26px;
    font-weight: normal;
    margin-left: 14px;
    margin-top: 20px;
}

#wp-calendar {
    text-align: center;
    width: 100%;
}
#wp-calendar caption {
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 1em;
}
#wp-calendar tfoot td {
    padding-top: 1em;
}

.flickr-channel a {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    float: none;
    margin: 0 5px 5px 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.flickr-channel a img {
    border: 3px solid #D7D7D7;
    height: 50px;
    margin: 0;
    max-width: none;
    opacity: 1;
    padding: 0;
    position: relative;
    width: 50px;
}
.flickr-channel a img:hover {
    border: 3px solid #555555;
    opacity: 0.6;
}
/* Testimonials
-------------------------------------------------- */
.testimonials{
  padding: 30px;
}
blockquote p{
    padding-bottom: 10px;
    text-align: left;
  padding-top: 10px;
}
.author{

}


/* Contact and map
-------------------------------------------------- */
.maps{
  position:relative;
  display:block;
  background:rgba(255,255,255,0.5) ;
  border:1px solid rgba(0,0,0,0.08);

  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  margin-bottom:20px;
  padding:10px;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  height: 300px;

  //-webkit-overflow-scrolling:touch;
}
#contact-form {
  position:relative;
  display:block;
  width:100%;
}
#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
  margin-bottom:20px;
  width:100%;
  color: #666;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  width:98% !important;
  background:rgba(255,255,255,0.5) ;
  border:1px solid rgba(0,0,0,0.08);

  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  margin-bottom:20px;
  padding:10px;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;

}

#geoop-form-placeholder textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  width:98% !important;
  background:rgba(255,255,255,0.5) ;
  border:1px solid rgba(0,0,0,0.08);

  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  margin-bottom:20px;
  padding:10px;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;

}
#geoop-form-placeholder input,
select,
textarea {
  width:100%;
  background:rgba(255,255,255,0.5) ;
  border:1px solid rgba(0,0,0,0.08);

  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  margin-bottom:20px;
  padding:10px;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
input,
select,
textarea {
  width:100%;
  background:rgba(255,255,255,0.5) ;
  border:1px solid rgba(0,0,0,0.08);

  -moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  -webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
  box-shadow:4px 4px rgba(0,0,0,0.05);
  margin-bottom:20px;
  padding:10px;

  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #AFCDD8;
  background-color: #9DBF2C;
}

textarea {height:150px;resize: none;}
label {display:block;}
/* chrome, safari */
::-webkit-input-placeholder {color:#12351B !important;font-style:italic;}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {color:#12351B !important;font-style:italic;}
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {color:#12351B !important;font-style:italic;}
.required {
  font-weight:bold;
  color:#F00;
}

#searchform input[type="text"] {
    width: 90% !important;
}

.sending{
    display:none;
    font-size: 16px;
    margin: 0;
    padding: 3px;
    position: relative;
    text-align: center;
  }
.mess {display: none; padding:40px 0 40px 0;}
.mess h5{ font-weight:400; padding:10px;}

/* Footer
-------------------------------------------------- */
footer {
    background: url("../img/scribble_light.png") repeat scroll 0 0 transparent;
    height: auto;
	padding-bottom:20px;
	color: #113419;
}
.wed_end{
  margin-top: 20px;
  text-align: center;
}
.wed_end h2{
  font-weight: bold;
  line-height: 20px;
}
.wed_end p{

}
.wed_tweets{
  margin-top: 20px;
}
.wed_tweets h2{
    font-size: 30px;
    font-weight: normal;
    text-align: center;
}
.wed_con{
  margin-top: 20px;
}
.wed_con h2{
  font-weight: normal;
  font-size: 30px;
  border-bottom:1px dotted;
  margin-left: 20px;
}
.wed_con ul{
  list-style: none;
}
.wed_con ul li{
  display:list-item;
}
.wed_con ul li span{
  font-size: 14px;
  line-height: 1.6em;
  font-family: arial ;
  margin-left: 10px;
}
ul.social {
    list-style: none outside none;
    margin-top: 20px;

}
.social > li {
    display: inline;
    font-size: 28px;
}
.social > li a {
    text-decoration: none;
  color:#747474;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}
.social > li a:hover{
  color:#007731;
}

#cscf.cscfBlock div.cscfForm form#frmCSCF div.control-group label.control-label {
float: left;
width: 30% !important;
}

#cscf.cscfBlock div.cscfForm form#frmCSCF div.control-group div.controls input.input-xlarge {
float:left;
width:64% !important;
}

div.row div.span5 li#text-2.widget.widget_text {
font-size:13px;
list-style:none;
}

div.row div.span5 li#text-2.widget.widget_text h2 {
font-size:25px;
}

#cscf.cscfBlock div.cscfForm form#frmCSCF div.control-group div.controls textarea.input-xlarge {
width:94% !important;
}


/* Scroll Top
-------------------------------------------------- */
.scroll-top {
    background: url("../img/small-arrow-top.png") no-repeat scroll center center #070707;
    bottom: 0;
    display: none;
    height: 30px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 30px;
    z-index: 9999;
}

.error{
    text-align: center;
    padding-bottom: 216px;
}
.error h1{
    font-size: 220px;
    padding: 150px 0;
}
.error h2 {
    font-size: 60px;
    font-weight: normal;
    line-height: 60px;
}

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

    /* Large desktop */
    @media (min-width: 1200px) {
    #grant-box {
		min-height: 463px;
		}

     }
    div#grant.span3.box.mugshot {
     margin-left:9px;

	}


    /* Medium Desktop */
    @media (max-width: 1199px) {


	div#grant.span3.box.mugshot {
     margin-left:0;
    }
	}

    /* Portrait tablet to landscape and desktop */
    @media(max-width: 980px) {

      .mt-client{
        margin-left: 30px !important;
      }
      #contact-form input, #contact-form select, #contact-form textarea, #contact-form label {
          width: 98% !important;
      }
      textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
          width: 96% !important;
      }

      .span3.box.mugshot {
    margin: 0 0 0 0;
	display: block;
	width: 85%;
	padding: 26px;
	background:none;
    }

    .blurb.right, .blurb.left {
    width:100%;
    }

    .blurb p {
		text-align:center;
		}

	div#grant-box {
     min-height:726px;

	}

      footer{
        height: auto;
      }

    //div#kiwi {top: 439px;}


}



    @media(max-width: 800px) {
      .navbar-fixed-top {
        margin-bottom: 0;
        //position: fixed;
      }
      .navbar .btn, .navbar .btn-group{
        margin-top: 14px;
      }
      .home .logo {
        margin-top: opx;
      }
      .process {
        margin-left: 70px;
        margin-bottom: 20px;
      }
      .m-team ul.social{
        margin-left: 1px;
      }
      .mt-client{
        margin-left: 90px !important;
      }
      #contact-form input, #contact-form select, #contact-form textarea, #contact-form label {
          width: 98% !important;
      }
      textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
          width: 96% !important;
      }
        .span3.box.mugshot {
    margin: 0 auto;
	display: block;
	width: 50%;
	padding: 26px;
	background:none;
    }

    div#grant.span3.box.mugshot {
     margin:0 auto;

	}


      footer{
        height: auto;
         }
    //.home {background: url("../img/grass.png") repeat scroll 0 0 transparent;}

         // div#kiwi {top: 420px;}


     }

    /* 770 fix */
    @media (max-width:770px) {
    .span3.box.mugshot {
    margin: 0 auto;
	display: block;
	width: 85%;
	padding: 26px;
	background:none;
    }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        .navbar-fixed-top {
          margin-bottom: 0;
        }
        .navbar .btn, .navbar .btn-group{
          margin-top: 14px;
        }
        .home .logo {
          margin-top: opx;
        }
        .process {
          margin-left: 70px;
          margin-bottom: 20px;
        }
        .m-team ul.social{
          margin-left: 1px;
        }
        .mt-client{
          margin-left: 90px !important;
        }
        #contact-form input, #contact-form select, #contact-form textarea, #contact-form label {
            width: 98% !important;
        }
		//.home{background: url("../img/grass.png") repeat scroll 0 0 transparent;}

		img.img-circle {margin: 0 auto}

		        .span3.box.mugshot {
    margin: 0 auto;
	display: block;
	width: 50%;
	padding: 26px;
	background:none;
    }

		#grant-box {
    min-height: 600px !important;
    }

		.blurb p {
		text-align:center;
		}
    }

    /* Landscape phones and down */
    @media (max-width: 480px) {
      .navbar-fixed-top {
          margin-bottom: 0;
          position:fixed;
        }

       .navbar-inner .container {
       margin-right:30px;
       margin-left:30px;
       }

      .error h1{
        font-size: 180px;
      }

      .blurb p {
		text-align:center;
			}

      //.title h2 {color:#fff;}
      section{
        margin-left: -20px;
        margin-right: -20px;
        background: url("../img/grass.png") repeat scroll 0 0 transparent;
      }
      .main{
       background: url("../img/grass.png") repeat scroll 0 0 transparent;
      }
      .flex-caption{
        display: none;
      }
      .mt-client{
          margin-left: 60px !important;
        }
      #contact-form input, #contact-form select, #contact-form textarea, #contact-form label {
            width: 90% !important;
      }
      footer{
        margin-left: -20px;
        margin-right: -20px;
        height: auto;
      }
      .sidebar{
        display: none;
      }
      .span3 .wed_con ul li a {
      color: #ccc
      }

      .span3.box.mugshot {
    margin: 0 auto;
	display: block;
	width: 85%;
	padding: 26px;
	background:none;
    }

    //div#kiwi {width: 150px;top: 346px;}

     .wed_con ul li.icon-inbox span a {
     color:#12351B;
     }

     }

/* Buttons ----------- */
button {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

button {
font-family: 'groboldregular';
background-color:#87C92F;
font-size: 14px;
}


.awesome {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-top:none;
border-left:none;
border-right:none;

}


/* Sizes ---------- */
.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
.xlarge.awesome {
font-size:30px;
padding:10px 15px 9px;
}

.font.awesome {
font-family: 'groboldregular';
}

/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}
.green.awesome {
background-color: #86C74B;
}

/* -- alerts --- */
.cscfMessageSent {
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 //position: fixed;
		 _position: absolute;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 animation: animate-bg 5s linear infinite;
		 background-color: #87C92F;
		 border-color: #55a12c;
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 margin: 20px 0 40px 0;
}

.cscfMessageSent h3 {
font-family: 'groboldregular';
}

.control-group {
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 }
#send-form {
width:250px;
margin: 0 auto 45px;
}

.info{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

.error{
		 background-color: #de4343;
		 border-color: #c43d3d;
}

.warning{
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

.success{
		 background-color: #87C92F;
		 border-color: #55a12c;
}

.message h3{
		 margin: 0 0 5px 0;
}

.message p{
		 margin: 0;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -800px 0;
    }
}

@-webkit-keyframes animate-bg {
	from {
	background-position: 0 0;
	}
	to {
	background-position: -400px 0;
	}
}