.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-size:18px;
	font-weight:lighter;
}
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"]
{
background: transparent;
border-radius: 10px;
height: 50px;

}
@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)
 {
	 .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 
	 {
		 margin:0px !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; }

.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%;
}
/*Updated*/