/*
Theme Name:         Michael Weinstein 2013
Theme URI:          michael-weinstein.com
Version:            2013
Author URI:         michael-weinstein.com
License:            this is mine
License URI:        michael-weinstein.com
*/


/* lets go */

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

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

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

/*
-----------------------------------------
  THE GRID
-----------------------------------------
*/
/*
.row {
  min-width: 0;
}

@media only screen and (max-width: 768px) {
  
  .row {
	width: auto;
  }
}

*/



/*
-----------------------------------------
  GLOBAL LAYOUT
-----------------------------------------
*/

body {
  background: #F2F0EF;
}

.header-spacer {
  padding-top: 90px;
}

@media only screen and (max-width: 768px) {
  .header-spacer {
	padding-top: 60px;
  }
}

@media only screen and (max-width: 480px) {
  .header-spacer {
	padding-top: 45px;
  }
}

.page-section {
  padding: 25px 50px;
  position: relative;
  -webkit-transition: padding .5s ease;
  -moz-transition: padding .5s ease;
  -o-transition: padding .5s ease;
  transition: padding .5s ease;
}

.sub-header {
  background: transparent url(images/diagonal_right_10.png);
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 768px) {
  .page-section {
	padding: 25px 10px;
  }
}

@media only screen and (max-width: 420px) {
  .page-section {
	padding: 25px 5px;
  }
}

  .section-arrow {
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -8px;
	background: transparent url(images/section_arrow_gray.png) no-repeat 0 0;
	width: 16px;
	height: 8px;
	z-index: 10;
  }
  
  .section-arrow.white {
	background-image: url(images/section_arrow_white.png);
  }

.page-title {
  padding-top: 15px;
  padding-bottom: 0px;
}

.page-title h1 {
  margin-top: 0; 
}

.page-title hr {
  margin: 0 0 4px !important;
}





/*
-----------------------------------------
  TYPOGRAPHY
-----------------------------------------
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  font-size: 18px;
}

@media only screen and (max-width: 420px) {
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	font-size: 16px;
  }
}

body, p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}

/* text selection background */
#content-fader *::selection {
  background: #daf2e9; /* Safari */
}

#content-fader *::-moz-selection {
  background: #daf2e9; /* Firefox */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #A4A4A2;
  font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
  font-weight: 400;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #A4A4A2;
}

h1 { font-size: 54px;letter-spacing: 0px; }
h2 { font-size: 42px;letter-spacing: 0px; }
h3 { font-size: 36px;letter-spacing: .25px; }
h4 { font-size: 30px;letter-spacing: .25px; }
h5 { font-size: 21px;letter-spacing: .5px; }
h6 { font-size: 18px;letter-spacing: .5px; }

h5, h6 {
  text-transform: uppercase;
}

a {
  color: #3F3E3C;
  -webkit-transition: color .2s linear 0s;
  -moz-transition: color .2s linear 0s;
  -o-transition: color .2s linear 0s;
  transition: color .2s linear 0s;
}

  a:hover {
	color: #70C6A7;
  }

p, ul, ol, dl {
  line-height: 1.6;
  margin-bottom: 1.5em;
}

p.lead {
  letter-spacing: 0.25px;
}

hr {
  border-color: #DCDDDE;
  border-top: 1px solid #DCDDDE;
  margin: 23px 0 24px;
}

hr.double {
  border-top: 4px double #DCDDDE;
  margin: 20px 0 24px;
}

.huge {
  font-size: 200px;
  letter-spacing: -1px;
  line-height: 1;
  margin: 0;
}





/* Normal Buttons ---------------------- */
.button {
  padding: 14px 30px;
  background: #F7F6F5;
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.15);
  box-shadow: 3px 3px 0px rgba(0,0,0,0.05), inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  -moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.05), inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.05), inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  color: #B2AEAB;
  font-size: 21px;
  font-family: 'alternate_gothic_fs_no_3Rg';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  -moz-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  -o-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
  -moz-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
  -webkit-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
}

.button:hover,
.button:focus,
.button.disabled {
  border: 1px solid rgba(0,0,0,0.1);
  color: #8C8885;
  background: rgba(0,0,0,0.025);
  box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  left: 3px;
  top: 3px;
  cursor: pointer;
}

.button:active {
  border: 1px solid rgba(0,0,0,0.1);
  color: #8C8885;
  background: rgba(0,0,0,0.05);
  box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  left: 3px;
  top: 3px;
}

.button.large,
input.large.button[type="submit"] {
  font-size: 21px;
  padding: 20px 30px;
}
  
.button.medium,
input.medium.button[type="submit"] {
  font-size: 21px;
  padding: 14px 30px;
}

.button.small,
input.small.button[type="submit"] {
  font-size: 18px;
  padding: 10px 15px;
}

.button.tiny,
input.tiny.button[type="submit"] {
  font-size: 16px;
  padding: 2px 8px;
}

.button.green {
  background: #70C6A7;
  color: #F2F0EF;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  -moz-text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  -webkit-text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  left: 0px;
  top: 0px;
}

.button.green:hover,
.button.green:focus,
.button.green.disabled {
  color: #fff;
  background: #6aba9d;
}

.button.green:active {
  color: #F2F0EF;
  background: #62b395;
}







.button#searchsubmit {
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  -moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  -webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.5);
  left: -1px;
}

.button#searchsubmit:hover,
.button#searchsubmit:focus,
.button#searchsubmit.disabled {
  box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  left: -1px;
  top: 0px;
}

.button:active {
  box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 1px 0px rgba(255,255,255,0.7), inset 0px 1px 2px rgba(0,0,0,0.1);
  left: -1px;
  top: 0px;
}





/*
-----------------------------------------
  ICONS
-----------------------------------------
*/

ul.icons {
  margin: 0 0 15px -10px;
  padding: 2px 0;
}

  ul.icons > li {
	margin: 0 10px;
  }
  
	.icon {
	  width: 24px;
	  height: 24px;
	  display: inline-block;
	  background-color: transparent;
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  overflow: hidden;
	  white-space: nowrap;
	  text-indent: 9999px;
	  position: relative;
	}
	
	.icon.has-tip {
	  border: none;
	  cursor: pointer;
	}
	
	  .icon-wrapper,
	  .icon-wrapper a {
		display: inline-block;
		position: relative;
		line-height: 0px;
	  }
	  
	  a.icon:hover,
	  .icon-wrapper:hover .icon {
		background-position: 0 -24px;
	  }
	  
	  a.icon.static:hover,
	  .icon-wrapper:hover .icon.static {
		top: 0px !important;
	  }
	  
	  .icon-behance {
		background-image: url(images/icon_behance.png);
		background-image: url(images/icon_behance.svg);
	  }
	  
	  .icon-mail {
		background-image: url(images/icon_mail.png);
		background-image: url(images/icon_mail.svg);
	  }
	  
	  .icon-dribbble {
		background-image: url(images/icon_dribbble.png);
		background-image: url(images/icon_dribbble.svg);
	  }
	  
	  .icon-pinterest {
		background-image: url(images/icon_pinterest.png);
		background-image: url(images/icon_pinterest.svg);
	  }
	  
	  .icon-grid {
		background-image: url(images/icon_grid.png);
		background-image: url(images/icon_grid.svg);
	  }
	  
	  .icon-grid24 {
		background-image: url(images/icon_grid24.png);
		background-image: url(images/icon_grid24.svg);
	  }
	  
	  .icon-lightbulb {
		background-image: url(images/icon_lightbulb.png);
		background-image: url(images/icon_lightbulb.svg);
	  }
	  
	  .icon-linkedin {
		background-image: url(images/icon_linkedin.png);
		background-image: url(images/icon_linkedin.svg);
	  }
	  
	  .icon-mw {
		background-image: url(images/icon_mw.png);
		background-image: url(images/icon_mw.svg);
	  }
	  
	  .icon-rss {
		background-image: url(images/icon_rss.png);
		background-image: url(images/icon_rss.svg);
	  }
	  
	  .icon-speech_bubble {
		background-image: url(images/icon_speech_bubble.png);
		background-image: url(images/icon_speech_bubble.svg);
	  }
	  
	  .icon-twitter {
		background-image: url(images/icon_twitter.png);
		background-image: url(images/icon_twitter.svg);
	  }
	  
	  .icon-tags {
		background-image: url(images/icon_tags.png);
		background-image: url(images/icon_tags.svg);
	  }
	  
	  .icon-categories {
		background-image: url(images/icon_categories.png);
		background-image: url(images/icon_categories.svg);
	  }
	  
	  .icon-write {
		background-image: url(images/icon_write.png);
		background-image: url(images/icon_write.svg);
	  }
	  
	  .icon-reply {
		background-image: url(images/icon_reply.png);
		background-image: url(images/icon_reply.svg);
	  }
	  
	  .icon-link {
		background-image: url(images/icon_link.png);
		background-image: url(images/icon_link.svg);
	  }

	  .icon-arrow-left {
		background-image: url(images/icon_arrow_left.png);
		background-image: url(images/icon_arrow_left.svg);
	  }
	  
	  .icon-arrow-right {
		background-image: url(images/icon_arrow_right.png);
		background-image: url(images/icon_arrow_right.svg);
	  }
	  
	  .icon-posts {
		background-image: url(images/icon_posts.png);
		background-image: url(images/icon_posts.svg);
	  }
	  
	  .icon-search {
		background-image: url(images/icon_search.png);
		background-image: url(images/icon_search.svg);
	  }
	  
	  .icon-close {
		background-image: url(images/icon_close.png);
		background-image: url(images/icon_close.svg);
	  }

ul.icons-centered {
  margin: 0 0 15px;
  text-align: center;
}

  ul.icons-centered > li {
	display: inline-block;
	float: none;
  }





/*
-----------------------------------------
  HEADER
----------------------------------------- 
*/

#header {
  background: rgba(38,36,32,0.85) url(images/diagonal_right.png);
  border-bottom: 1px solid #262420;
  position: absolute;
  top: 15px;
  width: 100%;
  z-index: 50;
  padding-top: 15px;
  padding-bottom: 0px;
  -webkit-transition: padding .3s ease;
  -moz-transition: padding .3s ease;
  -o-transition: padding .3s ease;
  transition: padding .3s ease;
}

  #header a {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  }

#header-mw-icon {
  position: absolute;
  left: -52px;
  top: 0px;
}

#header-mw-icon a {
  padding: 12px 0 9px;
}

  #header-mw-icon img {
	-moz-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
  }
  
  #brand:hover #header-mw-icon img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
  }

  #header .row {
	position: relative;
  }

#brand {
  display: block;
  float: left;
  font-size: 24px;
  position: relative;
  margin: 0 30px 0 0;
  text-transform: uppercase;
}

#brand a {
  display: inline-block;
  color: #D9D6CE;
  line-height: 24px;
  letter-spacing: 0.25px;
}

  #brand a:hover {
	color: #F2F0EF;
  }

#brand a.name {
  padding: 15px 0 9px;
}

/* text selection background */
#header *::selection {
  background: #000; /* Safari */
}

#header *::-moz-selection {
  background: #000; /* Firefox */
}


/* animation for rotating loading graphic */

@keyframes rotate {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

@-moz-keyframes rotate { /* Firefox */
  from {
	-moz-transform: rotate(0deg);
  }
  to {
	-moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate { /* Safari and Chrome */
  from {
	-webkit-transform: rotate(0deg);
  }
  to {
	-webkit-transform: rotate(360deg);
  }
}

@-o-keyframes rotate { /* Opera */
  from {
	-o-transform: rotate(0deg);
  }
  to {
	-o-transform: rotate(360deg);
  }
}

#header-loading {
  position: absolute;
  right: -37px;
  top: 11px;
}

#header-loading img {
  animation-name: rotate; 
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  
  -webkit-animation-name: rotate; 
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  
  -moz-animation-name: rotate; 
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  
  -o-animation-name: rotate; 
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

#header.fixed {
  position: fixed;
  top: 0px;
  padding-top: 0px;
}

#header_contact {
  float: right;
  color: #B2AFAB;
  padding: 16px 0 0 0;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: 0.5px;
}

  #header_contact:hover {
	color: #D9D6CE;
  }
  
  #header_contact .icon {
	width: 30px;
	height: 30px;
  }
  
	#header_contact:hover .icon {
	  background-position: 0 -30px;
	}
  
  #header_contact_text {
	margin-left: 5px;
	vertical-align: top;
	line-height: 30px;
  }


.project-nav-header {
  padding-top: 11px;
  margin-right: 20px;
}


  .project-nav-header > .icon-wrapper,
  .project-nav-header > .icon {
	margin-left: 5px;
  }



@media only screen and (max-width: 768px) {
  #header, #header.fixed {
	position: fixed;
	top: 0px;
	padding: 0px;
  }
  
  #header-mw-icon {
	float: left;
	display: block;
	position: static;
	margin: 0 9px 0 0;
  }
  
  .project-nav-header {
	display: none;
  }
  
  #header-loading {
	right: 5px;
	top: 15px;
  }
  
  #header_contact {
	padding-right: 24px;
  }
}

@media only screen and (max-width: 580px) {
	
	#header_row {
	  padding: 0;
	}

  #header-mw-icon {
	margin: 0;
  }
  
  #brand {
	margin: 0;
	overflow: hidden;
	font-size: 21px;
  }
  
  #brand .name {
	padding: 15px 12px 9px 0;
  }
	
	#brand a {
	  padding: 10px 10px 7px;
	  line-height: 21px;
	}
	
  #header a {
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
  }
  
  #header_contact {
	padding: 11px 12px 0 0;
	display: none;
  }
  
  #header-loading {
	display: none;
  }
  
}




/*
-----------------------------------------
  NAVIGATION
-----------------------------------------
*/

#navigation {
  float: left;
  display: block;
}

#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

  #nav li {
	float: left;
	margin: 0px;
	padding: 0 21px 0 9px;
	background: transparent url(images/nav_slash.png) no-repeat right 50%;
  }
  
	#nav li:last-child {
	  background: transparent;
	}
  
	#nav li a {
	  display: block;
	  color: #B2AFAB;
	  text-transform: uppercase;
	  font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
	  font-size: 21px;
	  line-height: 24px;
	  padding: 16px 0 15px;
	  letter-spacing: 1.5px;
	}
	
	  #nav li.current-menu-item a {
		color: #70C6A7;
	  }
	
	  #nav li a:hover {
		color: #D9D6CE;
	  }
	
	#mobile_nav_trigger {
		display: none;
	}



@media only screen and (max-width: 768px) {
  #header_contact_text {
	display: none;
  }
}

@media only screen and (max-width: 580px) {
  
  #mobile_nav_trigger {
	display: block;
	float: right;
	width: 64px;
	color: #B2AFAB;
	border-left: 1px solid #605E5A;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 21px;
	padding: 16px 0px 15px;
	letter-spacing: 1.5px;
	text-align: center;
  }
  
	#mobile_nav_trigger .menu_close {
		display: none;
		font-size: 36px;
	}
	
	#mobile_nav_trigger .menu_open {
		font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
	}
	
	#mobile_nav_trigger.active .menu_close {
		display: block;
	}
	
	#mobile_nav_trigger.active .menu_open {
		display: none;
	}
	
  #navigation {
	padding: 0;
	display: none;
	clear: both;
	float: none;
	border-top: 1px solid #605E5A;
  }
  
	#nav {
	}
	  
	  #nav li {
		float: none;
		background: transparent;
		border-bottom: 1px solid #605E5A;
		padding: 0;
	  }
	  
		#nav li a {
			padding: 15px;
		}
  
}





/*
-----------------------------------------
  FOOTER
-----------------------------------------
*/

#footer {
  background: transparent url(images/diagonal_right_10.png);
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

  #footer .row {
	position: relative;
  }
  
  #footer p {
	margin: 0;
  }

#footer-links {
  margin-top: 12px;
  margin-bottom: 0;
}

#footer-tagline {
  padding-top: 10px;
  padding-bottom: 0;
}

  #footer-tagline p {
	color: #B2AFAB;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
  }

  #footer-tagline img {
	position: relative;
	top: 2px;
  }


#footer-contact {
  padding-bottom: 0;
}

#footer-contact form {
  border-bottom: 4px double #DCDDDE;
  padding: 30px;
  margin: 0;
}


@media only screen and (max-width: 420px) {
  
  #footer-tagline p {
	font-size: 10px;
	letter-spacing: 0px;
  }
  
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  #footer-contact label {
	text-align: right;
  }
}





/*
-----------------------------------------
  FORMS
-----------------------------------------
*/

label {
  color: #BFBAB8;
  font-weight: 600;
  letter-spacing: 0.5px;
}

label.inline {
  margin: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: rgba(255,255,255,.2);
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
  color: rgba(0, 0, 0, 0.5);
  padding: 12px;
  height: auto;
  letter-spacing: .25px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
textarea:hover {
  background-color: rgba(255,255,255,.4);
}

input[type="text"].oversize,
input[type="password"].oversize,
input[type="date"].oversize,
input[type="datetime"].oversize,
input[type="email"].oversize,
input[type="number"].oversize,
input[type="search"].oversize,
input[type="tel"].oversize,
input[type="time"].oversize,
input[type="url"].oversize,
textarea.oversize {
  font-size: 18px;
  padding: 4px 6px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: rgba(255,255,255,.7);
  border-color: rgba(0,0,0,0.2);
  letter-spacing: 1px;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: rgba(0,0,0,.1);
}

textarea { height: auto; }

input[type="text"].text-input-small {
  padding: 6px 12px;
}




/*
-----------------------------------------
  HOMEPAGE
-----------------------------------------
*/

#home-featured {
  position: relative;
  z-index: 5;
  margin-bottom: -300px;
}

#home-featured #featured {
  margin: 0;
}

#home-featured .orbit-wrapper {
  z-index: 5;
}
  
#home-featured .timer {
  display: none;
}

#home-featured .orbit-wrapper .orbit-caption {
  background: rgba(38,36,32,0.85) url(images/diagonal_right.png);
  text-align: left;
  padding: 0;
  font-size: 15px;
  width: auto;
  bottom: 300px;
}

  #home-featured .orbit-wrapper .orbit-caption,
  #home-featured .orbit-wrapper .orbit-caption h6,
  #home-featured .orbit-wrapper .orbit-caption a {
	color: #B2AFAB;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	margin: 0;
  }
  
  #home-featured .orbit-wrapper .orbit-caption:hover h6,
  #home-featured .orbit-wrapper .orbit-caption:hover h6 a {
	color: #D9D6CE;
  }
  
	#home-featured .orbit-wrapper .orbit-caption .caption_inner {
	  padding: 8px 45px 8px 12px;
	  display: block;
	}
  
  #home-featured .orbit-wrapper .orbit-caption .arrow {
	position: absolute;
	right: 12px;
	top: 6px;
	width: 15px;
	height: 22px;
	background: transparent url(images/arrow_right.png) no-repeat 0 0;
  }



#featured-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -14px;
}

#featured-loading img {
  animation-name: rotate; 
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  
  -webkit-animation-name: rotate; 
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  
  -moz-animation-name: rotate; 
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  
  -o-animation-name: rotate; 
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}




#featured img {
  display: none;
}

  #featured img.slider_placeholder {
	display: block !important;
  }

#featured.orbit {
  background: none;
}

#featured.orbit img {
  display: block;
}

  #featured.orbit img.slider_placeholder {
	display: none !important;
  }

@media only screen and (min-width: 1440px) {
  #featured.orbit .orbit-slide {
	left: 50%;
	margin-left: -720px;
  }
}


.section-header {
  text-align: center;
  position: relative;
  padding: 30px 0 10px;
  margin: 15px 0;
  font-weight: 400;
  font-size: 36px;
  letter-spacing: 1.5px;
  
  text-transform: uppercase;
  text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
  -moz-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
  -webkit-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
}

  .section-header .plus {
	position: absolute;
	width: 15px;
	height: 61px;
	background: transparent url(images/pluses.png) repeat-x 0 0;
	top: 12px;
  }
  
  .section-header .plus-left {
	left: -7px;
  }
  
  .section-header .plus-right {
	right: -7px;
  }
  
  .section-header .plus-center-left {
	width: 45px;
	margin-left: -28px;
	left: 33.33%;
  }
  
  .section-header .plus-center-right {
	width: 45px;
	margin-right: -28px;
	right: 33.33%;
  }
  
.section-header .section-icon {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -15px;
  text-align: center;
  width: 30px;
  height: 30px;
}

#home-intro {
  z-index: 10;
  background: rgba(255,255,255,0.9) url(images/dots_white.png);
  background: rgba(255,255,255,0.9) url(images/diagonal_right_white.png);
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}


@media only screen and (max-width: 768px) {
  .section-header .plus-center-left,
  .section-header .plus-center-right {
	display: none;
  }
  
  #home-featured .orbit-wrapper .orbit-caption .caption_inner {
	padding: 14px 17px 14px 21px;
  }
  
  #home-featured .orbit-wrapper .orbit-caption .arrow {
	position: static;
	display: block;
	width: 15px;
	height: 22px;
	background: transparent url(images/arrow_right.png) no-repeat 0 0;
  }
  
  #home-featured .orbit-wrapper .orbit-caption h6 {
	display: none;
  }
  
  #home-featured {
	margin-bottom: -150px;
  }
  
  #home-featured .orbit-wrapper .orbit-caption {
	bottom: 150px;
  }
  
}


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

  #footer-links {
	padding: 0 15px;
	text-align: center;
	margin-top: 15px;
  }
  
	#footer-links > li {
	  display: inline-block;
	  float: none;
	  padding: 0;
	  margin: 0 10px;
	}
	
  #home-featured {
	margin-top: 45px;
	margin-bottom: 0px;
  }
  
  #home-featured .orbit-wrapper .orbit-caption {
	bottom: 0px;
  }
  
  #featured-loading {
	margin-top: -20px;
  }
  
}





/*
-----------------------------------------
  PORTFOLIO ITEMS
-----------------------------------------
*/

.project-list {
  margin: 0 -15px !important;
}

  .project-list .project-box {
	position: relative;
	padding: 6px 15px 12px !important;
	-webkit-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	-o-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  }

.project-box .img {
  display: block;
  position: relative;
  border: 1px solid #DCDDDE;
  border-bottom: 1px solid #BEBFBB;
  border: 1px solid rgba(0,0,0,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.project-box .img img { z-index: 2;}
.project-box .img .img-overlay { z-index: 3;}
.project-box .img .project-new-tag { z-index: 4;}

  .project-box .img {
	line-height: 0;
  }
  
  .project-box .img-overlay {
	-moz-box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent url(images/diagonal_right_white.png);
	opacity: 0;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
	-o-transition: all .1s linear 0s;
	transition: all .1s linear 0s;
	padding: 60px 30px 0;
	-webkit-backface-visibility: hidden;
	display: block;
  }
  
  .project-box .img:hover {
  	border: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.3);
  }

  .project-box .img:hover .img-overlay {
	opacity: .3;
  }
  
  .project-new-tag {
	position: absolute;
	top: 7px;
	left: -5px;
	width: 57px;
	height: 29px;
	background: transparent url(images/new_tag.png) no-repeat 0 0;
  }

.project-box .img img {
  position: relative;
}
  
.project-box .project-title {
  margin: 0;
  padding: 6px 0 0;
  color: #73706B;
}



ul.project-type {
  margin: 0 0 17px;
}

  ul.project-type > li {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	background: transparent url(images/slash.png) no-repeat left 50%;
	padding-left: 10px;
  }
  
  ul.project-type > li.new {
	display: none !important;
  }
  
	ul.project-type > li:first-child {
	  background: transparent;
	  padding: 0;
	}
  
	ul.project-type > li a,
	ul.project-type > li span {
	  color: #A4A4A2;
	  letter-spacing: 0.5px;
	  text-transform: lowercase;
	  padding: 0 4px;
	  font-size: 13px;
	}
	  
	  ul.project-type > li:first-child a,
	  ul.project-type > li:first-child span {
		padding-left: 0px;
	  }
	
	  ul.project-type > li a:hover {
		color: #898986;
	  }
	
	.list-separator {
	  display: block;
	  float: left;
	  width: 1px;
	  height: 8px;
	  margin: 0;
	  background: rgba(0,0,0,0.05);
	}





/*
-----------------------------------------
  PORTFOLIO
-----------------------------------------
*/

ul.projects-sort {
  margin-bottom: 0px;
  font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
}

  ul.projects-sort > li {
	line-height: 30px;
  }
  
	ul.projects-sort > li a {
	  text-transform: uppercase;
	  font-size: 18px;
	  line-height: 24px;
	  letter-spacing: 1px;
	  color: #73706B;
	}
	
	ul.projects-sort > li.current a,
	ul.projects-sort > li a:hover {
	  color: #70c6a7;
	}

@media only screen and (max-width: 420px) {
  
  ul.projects-sort {
	margin-left: -18px;
  }
  
	ul.projects-sort > li {
	  margin-left: 15px;
	}
	
	  ul.projects-sort > li a {
		font-size: 15px;
		letter-spacing: 0.5px;
	  }

}





/*
-----------------------------------------
  PORTFOLIO - SINGLE
-----------------------------------------
*/

#project-single {
  padding-bottom: 72px;
}

.project-page-title {
  font-size: 42px;
  margin-bottom: 6px;
}

#project-single figure img {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.project-single-header hr {
  margin: 0 0 4px;
}

.entry-content figure img {
  margin-bottom: 24px;
}

.project-sidebar {
  padding-top: 20px;
}

.project-nav-sidebar {
  position: fixed;
  left: 10px;
  top: 95px;
}
  
  .project-nav .project-nav-all {
	text-align: center;
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid #DCDDDE;
  }

.project-nav-footer {
  display: none;
}

.project-sidebar-text-list {
  list-style-type: none;
}

  .project-sidebar-text-list li {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
  }
  
  .project-sidebar-text-list li.current a {
	color: #70c6a7;
  }



@media only screen and (max-width: 768px) {
  #project-single {
	padding-bottom: 48px;
  }
  
  .project-sidebar-text-list {
	display: none;
  }
}

@media only screen and (max-width: 420px) {
  #project-single {
	padding-bottom: 24px;
  }
  
  .project-nav-footer {
	display: block;
  }
  
  .project-sidebar {
	padding: 0;
  }
  
  .project-nav {
	position: static;
	text-align: center;
  }
  
	.project-nav > .icon,
	.project-nav  > .icon-wrapper {
	  display: inline-block;
	  margin: 0 5px;
	  position: relative;
	}
	
	.project-nav .prev-project {
	  right: -24px;
	}
	
	.project-nav .next-project {
	  left: -24px;
	}
	
	.project-nav .all-projects {
	  top: -24px;
	}
	
	.project-nav .project-nav-all {
	  margin: 0px;
	  padding: 0px;
	  border: none;
	}

}





/*
-----------------------------------------
  BLOG
-----------------------------------------
*/

#blog-header {
  padding: 15px 50px;
}

  #blog-header h6 {
	margin: 0 0 3px;
  }

.sub-header form {
  margin: 0;
}

  .sub-header select {
	margin-top: 6px;
  }

.post {
  padding-bottom: 25px;
  border-bottom: 1px solid #DCDDDE;
}

  .post:nth-child(even) {
	background: #f7f6f5;
  }

.post .entry-content a {
  border-bottom: 1px dotted #8A8C85;
}

.post .entry-content .post-title a, .post .entry-content a.comments-link {
  border: none;
}

.entry-sidebar .post footer {
  border-top: 4px double #DCDDDE;
  padding-top: 20px;
}

.post footer ul {
  list-style-type: none;
}

.post footer p, .post footer ul {
  margin: 0;
}

.post footer a {
  color: #73706B;
}

.post footer a:hover {
  color: #70C6A7;
}

.post footer,
.post footer p,
.post footer ul,
.post footer li,
.post footer div {
  font-size: 14px;
  line-height: 24px;
}

.sidebar-block {
  border-top: 1px solid #DCDDDE;
  padding: 11px 0 12px 34px;
  position: relative;
  overflow: hidden;
}

  .sidebar-block .icon {
	position: absolute;
	left: 0px;
	opacity: 0.5;
	-webkit-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	-o-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
  }
  
	.sidebar-block:hover .icon {
	  opacity: 0.75;
	}

.post-date {
  border: none;
  padding-top: 0;
}



/* Images */
img.alignright {
  float: right;
  margin: 0 0 18px 18px;
}

img.alignleft {
  float: left;
  margin: 0 18px 18px 0;
}

img.aligncenter {
  display: block;
  margin: 18px auto;
}

/* Add HTML5 Class for Images */
figure img {
  height: auto;
  border: 1px solid rgba(0,0,0,0.1);
  margin: 0;
  display: block;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
  border-image: initial;
}

/* Add HTML5 Caption Class for Images */
figure.figure {
  margin: 0 auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
}

figure.figure figcaption {
  padding: 8px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
}

figure.alignright.figure {
  float: right;
  margin: 0 0 18px 18px;
}

figure.alignleft.figure {
  float: left;
  margin: 0 18px 18px 0;
}

.pagination {
  background: #F7F6F5 url(images/diagonal_right_white.png);
  border-bottom: 1px solid #DCDDDE;
  border-top: 3px double #DCDDDE;
  margin-top: -1px;
}

  .pagination, .pagination .columns {
	padding: 0;
  }
  
	.pagination a {
	  padding: 50px 25px;
	  width: 100%;
	  display: block;
	  text-align: center;
	  text-transform: uppercase;
	  font-size: 18px;
	  line-height: 24px;
	  color: #B2AEAB;
	  font-weight: 600;
	  letter-spacing: 1px;
	  -webkit-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	  -moz-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	  -o-transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	  transition: all .5s cubic-bezier(0, 0, 0.4, 1) 0s;
	  text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
	  -moz-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
	  -webkit-text-shadow: 0px 2px 1px rgba(255,255,255,0.7);
	}

	  .pagination .link-prev a {
		border-right: 1px solid #DCDDDE;
	    border-right: 1px solid rgba(0,0,0,0.05);
	  }
	
	  .pagination a:hover {
		color: #70c6a7;
		background: #F9F9F9 url(images/diagonal_right_white.png);
	  }
	  
	.pagination a span {
	  color: #A4A4A2 !important;
	  text-transform: none;
	  font-size: 14px;
	  letter-spacing: 0.25px;
	  font-weight: normal;
	}



@media only screen and (max-width: 768px) {
  .post footer ul {
	margin-bottom: -6px;
  }
  
  .post footer ul li {
	float: left;
	padding: 0 9px 0 0;
	margin: 0 10px 6px 0;
	line-height: 1;
	border-right: 1px solid #DCDDDE;
  }
  
  #blog-header #searchform {
	padding: 6px 0 0;
	overflow: hidden;
  }
}

@media only screen and (max-width: 420px) {
  .pagination a {
	padding: 30px 20px;
	border-top: 1px solid #DCDDDE;
	margin-top: -1px;
  }
  
  #blog-header {
	padding: 15px 0;
  }
  
  #blog-header #s {
	margin: 0;
  }
}


  

/*
===========================================
BLOG - SINGLE
===========================================
*/

#blog_single .post {
  padding-bottom: 0;
}

@media only screen and (min-width: 421px) and (max-width: 768px) {
  #blog_single {
	padding-left: 40px;
  }
}





/*
===========================================
COMMENTS
===========================================
*/

#comments {
  margin-top: 72px;
}
  
ol.commentlist {
  list-style-type: none;
  margin: 0 0 18px;
  border-top: 4px double #DCDDDE;
}

  ol.commentlist > li {
	border-top: 1px solid #DCDDDE;
  }
  
	ol.commentlist > li:first-child {
	  border-top: none;
	}
  
  ol.commentlist li article {
    padding: 12px 15px 12px 85px;
	position: relative;
  }
  
  .comment-time a {
	color: #B2AFAB;
    font-size: 14px;
  }
  
  .comment-avatar {
    padding-right: 0px;
	position: absolute;
	left: -55px;
  }
  
  .comment-author-name {
	background: #B2AFAB;
	margin-right: 6px;
  }
  
  .comment-author-name,
  .comment-author-name a {
	color: #fff;
  }
  
  .bypostauthor .comment-author-name {
	background: #70C6A7;
  }

ol.commentlist ul.children {
  margin: 0;
  background: transparent url(images/diagonal_right_10.png);
  list-style-type: none;
}

  ol.commentlist ul.children > li {
    border-top: 1px solid #DCDDDE;
  }
  
  ol.commentlist ul.children ul {
    margin-left: 30px;
  }
  
  ol.commentlist ul.children ul li {
    border-top: 1px solid #DCDDDE;
    padding-left: 0px;
  }

a.comment-reply-link, a.comment-edit-link {
  text-decoration: none !important;
}

#respond textarea {
  height: 100px;
}

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

  .comment-actions {
	text-align: center;
	border-top: 1px solid #DCDDDE;
	padding-top: 11px;
  }
  
}

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

  ol.commentlist li article {
	padding: 12px 15px 12px 70px;
  }
	
	.comment-avatar {
	  left: -40px;
	}  
  
}





/*
-----------------------------------------
  ABOUT US
-----------------------------------------
*/

/* Accordion ---------------------- */
ul.accordion {
  border-bottom: 3px double #D9D6CE;
}

ul.accordion > li {
  border-top: 3px double #D9D6CE;
}

ul.accordion > li > div.title {
  background: transparent;
  padding: 15px 0;
  border-left: none;
  border-right: none;
}

ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }

ul.accordion > li .content {
  padding: 15px 0;
}

ul.accordion > li.active {
  border-top: 3px double #D9D6CE;
}

ul.accordion > li.active .title {
  background: transparent;
}

ul.accordion > li.active .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #9d9d9d transparent transparent transparent;
}

ul.accordion > li.active .content {
  background: transparent;
  border-left: none;
  border-right: none;
}






/*
-----------------------------------------
  SEARCH RESULTS
-----------------------------------------
*/

#search_results .post-title {
  margin-top: 0px;
}

#search_results .comments-link {
  vertical-align: top;
}

#search_results .post, #search_results .page {
  padding: 0;
  border-bottom: 1px solid #DCDDDE;
}

#searchform {
  margin: 0;
}





/*
-----------------------------------------
  TABLET GRID
-----------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 768px) {

.left {
  float: left;
}

.right {
  float: right;
}

.row .tablet-one { width: 8.33333% !important; float: left !important; padding: 0 15px; }
  .row .tablet-one:last-child { float: right; }
  .row .tablet-one.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-two { width: 16.66667% !important; float: left !important; padding: 0 15px; }
  .row .tablet-two:last-child { float: right; }
  .row .tablet-two.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-three { width: 25% !important; float: left !important; padding: 0 15px; }
  .row .tablet-three:last-child { float: right; }
  .row .tablet-three.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-four { width: 33.33333% !important; float: left !important; padding: 0 15px; }
  .row .tablet-four:last-child { float: right; }
  .row .tablet-four.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-five { width: 41.66667% !important; float: left !important; padding: 0 15px; }
  .row .tablet-five:last-child { float: right; }
  .row .tablet-five.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-six { width: 50% !important; float: left !important; padding: 0 15px; }
  .row .tablet-six:last-child { float: right; }
  .row .tablet-six.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-seven { width: 58.33333% !important; float: left !important; padding: 0 15px; }
  .row .tablet-seven:last-child { float: right; }
  .row .tablet-seven.end { float: left; }
  .row.collapse .tablet-one { padding: 0; }
.row .tablet-eight { width: 66.66667% !important; float: left !important; padding: 0 15px; }
  .row .tablet-eight:last-child { float: right; }
  .row .tablet-eight.end { float: left; }
  .row.collapse .tablet-eight { padding: 0; }
.row .tablet-nine { width: 75% !important; float: left !important; padding: 0 15px; }
  .row .tablet-nine:last-child { float: right; }
  .row .tablet-nine.end { float: left; }
  .row.collapse .tablet-nine { padding: 0; }
.row .tablet-ten { width: 83.33333% !important; float: left !important; padding: 0 15px; }
  .row .tablet-ten:last-child { float: right; }
  .row .tablet-ten.end { float: left; }
  .row.collapse .tablet-ten { padding: 0; }
.row .tablet-eleven { width: 91.66667% !important; float: left !important; padding: 0 15px; }
  .row .tablet-eleven:last-child { float: right; }
  .row .tablet-eleven.end { float: left; }
  .row.collapse .tablet-eleven { padding: 0; }
.row .tablet-twelve { width: 100% !important; float: left !important; padding: 0 15px; }
  .row .tablet-twelve:last-child { float: right; }
  .row .tablet-twelve.end { float: left; }
  .row.collapse .tablet-twelve { padding: 0; }
  
.push-one-tablet { margin-left: 8.33333%; }
.push-two-tablet { margin-left: 16.66667%; }
.push-three-tablet { margin-left: 25%; }
.push-four-tablet { margin-left: 33.33333%; }
.push-five-tablet { margin-left: 41.66667%; }
.push-six-tablet { margin-left: 50%; }
.push-seven-tablet { margin-left: 58.33333%; }
.push-eight-tablet { margin-left: 66.66667%; }
.push-nine-tablet { margin-left: 75%; }
.push-ten-tablet { margin-left: 83.33333%; }
.push-eleven-tablet { margin-left: 91.66667%; }

.pull-two-tablet { right: 16.66667%; }
.pull-three-tablet { right: 25%; }
.pull-four-tablet { right: 33.33333%; }
.pull-five-tablet { right: 41.66667%; }
.pull-six-tablet { right: 50%; }
.pull-seven-tablet { right: 58.33333%; }
.pull-eight-tablet { right: 66.66667%; }
.pull-nine-tablet { right: 75%; }
.pull-ten-tablet { right: 83.33333%; }


/* Block Grids ---------------------- */
.block-grid.tablet-two-up > li,
.block-grid.tablet-three-up > li,
.block-grid.tablet-four-up > li,
.block-grid.tablet-five-up > li,
.block-grid.tablet-six-up > li,
.block-grid.tablet-seven-up > li,
.block-grid.tablet-eight-up > li,
.block-grid.tablet-nine-up > li,
.block-grid.tablet-ten-up > li,
.block-grid.tablet-eleven-up > li,
.block-grid.tablet-twelve-up > li {
  float: left;
}

.block-grid.tablet-one-up > li { width: 100%;  }
.block-grid.tablet-two-up > li { width: 50%; }
.block-grid.tablet-two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.tablet-three-up > li { width: 33.33333%; }
.block-grid.tablet-three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.tablet-four-up > li { width: 25%; }
.block-grid.tablet-four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.tablet-five-up > li { width: 20%; }
.block-grid.tablet-five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.tablet-six-up > li { width: 16.66667%; }
.block-grid.tablet-six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.tablet-seven-up > li { width: 14.28571%; }
.block-grid.tablet-seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.tablet-eight-up > li { width: 12.5%; }
.block-grid.tablet-eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.tablet-nine-up > li { width: 11.11111%; }
.block-grid.tablet-nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.tablet-ten-up > li { width: 10%; }
.block-grid.tablet-ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.tablet-eleven-up > li { width: 9.09091%; }
.block-grid.tablet-eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.tablet-twelve-up > li { width: 8.33333%; }
.block-grid.tablet-twelve-up > li:nth-child(12n+1) { clear: both; }



@media only screen and (max-width: 480px) {
  .left, .right {
	float: none;
  }
}