/*
Theme Name: tangent media!
Theme URI: https://tangentmedia.com/
Author: Tangent Media
Author URI: https://tangentmedia.com/
Description: 
Version: 1.0
Tags:

*/

/*
*
* GENERAL
*
*/
.parallax {
	will-change: transform;
	transform: translateZ(0);
}
html {
	margin-top: 70px;
}
#wpadminbar {
  position: absolute;
  top: -46px;
}
body {
  font-family: "Open Sans",sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  color: #000;
}
.entry-content {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 0;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
.entry-content > div > div > ul,
#secondary ul {
  padding: 0;
  margin: 0;
  margin-left: 19px;
}
.entry-content > div > div > ul li,
#secondary ul li {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #DAE0E6;
}
h1 {
  font-weight: 100;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 11px;
  margin-bottom: 35px;
}
h2 {
  font-weight: 100;
  font-size: 26px;
}
p {
	font-size: 15px;
	font-weight: 100;
}

#site-credit{background:#FFF;padding:10px
0;color:#706C6C;text-align:center;border-top:1px solid #f58220}#site-credit
a{color:#672f90;font-weight:800}#site-credit a
span{color:#f58220;font-size:17px;line-height:10px}

#primary {
	margin-top: 0px !important;
}

.tm-divider:before {
	content: "";
  max-width: 328px;
  width: 100%;
  height: 11px;
  background: url(../../uploads/2015/09/divider-1x.png) no-repeat center center;
  display: block;
  margin: 50px auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.tm-divider:before {
		background: url(../../uploads/2015/09/divider-2x.png) no-repeat center center;
		background-size: cover;
	}
}
.flex-video {
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden;
  padding-bottom: 53.5%;
  padding-top: 1.38889rem;
  position: relative;
}
.flex-video iframe, 
.flex-video object, 
.flex-video embed, 
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

a.button-default {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0px !important;
  background: #ec771f;
  letter-spacing: 10px;
  font-weight: 300;
  display: inline-block;
  padding: 13px 56px;
  border-radius: 50px;
  margin-top: 20px;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

a.button-default::before {
  content: "";
  display:block;
  position: absolute;
  top: -500px;
  left: -500px;
  right: -550px;
  bottom: -550px;
  will-change: transform;

  transition: all 1s ease;

	background: #ac5078;
	background: -moz-linear-gradient(-45deg, #ac5078 40%, #ec771f 60%);
	background: -webkit-linear-gradient(-45deg, #ac5078 40%,#ec771f 60%);
	background: linear-gradient(135deg, #ac5078 40%,#ec771f 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac5078', endColorstr='#ec771f',GradientType=1 );
}

a.button-default:hover::before {
  transform: rotate(210deg);
  opacity: 0.4;
}
a.button-default::after {
  content: attr(btn-text);
  position: relative;
  font-size: 24px;
  left: 2px;
}
.hentry {
	margin: 0;
}

html.hide-header-footer {
  margin: 0 !important;
}

/*
* HEADER
*/
#site-wrapper > .header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30000;
}
.header .logo {
  background-color: #fff;
  text-align: right;
  height: 70px;
  /*border-bottom: 5px solid #bbbbbb;*/
  position: relative;
}
.header .logo .branding img {
  max-width: 218px;
  padding: 13px 8px;
}
.navigation {
  background-color: #fff;
  height: 70px;
  /*border-bottom: 5px solid #d2662d;*/
}
.header .logo > img {
  position: absolute;
  top: 0;
  right: -13px;
  height: 100%;
  z-index: 1;
}
#nav-main-wrapper {
  max-width: 88%;
}
@media screen and (max-width: 1500px) {
	#nav-main-wrapper {
	  max-width: 959px;
	}
}
.social {
  float: left;
}
.social a {
	line-height: 70px;
	margin-left: 4px;
	margin-right: 10px;
	color:rgba(181, 181, 181, 0.88);
	font-size: 18px;
}
.main-navigation {
	width: auto;
	clear: none;
}
.main-navigation > div > ul > li > a {
  line-height: 70px;
  padding: 0 20px;
  outline: none;
  outline: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
  text-decoration: none;
  margin-left: 2px;
}
.main-navigation > div > ul > li > a:hover {
  color: #F77E36;
  /*border-bottom: 5px solid #B5531F;*/
}
.main-navigation > div > ul > li.current_page_item > a {
	color: #F77E36;
}
.main-navigation ul ul {
  top: 70px;
  padding: 20px 0;
  background: rgba(255,255,255,0.92);
}
.main-navigation ul ul a {
	color: #ff863e;
	padding: 10px 20px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 300px;
	text-decoration: none;
}
.main-navigation ul ul a:hover {
	color: #fff;
	background: #652B91;
}
.main-navigation li.current-menu-parent a {
  color: #ed7d2a;
}

/*
* HOME
*/

/* HOME - HERO */
.home-hero-wrap {
  max-height: 790px;
	position: relative;
	overflow: hidden;
}
.home-hero {
	padding-bottom: 40.34%;
}
.hero-imgs img {
  width: 100%;
  position: absolute;
  /*top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
  z-index: -1;
}
.hero-text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 13%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
}
.hero-text {
	color: #565656;
}
.hero-text .line1 {
  display: inline-block;
  font-weight: 100;
  font-family: "Open Sans";
  border-bottom: 1px solid #FF863E;
  line-height: 50px;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 10px;
}
.hero-text .line2 {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: 11px;
  position: relative;
  height: 51px;
  line-height: 1.6;
}
.hero-imgs img {
	-webkit-transition: all 0.8s ease;
	-webkit-transition: all 2.7s ease;
	transition: all 2.7s ease;
	
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 100;      /* khtml, old safari */
	-moz-opacity: 100;       /* mozilla, netscape */
	opacity: 100;           /* fx, safari, opera */
}
.hero-imgs img.fade {
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, old safari */
	-moz-opacity: 0;       /* mozilla, netscape */
	opacity: 0;           /* fx, safari, opera */
}

/* HOME - CLIENT LOGOS */
.client-showcase-wrap {
  padding-bottom: 30px;
}
.home .client-logos img {
  margin: 8px 19px;
}
.home .client-logos {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
.client-logos::before, .client-logos::after {
  content: "";
  max-width: 500px;
  width: 100%;
  height: 6px;
  background: url(../../uploads/2015/09/divider-1x.png) no-repeat center center;
  display: block;
  margin: auto;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.client-logos::before,
	.client-logos::after {
	  background: url(../../uploads/2015/09/divider-2x.png) no-repeat center center;
		background-size: cover;
	}
}
.client_showcase .title {
  text-align: center;
  font-weight: 300;
}
.client_showcase .mCSB_horizontal>.mCSB_container {
  margin: 0 auto !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width:767px) {
	.mCustomScrollBox {
	  padding-bottom: 10px;
	}
	.client-logos::after {
		content: none;
	}
}

.video-banner .bg {
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.video-banner .bg video {
  width: 100%;
}
.video-banner .fallback-image {
  position: relative;
}

.video-banner .fallback-image h2 {
  position: absolute;
  color: #fff;
  top: 50%;
  transform: translate(0%, -50%);
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  width: 100%;
  margin: 0;
  letter-spacing: 4px;
  font-weight: 100;
}

.video-banner .play-video {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  top: 10%;
}

.video-banner {
  position: relative;
  overflow: hidden;
}

.playBtn .circle {
  stroke: #ed8130;
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0.3;
}
.playBtn {
	display: inline-block;
  -webkit-transition: all 0.5s ease;
}

.playBtn .triangle {
	-webkit-transition: all 0.7s ease-in-out;
  stroke-dasharray: 240;
  stroke-dashoffset: 480;
  stroke: #fff;
  transform: translateY(0) 
}

.playBtn:hover .triangle {
	stroke-dashoffset: 0;
  opacity: 1;
  stroke: #ed8130;
  animation: nudge 0.7s ease-in-out;
}

.playBtn:hover .circle {
  stroke-dashoffset: 0;
  opacity: 1;
}

@keyframes nudge{
  0% {
    transform: translateX(0)  
  }
  30% {
    transform: translateX(-5px)
  }
  50% {
    transform: translateX(5px)
  }
  70% {
    transform: translateX(-2px)
  }
  100% {
    transform: translateX(0)
  }
}

@media (min-width:992px) {
	.video-banner .fallback-image {
		display: none !important;
	}
}

@media (max-width:991px) {
	.video-banner .bg {
		display: none !important;
	}
	.video-banner .play-video {
		top:8%;
	}
}

@media (max-width: 1250px) {
	.video-banner .play-video svg {
	  width : 150px;
	  height: 150px;
	}
}

@media (max-width: 767px) {
	.video-banner .fallback-image h2 {
	  font-size: 52px;
	  text-align: left;
	  padding-left: 35px;
	  width: 400px;
	  line-height: 1.3;
	}
	.video-banner .fallback-image img {
	  max-width: 185%;
	  margin-left: -42.5%;
	}
	.video-banner .play-video svg {
	  width : 100px;
	  height: 100px;
	}
	
	.video-banner .play-video {
	  text-align: right;
	  padding-right: 10px;
	  padding-top: 10px;
    top: 0;
	}
	
	.video-banner .fallback-image h2 {
	  top: auto;
	  bottom: 13px;
	  transform: none;
	}
}

/*
	ABOUT PAGE
*/
.page-id-52 .video-banner .bg {
  padding-bottom: 36%;
}
@media (max-width: 767px) {
	.page-id-52 .video-banner .fallback-image img {
	  max-width: 140%;
	  margin-left: -16%;
	}
}


/* HOME - WORK SHOWCASE */
.work_item {
  position: relative;
  float: left;
}
.work_item > .deliverable {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: #fff;
  font-weight: 800;
  text-shadow: 0 1px 1px #000;
}
.work_item:hover > .deliverable {
	display: none;
}
.work_item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(101, 43, 143, 0.9);
  opacity: 0;
  
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}
.work_item:hover .overlay {
	opacity: 1;
}
.work_item .overlay:before, 
.work_item .overlay:after {
  position: absolute;
  top: 21px;
  right: 21px;
  bottom: 21px;
  left: 21px;
  content: '';
  opacity: 0;
  z-index: 1;
  
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}
.work_item .overlay:before {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.overlay:after {
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.work_item:hover .overlay:before, .work_item:hover .overlay:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.45s ease .2s;
  transition: opacity 0.4s ease, -webkit-transform 0.45s ease .2s;
  transition: opacity 0.4s ease, transform 0.45s ease .2s;
  transition: opacity 0.4s ease, transform 0.45s ease .2s, -webkit-transform 0.45s ease .2s;
}
.work_item .overlay > div {
	position: absolute;
	top:50%;
	left:0;
	right:0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
  
  text-align: center;
  color: #fff;
}
.work_item .overlay .deliverable {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  line-height: 1;
  width: 85%;
  margin: auto;
}
.work_item .overlay .title {
  font-size: 18px;
  font-weight: 800;
}
.work_item .overlay .link {
  font-family: "Wisdom Script";
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.work_item img {
  max-width: 100%;
  width: 500px;
}
.work-showcase-wrap {
  background-color: #fff;
  padding: 0px;
  /*padding-bottom: 90px;*/
}
.work-showcase-wrap .intro h3 {
  max-width: 800px;
  text-align: center;
  margin: auto;
  font-size: 23px;
  margin-bottom: 0px;
  font-weight: 300;
  line-height: 1.5;
}
.work-showcase-wrap .mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 0px;
  margin-top: 16px;
}
.work-showcase-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}
.work-showcase-wrap .mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.work-showcase-wrap .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 3px;
  margin: 6.5px 0px;
}
.client-showcase-wrap .mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.client-showcase-wrap .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 3px;
  margin: 6.5px 0px;
}
.home .work_showcase .intro {
  padding: 150px 0;
}

/* HOME - TANGENT SHOWCASE */
.tangent-showcase-wrap {
  padding: 50px 0;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding-top: 25%;
  background: #000;
}
.tangent-showcase-wrap .team-img {
	position: absolute;
	top: 0;
	left: 0;
}
.tangent-showcase-wrap .intro {
  max-width: 750px;
  margin: auto;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: 300;
}
.tangent-showcase-wrap .intro h2 {
  font-size: 39px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 6px;
  margin-bottom: 30px;
}
.tangent-showcase-wrap .brain h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
}
.brain {
  padding: 15px;
}
.brain-item {
	margin-top: 0px;
	margin-bottom: 40px;
}
.brain-item a {
  background-color: #ffffff;
  color: #5D5D5D;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 0;
  text-decoration: none;
  margin-bottom: 10px;
  overflow: hidden;
}
.brain-item a:hover {
	opacity: 0.9;
}
.brain-item a .label {
  background-color: #9fa839;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 0px 10px;
  margin: 0;
  border-radius: 0;
  line-height: 26px;
  margin-right: -4px;
}
.brain-item a .link {
	color:#9fa839;
	font-size: 10px;
  padding: 0px 10px;
  border-radius: 2px;
  display: inline-block;
  line-height: 20px;
  font-weight: 800;
}
.brain-item .content {
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
}
#brain-item-web a .link { color:#9fa839; }
#brain-item-web a .label { background-color: #9fa839; }
#brain-item-video a .link { color:#F27440; }
#brain-item-video a .label { background-color: #F27440; }
#brain-item-print a .link { color:#4E6470; }
#brain-item-print a .label { background-color: #4E6470; }
#brain-item-mobile a .link { color:#61298A; }
#brain-item-mobile a .label { background-color: #61298A; }

@media screen and (min-width: 1750px) {
	.tangent-showcase-wrap {
	  padding-top: 33%;
	}
	.tangent-showcase-wrap .team-img {
		width: 150%;
	}
}

@media screen and (max-width: 1550px) {
	.tangent-showcase-wrap .intro {
	  font-size: 15px;
	}
}

@media screen and (max-width: 1100px) {
	.tangent-showcase-wrap {
		padding: 50px;
	}
	.tangent-showcase-wrap .team-img {
	  position: absolute;
	  top: 0;
	  left: -19%;
	  max-width: 150%;
	  opacity: 0.8;
	}
}

@media screen and (max-width: 767px) {
	.tangent-showcase-wrap {
		padding: 0px;
		background: #fff;
	}
	.team-img-wrap {
	  margin-bottom: 0px;
	  position: relative;
	  padding-bottom: 62%;
	  overflow: hidden;
	}
	.tangent-showcase-wrap .team-img {
	  opacity: 1;
	}
	.tangent-showcase-wrap .tangent_showcase {
		padding: 41px 6px;
	}
	.tangent-showcase-wrap .intro {
	  color: #000;
	}
}

/**
* CONVERSION HEADER BANNER
**/
.conversion-banner-wrap {
  overflow: hidden;
  background: #000;
  position: relative;
  color: #fff;
}

.conversion-banner-wrap .background-img {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  opacity: 0.5;
}

@media (min-width: 992px) {
	.conversion-banner-wrap .row {
	  display: table;
	  min-height: 700px;
	  width: 100%;
	}
	
	.conversion-banner-wrap .row > div {
	  display: table-cell;
	  vertical-align: middle;
	  float: none;
	}
}

.conversion-banner-wrap .conversion-content {
  max-width: 550px;
  padding: 44px 0;
}



.conversion-banner-wrap .conversion-content .logo {
  max-width: 350px;
}

.conversion-banner-wrap .conversion-content h1 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 40px;
  font-weight: 100;
  margin: 30px 0;
}

.conversion-banner-wrap .conversion-content p {
  font-size: 18px;
  line-height: 1.8;
}

.conversion-banner-wrap .conversion-form h2 {
  font-size: 31px;
  font-weight: 100;
  margin: 0;
}

.conversion-banner-wrap .conversion-form h3 {
  margin: 8px 0;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 100;
}

.conversion-banner-wrap .conversion-form form {
  margin-top: 17px;
}

.conversion-banner-wrap .conversion-form form .form-group {
  background: #fff;
  border-radius: 4px;
  padding: 14px 7px;
}

.conversion-banner-wrap .conversion-form form .form-group label {
  color: #989898;
  font-weight: 600;
  font-size: 13px;
  padding: 0px 12px;
  width: 100%;
  margin: 0;
  line-height: 1;
  display: block;
  margin-bottom: 2px;
}

.conversion-banner-wrap .conversion-form form .form-group input {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0 13px;
  height: 24px;
  font-weight: 100;
  font-size: 16px;
}

.conversion-banner-wrap .conversion-form form .form-group textarea {
  box-shadow: none;
  border: none;
}

.conversion-banner-wrap .conversion-form form button {
  width: 100%;
  padding: 14px 0;
  font-weight: 100;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  background: #ec771e;
  box-shadow: none;
  border: none;
  text-align: center;
  text-shadow: none;
  border-radius: 4px;
  transition: all ease 0.5s;
  outline: none;
}

.conversion-banner-wrap .conversion-form form button:hover {
  background: #fff;
  color: #ec771e;
}

a.button-default.small-text {
  letter-spacing: 2px;
}

a.button-default.small-text::after {
  font-size: 18px;
}

.full-opacity.conversion_header_banner .background-img {
  opacity: 1;
}
.low-opacity.conversion_header_banner .background-img {
	opacity: 0.25;
}

.conversion-content ul li {
  font-size: 18px;
  font-weight: 100;
}

.conversion-content ul {
  margin-left: 30px;
}
.conversion_header_banner.smaller-headline h1 {
  font-size: 35px;
}

@media (max-width: 991px) {
	.conversion-banner-wrap .conversion-content {
	  padding: 44px 0;
	}
	
	.conversion-form {
	  padding-bottom: 72px;
	}
}

@media (max-width: 767px) {
	.conversion-banner-wrap .conversion-form h3 {
	  font-size: 14px;
	}

	.conversion-banner-wrap .conversion-form h2 {
	  font-size: 26px;
	}
	
	.conversion-banner-wrap .conversion-content h1 {
	  font-size: 32px;
	}
	
	.conversion-banner-wrap .conversion-content p {
	  font-size: 15px;
	  line-height: 1.6;
	}
}


/*
	HORZ CTA FORM
*/
.horz_cta_form_wrap {
  background-size: cover;
  background-position: center center;
  padding: 60px 0;
  color: #Fff;
  margin: 30px 0;
}

.horz_cta_form_wrap .icon {
  text-align: center;
  text-transform: uppercase;
}

.horz_cta_form_wrap .icon h3 {
  font-weight: 600;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 20px;
  letter-spacing: 1px;
  font-size: 22px;
}

.horz_cta_form_wrap .form h2 {
  font-weight: 100;
  margin-top: 0;
}

.horz_cta_form_wrap .form .submit-btn button {
  background: #ffffff3b;
  border: 1px solid #fff;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 100;
  padding: 10px 40px;
  /* margin-top: 18px; */
}

.horz_cta_form_wrap .form .form-item {
  margin-bottom: 15px;
}

.horz_cta_form_wrap .form .form-item label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.horz_cta_form_wrap .form .form-item .form-control {
  font-weight: 100;
  font-size: 16px;  
  padding: 20px 15px;
  display: block;
  border: none;
}
@media (max-width: 767px) {
	.horz_cta_form_wrap .icon {
	  margin-bottom: 55px;
	}
}

/* TWO COLUMN WITH ICON & HEADING*/
.two_column_with_icon_heading {
  margin: 110px 0;
}

.two_column_with_icon_heading .item-header {
  display: table;
  margin-bottom: 30px;
}

.two_column_with_icon_heading .item-header > div {
  display: table-cell;
  vertical-align: middle;
}

.two_column_with_icon_heading .item {
  margin-bottom: 65px;
}

.two_column_with_icon_heading .icon img {
  width: 75px;
}

.two_column_with_icon_heading .headline {
  padding-left: 30px;
  font-weight: 100;
  font-size: 27px;
  line-height: 1.3;
  max-width: 425px;
}



/**
* CONTENT HIGHLIGHT BANNER
*/
.content-highlight-banner .container-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.content-highlight-banner .mobile-banner-img {
  display: none;
}
	
.content-highlight-banner .container-wrap .container-fluid.banner-img {
  padding: 0;
  margin: -20px 0;
}

.content-highlight-banner .container-wrap .container {
  position: relative;
}

.content-highlight-banner .container-wrap .container .row {
  position: absolute;
  width: 100%;
}

.content-highlight-banner .banner-content {
  font-weight: 300;
  line-height: 1.7;
  font-size: 18px;
}

.content-highlight-banner h1,
.content-highlight-banner h2 {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 13px;
  font-size: 35px;
  line-height: 1.4;
  display:inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.content-highlight-banner h1::after,
.content-highlight-banner h2::after {
  content: "";
  width: 50%;
  border-bottom: solid 4px;
  display:block;
  margin: 20px 0;
  opacity: 0.1;
}
.content-highlight-banner h1 span:last-child,
.content-highlight-banner h2 span:last-child {
  font-weight: 600;
}


.content-highlight-banner.video .col-inner {
  max-width: 500px;
  padding-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1400px) and (min-width: 992px) {
	.content-highlight-banner h1, .content-highlight-banner h2 {
	  letter-spacing: 4px;
	}
	.content-highlight-banner a.button-default {
		margin-top: 10px;
	}
	.content-highlight-banner .content h3 {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.content-highlight-banner.video.textside-left .col-inner {
	  right: 50px;
	}
}

.video .banner-content .row {
  height: 100%;
}


.video .banner-content .row > div {
  background: rgba(0, 0, 0, 0.35);
  height: 100%;
}

.content-highlight-banner.video .banner-content {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
  transform: none !important;
}
.content-highlight-banner.textside-left .banner-img .row > div {
  padding-left: 125px;
}
.content-highlight-banner.textside-right .banner-img .row > div {
  padding-right: 125px;
}

.content-highlight-banner.video .container-wrap {
  padding-bottom: 45%;
}

.content-highlight-banner.video .bg .vimeo-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.content-highlight-banner.video .bg iframe {
  position: absolute;
  height : 100%;
  width: 100%;
}
.content-highlight-banner.smaller-headline h2 {
  letter-spacing: 2px;
  font-size: 35px;
}

.content-highlight-banner.smaller-headline h2 span {
  font-weight: 300;
}

.content-highlight-banner.border-top {
  border-top: 1px solid #ddd;
}

.vimeo-iframe .video-loading {
  position: absolute;
  left: 5%;
  bottom: 5%;
  z-index: 100000000;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 10px;
}

.vimeo-iframe .video-loading i {
  letter-spacing: 0;
}

.html5-bg-video video {
  position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  overflow: hidden;
}

/*
	HELPER CLASSES
*/
.row.flexible-content-row.two_column.extra-padding > div {
  padding: 10px 50px;
}

.row.flexible-content-row.two_column.larger-headlines h2 {font-size: 30px;margin-bottom: 32px;}




/*
* PARALLAX MOCKUP
*/
.parallax-layers {
  position: relative;
  overflow: hidden;
  height: 1174px;
  z-index: -1;
}

.parallax-layers img {
  position: fixed;
  top: 0;
}

/*.parallax-layers img:first-child {
  position: relative;
}*/


/*
* ONE COLUMN BANNER
*/
.one-column-banner {
  padding: 12% 0;
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #eee;
}

@media (max-width: 767px) {
	.one-column-banner p {
	  font-size: 13px;
	}
	.one-column-banner {
	  padding: 1% 0;
	}
}

/*
* FOUR COLUMN ICON LINKS
*/
.four-column-icon-links .col-sm-3 {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 70px;
}

.four-column-icon-links .col-sm-3 img {
  width: 60%;
}

.four-column-icon-links .col-sm-3 a {
  text-decoration: none;
}

.four-column-icon-links .col-sm-3 a h2 {
  color: #000;
  font-weight: 100;
  font-size: 25px;
  letter-spacing: 1px;
  margin: 15px 0;
}

.four-column-icon-links .col-sm-3 a .btn {
  color: #ec7821;
  font-weight: 100px;
  font-size: 16px;
  border: 2px solid #ec7821;
  border-radius: 50px;
  padding: 5px 30px;

  transition: all 0.3s ease;
}

.four-column-icon-links .col-sm-3 a:hover .btn {
  background: #ec7821;
  color: #fff;
}
@media (min-width: 768px) {
	.col-sm-offset-1dot5 {
	  margin-left: 12.5%;
	}
}

/*
*	WORK DISPLAY SLIDER
*/
.slide-wrap {
  height: 0;
  overflow: hidden;
  z-index: 2;
  padding: 0 50px;
  padding-bottom: 35%;
  position: relative;
  max-width: 1500px;
  margin: auto;
}

.content-work-display-slider .flexslider {
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border: none;
  margin-bottom: -14px;
}

.content-work-display-slider .flexslider .slides {
  margin: 0;
  padding: 0;
}

.content-work-display-slider .flexslider .slides li {
  padding: 0px;
  border: none;
  background: #eee;
}

.content-work-display-slider .portait img {
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content-work-display-slider .content {
  max-width:33%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.content-work-display-slider .media {
  max-width:40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 100%;
}

.content-work-display-slider .media .website {
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
  margin-right: 10px;
}
.content-work-display-slider .media .website-header {
  height: 20px;
  background: #fff;
}

.content-work-display-slider .media .website-header .dots {
  position: absolute;
  top: 0px;
  line-height: 1;
  left: 10px;
}

.content-work-display-slider .media .website-header .dots span {
  display: inline-block;
  height: 5px;
  width: 5px;
  background: rgba(0, 0, 0, 0.33);;
  border-radius: 40px;
  margin-right: 5px;
}

.content-work-display-slider .content {
  font-weight: 100;
  font-size: 15px;
}
.content-work-display-slider .content h2 {
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 3px;
  margin: 0;
}

.content-work-display-slider .content h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 4px 0;
  margin-bottom: 25px;
  opacity: 0.5
}

.content-work-display-slider .content .author-name {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 2px;
}
.content-work-display-slider .content .author-title {
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.content-inner.Quote p:first-child::before {
  content: "“";
  font-size: 54px;
  font-family: "Serif";
  margin-right: 10px;
  line-height: 1px;
  position: relative;
  top: 25px;
}

/*.content-inner.Quote p:last-child::after {
  content: "”";
  font-size: 54px;
  line-height: 1px;
  font-family: "Serif";
  margin-left: 10px;
  position: relative;
  top: 25px;
}*/

.content-work-display-slider .flex-direction-nav li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.content-work-display-slider .flex-control-nav {
  z-index: 3;
  bottom: 18px;
}

.content-work-display-slider .flex-control-nav li a {
  border: 2px solid #fff;
  height: 15px;
  width: 15px;
  background: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);

}

.content-work-display-slider .flex-control-nav li a.flex-active {
  background: #fff;
}

.content-work-display-slider .flex-direction-nav a::before {
  font-size: 30px;

}
.content-work-display-slider .flex-direction-nav a {
  opacity: 1;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.26);
  height: 40px;
}

.content-work-display-slider .flex-direction-nav .flex-prev {
  left: 50px !important;
}

.content-work-display-slider .flex-direction-nav .flex-next {
  right: 50px !important;
}

@media (max-width:1750px) {
	.content-work-display-slider .flex-direction-nav .flex-prev {
	  left: 10px !important;
	}
	
	.content-work-display-slider .flex-direction-nav .flex-next {
	  right: 10px !important;
	}
}
@media (max-width:1400px) { 
	.slide-wrap {
	  padding-bottom: 43%;
	}
	.content-work-display-slider .content h2 {
	  font-size: 28px;
	}
	.content-work-display-slider .content h3 {
	  font-size: 15px;
	}
	.content-work-display-slider .content {
		font-size: 14px;
	}
}

@media (max-width:1100px) {  
	.content-work-display-slider .media {
		max-width: 36%;
  }
  .content-work-display-slider .content {
	  max-width: 35%;
  }
  .content-work-display-slider .portait img {
    left: 55%;
  }
}

@media (max-width:991px) { 
	.content-work-display-slider .portait {
	  display: none;
	}
	.content-work-display-slider .media {
	  max-width: 47%;
	}
	.slide-wrap {
	  padding-bottom: 65%;
	}
	.content-work-display-slider .content h2 {
	  font-size: 28px;
	}
	.content-work-display-slider .content h3 {
	  font-size: 15px;
	}
}
@media (max-width:850px) { 
	.content-work-display-slider .media {
	  position: relative;
	  transform: none;
	  max-width: 500px;
	  width: 100%;
	  margin: 50px 0;
	}
	
	.content-work-display-slider .content {
	  position: relative;
	  transform: none;
	  max-width: 100%;
	  margin: 50px auto;
	}
	
	.slide-wrap {height: auto; padding-bottom: 50px;}
	
	.content-work-display-slider .media.Image img {
	  max-height: 330px;
	  width: auto;
	  height: auto !important;
	}
	.slide-inner {
	  /*position: absolute;
	  width: 100%;
	  left: 0;
	  padding: 0 35px;
	  top: 50%;
	  transform: translateY(-50%);*/
	}
}

@media (max-width: 767px) {
	.slide-wrap {
	  padding-bottom: 50px;
	}
	
}

.content-work-display-slider .media .video-modal {
  overflow: hidden;
  border-radius: 7px;
  position: relative;
  display: block;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
  margin-right: 13px;
}

.content-work-display-slider .media .video-modal .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 80px;
}

.content-work-display-slider .media .video-modal:hover .play-button {
  opacity: 0.6;
}
.content-work-display-slider .media .video-modal {
	background: none !important;
}


/*
* PORTFOLIO SLIDER
*/
.portfolio-slider .container .row .client {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.portfolio-slider .container .row > div {
	position: static;
}

.portfolio-slider {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  margin-bottom: -2px;
  position: relative;
  overflow:hidden;
}

@media (min-width: 1500px) {
.portfolio-slider .container {
    width: 1400px;
}
}

.portfolio-slider .container-fluid {
	padding: 0;
}

.portfolio-slider  .flexslider {
  background: none;
  border: none;
  box-shadow: none;
  margin: -2px 0;
  position:static;
}

.portfolio-slider .container .row .client .icon {
  width: 100px;
  border-radius: 100px;
  box-shadow: -5px -5px 30px rgba(0, 0, 0, 0.08);
  overflow:hidden;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
}

.page-id-911 .portfolio-slider {
  background: #000;
}

.page-id-911 .portfolio-slider .client-name {
  color: #fff;
}

.portfolio-slider .container .row .client .content {
  width: calc(100% - 100px);
  padding: 20px;
  vertical-align: middle;
  display: inline-block;
}

.portfolio-slider .container .row .client .client-name {
  font-size: 26px;
  font-weight: 100;
  line-height: 1.4;
}

.portfolio-slider .container .row .client .sub-head {
  font-size: 15px;
  text-transform: uppercase;
  color: #999;
  letter-spacing: 2px;
}

.portfolio-slider .container-fluid .row > div {
  position: static;
  padding: 0;
}
.portfolio-slider .flexslider {
  position: static;
}
.portfolio-slider .flex-direction-nav {
  position: absolute;
  z-index: 10000;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);

  background: #ddd;
  height: 36px;
  border-radius: 30px;
}

.portfolio-slider .flex-direction-nav li {
  display:inline-block;
  margin: 0px;
}

.portfolio-slider .flex-direction-nav a {
  opacity: 1;
  left: auto !important;
  right: auto !important;
  position: static;
  font-size:0px;
  height: auto;
  width: auto;
  line-height: 1;
  margin: 0 !important;
  padding: 9px 30px;
  opacity: 1 !important;
  display: inline-block;
}
.portfolio-slider .flex-direction-nav a.flex-prev {
  border-right: 1px solid #c5c5c5;
}

.portfolio-slider .flex-direction-nav a::before {
  font-size: 18px
}

.portfolio-slider .flex-direction-nav a:hover {
  color: #888;
}

.portfolio-slider .video-wrap {
  max-width: 700px;
  display: block;
  margin: auto;
  width: 90%;
  padding: 0;
  height: 0;
  padding-bottom: 59%;
  position: relative;
}
.portfolio-slider .video-inner {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 20px;
  overflow: hidden;
}

.portfolio-slider a.video-modal img {border-radius: 20px;}

.portfolio-slider .video-wrap .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 70px;
  color: #fff;
  transform: translate(-50%, -50%);
}

.portfolio-slider a.video-modal {
  position: relative;
  display: block;
}

.portfolio-slider a.video-modal:hover .play-button {
	opacity: 0.5;
}

.portfolio-slider .video-time {
  float: right;
  margin: 14px 0;
  font-weight: 600;
  background: #eee;
  padding: 1px 20px;
  border-radius: 30px;
}

.portfolio-slider .video-label {
  float: left;
  font-size: 22px;
  font-weight: 100;
  margin: 10px 0;
}

.portfolio-slider .flex-direction-nav a.flex-disabled {
  display: none;
}
.portfolio-slider .video-wrap .video-inner > div {
  position: absolute;
  z-index: 1;
  width: 100%;
  padding: 0 19px;
  background: rgba(255, 255, 255, 0.85);
}
.portfolio-slider {
  visibility: hidden;
}

.portfolio-slider.slider-initalized {
  visibility: visible;
}

.portfolio-slider .button a {
  color: #ec771f;
  background: #f5f5f5;
  border: 1px solid #d4d4d4;
  padding: 7px 43px;
  display: inline-block;
  margin-top: 21px;
  font-weight: 100;
  border-radius: 100px;
  font-size: 16px;
}
.portfolio-slider .button a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*
* GALLERY
*/
.gallery-wrap .gallery-item {
  margin-bottom: 30px;
}
@media (max-width:767px) {
  .gallery-wrap .gallery-item {
	  margin-bottom: 3px;
	}
}

/*
* IMAGE BANNER
*/
.image_banner {
  overflow: hidden;
}
@media (min-width: 992px) {
	.image_banner img {
	  margin: -20px 0;
	}
}

/*
* CONTACT
*/
.contact-page {
  padding-top: 20px;
  padding-bottom: 100px;
}

/*
* TEAM WRAP
*/
@media (min-width:1400px) {
	.team-wrap .container {
	  width: 1400px;
	}
}
.team-wrap {
  padding-bottom: 100px;
}

/*
* SMALL ONE COLUMN
*/
.small_one_column {
  padding: 75px 0;
}

/*
* VIDEO MODAL
*/
.video-modal {
	cursor: pointer;
}
div#youtube-video-wrap {
	opacity: 0;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 1);
  
  transition: all 1s ease;
}

div#youtube-video-wrap.open {
	opacity: 1;
}

div#youtube-video-wrap .video-inner {
  max-width: 1000px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}

div#youtube-video-wrap::before {
	  content: "X";
	  position: absolute;
	  cursor: pointer;
	  z-index: 10;
	  top: 5px; 
	  left: 5px;
	  display: block;
	  color :#000;
	  width: 50px;
	  line-height: 50px;
	  text-align: center;
	  border-radius: 50px;
	  background: #fff;
	}

div#youtube-video-wrap .video-inner .responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
}

div#youtube-video-wrap .video-inner iframe {
  position: absolute;
  height: 100%;
  width: 100%;
}
.videoWrapper {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width:767px) {
	div#youtube-video-wrap::before {
	  content: "X";
	  position: absolute;
	  cursor: pointer;
	  z-index: 10;
	  top: 5px; 
	  left: 5px;
	  display: block;
	  color :#000;
	  width: 50px;
	  line-height: 50px;
	  text-align: center;
	  border-radius: 50px;
	  background: #fff;
	}
}


/*
* ABOUT
*/
.page-template-page-about h1 {
  font-size: 32px;
  color: #E46E28;
  font-weight: 100;
}
.page-template-page-about h2 {
  font-size: 21px;
  color: #642B90;
  margin-top: 0;
  margin-bottom: 30px;
}
.page-template-page-about h3 {
	font-size: 20px;
	font-weight: 300;
}
.page-template-page-about .clients h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #505050;
  padding-bottom: 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid #EAEAEA;
}
.page-template-page-about h5 {
  font-size: 20px;
  font-weight: 200;
  color: #642B90;
  margin-bottom: 10px;
  margin-top: 20px;
}
.page-template-page-about .clients img {
  padding: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.page-template-page-about .clients .row > div > div {
  height: 110px;
  position: relative;
}
.team-wrap .col-sm-6 {
  padding: 40px 56px;
}
.team-wrap .headshot img {
  border-radius: 50%;
}
.team-wrap .header {
  margin-bottom: 37px;
  position: relative;
}
.team-wrap .name_title {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.team-wrap .name_title .name {
  font-size: 27px;
  font-weight: 100;
  color: #FF863E;
  line-height: 1;
}
.team-wrap .name_title .title {
  font-size: 16px;
  line-height: 1.2;
	font-weight: 100;
	padding-top:5px;
  color: #9A9A9A;
  
}
.team-wrap .body {
  font-size: 13px;
  line-height: 1.8;
}

/*
* LOGO CAROUSEL
*/
.client-logos-carousel .carousel {
	display: none;
}
.client-logos-carousel .carousel.slick-initialized {
	display: block;
}
.client-logos-carousel .client-logo {
  margin: 0 40px
}

.client-logos-carousel {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.client-logos-carousel .client-logo img {
  width: auto;
  max-height: 100px;
}

@media (max-width: 767px) {
	.client-logos-carousel .client-logo {
	  margin: 0 15px
	}
	.client-logos-carousel .client-logo img {
	  max-height: 60px;
	}
}

/*
* SERVICES
*/
.highlights-wrap {
	background-size:cover;	
	color: #545454;
	padding: 40px 0;
}
.highlights-wrap .content {
  font-size: 13px;
  padding: 0 16px;
  letter-spacing: 0.2px;
}
.highlights-wrap h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.highlights-wrap .col-sm-4 { position: relative; }
.highlights-wrap .col-sm-4:nth-child(1):after, 
.highlights-wrap .col-sm-4:nth-child(2):after {
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 5px;
  content:"";
  background-image: url("../../uploads/2015/09/vert-divider-1x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.highlights-wrap .col-sm-4:nth-child(1):after, 
	.highlights-wrap .col-sm-4:nth-child(2):after {
	  background-image: url("../../uploads/2015/09/vert-divider-2x.png");
	}
}

.deliverables-wrap {
  position: relative;
}
.deliverable-item {
  position: static;
  padding-top: 60px;
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.deliverable-item a {
	position: relative;
	display: block;
}
.deliverable-item a .overlay {
  position: absolute;
  left: 0;
  bottom: 20px;
  right: 0;
  background: rgba(255, 255, 255, 0.94);
  color: #FF863E;
  text-align: center;
  padding: 20px 0;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.deliverable-item a:hover .overlay,
.deliverable-item.open .overlay {
	background: rgba(255,132,60,0.94);
	color: #fff;
}
.deliverable-item.open .overlay {
	bottom: -20px;
	padding-bottom: 60px;
}

.deliverable-item .media .item {
	margin-bottom: 30px;
}

.deliverable-drawer {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 40px 20px;
  background-color: #1F1F1F;
  color: #DCDCDC;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 100;
  opacity: 0;
  display: none;
  z-index: 0;
  margin-top: 20px;
  -webkit-transition: all 1000ms ease-out 0s;
  transition: all 1000ms ease-out 0s;
}
.deliverable-drawer > .media {
  border-top: 1px solid #000;
  margin-top: 54px;
  padding-top: 30px;
}
.deliverable-item.open .deliverable-drawer {
	opacity: 1;
}
.page-template-page-services .intro {
  max-width: 740px;
  margin: 30px auto;
  margin-top: 65px;
  margin-bottom: 65px;
  color: #545454;
}
.page-template-page-services h1 {
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/*
* TWO COLUMN COMPARISION DISPLAY
*/
.two_column_comparision_display > div {
  display: inline-block;
  vertical-align: top;
  width: 330px;
  max-width: 100%;
}

.two_column_comparision_display {
  text-align: center;
  padding: 100px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.two_column_comparision_display > div .items {
  text-align: left;
  padding: 40px 30px;
  font-size: 15px;
}

.two_column_comparision_display > div.vs-div {
  width: 150px;
  font-size: 24px;
  font-weight: 100;
  letter-spacing: 4px;
  color: #ddd;
  padding: 15px 0;
}

.two_column_comparision_display .header {
  font-size: 26px;
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/Orange-Purple-Gradient.png);
  padding: 14px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 100;
}

.two_column_comparision_display .column-one, .two_column_comparision_display .column-two {
  box-shadow: 0 0px 44px #0000001c;
}

.two_column_comparision_display > div .items .item {
  margin-bottom: 8px;
  padding-left: 22px;
}

.two_column_comparision_display > div .items .item.icon-true {
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/checkmark.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 0px 4px;
  image-rendering: -webkit-optimize-contrast;
}

.two_column_comparision_display > div .items .item.icon-false {
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/xicon.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 2px 6px;
  image-rendering: -webkit-optimize-contrast;
}


@media (max-width:991px) and (min-width:768px) {
	.two_column_comparision_display>div.vs-div {
	  width: 100px;
	}
	
	.two_column_comparision_display>div {
	  width: 310px;
	}
	
	.two_column_comparision_display > div .items {
	  font-size: 14px;
	}
}


@media (max-width:767px) {
	.two_column_comparision_display>div.vs-div {
	  display: block;
	  margin: 10px auto;
	}
}

/*
* SUBSCRIPTION WEBSITES CATEGORY DISPLAY
*/

.subscription_website_category_display {
  background: #ddd;
  padding: 45px 0;
}

.subscription_website_category_display .flexslider {
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
  padding: 5px 0;
  overflow: hidden;
}

.subscription_website_category_display .flexslider .flex-viewport {
	padding-top: 5px;
}

.subscription_website_category_display > h3 {
  text-align: center;
  margin-bottom: 50px;
  font-weight: 100;
}

.subscription_website_category_display .item-wrap {
  display: block;
  background: #fff;
  text-decoration: none;
  color: #000;
}

.subscription_website_category_display .flexslider .slides > li {
  padding-left: 35px;
  width: 400px !important;
}

.subscription_website_category_display .item-header {
  padding: 31px 30px;
}

.subscription_website_category_display .item-header h3 {
  margin: 0;
  margin-top: 8px;
  font-weight: 100;
  margin-bottom: 10px;
  font-size: 27px;
  line-height: 1.4;
}

.subscription_website_category_display .item-wrap img {
  box-shadow: 0 -8px 40px #00000021;
}

.subscription_website_category_display .item-wrap {
	position: relative;
	transition: all 0.5s ease;
	top: 0;
	opacity: 1;
}

/*.subscription_website_category_display .item-wrap:hover {
	top: -5px;
	opacity: 0.8;
}*/

.subscription_website_category_display .flex-direction-nav .flex-next {
  right: -50px !important;
  background: #ec761f;
  opacity: 1 !important;
  text-align: left;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  line-height: 132px;
  font-size: 0px;
  padding-left: 18px;
  color: #fff;
  text-shadow: none;
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/arrow.png);
  background-position: 30% center !important;
}

.subscription_website_category_display .flex-direction-nav .flex-prev {
  left: -50px !important;
  background: #ec761f;
  opacity: 1 !important;
  text-align: right;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  line-height: 132px;
  font-size: 0px;
  padding-right: 18px;
  color: #fff;
  text-shadow: none;
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/arrow-left.png);
  background-position: 70% center !important;
}

.subscription_website_category_display .flex-direction-nav .flex-disabled {
  display: none;
}

.subscription_website_category_display .flex-direction-nav a::before {
  content: none !important;
}

.subscription_website_category_display .flex-direction-nav a {
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}

@media (max-width:767px) {
	.subscription_website_category_display .flexslider .slides>li {
		width: 280px !important;
	}
	.subscription_website_category_display .item-header h3 {
	  font-size: 22px;
	  line-height: 1.1;
	  margin-bottom: 5px;
	}
}

/*
	LANDING PAGE HEADER
*/
.header.landing-page-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30000;
}
.landing-page-header-placeholder {
	height: 70px;
}
.header.landing-page-header a.cta-button {
  background: #ec761f;
  color: #fff;
  padding: 6px 20px;
  display: block;
  border-radius: 50px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  font-size: 15px;
  margin: 15px 0;
  min-width: 200px;
  text-decoration: none;
}
.header.landing-page-header a.cta-button:hover {
	opacity: 0.6;
}
@media (max-width: 768px) {
	.header.landing-page-header {
	  position: relative;
	}
	.landing-page-header-placeholder {
		display: none;
	}
}

/*
	SUBSCRIPTION WEBSITE Landing Page
*/
.page-id-1990 .content-highlight-banner a.button-default {
	letter-spacing: 1px;
  text-align: center;
}
.page-id-1990 .content-highlight-banner a.button-default::after {
	font-size: 18px;
}
.page-id-1990 .conversion-content p {
  font-size: 16px;
  line-height: 1.4;
}
.page-id-1990 .conversion-content h3 {
  font-size: 20px;
  line-height: 1.3;
}
.page-id-1990 .conversion-banner-wrap {
  background: #ec761f;
  color: #ffffff;
}
.page-id-1990 .conversion-banner-wrap .conversion-form form button {
  background: none;
  color: #ffffff;
  border: 2px solid #fff;
}
@media (min-width: 767px) {
	.text-right-sm {
		text-align: right;
	}
}


/*
	Digital Marketing Landing Page
*/
.page-id-2642 .content-highlight-banner a.button-default {
	letter-spacing: 1px;
  text-align: center;
}
.page-id-2642 .content-highlight-banner a.button-default::after {
	font-size: 18px;
}
.page-id-2642 .conversion-content p {
  font-size: 16px;
  line-height: 1.4;
}
.page-id-2642 .conversion-content h3 {
  font-size: 20px;
  line-height: 1.3;
}
.page-id-2642 .conversion-banner-wrap {
  background: #ec761f;
  color: #ffffff;
}
.page-id-2642 .conversion-banner-wrap .conversion-form form button {
  background: none;
  color: #ffffff;
  border: 2px solid #fff;
}
.page-id-2642 .content-highlight-banner h2 {
  font-size: 32px;
  letter-spacing: 2px;
}
.page-id-2642 .content-highlight-banner .content p {
  line-height: 1.45;
}
.page-id-2642 .content-highlight-banner a {
  color: #ec761f;
}
.page-id-2642 .content-highlight-banner a.button-default {
	color: #fff;
}
.page-id-2642 .row.flexible-content-row.two_column > div {
  padding: 0 60px;
}

.large-font-p p,
p.large-font-p {
  font-size: 19px;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.page-id-2642 .row.flexible-content-row.two_column > div {
	  padding: 0 15px;
	}
	
	.page-id-2642 .content-highlight-banner h2 {
	  font-size: 25px;
	}
	
	.page-id-2642 .content-highlight-banner a.button-default {letter-spacing: 0;}
	
	.page-id-2642 .content-highlight-banner a.button-default::after {
	  font-size: 17px;
	}
	
	.page-id-2642 .content-highlight-banner .content p {
	  line-height: 1.3;
	  font-size: 13px;
	}
}


@media (min-width: 767px) {
	.text-right-sm {
		text-align: right;
	}
}


/*
* WEBSITE CATEGORY
*/
.website_category-tabs ul {
  list-style: none;
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 0;
  text-align: center;
}

.website_category-tabs ul li {
  display: inline-block;
  position: relative;
}

.website_category-tabs ul li a {
  padding: 16px 22px;
  color: #000;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 100;
  font-size: 14px;
}

.website_category-tabs ul li.active a {
  color: #ee7823;
}

.website_category-tabs ul li.active::after {
  content: "";
  display:block;
  width: 40px;
  height: 40px;
  margin: 0 -20px;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: rotate(45deg);
  position:absolute;
  top: 35px;
  left: 50%;
}

.tax-website_category h1 {
  text-align: center;
  letter-spacing: 0px;
  text-transform: none;
  padding-top: 57px;
  margin: 0;
  font-size: 28px;
}

.subscription-website-cat-list {}

.subscription-website-cat-list .subscription-website-design {
  border-bottom: 1px solid #ddd;
  margin: -1px 0;
  overflow: hidden;
}

.subscription-website-cat-list .subscription-website-design img {
  margin-top: 86px;
  box-shadow: 0 -4px 41px #00000045;
}

.subscription-website-cat-list .subscription-website-design .row {
  display: table;
  width: 100%;
}

.subscription-website-cat-list .subscription-website-design .row > div {
  display: table-cell;
  float: none;
}

.subscription-website-cat-list .subscription-website-design .row .image {
  vertical-align: bottom;
}

.subscription-website-cat-list .subscription-website-design .row .content {
  vertical-align: middle;
  padding-left: 70px;
}

.subscription-website-cat-list .subscription-website-design h2 {
  font-size: 42px;
  margin-top: 48px;
}

.subscription-website-cat-list .subscription-website-design .examplebusiness .label {
  font-size: 13px;
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}

.subscription-website-cat-list .subscription-website-design .examplebusiness .value {
  font-size: 22px;
  font-weight: 100;
  line-height: 1;
}

.subscription-website-cat-list .subscription-website-design .examplebusiness {
  padding: 17px 0;
}

.subscription-website-cat-list .subscription-website-design a.button-default {
  padding: 11px 34px;
}

.subscription-website-cat-list .subscription-website-design a.button-default::after {
  font-size: 20px;
  letter-spacing: 6px;
}

.subscription-website-design > .container {
  max-width: 900px;
}

@media (max-width:767px) {
	.subscription-website-cat-list .subscription-website-design .row {
	  display: block;
	  width: auto;
	}
	
	.subscription-website-cat-list .subscription-website-design .row > div {
	  display: block;
	  float: none;
	}
	
	.subscription-website-cat-list .subscription-website-design .row .content {
	  padding-left: 15px;
	  padding-bottom: 56px;
	}
	
	.subscription-website-cat-list .subscription-website-design .examplebusiness {
		padding: 5px 0;
	}
	
	.website_category-tabs ul li.active::after {
		content: none;
	}
	
	.website_category-tabs ul li {
		display: block;
	}
	.website_category-tabs ul li a {
	  padding: 5px 0;
	}
}

/*
* SUBSCRIPTION WEBSITE SINGLE
*/

.single-subscription_website .content-area .header {
  text-align: center;
  margin: 20px 0;
}

.single-subscription_website .content-area .header .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 39px;
  font-weight: 100;
}

.single-subscription_website .content-area .header .examplebusiness {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ddd;
}

.single-subscription_website .content-area .header .examplebusiness .label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}

.single-subscription_website .content-area .header .examplebusiness .value {
  font-size: 21px;
  font-weight: 100;
  line-height: 1;
}

.mockup-preview {
  margin: 70px auto;
  max-width: 1400px;
  width: 92%;
  text-align: center;
}

.mockup-preview img {
	box-shadow: 0 0 40px #0000003d;
	display: none !important;
}

.mockup-preview img.active {
  display: inline-block !important;
}

.mockups-slider .mockups-inner.slick-initialized {
  display: block;
}

.mockups-slider .mockups-inner .slick-track {
  margin: auto;
}

.mockups-slider .slick-slide a {
  outline: none;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.mockups-slider .slick-slide a .label {
  font-weight: 100;
  font-size: 17px;
  margin-bottom: 10px;
}

.mockups-slider .slick-slide a .image {
  box-shadow: 0 0 20px #00000026;
}

.mockups-slider .mockups-inner.slick-initialized .slick-list {
  padding-bottom: 44px;
}

.mockups-slider .slick-slide a.active::after {
  content: "";
  display: block;
  background-image: url(/www2017/wp-content/themes/tangent/core/imgs/arrow-bottom.png);
  height: 26px;
  margin-top: 29px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mockup-wrap {
  padding: 0 10px;
}

.mockups-slider .slick-slide a .image {
  opacity: 0.7 !important;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}

.mockups-slider .slick-slide a.active .image {
  display: block;
  opacity: 1 !important;
}

ul.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: -32px;
  position: relative;
  z-index: 2;
}

ul.slick-dots li {
  display: inline-block;
  margin: 4px;
}

ul.slick-dots li button {
  background: none;
  border: none;
  box-shadow: none;
  color: #c7c7c7;
  width: 10px;
  height: 10px;
  background: #ddd;
  font-size: 0;
  border-radius: 50px;
}

ul.slick-dots li.slick-active button {
  background: #ee7823;
}


.two_column_cta {
  padding: 170px 0;
}

@media screen and (max-width: 767px) {
	.two_column_cta .row > div:first-child {
	  margin-bottom: 100px;
	}
	
	.two_column_cta {
	  padding: 80px 0;
	}
}


/*
* PORTFOLIO
*/
.page-template-page-portfolio h1 {
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #545454;
  margin-bottom: 50px;
}
.page-template-page-portfolio .work_item img {
  width: 100%;
}
.page-template-page-portfolio .work_item {
  margin-bottom: 30px;
  float: none;
  display: block;
}
.portfolio-nav .filter {
  display: inline-block;
  padding: 10px 28px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  color: #9E9E9E;
  margin: 0 3px;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 100;
}
.portfolio-nav .filter:hover {
	color: #642B8F;
}
.portfolio-nav .filter.active {
  color: #642B8F;
  cursor: default;
  font-weight: 800;
  border-width: 2px;
}
.portfolio-nav{text-align:center;margin-bottom:20px}
.portfolio-nav-mobile{display:none}

/*
* PORTFOLIO ITEM
*/
#folio-images .content-wrap .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#folio-images .content-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
#folio-images .content-wrap .content img {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.portfolio-item-header img {
  margin-bottom: -57px;
}
.portfolio-item-header {
  background-size: cover;
  background-position: bottom center;
  text-align: center;
  color: #000;
  margin-bottom: 200px;
  padding-top: 60px;
  background: #f7f7f7 !important;
}
.portfolio-item-header h1 {
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 8px;
  line-height: 1;
  margin: 0;
}
.portfolio-item-header h2 {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 1;
  letter-spacing: 2px;
  margin: 0;
  margin-bottom: 60px;
}
.portfolio-item-header hr {
  margin: 10px auto;
  width: 50%;
  max-width: 600px;
  min-width: 300px;
}
#content-wrap {
  margin-bottom: 60px;
}
#content-wrap h3 {
  font-weight: 300;
}
.single-portfolio #content-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.single-portfolio #content {
	border-right: 1px solid #eeeeee;
}
.single-portfolio #content-wrap.no-testimonial #content {
  border: none;
}
.portfolio-item-header.no-header-img {
  margin-bottom: 77px;
}
#testimonial .body {
	margin-top: 20px;
	background-image: none !important;
  /*background-size: cover;
  color: #fff;
  padding: 13px 20px;
  padding-bottom: 5px;
  background-position: top center;*/
}
#testimonial .author {
  color: #FF863E;
  font-weight: 100;
  /*margin-top: 1px;
  padding: 13px;
  font-size: 19px;*/
}
#testimonial > span {
  font-size: 12px;
  color: #737373;
}
.portfolio-cta-wrap {
  text-align: center;
  border-top: 1px solid #ddd;
  padding-top: 50px;
  margin-top: 50px;
  margin-bottom: 200px;
}

/*.portfolio-cta-wrap .button-default {
  background: #63298F;
  color: #fff;
  padding: 10px 20px;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 100;
  min-width: 290px;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
}*/


/*
* CAREERS
*/
.page-template-page-careers h1,
.single-job h1 {
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 40px;
}
.job-wrap {
    background: #FFFFFF;
    padding: 20px 0;
    margin: 50px 0;
    border-top: 1px solid #ff863e;
    border-bottom: 1px solid #ff863e;
}
.job-openings .job a {
    color: #000000;
    text-decoration: none;
}
.job-openings .job a p {
    color: #444;
}
.job-openings .job h2 {
    color: #662A92;
    font-weight: 100;
}
html, 
body.page-template-page-careers, 
.page-template-page-careers #site-wrapper, 
.page-template-page-careers #pagey, 
.page-template-page-careers #page {
    height: 100%;
    height: calc(100% - 55px);
}

/*
* BLOG ARCHIVE
*/
/*parallax*/
.single-post .parallax,
.blog .parallax,
.category .parallax{
	position: absolute!important;
	left:0;
	top:0;
	background-size: cover;
	background-position: center center;
	z-index: -1;
}
.single-post .parallax2,
.blog .parallax2,
.category .parallax2{
	position: absolute!important;
	left:0;
	top:0;
	width:100%;
	height:150%;
	background-size: cover;
	background-position: center center;
	z-index: -1;
}
.single-post .tmbackground,
.blog .tmbackground,
.category .tmbackground{
	position: absolute!important;
	left:0;
	top:0;
	width:100%;
	height:150%;
	background-size: cover;
	background-position: center center;
	z-index: -1;
}
.blog-header {
  position: relative;
  overflow: hidden;
  text-align: center;
  color: #fff;
  padding: 60px;
}

.blog-header .parallax2 {
  z-index: -1;
}

.blog-header h1 {
  text-transform: uppercase;
}

.blog .categories .category,
.category .categories .category {
  display: block;
  text-align: right;
  color: #6d6d6d;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.blog .categories .category.current,
.category .categories .category.current {
  color: #ff863e;
}
.blog .categories .category:hover,
.category .categories .category:hover {
  color: #343434;
  text-decoration: none;
}
.blog #secondary,
.category #secondary {
  border-right: 1px solid #ddd;
  padding-right: 30px;
}
.blog #content-wrap,
.category #content-wrap {
  margin-top: 75px;
}
.blog #primary,
.category #primary {
  padding-left: 30px;
  margin-top: 0;
}
.blog .postcategories a, .blog .postcategories,
.category .postcategories a, .category .postcategories,
.related-blog-post .postcategories a, .related-blog-post .postcategories {
  color: #ff863e;
  font-size: 13px;
}

.blog .postcategories a, 
.category .postcategories a,
.related-blog-post .postcategories a  {
  text-decoration: underline;
}
.blog article,
.category article,
article.related-blog-post {
	margin-bottom: 75px;
}
.blog a.post-thumbnail,
.category a.post-thumbnail,
article.related-blog-post a.post-thumbnail {
	outline: none;
}
.blog a.post-thumbnail img,
.category a.post-thumbnail img,
article.related-blog-post a.post-thumbnail img {
  border-radius: 4px;
}

.blog article h2,
.category article h2,
article.related-blog-post h4 {
  margin:10px 0;
  font-weight: 100;
  color: #505050;
  line-height:1.2;
  font-size: 26px;
}
.blog article a,
.category article a,
article.related-blog-post a {
	text-decoration: none;
	outline: none;
}
.blog article .author,
.category article .author,
article.related-blog-post .author {
  text-transform: uppercase;
  font-weight: 600;
  color: #757575;
  font-size: 13px;
}
.blog article p,
.category article p,
article.related-blog-post p {
  font-size: 14px;
  line-height: 1.9;
  color: #505050;
}
.blog article a.readmore,
.category article a.readmore,
article.related-blog-post a.readmore {
  color: #642a90;
  font-size: 17px;
}
.blog article a.readmore:hover,
.category article a.readmore:hover,
article.related-blog-post a.readmore:hover {
	color: #bb9fd0;
}
/*.blog article .info,
.category article .info {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}*/
.yuzo__title {
  text-align: center;
  margin: 38px !important;
  padding: 20px !important;
  margin-top: 85px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}
.yuzo__title h3,
.yuzo__title h2 {
	margin: 0 !important;
}

@media screen and (min-width: 768px) { 
	.blog article .row,
	.category article .row {
	  display: table;
	}
	.blog article .row > div,
	.category article .row > div {
	  display: table-cell;
	  float: none;
	  vertical-align: middle;
	  
	}
}
nav.navigation.paging-navigation {
  background: none;
}

nav.navigation.paging-navigation a {
  color: #ff863e;
  text-decoration: underline;
}

.container.blog-content {
  max-width: 700px;
}

.container.blog-content p {
  line-height: 1.65;
  font-size: 17px;
  font-weight: 100;
}
.container.blog-content ul,
.container.blog-content ol {
  font-weight: 100;
}
.container.blog-content h2 {
  font-size: 23px;
}
.container.blog-content h3 {
  font-size: 20px;
  font-weight: 100;
}
.blog-single-header {
  position: relative;
  overflow: hidden;
  height: 100%;
  height: calc(64% - 70px);
}
.blog-single-header h1 {
  color: #fff;
  font-size: 37px;
  letter-spacing: 3px;
  margin-bottom: 35px;
  line-height: 1.4;
}

.blog-single-header .postcategories, .blog-single-header .postcategories a {
  color: #ff863e;
}

.blog-single-header .postcategories a {
  text-decoration: underline;
}
html, body.single-post, .single-post #site-wrapper, .single-post #pagey {
  height: 100%;
}
.blog-single-header::before {
  content:"";
  width: 100%;
  height: 354px;
  position:absolute;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&1+0,0+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	opacity: 0.8;
}

.blog-single-header .container {
  padding: 24px;
}
.blog-single-header .author .img img {
  width: 100px;
  border-radius: 100%;
  border: 2px solid #ec761f;
}

.blog-single-header .author {
  text-align: right;
  color: #fff;
  margin-top: 38px;
}

.blog-single-header .author .img {
  float: right;
  padding-left: 19px;
}

.blog-single-header .author .name {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 1;
  padding-top: 31px;
}

.blog-single-header .author .jobtitle {
  font-size: 14px;
}
.blog-single-header a.scrollbtn {
  font-size: 43px;
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
#wpcomm .wc-blog-administrator > .wc-comment-left .wc-comment-label {
  background: #642a90 !important;
}

#wpcomm .wc-blog-administrator > .wc-comment-right .wc-comment-author, #wpcomm .wc-blog-administrator > .wc-comment-right .wc-comment-author
a {
  color: #642a90 !important;
}

#wpcomm span.wpdiscuz-sort-button-active {
	color: #642a90 !important;
}

/*
* YOUTUBE BG VIDEO
*/
.videoWrapper {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
* FORMS
*/
.visual-form-builder fieldset{background:none;border-radius:0;border:none}
.visual-form-builder .vfb-legend{color:rgb(51, 51, 51);border-bottom:1px solid #E4E4E4}
.visual-form-builder label,label.vfb-desc{font-weight:300}
input.vfb-text,input[type="text"].vfb-text,input[type="tel"].vfb-text,input[type="email"].vfb-text,input[type="url"].vfb-text,textarea.vfb-textarea {
	border-radius:0px;padding:6px 10px;box-shadow:none;background: rgb(243, 243, 243);border:none;box-shadow: none !important;
}
.visual-form-builder-container input:disabled{opacity:0.5}

/*
* FOOTER
*/
.get-quote {
  background: #ed7922;
  padding: 50px 0;
  color: #Fff;
  position: relative;
}

.get-quote .form-group input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
}
.get-quote .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 0.7;
}
.get-quote .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 0.7;
}
.get-quote .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 0.7;
}

.get-quote .form-group label {
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400 !important;
}

.get-quote .form-group input {
 border: none;
 background: none;
 color: #fff;
 -webkit-appearance: none;
 border-bottom: 4px solid #fff;
 border-radius: 0px;
 box-shadow: none !important;
 outline: none;
 font-weight:100px;
 font-size: 18px;
 width: 100%;
}
.get-quote .row > div {
	position: static;
}

.get-quote .wpcf7-submit {
  background: none;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  background: #cc681e;
  border-radius: 40px;
  padding: 20px 40px;
  font-size: 22px;
  font-weight: 100;
  text-transform: uppercase;
  width: 100%;
  outline: none;
  opacity: 1;
}
.get-quote .wpcf7-submit:hover {
	box-shadow: none !important;
	opacity: 0.7;
}
.wpcf7-response-output {
  max-width: 500px;
  text-align: center;
  margin: 26px auto !important;
  font-size: 15px;
  border-radius: 6px;
  padding: 10px !important;
}
.get-quote .pre-heading {
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 100;
}

.get-quote h3 {
  margin: 0;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 40px;
  letter-spacing: 6px;
}
div.wpcf7 .ajax-loader {
  background: none;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 50%;
  left: calc(50% - 30px);
  bottom: 10px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

div.wpcf7 .ajax-loader::before {
  content: "\f021";
}
.footer {
	margin-top: 0px;
  background-color: #F3F3F3;
  color: #5D5C5C;
  padding: 30px 0;
}
.footer a { 
	color: #5D5C5C;
}
.footer-nav {
	text-align: right;
}
.footer-nav .copyright {
	margin-right: 10px;
}
.footer-nav ul {
  list-style: none;
  margin: 0;
}
.footer-nav ul li {
  display: inline-block;
}
.footer-nav ul a {
  padding: 0 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.footer-nav ul ul {
	display: none;
}
.footer p {
  margin-bottom: 2px;
}
.footer-logo img {
  max-width: 192px;
}

/* 
* MOBILE MENU 
*/
.toggle-button {
	display: none;
}
#nav-icon2 {
  width: 19px;
  height: 16px;
  position: absolute;
  top: 27px;
  right: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 6px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 12px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: -2px;
  top: 0px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 0px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: -2px;
  top: 7px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 7px;
}
.slideout-menu {
  position: fixed;
  /* left: 0; */
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  background-color: #292929;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
#mobilemenu .main-navigation ul,
#mobilemenu .main-navigation {
  display: block;
  width: 100%;
}
#mobilemenu .main-navigation li {
  display: block;
  float: none;
  margin-bottom: 7px;
}
#mobilemenu .main-navigation li.menu-item-has-children {
	padding: 0;
	background: none;
}
#mobilemenu .main-navigation ul ul {
  position: relative;
  left: 0;
  top: 0;
  padding: 5px;
  margin-left: 21px;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.04);
  box-shadow: none;
  width: 89%;
  float: none;
}
#mobilemenu .main-navigation ul ul li {
  margin: 9px 0 !important;
}
#mobilemenu .main-navigation ul ul a {
  font-size: 11px;
  width: auto;
  padding: 0 5px;
}
#mobilemenu .main-navigation > div > ul > li > a {
  line-height: 1.4;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 15px 20px;
  border: none;
}
#mobilemenu .branding {
  padding: 14px;
  background-color: rgb(245, 245, 245);
  max-width: 100%;
  margin-bottom: 9px;
}
#mobilemenu .branding img {
  max-width: 175px;
  padding: 10px 0;
}
@media screen and (max-width:991px) {
	.toggle-button {
		display: block;
	}
	#nav-main-wrapper {
	  display: none;
	}
}

/* 
* RESPONSIVE 
*/




/* LARGE DESKTOP */
@media screen and (max-width:1500px) {
	.content-highlight-banner h2 {
	  letter-spacing: 6px;
	  font-size: 25px;
	  line-height: 1.2;
	}
	
	.content-highlight-banner p {
		font-size: 14px;
	}
	
	a.button-default::after {
		font-size: 17px;
	}
}


/* DESKTOP */
@media screen and (min-width:1200px) {
	.content-highlight-banner .container-wrap .container-fluid.banner-img {
		margin: -40px 0;
	}
}

/* SMALL DESKTOP */
@media screen and (max-width:1199px) {
	.team-wrap .name_title .title {
		font-size: 14px;
	}
  .main-navigation>div>ul>li>a {
    padding: 0 14px;
    font-size: 12px;
  }
  .blog article h2, .category article h2 {
	  font-size: 21px;
  } 
  .blog article p, .category article p {
	  font-size: 13px;
  }
  .blog article a.readmore, .category article a.readmore {
	  font-size: 15px;
  }
  .hero-text {
	  top: 12px;
	  transform: none !important;
	}
	
	.hero-imgs {
	  padding-bottom: 40.34%;
	  position: relative;
	  overflow: hidden;
	}
	.home-hero {
		padding: 0;
	}
	.home-hero-wrap {
		overflow: visible;
    padding-top: 133px;
	}
	.hero-text .line1 {
		font-size: 20px;
	}
	.hero-text .line2 {
		font-size: 37px;
	}
	.content-highlight-banner .banner-content {
	  line-height: 1.5;
	  font-size: 13px;
	}
	a.button-default {
	  padding: 9px 35px;
	}
	a.button-default::after {
		font-size: 15px;
	}
	.content-highlight-banner h2::after {
		margin: 2px 0;
		margin-top: 8px;
	}
	.content-highlight-banner h2 {
	  letter-spacing: 11px;
	  font-size: 22px;
	}
	.content-highlight-banner p {
		font-size: 12px;
	}
	.content-highlight-banner.video .col-inner {
	  max-width: 90%;
	}
}

@media screen and (max-width:1199px) {
.blog article h2, .category article h2 {
	  font-size: 21px;
  } 
  .blog article p, .category article p {
	  font-size: 13px;
  }
  .blog article a.readmore, .category article a.readmore {
	  font-size: 15px;
  }
  .team-wrap .name_title {
	  position: relative;
	  top: 0px;
	  -webkit-transform: none;
	  transform: none;
	  margin-top: 21px;
	}
	.team-wrap .headshot img {
	  max-width: 152px;
	}
	.team-wrap .col-sm-6 {
	  padding: 15px;
	}
}

/* TABLET */
@media screen and (max-width:991px) {
	
	.page-template-page-about .clients {
	  max-width: 393px;
	  margin: 50px auto;
	}
	
	.page-template-page-portfolio .work_item>.deliverable {
	  font-size: 10px;
	}
	.blog article .row > div, .category article .row>div {
	  display: table-cell;
	  float: none;
	  vertical-align: top;
	}
	
	.content-highlight-banner .container-wrap .container .row {
	  position: relative;
	}
	
	.content-highlight-banner .container-wrap .container {
	  transform: none !important;
	}
	
	.content-highlight-banner .container-wrap .container-fluid.banner-img {
	  overflow: hidden;
	  border-top: 1px solid #ddd;
	  text-align: center;
	  margin-top: 39px;
	}
	
	.content-highlight-banner .container-wrap .container-fluid.banner-img img {
	  max-width: 500px;
	  width: 100%;
	  margin: auto;
	}
	
	.content-highlight-banner .banner-content .col-inner {
	  padding: 20px;
	}
	/*.tmparallax {
		transform: none !important;
	}*/
	
	
	#site-wrapper > .header {
		position: relative;
	}
	html {
	  margin: 0;
	}
	
	.content-highlight-banner .banner-content .col-inner {
	  padding: 80px 20px;
	}
	
	.content-highlight-banner.video .col-inner {
	  position: relative !important;
	  transform: none;
	}
	
	.content-highlight-banner.video .banner-content {
	  position: relative;
	}
	
	.content-highlight-banner.video .container-wrap {
	  padding: 0;
	}
	
	.content-highlight-banner.video .bg {
	  display: none;
	}
	
	.content-highlight-banner.video {
	  background-size: cover !important;
	  background-position: center center !important;
	}
	
	.content-highlight-banner .container-wrap .container-fluid.banner-img {
	  display: none;
	}
	
	.content-highlight-banner .mobile-banner-img {
	  display: block;
	  border-bottom: 1px solid #Ddd;
	  overflow: hidden;
	}
	.content-highlight-banner h2::after {
	  margin: 20px 0;
	}
	
	.portfolio-slider .container .row .client {
	  position: relative;
	  transform: none;
	  top: auto;
	  text-align: center;
	}
	
	.portfolio-slider .container .row .client .content {
	  width: auto;
	  text-align: left;
	}
	
	.client-wrap {
	  padding: 25px 0;
	  border-bottom: 1px solid #eee;
	  margin-bottom: 2px;
	}
	
	.portfolio-slider {
	  margin-bottom: 100px;
	  border-top: none;
	  border-bottom: 1px solid #ddd;
	}
	
	.portfolio-slider .flex-direction-nav {
	  bottom: 2px;
	  height: 22px;
	}
	
	.portfolio-slider .flex-direction-nav a {
	  padding: 3px 18px;
	  height: 22px;
	}
	
	.content-highlight-banner h2 {
	  letter-spacing: 6px;
	  font-size: 22px;
	}
	
}

/* PHONE */
@media screen and (max-width:767px) {
	a.button-default {
	  letter-spacing: 3px;
	}
	.tangent-showcase-wrap .intro h2 {
		font-size: 25px;
	}
	.home .work_showcase .intro {
	  padding: 80px 0;
	}
	.header .logo .branding {
		text-align: left;
	}
	.header .logo .branding img {
    max-width: 190px;
	  padding: 9px 0px;
	  width: 100%;
	}
	.home h1 span {
	  font-size: 13px !important;
	}
	.home .mCustomScrollBox {
		padding-bottom: 0;
	}
	.home-hero {
		padding: 0;
	}
	
	.client-logos::before, .client-logos::after {
	  width: 96%;
	}
	.work_item img {
	  max-width: 100%;
	  width: 280px;
	}
	.work_item .overlay {
		display: none;
	}
	/*.hero-text .line1 {
	  font-size: 21px;
	  line-height: 30px;
	}*/
	.work-showcase-wrap .intro {
	  font-size: 16px;
	  padding: 0px;
	  max-width: 485px;
    margin: auto;
	}
	.brain img {
	  margin-bottom: 40px !important;
	}
	/*.hero-text .line2 {
	  font-size: 21px;
	  line-height: 1.2;
	}*/
	/*.hero-text {
		height: 60px;
	}*/
	.header .logo {
		height: 55px;
		text-align: center;
	}
	.header .logo>img {
		right: -9px;
	}
	.navigation {
		height: 55px;
	}
	.header .logo,
	.navigation {
		border-width: 3px !important;
	}
	#nav-icon2 {
		top: 20px;
	}
	.page-template-page-portfolio .work_item {
		overflow: hidden;
	}
	.work_item > .deliverable {
	  font-size: 9px;
	  bottom: 4px;
	  white-space: nowrap;
	  font-weight: 400;
	}
	.page-template-page-portfolio .work_item>.deliverable {
	  font-size: 10px;
	  white-space: nowrap;
	  font-weight: 400;
	  display: none;
	}
	.page-template-page-about .clients {
	  max-width: 393px;
	  margin: 50px auto;
	}
	.team-wrap .name_title {
	  position: relative;
	  top: auto;
	  -webkit-transform: none;
	  transform: none;
	  margin-top: 21px;
	}
	.team-wrap .headshot img {
	  max-width: 152px;
	}
	.team-wrap .col-sm-6 {
	  padding: 15px;
	}
	.portfolio-nav {
	  display: none;
	}
	select.portfolio-nav-mobile {
	  width: 300px;
	  margin: auto;
	  background-color: #FFF;
	  height: 38px !important;
	  border-radius: 0;
	  padding: 2px;
	  line-height: 28px;
	  height: 28px;
	  vertical-align: middle;
	  border: 1px solid #ddd;
	  box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	  background-color: #fff;
	  color: #32373c;
	  outline: 0;
	  -webkit-transition: .05s border-color ease-in-out;
	  transition: .05s border-color ease-in-out;
	  margin-bottom: 27px;
	  display: block;
	}
	.brain img {
	  width: 250px;
	  display: block;
	  margin: auto;
	}
	.portfolio-item-header {
		overflow: hidden;
	}
	.portfolio-item-header img {
	  margin: 0 -100px;
	  margin-bottom: 10px;
	  max-width: 150%;
	}
	.portfolio-item-header h1 {
	  font-size: 21px;
	  letter-spacing: -1px;
  }
  .portfolio-item-header hr {
	  margin: 2px auto;
  }
  .portfolio-item-header h2 {
	  font-size: 10px;
	  letter-spacing: 0;
  }
  .page-template-page-portfolio .col-xs-6 {
	  padding: 1px;
  }
  .page-template-page-portfolio .work_item {
	  margin-bottom: 1px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.small_one_column {
	  padding: 10px 0;
	}
	.deliverable-drawer {
	  padding: 40px 0px;
  }
  h1, .h1 {
	  font-size: 23px;
  }
  .page-template-page-portfolio h1 {
	  margin-bottom: 20px;
  }
  .deliverable-item a .overlay {
	  bottom: 0px;
	  padding: 9px 0;
	  font-size: 18px;
	}
	.deliverable-item.open .overlay {
	  bottom: 0px;
	  padding-bottom: 9px;
	}
	.deliverable-drawer {
		margin-top: 0;
	}
	.deliverable-item {
  	padding-top: 15px;
  }
  a.post-thumbnail img {
	  margin-bottom: 27px;
	}
	.blog-single-header .author
	.img {
	  float: left;
	  padding-right: 20px;
	  padding-left: 0;
	}
	
	.blog-single-header
	.author {
	  text-align: left;
	}
	.parallax2 {
		height: 150%;
	}
	
	
	.hero-imgs img {
	  max-width: 150%;
	  width: 150%;
	  transform: translateX(-16%);
	}
	
	.hero-imgs {
	  padding-bottom: 86.5%;
	}
	
	.home-hero-wrap {
	  padding: 0;
	}
	
	.hero-text .line1 {
	  font-size: 17px;
	  line-height: 37px;
	}
	
	.hero-text .line2 {
	  font-size: 28px;
	}
	
	.work-showcase-wrap .intro h3 {
	  font-size: 18px;
	  padding: 15px;
	}
	
	.portfolio-slider .container .row .client {
		text-align: left;
	}
	.portfolio-slider .container .row .client .icon {
	  margin-left: 20px;
	}
	
	.get-quote .pre-heading {
	  font-size: 16px;
	}
	
	.get-quote h3 {
	  font-size: 26px;
	}
	
	.get-quote .row {
	  padding: 20px;
	}
	.single-post .tmbackground, .blog .tmbackground, .category .tmbackground {
	  position: relative !important;
	  padding-bottom: 49%;
	  z-index: 1;
	}
	
	.blog-single-header {
	  height: auto !important;
	  background: #f1f1f1;
	}
	
	.blog-single-header h1 {
	  color: #000;
	  font-size: 30px;
	  text-transform: none;
	  letter-spacing: 0;
	  margin: 0;
	  line-height: 1.1;
	  margin-bottom: 13px;
	}
	
	.blog-single-header::before {
	  display: none;
	}
	
	.blog-single-header .author {
	  color: #717171;
	  margin-top: 23px;
	}
	
	.col-sm-5.author {}
	
	.blog-single-header .scrollbtn {
	  display: none;
	}
	
}

/*
	
*/
@media (max-width: 767px) {
	.seperate-mobile-image .conversion-banner-wrap .background-img {
	  bottom: auto;
	  top: 0;
	  padding-bottom: 63%;
	}
	
	.seperate-mobile-image .conversion-banner-wrap {
	  background: #fff;
	  color: #000;
	  padding-top: 63%;
	}
	
	.seperate-mobile-image .conversion-banner-wrap .conversion-form form .form-group {
	  background: #f7f7f7;
	}
	
	.seperate-mobile-image .conversion-banner-wrap .conversion-form form .form-group textarea {
	  background: none;
	}
	
	.conversion-banner-wrap .conversion-form h2 {
	  font-size: 24px;
	}
	
	.conversion-banner-wrap .conversion-form form button {
	  color: #fff;
	}
	
	.seperate-mobile-image .conversion-banner-wrap .conversion-content h1 {
	  margin-top: 0;
	}
	
	.conversion-content ul li {
	  font-size: 15px;
	}
	
	.content-highlight-banner p {
	  font-size: 15px;
	  line-height: 1.7;
	}
	
	.row.flexible-content-row.two_column *, 
	.row.flexible-content-row.one_column *, 
	.row.flexible-content-row.small_one_column *, 
	.row.flexible-content-row.three_column * {
	  text-align: left !important;
	}
	
	a.button-default.small-text {
	  letter-spacing: 0;
	}
	
	a.button-default.small-text::after {
	  font-size: 17px;
	}
}

/* 
* TYPED JS 
*/
.typed-cursor {
	font-weight: 100;
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
  /*position: absolute;*/
  margin-right: -25px;
}
.hero-text .line2 span {
  display: inline-block;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}