.top-bar-section
{
width:65.5em;
margin:auto;
}
.top-bar-section li:not(.has-form) a:not(.button):hover
{
	background-color:#F4F5FA !important;
	background:#F4F5FA !important;
	color:#30699F;
}
.mp
{
	padding:10px !important;
}
.headert
{
color:#fff;	
}


/* VERTICAL CENTERING ---------------------- */
.out-vc {
	display: table;
}
.in-vc {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.in-vc-right {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

p
{

	font-weight:lighter;
	color:#000;
	  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
b
{
	font-size:18px;

}
 .stch
	 {
		 width:100% !important;
		 height:auto !important;
		 
	 }
button.success, .button.success{
padding: 0.675rem 1.75rem 0.7375rem 1.75rem;
font-size: 1.2125rem;
font-weight: bold;
}
.formb
{
	padding: 0.7rem 2rem 1.0625rem 2rem;
font-size: 1.5rem;
font-weight:bold;
}
.stories
{
	color:#9FCA4A;
	font-weight:bold;
}

h4.type
{
	color:#000;
	font-weight:bold;
}
b.type
{
	color:#9FCA4A;
	font-size:inherit;
}
p.work
{
	line-height:2em;
}
.top-bar .toggle-topbar.menu-icon a span::after
{
	box-shadow: 0 0 0 1px #839097, 0 7px 0 1px #839097, 0 14px 0 1px #839097;
}

input[type="text"], input[type="email"]
{
border-radius: 10px;
border:1px solid #0095a7;

}
@media only screen and (max-width: 40em)
{
.reveal-modal {
min-height: 50vh;
margin-top: 30px;
}
.small-12 {
padding:0px;
}
}

@media only screen and (max-width: 40em)
 {
	 .card .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: rgba(70, 72, 82, 0.7);
	padding:0px !important;
    text-align: center;
	 }
	 .top-bar-section ul li > a
	 {
		 color:#839097;
		 text-align:center;
	 }
	 .top-bar-section
	 {
		 width:100%;
	 }
	   .sm
  {
  width:18% !important;
  margin:auto !important;
  display: inline-block;
  float:center;
  }
 
	 h2
	 {
		 text-align:center;
	 }
	 .stchm
	 {
		 width:100% !important;
		 height:auto !important;
		 
	 }
	 .out-vc
	 {
		 padding:0px;
	 }
	 .row 
	 {
		width:95%;
		 margin:auto !important;
	 }
	 [class*="block-grid-"]
	 {
		 margin:0px !important; 
	 }
 }
 
 .timeline-main {
border-radius: 10px;
padding: 10px;
padding: 1rem;

}
.timeline__item {
overflow: hidden;
width: 100%;
font-size: 21px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600;
padding: 30px;
padding: 0.5rem;
background-color: #fff;
border: 1px solid #e9ecee;
box-shadow: 1px 5px 0px -1px #e9ecee;

}
.box {
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 5px;
  display: block;
  margin-top: 40px !important; }

.box-icon {
  border-radius: 50%;
  display: table;
  height: 50px;
  margin: 0 auto;
  width: 50px;
  margin-top: -51px;
  font-size: 3rem; }
  .box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

.info h4 {
  font-size: 26px;
  letter-spacing: 2px;
  text-transform: uppercase; }
.info p {
margin:0px;
  padding-top: 0px; }
.info a {
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.5s ease 0s; }
  .info a:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s ease 0s; }
	.item-wrapper {
  padding: 5px;
  border: 2px solid #efefef;
  border-radius: 7px;
  margin-top: 0px;
}
.item-wrapper:hover .img-wrapper img {
  -webkit-filter: grayscale(0);
}
.item-wrapper:hover .img-wrapper .add-to-cart {
  bottom: 0;
}

.img-wrapper {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.img-wrapper .add-to-cart {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #9FCA4A;
  padding: 16px 8px;
  bottom: -50px;
  position: absolute;
  z-index: 2;
  color: #fff;
  margin: 0 auto;
  border: none;
  box-shadow: none;
}
.img-wrapper .add-to-cart:hover {
  background-color: #82ab32;
}
.img-wrapper img {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-filter: grayscale(1);
  width: 100%;
}
.card {
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #272727;
  border-radius: 2px; }
  .card .title {
    line-height: 1.8rem;
    font-size: 1.5rem;
    font-weight: 300; }
  .card .content {
    padding: 1.3rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }
  .card p {
    margin: 0; }
  .card .action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 1.3rem; }
  .card a {
    color: #ffab40;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    text-transform: uppercase;
    text-decoration: none; }
  .card .image {
    position: relative; }
    .card .image .title {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1.3rem;
      color: #fff; }
    .card .image img {
      border-radius: 2px 2px 0 0; }
	  .quote {
  border-radius: 5px;
}

.quote p {
  font-weight: 300;
}

@media only screen and (max-width: 40em) {
  .quote p {
    padding-left: 20px;
  }
}

.quote-marks {
  font-size: 100px;
  position:absolute;
  left:-0px;
  padding-top:20px;
  color: #777;
}
h1 , h3
{
	color:#000;
}
.panel
{
	padding-top:50px;
	padding-bottom:50px;
	margin-bottom:0px;
}